@layer reset,tokens,base,materials,components;@layer pages{.home-hero.home-hero--koi{--hero-progress:0;--accent-text:#f08e76;isolation:isolate;contain:paint;color:#efe9dd;background:#0c0b0a;border:1px solid #efe9dd24;border-radius:40px;min-height:clamp(720px,100svh - 98px,900px);margin:0 auto 12px;padding:clamp(96px,7.5vw,124px) 0 30px;position:relative;overflow:hidden}.home-hero.home-hero--koi:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#050505f5 0%,#050505e0 27%,#05050594 43%,#0505051f 59%,#0000 72%),linear-gradient(#05050529 0%,#0000 50%,#0505058a 100%);position:absolute;inset:0;box-shadow:inset 0 1px #ffffff09}.home-hero__visual{z-index:0;pointer-events:none;max-width:none;transform:translate3d(calc(var(--hero-progress) * -10px), calc(var(--hero-progress) * -40px), 0) scale(calc(1.008 + (var(--hero-progress) * .024)));transform-origin:72% 48%;will-change:transform;background:#050505;display:block;position:absolute;inset:-24px;overflow:hidden}.home-hero__visual img{object-fit:cover;object-position:50% 50%;width:100%;max-width:none;height:100%;display:block}.home-hero.home-hero--koi .home-hero__grid{z-index:3;grid-template:"copy."1fr"signal signal"/minmax(0,650px) 1fr;align-items:center;gap:32px 0;min-height:clamp(570px,100svh - 245px,700px);display:grid;position:relative}.home-hero__copy{width:100%;transform:translate3d(0, calc(var(--hero-progress) * -21px), 0);opacity:calc(1 - (var(--hero-progress) * .075));will-change:transform, opacity;grid-area:copy}.home-hero.home-hero--koi h1{color:#efe9dd;max-width:14ch;font-family:var(--font-serif);font-synthesis:none;letter-spacing:-.024em;text-wrap:balance;text-shadow:0 3px 34px #0000007a;margin:15px 0 22px;font-size:clamp(50px,4.7vw,70px);font-weight:400;line-height:.94}.home-hero.home-hero--koi h1>span{display:block}.home-hero.home-hero--koi h1>span:last-child{max-width:13ch;margin-top:.04em}.home-hero.home-hero--koi h1 em{color:var(--accent-text);font-style:italic}.home-hero.home-hero--koi .lede{color:#efe9ddc7;text-shadow:0 2px 24px #00000080;max-width:52ch;margin:0}.home-hero.home-hero--koi .button--ghost{color:#efe9dd;backdrop-filter:blur(12px);background:#0c0b0a33;border-color:#efe9dd4d}.home-hero__actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.home-hero__signal--koi{backdrop-filter:blur(16px)saturate(112%);width:min(100%,650px);transform:translate3d(0, calc(var(--hero-progress) * -7px), 0);will-change:transform;background:#07070775;border:1px solid #efe9dd26;border-radius:999px;grid-area:signal;grid-template-columns:146px minmax(0,1fr);align-items:center;gap:18px;margin:0;padding:13px 18px;display:grid}.home-hero__signal--koi>p{color:#efe9ddb8;letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:10px;font-weight:750}.home-hero__signal--koi strong{color:#efe9dd;font-size:14px;line-height:1.25}.home-hero__scroll-cue{z-index:3;color:#efe9ddb8;letter-spacing:.16em;text-transform:uppercase;writing-mode:vertical-rl;align-items:center;gap:10px;font-size:9px;font-weight:750;display:flex;position:absolute;bottom:28px;right:clamp(20px,2.3vw,38px)}.home-hero__scroll-cue:after{content:"";opacity:.7;background:#b8391f;width:1px;height:36px}.home-main{isolation:isolate;position:relative}.home-main:before{content:"";z-index:0;top:clamp(760px,92svh,940px);bottom:clamp(120px,9vw,160px);left:max(18px, calc((100vw - min(calc(100vw - 24px), var(--page-max))) / 2 + 30px));pointer-events:none;background:linear-gradient(#0000,#b8391f61 8%,#efe9dd14 46%,#b8391f3d 82%,#0000);width:1px;position:absolute}.home-main>:not(.symbiotic-dock){z-index:1;position:relative}.home-direction{align-items:center;min-height:clamp(660px,82svh,900px);display:grid}.home-direction .home-thesis{grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);align-items:stretch;gap:clamp(42px,7vw,104px)}.home-thesis__copy{flex-direction:column;justify-content:center;min-width:0;display:flex}.home-thesis__statement{letter-spacing:-.04em;gap:.02em;max-width:none;margin-top:16px;font-size:clamp(48px,5.9vw,78px);line-height:.82;display:grid}.home-thesis__statement>span,.home-thesis__statement>em{width:fit-content;display:block}.home-thesis__statement>span:nth-child(2){margin-left:10%}.home-thesis__statement>span:nth-child(3){margin-left:21%}.home-thesis__statement>em{color:var(--accent-text);margin-top:clamp(18px,2vw,28px);margin-left:7%;font-size:.62em;line-height:.94}.home-direction .home-thesis__copy>p:last-child{max-width:43ch;margin-top:clamp(28px,3vw,40px);padding-left:7%}.home-direction .direction-stage{aspect-ratio:auto;min-height:100%}.home-project-stage{min-height:clamp(720px,92svh,1020px)}.home-project-stage .featured-project{align-items:center;gap:clamp(42px,6vw,84px)}.home-project-stage .featured-project>div:first-child{align-self:center}.home-project-stage .featured-project h2{max-width:11ch;margin-top:12px;font-size:clamp(44px,5.35vw,70px);line-height:.9}.home-project-stage .featured-project .lede{margin-top:20px}.home-project-stage .featured-project__facts{margin-top:clamp(28px,3vw,42px)}.home-project-stage .featured-project__media{transform:translateY(calc((var(--scene-progress,.5) - .5) * -20px));transition:transform .18s linear,box-shadow .36s}.home-proof-section{padding-block:0}.home-proof-section .section-head{margin-bottom:clamp(34px,4vw,54px)}.home-proof-section .section-head h2{max-width:14ch;font-size:clamp(40px,4.6vw,64px);line-height:.92}.home-proof-actions{flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:clamp(28px,3.6vw,46px);display:flex}.home-project-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:16px;display:grid}.home-project-grid .home-project-card{min-width:0}.home-project-grid .home-project-card:first-child{grid-column:1/span 7}.home-project-grid .home-project-card:nth-child(2){grid-column:8/-1;margin-top:clamp(72px,9vw,132px)}.home-project-grid .home-project-card:nth-child(3){grid-column:3/span 7;margin-top:clamp(6px,1.2vw,18px)}.home-project-card .project-preview-card__media,.home-project-card .project-preview-card__media[data-preview-kind=interface]{aspect-ratio:16/10}.home-project-card .project-preview-card__body{min-height:138px}.home-project-card .project-preview-card__brand-overlay{max-width:10ch}.home-project-card:nth-child(2) .project-preview-card__brand-overlay{font-size:clamp(32px,3.7vw,52px)}.home-project-card:nth-child(3) .project-preview-card__brand-overlay{font-size:clamp(34px,4vw,58px)}.home-agency-index__head{grid-template-columns:minmax(0,1fr) minmax(260px,.52fr);align-items:end;gap:clamp(30px,5vw,68px);margin-bottom:clamp(26px,3vw,38px);display:grid}.home-agency-index__head>p:last-child{max-width:46ch;color:var(--muted);justify-self:end}.home-agency-index__list{border-top:1px solid var(--line-strong)}.home-agency-index__item{border-bottom:1px solid var(--line);min-height:66px;transition:background .24s var(--ease), padding-inline .24s var(--ease);grid-template-columns:44px minmax(180px,.55fr) minmax(0,1fr);align-items:center;gap:18px;padding-block:12px;display:grid}.home-agency-index__num{color:var(--accent-text);letter-spacing:.1em;font-size:10px;font-weight:760}.home-agency-index__item .editorial-row__title{font-size:clamp(18px,1.55vw,22px);line-height:1.05}.home-agency-index__role{max-width:54ch;color:var(--muted);text-align:right;justify-self:end;font-size:13px;line-height:1.45}.home-process-stage{padding-top:clamp(92px,10vw,154px)}.home-process-stage .process-stage__head{margin-left:clamp(0px,6vw,86px)}}@layer responsive{@media (width<=1179px) and (width>=768px){.home-hero.home-hero--koi{min-height:clamp(720px,100svh - 86px,900px);padding:96px 0 34px}.home-hero.home-hero--koi:after{background:linear-gradient(90deg,#050505f7 0%,#050505db 35%,#05050582 54%,#05050514 76%),linear-gradient(#0505051f,#0000 48%,#05050594)}.home-hero.home-hero--koi .home-hero__grid{grid-template-columns:minmax(0,64%) 1fr;min-height:clamp(565px,100svh - 220px,690px)}.home-hero.home-hero--koi h1{max-width:14ch;font-size:clamp(44px,5.7vw,58px)}.home-hero__visual{transform:translate3d(calc(var(--hero-progress) * -6px), calc(var(--hero-progress) * -27px), 0) scale(calc(1.006 + (var(--hero-progress) * .018)));inset:-18px}.home-hero__copy{transform:translate3d(0, calc(var(--hero-progress) * -16px), 0)}.home-hero__signal--koi{width:min(100%,650px);transform:translate3d(0, calc(var(--hero-progress) * -5px), 0);grid-template-columns:145px 1fr}.home-hero__scroll-cue{display:none}}@media (width<=767px){.home-hero.home-hero--koi{border-radius:28px;min-height:0;margin:0 8px 8px;padding:clamp(150px,20svh,185px) 0 28px}.home-hero.home-hero--koi:after{background:linear-gradient(#04040447 0%,#04040408 24%,#04040438 34%,#040404c2 50%,#040404eb 68%,#040404b8 100%),linear-gradient(90deg,#040404d6 0%,#0404048f 64%,#04040414 100%)}.home-hero__visual{inset:0;transform:none}.home-hero__visual img{object-position:82% 50%;transform:translate3d(0, calc(var(--hero-progress) * -20px), 0) scale(calc(1.012 + (var(--hero-progress) * .018)));transform-origin:82% 48%;will-change:transform}.home-hero.home-hero--koi .home-hero__grid{min-height:0;display:block}.home-hero__copy{opacity:1;width:100%;max-width:none;transform:none}.home-hero.home-hero--koi h1{letter-spacing:-.02em;max-width:17ch;margin:12px 0 18px;font-size:clamp(34px,8.9vw,40px);line-height:.96}.home-hero.home-hero--koi h1>span:last-child{max-width:16ch}.home-hero.home-hero--koi .lede{max-width:34ch;font-size:16px;line-height:1.48}.home-hero__actions{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:8px;margin-top:22px;display:grid}.home-hero__actions .button{white-space:normal;text-align:center;width:100%;min-width:0;padding:10px}.home-hero__signal--koi{backdrop-filter:none;background:0 0;border-width:1px 0 0;border-radius:0;width:100%;margin-top:24px;padding:14px 0 0;display:block;transform:none}.home-hero__signal--koi strong{margin-top:7px;font-size:15px;display:block}.home-hero__scroll-cue{display:none}}@media (prefers-reduced-motion:reduce){.home-hero__visual,.home-hero__visual img,.home-hero__copy,.home-hero__signal--koi{will-change:auto;opacity:1!important;transform:none!important}}@media (width<=1100px){.home-direction .home-thesis{grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);gap:42px}.home-thesis__statement{font-size:clamp(46px,6.3vw,66px)}.home-project-grid .home-project-card:first-child{grid-column:1/span 7}.home-project-grid .home-project-card:nth-child(2){grid-column:8/-1;margin-top:64px}.home-project-grid .home-project-card:nth-child(3){grid-column:2/span 8}}@media (width<=820px){.home-main:before{display:none}.home-direction{min-height:0}.home-direction .home-thesis{grid-template-columns:1fr;gap:38px}.home-direction .direction-stage{min-height:clamp(360px,72vw,520px)}.home-project-stage{min-height:0}.home-project-grid{grid-template-columns:1fr;gap:16px}.home-project-grid .home-project-card:nth-child(n){grid-column:1;margin-top:0}.home-project-card .project-preview-card__body{min-height:0}.home-agency-index__head{grid-template-columns:1fr;align-items:start;gap:12px}.home-agency-index__head>p:last-child{justify-self:start}.home-process-stage .process-stage__head{margin-left:0}}@media (width<=767px){.home-direction{padding-block:56px}.home-thesis__statement{max-width:100%;font-size:clamp(40px,12vw,52px);line-height:.84}.home-thesis__statement>span:nth-child(2){margin-left:5%}.home-thesis__statement>span:nth-child(3){margin-left:10%}.home-thesis__statement>em{margin-left:2%;font-size:.68em}.home-direction .home-thesis__copy>p:last-child{padding-left:2%}.home-project-stage .featured-project h2{font-size:clamp(38px,10.4vw,48px)}.home-proof-section{padding-block:0}.home-proof-section .section-head h2{font-size:clamp(36px,10.2vw,46px)}.home-project-grid{gap:12px}.home-project-card .project-preview-card__media,.home-project-card .project-preview-card__media[data-preview-kind=interface]{aspect-ratio:4/3}.home-proof-actions{align-items:start;gap:8px;display:grid}.home-agency-index__item{grid-template-columns:34px minmax(0,1fr);gap:4px 10px;min-height:0;padding-block:15px}.home-agency-index__role{text-align:left;grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){.home-thesis__statement>span,.home-project-stage .featured-project__media,.home-project-card{transition:none!important;transform:none!important}}}@layer interactions{.home-direction[data-scene-active] .home-thesis__statement>span:first-child{transform:translate(1.5%)}.home-direction[data-scene-active] .home-thesis__statement>span:nth-child(2){transform:translate(-2.5%)}.home-direction[data-scene-active] .home-thesis__statement>span:nth-child(3){transform:translate(2%)}.home-thesis__statement>span{transition:transform .72s var(--ease-wave)}@media (hover:hover) and (pointer:fine){.home-project-card{transition:transform .36s var(--ease-wave), border-color .3s ease, box-shadow .36s ease}.home-project-card:hover{transform:translateY(-6px)}.home-agency-index__item:hover{background:#efe9dd09;padding-inline:10px}}}@layer theme{html[data-theme=paper] .home-hero.home-hero--koi{color:var(--paper);background:#0c0b0a;border-color:#efe9dd24}html[data-theme=paper] .home-hero.home-hero--koi h1,html[data-theme=paper] .home-hero.home-hero--koi .lede,html[data-theme=paper] .home-hero.home-hero--koi .home-hero__signal--koi strong{color:var(--paper)}html[data-theme=paper] .home-hero.home-hero--koi .button--ghost{color:var(--paper);background:#0c0b0a33;border-color:#efe9dd4d}}
