*,*::before,*::after{box-sizing:border-box}
:root{--fzm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 216.39 212.6'%3E%3Cpolygon points='51.13 116.73 32.34 116.73 22.08 145.38 .83 145.38 0 148.3 64.36 148.3 65.19 145.38 40.82 145.38 51.13 116.73' fill='%23000'%3E%3C/polygon%3E%3Cpath d='M175.16%2C196.35c-8.96%2C9.37-17.5%2C13.33-24.79%2C13.33h-57.28l78.61-92.96h-20.01l-82.96%2C95.87h111.64l14.79-40.82h-2.92c-6.04%2C10.83-11.66%2C18.75-17.08%2C24.58Z' fill='%23000'%3E%3C/path%3E%3Cpath d='M152.63%2C63.87l-.06-.04c-.19%2C0-.39.01-.58.01-11.91%2C0-21.56-7.95-21.56-17.76%2C0-1.66.28-3.27.8-4.79h-3.56c-.74%2C1.73-1.49%2C3.43-2.26%2C5.08-7.58%2C15.85-17.35%2C24.24-27.51%2C24.24h-30.2L92.27%2C2.92h46.03c11.87%2C0%2C16.04%2C5.42%2C16.04%2C15.62%2C0%2C2.93-.32%2C6.27-.74%2C9.33h4.28L167.88%2C0H50.2l-.83%2C2.92h23.74l-36.67%2C102.39h18.8l11.42-31.78h21.45c12.29%2C0%2C19.16%2C4.58%2C19.16%2C16.04%2C0%2C4.09-.2%2C6.98-2.38%2C14.99l-.13.36h.03s-.01.04-.02.06h2.92l.09-.27c12.69-24.24%2C28.05-37.5%2C41.97-37.5h44.78l-32.96%2C38.09h19.79l35.03-41.43h-63.76Z' fill='%23000'%3E%3C/path%3E%3C/svg%3E");--blk:#000;--nb:#0A0A0B;--gr:#161618;--an:#2B2B2E;--st:#7C7C80;--sl:#5C5C60;--si:#C4C5C8;--bo:#F3F2EF;--wh:#fff;--W:'normalidad-wide','normalidad-text','Helvetica Neue',Arial,sans-serif;--T:'normalidad-text','Helvetica Neue',Arial,sans-serif;--m:4vw;--gap:1.5vw;--ease:cubic-bezier(.2,.7,0,1);--ease-io:cubic-bezier(.7,0,.2,1)}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--nb);color:var(--bo);font-family:var(--T);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}a:hover{color:var(--wh)}
:focus-visible{outline:1.5px solid var(--si);outline-offset:4px}
.skip{position:fixed;left:var(--m);top:-60px;z-index:100;background:var(--bo);color:var(--nb);padding:10px 16px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.skip:focus{top:12px}
.meta{font-family:var(--T);font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--st)}
.w{font-family:var(--W);font-weight:400}
.g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);padding:0 var(--m)}
/* link micro-interaction */
.ul{position:relative;display:inline-block}
.ul::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.ul:hover::after,.ul:focus-visible::after{transform:scaleX(1);transform-origin:left}
.arw{display:inline-block;transition:transform .5s var(--ease)}
a:hover .arw,a:focus-visible .arw{transform:translateX(.35em)}

/* NAV */
.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:22px var(--m);mix-blend-mode:difference;color:#fff;pointer-events:none}
.nav>*{pointer-events:auto}
.nav-mark{display:block;width:34px;height:34px;transition:transform .6s var(--ease)}.nav-mark:hover{transform:rotate(-8deg)}
.nav-mark img{width:100%;height:100%;object-fit:contain}
.nav ul{display:flex;gap:clamp(18px,3vw,44px);list-style:none;margin:0;padding:0}
.nav a{font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.nav .num{font-family:var(--W);font-weight:400;letter-spacing:.04em;opacity:.55;margin-right:8px}
.nav-status{font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.nav-status i{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 2.4s var(--ease-io) infinite}
@keyframes pulse{50%{opacity:.25}}

/* HERO */
.hero{position:relative;min-height:100svh;min-height:max(100svh,680px);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding-bottom:2.2vw}
.hero-top{position:absolute;top:clamp(92px,15vh,150px);left:var(--m);right:var(--m)}
.hero-intro{grid-column:1/6;max-width:31ch}
.hero-intro .meta{display:block;margin-bottom:22px}
.hero-intro p{margin:0;font-family:var(--W);font-size:clamp(19px,1.65vw,26px);line-height:1.22;letter-spacing:-.01em;color:var(--bo)}
.hero-intro p+p{margin-top:18px;font-family:var(--T);font-size:15px;line-height:1.6;color:var(--st);letter-spacing:0}
.hero-disc{display:flex;flex-direction:column;gap:6px;margin-top:34px}
.hero-disc span{font-size:13px;color:var(--si)}
.hero-disc span::before{content:"— ";color:var(--sl)}
.mono-wrap{position:absolute;right:calc(var(--m) + 2vw);top:clamp(80px,11vh,130px);width:min(40vw,64vh);aspect-ratio:216.39/212.6;filter:drop-shadow(0 50px 70px rgba(0,0,0,.85))}
.mono{position:absolute;inset:0;-webkit-mask:var(--fzm) center/contain no-repeat;mask:var(--fzm) center/contain no-repeat}
.mono.back{transform:translate(1.1%,1.4%);background:linear-gradient(160deg,#3a3a3e,#050506 60%)}
.mono.face{background:radial-gradient(120% 90% at var(--mx,40%) var(--my,30%),rgba(255,255,255,.28),transparent 55%),url(media/chrome-tex.webp) calc(var(--mx,40%)*.6) calc(var(--my,30%)*.6)/170% auto,#1a1a1c;filter:contrast(1.18) brightness(1.15)}
.mono.face::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.9) 50%,transparent 62%) 0 0/300% 100% no-repeat;background-position:120% 0;mix-blend-mode:overlay}
.name{position:relative;z-index:2;padding:0 var(--m)}
.name-row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--gap)}
.name .line{display:block;overflow:hidden;font-family:var(--W);font-weight:400;text-transform:uppercase;line-height:.8;letter-spacing:-.04em;white-space:nowrap;padding-top:.06em;padding-bottom:.1em;margin-bottom:-.1em;color:var(--wh)}
.name .line>span{display:inline-block}
.name-aside{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right;padding-bottom:1vw}
.name-aside a{font-size:13px;color:var(--si)}
.name .line.l2{margin-top:-.02em}

/* intro animation */
.js .name .line>span{transform:translateY(105%)}
.js .hero-top,.js .name-aside,.js .scroll-cue{opacity:0;transform:translateY(14px)}
.js .mono-wrap{opacity:0;transform:scale(.94) rotate(-2deg)}
.in .name .line>span{transform:none;transition:transform 1.1s var(--ease)}
.in .name .line.l2>span{transition-delay:.09s}
.in .mono-wrap{opacity:1;transform:none;transition:opacity 1.2s var(--ease) .25s,transform 1.6s var(--ease) .25s}
.in .mono.face::after{background-position:-20% 0;transition:background-position 2.2s var(--ease-io) .6s}
.in .hero-top,.in .name-aside,.in .scroll-cue{opacity:1;transform:none;transition:opacity .9s var(--ease) .55s,transform .9s var(--ease) .55s}

/* SECTION HEAD */
.sh{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:0 var(--m);margin-bottom:clamp(28px,4vw,56px)}
.sh h2{margin:0;font-family:var(--W);font-weight:400;font-size:clamp(13px,1vw,15px);letter-spacing:.06em;text-transform:uppercase}
.sh h2 .n{color:var(--st);margin-right:14px}

/* INDEX */
.work{padding:clamp(110px,14vw,220px) 0 clamp(60px,8vw,120px)}
.index{list-style:none;margin:0;padding:0 var(--m)}
.row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center;border-top:1px solid var(--an);padding:clamp(14px,1.6vw,24px) 0;position:relative;transition:opacity .5s var(--ease)}
.index li:last-child .row{border-bottom:1px solid var(--an)}
.row-n{grid-column:1/2;font-family:var(--W);font-size:13px;color:var(--st);letter-spacing:.04em}
.row-name{grid-column:2/8;font-family:var(--W);font-size:clamp(44px,7.2vw,140px);line-height:.92;letter-spacing:-.035em;text-transform:uppercase;transition:transform .7s var(--ease);white-space:nowrap}
.row-info{grid-column:8/12;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.5;color:var(--si)}
.row-info .meta{color:var(--st)}
.row-go{grid-column:12/13;justify-self:end;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.row-go.soon{color:var(--sl)}
.row-thumb{display:none}
@media (hover:hover) and (pointer:fine){
 .index:hover .row,.index:focus-within .row{opacity:.28}
 .index .row:hover,.index .row:focus-visible{opacity:1}
 .row:hover .row-name,.row:focus-visible .row-name{transform:translateX(1.6vw)}
}
.preview{position:fixed;left:0;top:0;z-index:40;width:clamp(260px,26vw,440px);aspect-ratio:4/5;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .35s var(--ease);will-change:transform}
.preview.on{opacity:1}
.preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(100% 0 0 0);transform:scale(1.12);transition:clip-path .8s var(--ease),transform 1.2s var(--ease)}
.preview img.cur{clip-path:inset(0);transform:none}
.studies-note{padding:0 var(--m);margin-top:18px;font-size:13px;color:var(--st)}

/* SPREAD NO.RÉ */
.spread{padding-block:clamp(80px,10vw,180px)}
.sp-text{grid-column:1/5;align-self:end;display:flex;flex-direction:column;gap:26px;padding-bottom:4vw}
.sp-text h3{margin:0;font-family:var(--W);font-weight:400;font-size:clamp(40px,5vw,84px);line-height:.9;letter-spacing:-.03em;text-transform:uppercase}
.fld{border-top:1px solid var(--an);padding-top:12px}
.fld .meta{display:block;margin-bottom:8px}
.fld p{margin:0;font-size:15px;line-height:1.6;color:#D2D2D5;max-width:42ch}
.cta{display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--wh);padding:16px 0;border-bottom:1px solid var(--si);align-self:flex-start;transition:gap .5s var(--ease),border-color .3s}
.cta:hover{gap:20px;border-color:var(--wh)}
.sp-poster{grid-column:7/13;grid-row:1/3;position:relative}
.sp-poster img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 30%}
.sp-mono{grid-column:4/8;grid-row:2/3;align-self:end;position:relative;z-index:2;margin-bottom:5vw;background:var(--bo);box-shadow:0 30px 60px rgba(0,0,0,.5)}
.sp-mono img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:28% 50%}
.cap{display:flex;justify-content:space-between;gap:16px;margin-top:12px;font-size:12px;color:var(--st)}
.sp-pack{grid-column:2/7;margin-top:12vw}
.sp-pack img{width:100%;aspect-ratio:16/11;object-fit:cover;object-position:62% 50%}
.sp-quote{grid-column:8/13;margin-top:16vw;align-self:start;font-family:var(--W);font-size:clamp(22px,2.3vw,38px);line-height:1.12;letter-spacing:-.015em;color:var(--bo)}
.sp-quote span{color:var(--st)}

/* REVEAL */
.rv{overflow:hidden}
html,body{overflow-x:clip}
.js .rv{clip-path:inset(0 0 100% 0)}
.js .rv img{transform:scale(1.14)}
.rv.on{clip-path:inset(0);transition:clip-path 1.2s var(--ease)}
.rv.on img{transform:none;transition:transform 1.8s var(--ease)}
.js .fade{opacity:0;transform:translateY(24px)}
.fade.on{opacity:1;transform:none;transition:opacity 1s var(--ease),transform 1s var(--ease)}

/* ZOOM MOMENT */
.zoom{position:relative;height:260vh;--p:0}
.zoom-stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center}
.zoom-img{position:absolute;inset:0;transform:scale(calc(.34 + .66*var(--p)));will-change:transform}
.zoom-img img{width:100%;height:100%;object-fit:cover}
.zoom-l,.zoom-r{position:absolute;top:50%;font-family:var(--W);font-size:clamp(36px,7vw,132px);letter-spacing:-.035em;line-height:.9;text-transform:uppercase;z-index:2;color:var(--wh);mix-blend-mode:difference;white-space:nowrap}
.zoom-l{left:var(--m);transform:translate(calc(var(--p)*-30vw),-50%)}
.zoom-r{right:var(--m);transform:translate(calc(var(--p)*30vw),-50%)}
.zoom-cap{position:absolute;left:var(--m);right:var(--m);bottom:4vh;z-index:2;display:flex;justify-content:space-between;gap:24px;opacity:calc((var(--p) - .75)*4);color:var(--wh)}
.zoom-cap p{margin:0;max-width:44ch;font-size:15px;line-height:1.55}
.zoom-cap .meta{color:var(--wh)}

.pm{padding-block:clamp(80px,9vw,160px) clamp(60px,6vw,100px);row-gap:clamp(40px,5vw,80px)}
.pm-text{grid-column:1/5;display:flex;flex-direction:column;gap:26px}
.pm-text h3{margin:0;font-family:var(--W);font-weight:400;font-size:clamp(40px,5vw,84px);line-height:.9;letter-spacing:-.03em;text-transform:uppercase}
.pm-a{grid-column:6/13}
.pm-a img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:50% 50%}
.pm-b{grid-column:6/10}
.pm-b img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:78% 50%}
.pm-c{grid-column:10/13;align-self:end}
.pm-c img{width:100%;aspect-ratio:9/14;object-fit:cover;object-position:50% 0}

/* STUDIES — dense */
.studies{padding:clamp(60px,7vw,120px) 0 clamp(100px,12vw,200px);border-top:1px solid var(--an)}
.st-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:var(--gap);padding:0 var(--m);align-items:start}
.st-h{grid-column:1/4;font-family:var(--W);font-weight:400;font-size:clamp(30px,3.4vw,56px);line-height:.92;letter-spacing:-.03em;text-transform:uppercase;margin:0}
.st-p{grid-column:1/4;grid-row:2;margin:0;font-size:14px;color:var(--st);max-width:30ch;align-self:start}
.st-1{grid-column:4/7;grid-row:1/3}.st-2{grid-column:7/9;grid-row:1/2;margin-top:8vw}.st-3{grid-column:9/11;grid-row:1/3}.st-4{grid-column:11/13;grid-row:1/2;margin-top:3vw}
.st-grid figure{margin:0}
.st-grid figure img{width:100%;aspect-ratio:4/5;object-fit:cover}
.st-grid figcaption{font-size:11px;color:var(--st);margin-top:8px}

/* ABOUT — bone */
.about{background:var(--bo);color:var(--nb);padding-block:clamp(100px,12vw,200px);row-gap:clamp(48px,6vw,96px)}
.about .meta{color:var(--sl)}
.ab-h{grid-column:1/12;margin:0;font-family:var(--W);font-weight:400;font-size:clamp(34px,5.4vw,96px);line-height:.98;letter-spacing:-.03em}
.ab-h em{font-style:normal;color:var(--sl);display:block}
.ab-img{grid-column:1/4;align-self:start}
.ab-img img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 8%;filter:grayscale(1) contrast(1.08)}
.ab-cols{grid-column:5/13;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap) 2.4vw;align-content:start}
.ab-cols .fld{border-color:var(--si)}
.ab-cols .fld p{color:var(--nb)}
.ab-tools{grid-column:5/13;display:flex;flex-wrap:wrap;gap:10px 28px;border-top:1px solid var(--si);padding-top:14px;font-size:13px;color:var(--sl)}

/* CONTACT */
.contact{position:relative;padding:clamp(110px,13vw,220px) 0 0;overflow:hidden;background:var(--blk)}
.ct-big{padding:0 var(--m)}
.ct-big .line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em;font-family:var(--W);font-weight:400;text-transform:uppercase;line-height:.82;letter-spacing:-.04em;white-space:nowrap;color:var(--wh)}
.ct-big .line>span{display:inline-block}
.ct-big .l2{text-align:right;color:transparent;-webkit-text-stroke:1.5px var(--si)}
.ct-mail{display:inline-flex;align-items:baseline;gap:.4em;margin:clamp(48px,6vw,96px) var(--m) 0;font-family:var(--W);font-size:clamp(22px,4.2vw,74px);letter-spacing:-.025em;line-height:1;color:var(--wh);overflow-wrap:anywhere}
.ct-mail .ul::after{height:2px;bottom:-.12em}
.ct-grid{margin-top:clamp(56px,7vw,110px);padding-block-end:clamp(40px,4vw,64px);row-gap:28px}
.ct-grid .fld{grid-column:span 3}
.ct-grid .fld p{color:var(--bo)}
.foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:22px var(--m);border-top:1px solid var(--an);font-size:12px;color:var(--st)}
.foot nav{display:flex;gap:28px}
.foot img{height:22px;width:auto}


/* ===== v3: index + sticky panel ===== */
.wk{align-items:start}
.wk .index{grid-column:1/8;padding:0}
.wk .row{grid-template-columns:3.2em minmax(0,1fr) auto;column-gap:16px;row-gap:8px;padding:clamp(16px,1.6vw,24px) 0}
.wk .row-n{grid-column:1;align-self:center}
.wk .row-name{grid-column:2;font-size:clamp(42px,6.2vw,118px)}
.wk .row-go{grid-column:3;align-self:center}
.wk .row-info{grid-column:2/4;flex-direction:row;flex-wrap:wrap;gap:4px 18px;font-size:14px;max-height:0;opacity:0;overflow:hidden;transition:max-height .6s var(--ease),opacity .4s var(--ease)}
.wk .row.on .row-info{max-height:80px;opacity:1}
.wk .row-info .meta{flex-basis:100%}
.wk-panel{grid-column:8/13;position:sticky;top:clamp(80px,12vh,120px)}
.wk-frame{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--gr)}
.wk-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .6s var(--ease),transform 1.2s var(--ease)}
.wk-frame img.cur{opacity:1;transform:none}
.wk-cap{display:flex;justify-content:space-between;gap:16px;margin-top:12px;font-size:13px;color:var(--si)}
@media (hover:hover) and (pointer:fine){.index:hover .row,.index:focus-within .row{opacity:1}.wk .row{opacity:.4}.wk .row.on{opacity:1}.wk .row.on .row-name{transform:translateX(1.2vw)}}
.preview{display:none}

/* ===== v3: project spreads, nothing overlaps ===== */
.pj{padding-block:clamp(90px,10vw,170px) 0;row-gap:clamp(36px,4.5vw,72px);align-items:start}
.pj figure{margin:0}
.pj-text{grid-column:1/5;display:flex;flex-direction:column;gap:24px;align-self:start}
.pj-text h3{margin:0;font-family:var(--W);font-weight:400;font-size:clamp(40px,5vw,84px);line-height:.92;letter-spacing:-.03em;text-transform:uppercase}
.pj .rv img{width:100%;height:auto}
.n-poster{grid-column:7/13}
.n-wall{grid-column:3/11}
.n-box{grid-column:8/13}
.n-card{grid-column:3/11;background:var(--bo);padding:clamp(20px,3vw,48px)}
.n-card .cap{color:var(--sl)}
.n-quote{grid-column:1/6;margin:0;font-family:var(--W);font-size:clamp(22px,2.2vw,36px);line-height:1.14;letter-spacing:-.015em;color:var(--bo);align-self:center}
.n-quote span{color:var(--st)}
.n-blob{grid-column:7/13;background:#fff}
.n-blob .cap{padding:0 14px 12px;color:var(--sl)}
.n-mono{grid-column:3/11}
.zoom-stick{display:flex;flex-direction:column;place-items:stretch}
.zoom-box{position:relative;flex:1 1 auto;min-height:0;height:calc(100vh - 120px);height:calc(100svh - 120px);overflow:hidden;margin:0 auto;width:min(100%,1180px)}
.zoom-img{position:absolute;inset:0;transform:scale(calc(.42 + .58*var(--p)))}
.zoom-img img{width:100%;height:100%;object-fit:contain}
.zoom-box{background:var(--nb)}
.zoom-cap{position:static;opacity:1;display:flex;justify-content:space-between;gap:24px;padding:18px var(--m) 22px;color:var(--bo)}
.zoom-cap .meta{color:var(--st)}
.p-roll{grid-column:5/13}
.p-bw{grid-column:1/7}
.p-blur{grid-column:7/13}
#panama .pj-text{grid-column:1/5}
.pa-row{grid-column:6/13;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.pa-row figure:nth-child(2){margin-top:8vw}
.a-gold{grid-column:5/9}
.a-grid{grid-column:9/13}
.a-emb{grid-column:9/13}
#aura .pj-text{grid-row:1/3}
#aura .a-gold{grid-row:1/3}
.studies{margin-top:clamp(100px,12vw,200px)}
.st-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);padding:0 var(--m);margin-bottom:clamp(28px,3vw,48px);align-items:end}
.st-head .st-h{grid-column:1/5}.st-head .st-p{grid-column:7/12;max-width:52ch;margin:0}
.st-cols{columns:4;column-gap:var(--gap);padding:0 var(--m)}
.st-cols figure{break-inside:avoid;margin:0 0 var(--gap)}
.st-cols img{width:100%;height:auto}
.st-cols .cap{margin-top:8px}

/* ===== v4 ===== */
.nav-r{display:flex;align-items:center;gap:clamp(16px,2vw,28px)}
.lang{display:flex;border:1px solid currentColor}
.lang button{all:unset;cursor:pointer;font-family:var(--T);font-weight:700;font-size:10px;letter-spacing:.14em;padding:6px 9px;color:inherit}
.lang button[aria-pressed="true"]{background:#fff;color:#000}
.lang button:focus-visible{outline:1.5px solid #fff;outline-offset:2px}
.st-grid2{padding:0 var(--m);display:flex;flex-direction:column;gap:14px}
.st-label{border-top:1px solid var(--an);padding-top:12px;margin-top:clamp(20px,2.5vw,40px)}
.st-label:first-child{margin-top:0}
.st-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.st-row figure{margin:0}
.st-row .rv{overflow:hidden;background:var(--gr)}
.st-row img{width:100%;height:100%;object-fit:cover;display:block}
.st-tall .rv{aspect-ratio:4/5}
.st-sq .rv{aspect-ratio:1/1}
.st-sq figure:nth-child(2) img{object-position:50% 40%}
.ct-grid{align-items:start;row-gap:40px}
.ct-info{grid-column:1/6;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px var(--gap)}
.ct-info .fld{grid-column:auto}
.ct-social{grid-column:1/-1!important}
.ct-social ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px;font-size:15px}
.ct-form{grid-column:7/13;display:flex;flex-direction:column;gap:20px;border-top:1px solid var(--an);padding-top:12px}
.ct-form label{display:flex;flex-direction:column;gap:6px}
.ct-form input,.ct-form textarea{font:inherit;font-size:16px;color:var(--bo);background:transparent;border:0;border-bottom:1px solid var(--an);padding:10px 0;outline:none;resize:vertical;border-radius:0}
.ct-form input:focus,.ct-form textarea:focus{border-color:var(--si)}
.ct-form input::placeholder,.ct-form textarea::placeholder{color:var(--sl)}
.ct-form .cta{background:none;border:0;border-bottom:1px solid var(--si);cursor:pointer;font-family:var(--T)}
.ct-note{margin:0;font-size:12px;color:var(--st)}

/* ===== SCALE v5 · ruhiger, ca. 20 % kleiner ===== */
.mono-wrap{width:min(31vw,52vh)}
.hero-intro p{font-size:clamp(17px,1.35vw,22px)}
.work{padding:clamp(80px,10vw,160px) 0 clamp(48px,6vw,90px)}
.row-name,.wk .row-name{font-size:clamp(34px,4.8vw,92px)}
.wk .row{padding:clamp(12px,1.2vw,18px) 0}
.preview{width:clamp(220px,21vw,360px)}
.spread{padding-block:clamp(64px,7.5vw,130px)}
.sp-text h3,.pm-text h3,.pj-text h3{font-size:clamp(32px,3.6vw,62px)}
.sp-quote,.n-quote{font-size:clamp(19px,1.8vw,30px)}
.zoom{height:220vh}
.zoom-l,.zoom-r{font-size:clamp(30px,5vw,96px)}
.pm{padding-block:clamp(64px,7vw,120px) clamp(48px,5vw,80px);row-gap:clamp(32px,4vw,64px)}
.studies{padding:clamp(48px,5.5vw,96px) 0 clamp(72px,9vw,150px)}
.st-h{font-size:clamp(26px,2.6vw,44px)}
.about{padding-block:clamp(72px,9vw,150px);row-gap:clamp(36px,4.5vw,72px)}
.ab-h{font-size:clamp(28px,3.8vw,68px);line-height:1.02}
.contact{padding:clamp(80px,9vw,160px) 0 0}
.ct-mail{font-size:clamp(20px,2.8vw,50px);margin-top:clamp(36px,4.5vw,72px)}
.ct-grid{margin-top:clamp(44px,5vw,80px)}

/* FZ monogram 3D */
.mono-wrap{filter:none}
.mono.face{background:linear-gradient(150deg,#F3F2EF 0%,#9A9AA0 34%,#E8E7E3 52%,#5C5C60 78%,#C4C5C8 100%);filter:none}
.mono.face::after{display:none}
.mono.back{opacity:.6}
.mono-canvas{position:absolute;inset:-12%;width:124%;height:124%;opacity:0;transition:opacity 1s var(--ease)}
.mono-canvas.on{opacity:1}
.is-3d .mono{opacity:0;transition:opacity .6s var(--ease)}

/* MOBILE */
@media (max-width:900px){
 .nav-r .nav-status{display:none}
 .st-row{grid-template-columns:1fr 1fr}.st-row figure:first-child{grid-column:1/-1}
 .ct-info,.ct-form{grid-column:1/-1}
 .wk .index,.wk-panel{grid-column:1/-1}.wk-panel{display:none}
 .wk .row{opacity:1}.wk .row-info{max-height:none;opacity:1}
 .pj-text,.n-poster,.n-wall,.n-box,.n-card,.n-quote,.n-blob,.n-mono,.p-roll,.p-bw,.p-blur,.pa-row,.a-gold,.a-grid,.a-emb{grid-column:1/-1!important;grid-row:auto!important;margin-top:0!important}
 .pa-row{grid-template-columns:1fr 1fr}.pa-row figure:nth-child(3){grid-column:1/-1}
 .st-head .st-h,.st-head .st-p{grid-column:1/-1}.st-head{row-gap:14px}
 .st-cols{columns:2}
 .zoom-cap{flex-direction:column;gap:8px}
 :root{--m:20px;--gap:12px}
 .nav{padding:16px var(--m)}
 .nav ul{gap:18px}.nav .num{display:none}.nav-status{display:none}
 .hero{justify-content:flex-start;padding-top:96px;min-height:auto}
 .hero-top{position:relative;top:auto;left:auto;right:auto;padding:0 var(--m);order:3;margin-top:36px}
 .hero-intro{grid-column:1/-1}
 .mono-wrap{position:relative;right:auto;top:auto;width:62vw;margin:8px 0 28px auto;margin-right:var(--m);order:1}
 .name{order:2}
 .name-aside{display:none}
 .hero{padding-bottom:56px}
 .row{grid-template-columns:auto 1fr auto;row-gap:10px;padding:18px 0 22px}
 .row-n{grid-column:1/2;align-self:start;padding-top:.6em;margin-right:10px}
 .row-name{grid-column:2/3;font-size:clamp(34px,10vw,60px)}
 .row-go{grid-column:3/4;align-self:start;padding-top:.8em}
 .row-thumb{display:block;grid-column:1/-1;margin-top:8px}
 .row-thumb img{width:100%;aspect-ratio:4/3;object-fit:cover}
 .row-info{grid-column:1/-1}
 .preview{display:none}
 .sp-text,.sp-poster,.sp-mono,.sp-pack,.sp-quote,.pm-text,.pm-a,.pm-b,.pm-c,.ab-h,.ab-img,.ab-cols,.ab-tools{grid-column:1/-1;grid-row:auto}
 .spread{row-gap:28px}
 .sp-text{padding-bottom:0;order:2}
 .sp-poster{order:1}
 .sp-mono{grid-column:3/-1;margin:-18vw 0 0;order:1}
 .sp-pack,.sp-quote{margin-top:24px;order:3}
 .pm-b{grid-column:1/8}.pm-c{grid-column:8/-1}
 .zoom{height:200vh}
 .zoom-cap{flex-direction:column;gap:10px}
 .st-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .st-h,.st-p{grid-column:1/-1;grid-row:auto}
 .st-p{margin-bottom:20px}
 .st-1,.st-2,.st-3,.st-4{grid-column:auto;grid-row:auto;margin-top:0}
 .st-2,.st-4{margin-top:40px}
 .ab-img{grid-column:1/8}
 .ab-cols{grid-template-columns:1fr;gap:22px}
 .ct-grid .fld{grid-column:1/-1}
 .ct-big .l2{-webkit-text-stroke-width:1px}
}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{transition:none!important;animation:none!important}
 .js .name .line>span,.js .hero-top,.js .name-aside,.js .mono-wrap,.js .fade,.js .rv,.js .rv img,.js .scroll-cue{transform:none!important;opacity:1!important;clip-path:none!important}
 .zoom{height:auto}.zoom-stick{position:relative;height:auto;aspect-ratio:16/10}
 .zoom-img{transform:none!important}.zoom-l,.zoom-r{display:none}.zoom-cap{opacity:1}
 .preview img{clip-path:none;transform:none}
}