/* Photography first. Native scroll, progressive motion, no rendering dependency. */
:root{--photo-ease:cubic-bezier(.2,.65,.2,1)}
.nav{grid-template-columns:1fr auto auto auto;gap:28px;background:var(--paper);color:#182027;min-height:76px}
.nav-links{gap:24px}.nav-links a{font-size:.875rem;min-height:44px;display:flex;align-items:center}
.project-position{font:12px/1.4 Arial,sans-serif;font-variant-numeric:tabular-nums;min-width:48px}
.nav-mail{font-size:.8125rem}.nav.nav-hidden{transform:none}
.editorial-hero{height:auto;min-height:calc(100svh - 76px);background:#eae7e0;color:#162027;position:relative;overflow:clip;padding:35px var(--pad) 24px;display:grid;grid-template-rows:auto 1fr auto;isolation:isolate}
.hero-edition{display:flex;justify-content:space-between;gap:20px;font-size:.8125rem;position:relative;z-index:3}
.hero-signature{font:700 clamp(5rem,16.2vw,16rem)/.9 Arial,sans-serif!important;letter-spacing:-.075em!important;margin:40px 0 35px!important;max-width:none!important;position:relative;z-index:1;color:#152127}
.hero-window{position:absolute;left:46%;right:var(--pad);top:23%;bottom:15%;overflow:hidden;z-index:2;transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0)}
.hero-window img{height:100%;width:100%;object-fit:cover;object-position:center;transform:scale(1.04);transition:transform 900ms var(--photo-ease)}
.hero-window span{position:absolute;bottom:0;left:0;right:0;padding:16px;background:#eae7e0;color:#172128;font-size:.75rem}
.hero-window:hover img{transform:scale(1.07)}
.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;position:relative;z-index:3;font-size:1rem;line-height:1.5}
.hero-bottom p{max-width:40ch;margin:0}.hero-bottom a{padding:16px 0;border-bottom:1px solid currentColor}
.compact-manifesto{padding-top:50px;padding-bottom:50px}.compact-manifesto>p{font-size:clamp(1.7rem,3.4vw,3.5rem)}
.project-directory{display:flex;flex-wrap:wrap;gap:0 30px;padding:0 var(--pad) 35px}
.project-directory a{padding:13px 0;font-size:1rem;min-height:44px}.project-directory small{color:var(--grey);margin-right:6px;font-size:.75rem}
.editorial-index .work-card{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:40px 0 75px;scroll-margin-top:95px}
.editorial-index .num{grid-column:1/-1;font-size:.8125rem}.editorial-index .text{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:baseline;gap:0 25px}
.editorial-index .project-type{grid-column:1/-1;font-size:.8125rem}
.editorial-index .work-card h2{font:500 clamp(2.8rem,6.5vw,7rem)/1.05 Arial,sans-serif;letter-spacing:-.065em;margin:10px 0}
.editorial-index .descriptor{font-size:clamp(1.4rem,2.7vw,3rem);justify-self:end}
.editorial-index .meta{grid-column:1/-1;font-size:.8125rem;margin:10px 0 5px;letter-spacing:.035em}
.editorial-index .work-card figure{grid-column:1/-1;aspect-ratio:16/9;max-height:68svh;width:100%}
.editorial-index .work-card img{transform:scale(1);transition:transform 850ms var(--photo-ease)}
.editorial-index .work-card:hover img{transform:scale(1.025)}.editorial-index .work-card:hover h2{transform:none}
.editorial-index [data-project="house-of-bo"] figure{width:82%;justify-self:end}
.editorial-index [data-project="byoma"] figure{width:78%}
.editorial-index [data-project="prada"] figure{width:86%;justify-self:center}
.editorial-index [data-project="motivique"] figure{width:65%;aspect-ratio:4/3;justify-self:end}
.product-case-cover,.case-cover{overflow:hidden;position:relative}
.product-case-cover img,.case-cover img{object-fit:cover;width:100%;height:100%}
[data-scene="osoi"] .product-case-header{position:relative;min-height:60svh;padding-top:60px}
[data-scene="osoi"] .case-idea{font:500 clamp(3.5rem,8vw,8rem)/.96 Arial,sans-serif;letter-spacing:-.055em;margin-top:25px}
[data-scene="osoi"] .product-case-header h1{font-size:1.5rem;letter-spacing:.08em}
[data-scene="osoi"] .product-case-cover{width:82%;margin:0 0 0 auto}
[data-scene="osoi"] .direction-chapter{background:#e7e4df;color:#222}
[data-scene="osoi"] .direction-chapter h2{color:#6c202c}
[data-scene="house-of-bo"] .product-case-cover{width:88%;margin:0 auto}
[data-scene="house-of-bo"] .product-case-cover img{filter:brightness(var(--light,1));transition:filter 700ms ease}
[data-scene="byoma"] .direction-rules{border-top:8px solid #2148bd}
[data-scene="byoma"] .campaign-pair figure:nth-child(2){margin-top:80px}
[data-scene="stone-island"] .case-heading{border-bottom:1px solid #908573}
[data-scene="stone-island"] .case-cover{background:#c0b09a}
[data-scene="stone-island"] .case-cover img{transform:scale(var(--scene-scale,1));transform-origin:50% 65%}
[data-scene="stone-island"] .label,[data-scene="stone-island"] .fact{font-family:monospace}
[data-scene="prada"] .case-cover:after{content:"";position:absolute;top:0;bottom:0;left:var(--threshold,50%);width:2px;background:#eee9df;pointer-events:none}
[data-scene="prada"] .case-cover img{clip-path:inset(0 0 0 var(--threshold-crop,0%))}
[data-scene="dolce-gabbana"] .execution{position:relative}
[data-scene="dolce-gabbana"] .execution .campaign-frame{width:90%;margin-left:auto}
[data-scene="dolce-gabbana"] .execution>figure:last-child{width:70%;margin-top:-40px;position:relative;box-shadow:0 0 0 12px var(--paper)}
.product-world{padding:65px var(--pad);background:#e9e7e1}
.product-world .section-top{padding:0 0 30px}
.comparison{position:relative;height:clamp(300px,65vw,680px);overflow:hidden;background:#fafafa}
.compare-original,.compare-campaign{position:absolute;inset:0}
.compare-original img{width:100%;height:100%;object-fit:contain}
.compare-campaign{clip-path:inset(0 0 0 var(--split));background:#ddd}
.compare-campaign img{width:100%;height:100%;object-fit:cover}
.compare-line{position:absolute;inset:0 auto 0 var(--split);width:2px;background:#fff;box-shadow:0 0 0 1px #0003}
.comparison-labels{display:flex;justify-content:space-between;gap:20px;margin:16px 0;font-size:.875rem}
.compare-control{display:grid;gap:6px;font-size:.875rem}.compare-control input{width:100%;height:44px;accent-color:#6c202c;cursor:ew-resize}
.compare-credit{font-size:.875rem;line-height:1.6;max-width:65ch}
.passing-sequence{padding:50px 0;background:#e8e2d5}.passing-sequence .section-top{padding-bottom:20px}
.sequence-controls{display:flex;gap:24px;align-items:center;justify-content:flex-end;padding:0 var(--pad) 20px}
.sequence-controls button{width:48px;height:48px;background:transparent;border:1px solid #61645d;font-size:1.4rem;color:inherit;cursor:pointer}
.scene-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--pad) 24px;overscroll-behavior-x:contain}
.scene-track figure{flex:0 0 60%;margin:0;scroll-snap-align:center}
.scene-track img{width:100%;height:65svh;object-fit:cover}
.scene-track figcaption{padding-top:16px;font-size:.875rem}
.material-study{padding:50px var(--pad);background:#171a1c;color:#eee}
.material-study .section-top{padding:0 0 24px}
.material-loupe{position:relative;display:block;width:100%;height:65svh;overflow:hidden;background:#171a1c;border:0;padding:0;cursor:zoom-in;color:#fff}
.material-loupe img{height:100%;width:100%;object-fit:contain;transform-origin:var(--lens-x,50%) var(--lens-y,50%);transition:transform 900ms var(--photo-ease)}
.material-loupe[aria-pressed="true"]{cursor:zoom-out}.material-loupe[aria-pressed="true"] img{transform:scale(1.8)}
.material-loupe span{position:absolute;bottom:16px;left:16px;background:#171a1c;padding:12px;font-size:.875rem}
.contact h2{font-size:clamp(4rem,11vw,12rem)}.contact-email{overflow-wrap:anywhere}
.crop-switch{padding:20px var(--pad);display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.crop-switch span{font-size:.875rem;margin-right:auto}
.crop-switch button{font:inherit;min-height:44px;padding:10px 16px;background:transparent;border:1px solid #2148bd;color:#2148bd;cursor:pointer}
.crop-switch button[aria-pressed="true"]{background:#2148bd;color:#fff}
[data-scene="byoma"] .product-case-cover{height:65svh;width:100%;margin:0 auto;transition:width 350ms var(--photo-ease)}
[data-scene="byoma"] .product-case-cover[data-crop="feed"]{width:min(100%,52svh)}
[data-scene="byoma"] .product-case-cover[data-crop="story"]{width:min(100%,36.5625svh)}
[data-scene="byoma"] .product-case-cover figcaption{position:absolute;bottom:0;left:0;background:#e9ecfa;padding:10px;font-size:.75rem}
@view-transition{navigation:auto}
::view-transition-group(project-photo){animation-duration:750ms;animation-timing-function:var(--photo-ease)}
::view-transition-old(root),::view-transition-new(root){animation-duration:250ms}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){
 .motion-ready [data-scene="byoma"] .direction-rules article{transition-duration:350ms}
}
@media(max-width:900px){
 .nav{grid-template-columns:1fr auto;gap:4px 20px;padding-top:10px;padding-bottom:8px}.nav-links{grid-row:2;grid-column:1/-1;justify-content:flex-start;gap:28px}.project-position{grid-row:1;grid-column:2}.nav-mail{display:none}
 .editorial-hero{min-height:760px;padding-top:25px}.hero-edition{font-size:.75rem;flex-direction:column;gap:7px}
 .hero-signature{font-size:17vw!important;margin-top:35px!important;align-self:start}
 .hero-window{top:35%;left:24%;right:var(--pad);bottom:21%}.hero-bottom{align-self:end;font-size:.875rem}
 .editorial-index .text{display:block}.editorial-index .descriptor{margin:15px 0}
 .editorial-index .work-card figure{width:100%;aspect-ratio:4/3}
 .product-case-header dl{font-size:.875rem}
}
@media(max-width:600px){
 .editorial-hero{min-height:calc(100svh - 108px);min-height:max(690px,calc(100svh - 108px))}
 .hero-signature{font-size:17vw!important;line-height:.94!important}
 .hero-window{left:var(--pad);top:34%;bottom:25%}.hero-window span{padding:10px;font-size:.75rem}
 .hero-bottom{flex-direction:column;align-items:start;gap:12px}.hero-bottom a{padding:10px 0}
 .project-directory{gap:0 18px}.project-directory a{font-size:.875rem}
 .editorial-index .work-card{padding-bottom:45px}.editorial-index .work-card h2{font-size:12vw}
 .editorial-index .work-card figure{aspect-ratio:4/5;max-height:65svh}
 [data-scene="osoi"] .product-case-header{min-height:0;padding-top:35px}
 [data-scene="osoi"] .case-idea{font-size:16vw}
 [data-scene="osoi"] .product-case-cover,[data-scene="house-of-bo"] .product-case-cover{width:100%}
 [data-scene="byoma"] .campaign-pair figure:nth-child(2){margin-top:0}
 .scene-track figure{flex-basis:86%}.scene-track img{height:55svh}
 [data-scene="dolce-gabbana"] .execution .campaign-frame,[data-scene="dolce-gabbana"] .execution>figure:last-child{width:100%;margin:24px 0;box-shadow:none}
 .material-loupe{height:55svh}.comparison{height:430px}.comparison-labels{font-size:.75rem}
 .contact h2{font-size:15vw}.contact-email{width:auto;font-size:1rem}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important}
 .hero-window,.hero-window img,.editorial-index .work-card img,.case-cover img,.product-case-cover img{transform:none!important;filter:none!important;clip-path:none!important;transition:none!important}
 .material-loupe img{transition:none}.scene-track{scroll-snap-type:none}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}