.yr-page{--yr-ink:var(--nx-ink,#0e0e11);--yr-night:var(--pt-night);--yr-night-2:var(--pt-night-2);--yr-soft:var(--pt-ground-2);--yr-line:var(--pt-line);--yr-line-ink:#ffffff1f;--yr-mute:var(--pt-mute);--yr-faint:var(--pt-faint);--yr-on-ink:#ffffffb8;--yr-on-ink-2:#ffffff80;--yr-ease:cubic-bezier(.22, 1, .36, 1);--yr-r:clamp(18px, 2vw, 26px);color:var(--yr-mute);background:#fff}.yr-page :is(h1,h2,h3,p,ul,ol,dl,dd,address){margin:0;padding:0}.yr-page :is(ul,ol){list-style:none}.yr-shell{width:100%;max-width:1320px;padding-inline:var(--nx-pad,clamp(20px, 4.4vw, 62px));margin-inline:auto;position:relative}.yr-arr{width:1.1em;height:1.1em;transition:transform .4s var(--yr-ease);flex:none}.yr-page .yr-h2{letter-spacing:-.035em;color:var(--yr-ink);text-wrap:balance;font-size:clamp(1.75rem,1.2rem + 1.9vw,3rem);font-weight:700;line-height:1.1}.yr-page .yr-h2.on-ink{color:#fff}.yr-btn{white-space:nowrap;min-height:52px;transition:background-color .3s var(--yr-ease), border-color .3s var(--yr-ease), color .3s var(--yr-ease);border-radius:999px;align-items:center;gap:10px;padding:0 24px;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.yr-btn:hover .yr-arr{transform:translate(4px)}.yr-btn.solid{background:var(--yr-ink);color:#fff}.yr-btn.solid:hover{background:#2b2b30}.yr-btn.light{color:var(--yr-ink);background:#fff}.yr-btn.light:hover{background:#e9e9ec}.yr-btn.ghost{color:#fff;border:1px solid #fff6}.yr-btn.ghost:hover{border-color:#fff}.yr-acts{flex-wrap:wrap;gap:10px;display:flex}.yr-hero{isolation:isolate;background:var(--yr-night);min-height:clamp(520px,74svh,760px);color:var(--yr-on-ink);align-items:flex-end;padding-block:clamp(96px,12vw,160px) clamp(40px,5vw,72px);display:flex;position:relative;overflow:hidden}.yr-hero-bg{z-index:-1;position:absolute;inset:0}.yr-hero-bg img{object-fit:cover}.yr-hero-bg:after{content:"";background:linear-gradient(90deg,#08080bdb 0%,#08080b9e 42%,#08080b2e 100%),linear-gradient(#08080b00 54%,#08080bcc 100%);position:absolute;inset:0}.yr-hero-in{display:block}.yr-hero-copy{justify-items:start;gap:clamp(18px,2.2vw,26px);display:grid}.yr-crumb{color:var(--yr-on-ink-2);flex-wrap:wrap;gap:8px;font-size:.875rem;display:flex}.yr-crumb a{color:var(--yr-on-ink);text-decoration:none}.yr-crumb a:hover{color:#fff}.yr-page h1{letter-spacing:-.045em;color:#fff;text-wrap:balance;max-width:15ch;font-size:clamp(2.5rem,1.3rem + 4vw,5rem);font-weight:700;line-height:1.02}.yr-page .yr-lede{color:#fffc;max-width:58ch;font-size:clamp(1.0625rem,.98rem + .3vw,1.25rem);line-height:1.6}.yr-sec{padding-block:clamp(56px,7vw,104px)}.yr-sec.tight{padding-block:clamp(44px,5vw,80px)}.yr-sec-head{gap:14px;max-width:760px;margin-bottom:clamp(28px,3.6vw,52px);display:grid}.yr-sec-head.row{justify-content:space-between;align-items:end;gap:20px;max-width:none;display:flex}.yr-page .yr-sec-head p{max-width:56ch;font-size:1.0625rem;line-height:1.6}.yr-all{color:var(--yr-ink);flex:none;align-items:center;gap:8px;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.yr-all:hover .yr-arr{transform:translate(4px)}.yr-page .yr-who{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);display:grid}.yr-page .yr-who.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.yr-who-card{border-radius:var(--yr-r);background:var(--yr-soft);height:100%;color:inherit;grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden}.yr-who-img{aspect-ratio:2;background:#dcdce0;display:block;position:relative;overflow:hidden}.yr-who-img img{object-fit:cover;transition:transform .9s var(--yr-ease)}.yr-who-card:hover .yr-who-img img{transform:scale(1.045)}.yr-who-copy{align-content:start;gap:10px;padding:clamp(20px,2.2vw,30px);display:grid}.yr-page .yr-who h3{letter-spacing:-.02em;color:var(--yr-ink);justify-content:space-between;align-items:center;gap:12px;font-size:clamp(1.1875rem,1.05rem + .5vw,1.5rem);font-weight:650;line-height:1.2;display:flex}.yr-who-card:hover h3 .yr-arr{transform:translate(4px)}.yr-page .yr-who p{max-width:56ch;font-size:1rem;line-height:1.65}.yr-band{background:var(--yr-night);color:var(--yr-on-ink);padding-block:clamp(72px,9vw,130px);position:relative;overflow:hidden}.yr-scope{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:48px clamp(32px,5vw,80px);margin-bottom:clamp(72px,9vw,120px);display:grid}.yr-scope-copy{justify-items:start;gap:28px;display:grid}.yr-page .yr-scope-copy ul{border-top:1px solid var(--yr-line-ink);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;width:100%;display:grid}.yr-scope-copy li{border-bottom:1px solid var(--yr-line-ink);color:#fff;padding:13px 0;font-size:1rem;line-height:1.45}.yr-more{color:#fff;align-items:center;gap:8px;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.yr-more:hover .yr-arr{transform:translate(4px)}.yr-scope:last-child{margin-bottom:0}.yr-scope-fig{gap:22px;min-width:0;margin:0;display:grid}.yr-scope-fig figcaption{gap:6px;max-width:52ch;margin-left:10%;font-size:.9375rem;line-height:1.55;display:grid}.yr-scope-fig figcaption strong{color:#fff;font-weight:650}.yr-scope-fig figcaption a{color:#fff;justify-self:start;align-items:center;gap:6px;margin-top:4px;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.yr-scope-fig figcaption a:hover .yr-arr{transform:translate(2px,-2px)}.yr-scope-stage{min-width:0;display:block;position:relative}.yr-dev{aspect-ratio:16/11;display:block;position:relative}.yr-dev-browser{background:#fff;border-radius:14px;flex-direction:column;display:flex;position:absolute;inset:0 0 6% 10%;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f,0 40px 90px -30px #000c}.yr-dev-bar{background:#f4f4f5;border-bottom:1px solid #e4e4e7;flex:none;align-items:center;gap:6px;height:34px;padding:0 12px;display:flex}.yr-dev-bar i{background:#c9c9c4;border-radius:50%;width:9px;height:9px}.yr-dev-bar b{color:#5c5d63;background:#fff;border-radius:999px;align-items:center;height:20px;margin-left:12px;padding:0 12px;font-size:.6875rem;font-weight:500;display:inline-flex}.yr-dev-view,.yr-dev-phone-view{display:block;position:relative;overflow:hidden}.yr-dev-view{flex:1}.yr-dev-view img,.yr-dev-phone-view img{width:100%;height:auto;display:block}.yr-dev-view img{transition:transform 6s var(--yr-ease)}.yr-scope-stage:hover .yr-dev-view img{transform:translateY(-28%)}.yr-dev-phone{aspect-ratio:390/800;background:#0b0b0d;border-radius:30px;height:78%;padding:6px;position:absolute;bottom:0;left:0;box-shadow:0 0 0 1px #ffffff2e,0 30px 60px -20px #000000d9}.yr-dev-phone-view{background:var(--bar,#fff);border-radius:24px;height:100%;padding-top:22px}.yr-dev-phone-view:before{content:"";z-index:1;background:#0b0b0d;border-radius:999px;width:30%;height:11px;position:absolute;top:7px;left:50%;translate:-50%}.yr-work-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 40px;margin-bottom:clamp(26px,3vw,40px);display:flex}.yr-page .yr-work-head p{max-width:44ch;color:var(--yr-on-ink-2);font-size:.9375rem;line-height:1.55}.yr-page .yr-work{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);display:grid}.yr-page .yr-work.n1{grid-template-columns:minmax(0,1fr)}.yr-work a{border-radius:var(--yr-r);background:var(--yr-night-2);border:1px solid var(--yr-line-ink);height:100%;color:var(--yr-on-ink);transition:border-color .3s var(--yr-ease);grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden}.yr-work.n1 a{grid-template-rows:none;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.yr-work a:hover{border-color:#ffffff57}.yr-work-shot{aspect-ratio:16/9;background:radial-gradient(120% 90% at 50% 100%, var(--acc,#444) 0%, var(--tint,#111) 70%);padding:clamp(18px,2.4vw,32px) clamp(18px,2.4vw,32px) 0;display:block;position:relative;overflow:hidden}.yr-work.n1 .yr-work-shot{aspect-ratio:16/10}.yr-work-shot img{width:100%;height:auto;transition:transform 1.2s var(--yr-ease);border-radius:10px 10px 0 0;display:block;box-shadow:0 20px 50px -20px #000000b3}.yr-work a:hover .yr-work-shot img{transform:translateY(-6%)}.yr-work-copy{align-content:start;gap:8px;padding:clamp(20px,2.2vw,30px);display:grid}.yr-work.n1 .yr-work-copy{align-content:center}.yr-work-tag{color:var(--yr-on-ink-2);font-size:.8125rem}.yr-work strong{letter-spacing:-.02em;color:#fff;font-size:1.625rem;font-weight:700;line-height:1.15}.yr-work-text{font-size:.9875rem;line-height:1.55}.yr-work-site{color:#fff;align-items:center;gap:6px;margin-top:8px;font-size:.875rem;font-weight:500;display:inline-flex}.yr-work a:hover .yr-arr{transform:translate(2px,-2px)}.yr-page .yr-how{grid-template-columns:repeat(var(--n,4), minmax(0, 1fr));gap:32px clamp(20px,2.4vw,36px);display:grid}.yr-how.n3{--n:3}.yr-how li{border-top:2px solid var(--yr-ink);align-content:start;gap:10px;padding-top:18px;display:grid}.yr-page .yr-how h3{letter-spacing:-.015em;color:var(--yr-ink);font-size:clamp(1.125rem,1rem + .4vw,1.375rem);font-weight:650;line-height:1.25}.yr-page .yr-how p{font-size:.9875rem;line-height:1.65}.yr-cost{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:28px clamp(28px,4vw,72px);display:grid}.yr-cost-copy{justify-items:start;gap:18px;display:grid}.yr-page .yr-cost-copy p{max-width:44ch;font-size:1rem;line-height:1.6}.yr-page .yr-cost ul{border-top:1px solid var(--yr-line);display:grid}.yr-cost li{border-bottom:1px solid var(--yr-line);color:var(--yr-ink);padding:16px 0;font-size:1.0625rem;line-height:1.5}.yr-faq-in{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:start;gap:24px clamp(28px,4vw,72px);display:grid}.yr-faq-side{justify-items:start;gap:16px;display:grid}.yr-page .yr-faq-side p{max-width:34ch;font-size:1rem;line-height:1.6}.yr-faq-acts{gap:6px;display:grid}.yr-faq-acts a{color:var(--yr-ink);border-bottom:1px solid var(--yr-line);font-size:1rem;font-weight:600;text-decoration:none}.yr-faq-acts a:hover{border-color:var(--yr-ink)}.yr-faq{border-top:1px solid var(--yr-line)}.yr-faq details{border-bottom:1px solid var(--yr-line)}.yr-faq summary{color:var(--yr-ink);cursor:pointer;justify-content:space-between;gap:20px;padding-block:22px;font-size:1.0625rem;font-weight:600;list-style:none;display:flex}.yr-faq summary::-webkit-details-marker{display:none}.yr-faq summary:after{content:"+";transition:transform .3s var(--yr-ease);flex:none;font-size:1.375rem;font-weight:400;line-height:1}.yr-faq details[open] summary:after{transform:rotate(45deg)}.yr-page .yr-faq p{max-width:62ch;padding-bottom:22px;font-size:1rem;line-height:1.65}.yr-place{border-radius:var(--yr-r);background:var(--yr-night);color:var(--yr-on-ink);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);display:grid;overflow:hidden}.yr-map{background:#1a1a1f;min-height:380px;position:relative}.yr-map iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.yr-place-copy{align-content:center;justify-items:start;gap:18px;padding:clamp(28px,4vw,56px);display:grid}.yr-page .yr-place-copy p{max-width:44ch;font-size:1rem;line-height:1.6}.yr-hours{gap:4px;width:100%;max-width:340px;margin:0;font-size:.9375rem;display:grid}.yr-hours>div{justify-content:space-between;gap:16px;display:flex}.yr-hours dt{color:var(--yr-on-ink-2)}.yr-hours dd{color:#fff;font-variant-numeric:tabular-nums;margin:0}.yr-place-copy address{color:#fff;font-size:.9375rem;font-style:normal;line-height:1.55}.yr-page .yr-posts{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);display:grid}.yr-post{color:inherit;gap:10px;text-decoration:none;display:grid}.yr-post-img{aspect-ratio:3/2;background:var(--yr-soft);border-radius:16px;margin-bottom:6px;display:block;position:relative;overflow:hidden}.yr-post-img img{object-fit:cover;transition:transform .9s var(--yr-ease)}.yr-post:hover .yr-post-img img{transform:scale(1.045)}.yr-post-meta{color:var(--yr-faint);font-size:.8125rem}.yr-post strong{letter-spacing:-.01em;color:var(--yr-ink);font-size:1.125rem;font-weight:650;line-height:1.3}.yr-next{padding-top:0!important}.yr-page .yr-others{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,16px);display:grid}.yr-other{isolation:isolate;aspect-ratio:4/3;background:var(--yr-night);color:#fff;border-radius:16px;align-items:flex-end;padding:18px;text-decoration:none;display:flex;position:relative;overflow:hidden}.yr-other img{z-index:-2;object-fit:cover;transition:transform .9s var(--yr-ease)}.yr-other:after{content:"";z-index:-1;background:linear-gradient(#08080b1a 30%,#08080bd1 100%);position:absolute;inset:0}.yr-other:hover img{transform:scale(1.06)}.yr-other span{letter-spacing:-.01em;justify-content:space-between;align-items:flex-end;gap:10px;width:100%;font-size:1.0625rem;font-weight:600;line-height:1.25;display:flex}.yr-other:hover .yr-arr{transform:translate(4px)}@media (max-width:1100px){.yr-page .yr-others{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1023px){.yr-scope,.yr-cost,.yr-faq-in,.yr-place{grid-template-columns:minmax(0,1fr)}.yr-page .yr-how,.yr-how.n3,.yr-page .yr-who.n3,.yr-page .yr-posts{grid-template-columns:repeat(2,minmax(0,1fr))}.yr-work.n1 a{grid-template-columns:minmax(0,1fr)}.yr-work.n1 .yr-work-shot{aspect-ratio:16/9}}@media (max-width:720px){.yr-scope-fig figcaption{margin-left:0}.yr-who-img{aspect-ratio:16/9}.yr-hero{min-height:0;padding-top:clamp(72px,18vw,120px)}.yr-hero-bg:after{background:linear-gradient(#08080b59 0%,#08080b99 45%,#08080beb 100%)}.yr-page .yr-who,.yr-page .yr-who.n3,.yr-page .yr-work,.yr-page .yr-posts,.yr-page .yr-scope-copy ul{grid-template-columns:minmax(0,1fr)}.yr-page .yr-how,.yr-how.n3{grid-template-columns:minmax(0,1fr);gap:28px}.yr-dev-phone{height:70%}.yr-sec-head.row{flex-direction:column;align-items:flex-start}.yr-map{min-height:280px}.yr-btn{min-height:48px;padding:0 20px}}@media (max-width:480px){.yr-page .yr-others{grid-template-columns:minmax(0,1fr)}.yr-other{aspect-ratio:16/7}}@media (prefers-reduced-motion:reduce){.yr-arr,.yr-faq summary:after,.yr-who-img img,.yr-post-img img,.yr-other img,.yr-dev-view img,.yr-work-shot img{transition:none}}
