/* Editorial UI/UX proof layer */
.nav-work{position:relative;display:flex;align-items:center}.nav-work>a:first-child{display:inline-flex;align-items:center;gap:.45rem}.nav-work>a:first-child:after{right:100%!important}.nav-work:focus-within>a:first-child:after,.nav-work:hover>a:first-child:after{right:0!important}.nav-work>a:first-child:before{content:"⌄";font-size:.75rem;line-height:1;transition:transform .2s}.nav-work:hover>a:first-child:before,.nav-work:focus-within>a:first-child:before{transform:rotate(180deg)}.work-submenu{position:absolute;top:calc(100% + 1.1rem);left:-1rem;min-width:10.5rem;padding:.55rem;background:rgba(11,12,15,.96);border:1px solid var(--dark-line);box-shadow:0 1rem 2.5rem rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(-.4rem);transition:opacity .2s ease,transform .2s ease,visibility .2s}.nav-work:hover .work-submenu,.nav-work:focus-within .work-submenu{opacity:1;visibility:visible;transform:none}.work-submenu a{display:block;padding:.65rem .7rem;font-size:.72rem;text-decoration:none;white-space:nowrap}.work-submenu a:hover,.work-submenu a:focus-visible{background:var(--acid);color:var(--ink);outline:none}.site-header nav.open .work-submenu{position:static;display:block;min-width:0;margin:.5rem 0 0;padding:.25rem 0;background:transparent;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none}.site-header nav.open .nav-work{display:block}.site-header nav.open .nav-work>a:first-child:before{transform:rotate(180deg)}
.work-category-index{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 3fr;gap:3rem}.work-category-index h2{font-size:clamp(3rem,6.5vw,7.5rem);line-height:.88;margin:0 0 2rem}.work-category-index h2 em{color:#625cf6}.work-category-index>div>p{max-width:38rem;font-size:clamp(1rem,1.35vw,1.25rem)}.work-category-index .project-index{margin:clamp(4rem,8vw,8rem) 0 0;border-top:1px solid var(--light-line)}.work-category-index .project-index a{display:grid;grid-template-columns:1.1fr 1.4fr 2.4fr auto;align-items:center;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--light-line);text-decoration:none}.work-category-index .project-index a:hover{background:rgba(124,124,255,.08);padding-left:1rem;padding-right:1rem}.work-category-index .project-index .mono{color:#625cf6;font-size:.58rem}.work-category-index .project-index strong{font-size:clamp(1.5rem,2.5vw,2.7rem);letter-spacing:-.06em;font-weight:500}.work-category-index .project-index small{font-size:.88rem;max-width:27rem}.work-category-index .project-index b{font-size:1.4rem;font-weight:400}
.work-index{background:var(--paper);color:var(--ink)}
.work-index-intro{display:grid;grid-template-columns:1fr 3fr;gap:3rem;align-items:start}.work-index-intro h2{font-size:clamp(3rem,6.5vw,7.5rem);line-height:.88;margin:0 0 2rem}.work-index-intro h2 em{color:#625cf6}.work-index-intro>div>p:last-child{max-width:38rem;font-size:clamp(1rem,1.35vw,1.25rem)}
.project-index{margin:clamp(5rem,9vw,9rem) 0 0 18%;border-top:1px solid var(--light-line)}.project-index a{display:grid;grid-template-columns:1.1fr 1.4fr 2.4fr auto;align-items:center;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--light-line);text-decoration:none}.project-index a:hover{background:rgba(124,124,255,.08);padding-left:1rem;padding-right:1rem}.project-index .mono{color:#625cf6;font-size:.58rem}.project-index strong{font-size:clamp(1.5rem,2.5vw,2.7rem);letter-spacing:-.06em;font-weight:500}.project-index small{font-size:.88rem;max-width:27rem}.project-index b{font-size:1.4rem;font-weight:400}
.selected-cases{background:var(--ink)}.case-teaser{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,8rem);align-items:center;padding:clamp(5rem,11vw,12rem) var(--pad);text-decoration:none;overflow:hidden}.case-teaser>div{max-width:36rem}.case-teaser .mono{font-size:.6rem}.case-teaser h2{font-size:clamp(3rem,6.3vw,7rem);line-height:.86;margin:2.5rem 0 2rem}.case-teaser h2 em{font-weight:300}.case-teaser p{font-size:1.05rem;max-width:29rem;margin-bottom:3rem}.case-teaser img{width:100%;display:block;box-shadow:1.5rem 1.5rem 0 rgba(255,255,255,.06);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.case-teaser:hover img{transform:translate(-.5rem,-.5rem) rotate(-1deg)}.case-teaser .text-link{border-color:currentColor}.case-teaser-dark{color:var(--paper)}.case-teaser-dark .mono{color:var(--acid)}.case-teaser-violet{background:var(--violet);color:var(--ink)}.case-teaser-violet .mono{color:var(--ink)}.case-teaser-paper{background:var(--paper);color:var(--ink)}.case-teaser-paper .mono{color:#625cf6}
.prototype-band{background:var(--coral);color:var(--ink);display:grid;grid-template-columns:1fr 3fr;gap:3rem}.prototype-band h2{font-size:clamp(3.5rem,7vw,8rem);line-height:.85;margin:0 0 2rem}.prototype-band h2 em{color:#625cf6}.prototype-band>div>p{max-width:33rem;font-size:1.1rem}.prototype-band .text-link{margin-top:2rem}
.case-page{background:var(--ink);color:var(--paper)}.case-page .site-header{position:sticky;top:0}.case-hero{min-height:calc(88svh - 5.5rem);padding:clamp(5rem,10vw,10rem) var(--pad);display:grid;grid-template-columns:minmax(0,2.2fr) minmax(230px,1fr);align-items:end;gap:4rem;background:var(--ink)}.case-hero h1{font-size:clamp(4.5rem,11vw,12rem);line-height:.8;margin:0}.case-hero h1 em{color:var(--acid)}.case-dek{font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.15;max-width:38rem;margin:3rem 0 0}.case-meta{display:grid;gap:.7rem;align-content:end}.case-meta span{color:var(--acid);margin-top:1rem}.case-meta strong{font:500 .78rem/1.35 var(--sans);letter-spacing:0;text-transform:none;max-width:18rem}.case-visual{padding:0 var(--pad) clamp(5rem,10vw,10rem);background:var(--ink)}.case-visual img{display:block;width:100%;max-height:78vh;object-fit:cover;object-position:top;box-shadow:1.5rem 1.5rem 0 rgba(216,255,62,.12)}.case-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;background:var(--paper);color:var(--ink)}.case-grid h2,.case-sequence h2,.case-boundary h2{font-size:clamp(2.7rem,5vw,5.8rem);line-height:.9;margin:0}.case-grid>div:last-child{font-size:clamp(1.05rem,1.4vw,1.3rem);max-width:35rem}.case-grid>div:last-child p+p{margin-top:2rem}.case-sequence{background:#14151a}.case-sequence-intro{display:grid;grid-template-columns:1fr 3fr;gap:3rem;margin-bottom:5rem}.case-sequence h2 em,.case-boundary h2 em{color:var(--violet)}.case-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);margin-left:18%}.case-image-grid figure{margin:0}.case-image-grid img{width:100%;display:block}.case-image-grid figcaption{padding-top:1.5rem}.case-image-grid figcaption .mono{color:var(--acid);font-size:.58rem}.case-image-grid figcaption p{max-width:20rem;color:var(--muted);margin-top:.8rem}.case-boundary{background:var(--violet);color:var(--ink)}.case-boundary h2{margin:2rem 0 2.5rem}.case-boundary>p:last-child{max-width:38rem;font-size:1.1rem}.case-kosh .case-hero h1 em{color:var(--coral)}.case-kosh .case-visual img{box-shadow:1.5rem 1.5rem 0 rgba(124,124,255,.28)}.case-maitri .case-hero{background:var(--paper);color:var(--ink)}.case-maitri .case-hero .eyebrow,.case-maitri .case-meta span{color:#625cf6}.case-maitri .case-hero h1 em{color:var(--coral)}.case-maitri .case-visual{background:var(--paper)}.case-maitri .case-visual img{box-shadow:1.5rem 1.5rem 0 rgba(255,104,70,.22)}.case-maitri .case-sequence{background:var(--coral);color:var(--ink)}.case-maitri .case-sequence-intro .section-number,.case-maitri .case-image-grid figcaption .mono{color:var(--ink)}.case-maitri .case-image-grid figcaption p{color:rgba(11,12,15,.7)}.case-maitri .case-boundary{background:var(--ink);color:var(--paper)}.case-maitri .case-boundary .section-number{color:var(--acid)}
@media(max-width:800px){.work-index-intro,.work-category-index,.prototype-band,.case-hero,.case-grid,.case-sequence-intro{grid-template-columns:1fr;gap:2rem}.project-index{margin-left:0}.project-index a{grid-template-columns:1fr auto;gap:.4rem 1rem}.project-index small{grid-column:1/-1}.project-index .mono{grid-column:1/-1}.selected-cases .case-teaser{grid-template-columns:1fr;gap:3rem}.case-teaser h2{margin-top:1.5rem}.case-teaser img{max-width:38rem}.case-image-grid{grid-template-columns:1fr;margin-left:0}.case-hero{min-height:0;padding-top:6rem}.case-meta{margin-top:2rem}.case-visual{padding-top:0}.case-visual img{box-shadow:.7rem .7rem 0 rgba(216,255,62,.12)}}
@media(prefers-reduced-motion:reduce){.case-teaser img{transition:none}.case-teaser:hover img{transform:none}}