@charset "UTF-8";
:root{--bg:#080808;--ink:#f4f4f1;--muted:#91918f;--line:#2b2b2a;--gutter:28px;--ease:cubic-bezier(.22,.68,.15,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body.menu-is-open{overflow:hidden}::selection{background:#e6e6e0;color:#080808}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin:0}a:focus-visible,button:focus-visible{outline:1px solid #fff;outline-offset:8px}button:focus:not(:focus-visible){outline:none}.skip{position:fixed;left:24px;top:-80px;padding:14px;background:#fff;color:#080808;z-index:120}.skip:focus{top:18px}
.header{position:fixed;z-index:40;left:0;right:0;top:0;padding:12px 28px 14px 10px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.header>*{pointer-events:auto}.monogram{width:84px;height:74px;display:block;mix-blend-mode:screen}.monogram img{width:100%;height:100%;object-fit:contain;filter:invert(1)}.menu-toggle,.menu-close{border:0;background:transparent;padding:12px 0;font-size:14px;color:#fff}.menu-toggle{margin-top:5px;display:flex;align-items:center;gap:14px}.menu-toggle i{display:inline-block;width:19px;height:6px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;transition:width .3s}.menu-toggle:hover i{width:28px}.header.scrolled:before{content:none}
.menu{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;border:0;margin:0;padding:0;background:#080808;color:#f4f4f1;z-index:60;overflow:auto;opacity:0;transition:opacity .4s var(--ease)}.menu::backdrop{background:#080808b3;backdrop-filter:blur(12px)}.menu.is-open{opacity:1}.menu-brand{position:absolute;left:10px;top:12px;width:84px;height:74px;filter:invert(1)}.menu-brand img{width:100%;height:100%;object-fit:contain}.menu-close{position:absolute;right:28px;top:17px}.menu-nav{min-height:100%;padding:16vh 8vw 13vh;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:10px}.menu-nav a{display:block;overflow:hidden;font-size:clamp(42px,6.9vw,110px);letter-spacing:-.065em;line-height:1.12}.menu-nav a span{display:block;transform:translateY(115%);opacity:.3;transition:transform .65s var(--ease),opacity .4s}.menu.is-open .menu-nav a span{transform:none;opacity:1;transition-delay:calc(var(--i)*45ms + 70ms)}.menu-nav a:hover{color:#aaa}.menu-email{position:absolute;bottom:32px;right:8vw;font-size:14px;color:#a5a5a0}
main{position:relative;isolation:isolate}.identity-backdrop{position:fixed;inset:auto 28px 4vh;z-index:-1;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:30px;opacity:0;pointer-events:none;user-select:none}.identity-backdrop>span{font-size:clamp(100px,15.2vw,260px);font-weight:700;letter-spacing:-.09em;line-height:.75}.identity-backdrop p{font-size:clamp(20px,3vw,46px);letter-spacing:-.05em;line-height:1.05;padding-bottom:5px}
.hero-scene{height:165svh;position:relative;--hero-progress:0}.hero-pin{position:sticky;top:0;height:100svh;min-height:660px;overflow:hidden}.hero-visual{position:absolute;inset:0 0 auto;height:73svh;min-height:400px;overflow:hidden;opacity:calc(1 - var(--hero-progress));transform:translate3d(0,calc(var(--hero-progress)*-85px),0);will-change:transform,opacity}.hero-image{width:100%;height:100%;object-fit:cover;object-position:60% 46%;transform:translate3d(var(--mouse-x,0px),var(--mouse-y,0px),0) scale(1.035);will-change:transform;transition:transform .18s linear}.hero-visual:after{content:'';position:absolute;inset:auto 0 0;height:80px;background:linear-gradient(transparent,var(--bg));pointer-events:none}.hero-caption{position:absolute;left:var(--gutter);right:var(--gutter);bottom:32px;z-index:1;display:flex;align-items:end;justify-content:space-between;font-size:12px;letter-spacing:-.02em}.hero-caption>span:first-child{font-size:clamp(27px,3.3vw,52px);font-weight:500;letter-spacing:-.055em}.hero-identity{position:absolute;left:var(--gutter);right:var(--gutter);bottom:35px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;opacity:calc(1 - var(--hero-progress)*1.1);transform:translate3d(0,calc(var(--hero-progress)*-25px),0)}.hero-identity h1{font-size:clamp(100px,10.8vw,175px);letter-spacing:-.085em;line-height:.75;font-weight:700}.hero-identity>div{padding-bottom:2px}.hero-identity p{font-size:clamp(20px,2.2vw,35px);letter-spacing:-.047em;line-height:1.08}.discover{display:flex;align-items:center;justify-content:space-between;max-width:370px;margin-top:28px;font-size:12px;color:#acaca7}.discover span{font-size:17px}
.works{position:relative;padding:0 var(--gutter);z-index:2}.section-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:20px 0 35px}.section-top h2,.section-top span{font-size:12px;font-weight:400}.section-top span{color:var(--muted)}.project-stage{height:118svh;min-height:760px;position:relative;--entry:0;--exit:1}.project-stage:last-child{height:100svh}.project-frame{width:67%;position:sticky;top:13svh;opacity:calc((.15 + var(--entry)*.85)*var(--exit));transform:translate3d(0,calc((1 - var(--entry))*80px),0);will-change:transform,opacity}.project-stage:nth-of-type(even) .project-frame{margin-left:auto}.project-picture{width:100%;height:65svh;min-height:380px;max-height:800px;padding:0;border:0;background:#141414;display:block;position:relative;overflow:hidden;text-align:left}.project-picture img{width:100%;height:100%;object-fit:contain;transform:translate3d(var(--mouse-x,0px),var(--mouse-y,0px),0) scale(1.025);transition:transform .4s var(--ease),filter .5s;will-change:transform}.project-picture.watch{background:#0d141c}.project-picture.car{background:#151b25}.project-picture.prototype{background:#fff}.project-picture:hover img,.project-picture:focus-visible img{transform:translate3d(var(--mouse-x,0px),var(--mouse-y,0px),0) scale(1.055)}.project-picture.touched img{filter:brightness(1.12)}.picture-index{position:absolute;left:17px;top:17px;font-size:11px;color:white;mix-blend-mode:difference}.project-caption{display:flex;justify-content:space-between;align-items:start;gap:25px;padding-top:18px}.project-caption h3{font-size:24px;letter-spacing:-.045em;line-height:1.1;font-weight:400;margin-bottom:6px}.project-caption p,.project-caption>span{font-size:12px;color:var(--muted)}.project-caption>span{padding-top:4px;white-space:nowrap}
.about{position:relative;z-index:3;background:var(--bg);padding:60px var(--gutter) 150px}.about-title{font-size:clamp(35px,5.8vw,90px);line-height:1.03;letter-spacing:-.055em;font-weight:400;margin:45px 0 90px;max-width:1250px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.portrait{max-width:600px}.portrait img{width:100%;height:auto}.portrait figcaption{font-size:11px;color:var(--muted);margin-top:15px}.about-copy{font-size:clamp(18px,1.65vw,27px);letter-spacing:-.028em;line-height:1.4}.about-copy p+p{margin-top:35px;color:#adada8}.experience{position:relative;z-index:3;background:var(--bg);padding:0 var(--gutter) 160px;display:grid;grid-template-columns:1fr 2fr;gap:70px}.experience-heading h2{font-size:clamp(30px,3.6vw,58px);font-weight:400;letter-spacing:-.05em}.experience-heading p{font-size:12px;color:var(--muted);margin-top:15px}.experience-row{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:28px 0 35px;border-top:1px solid var(--line)}.experience-row>span{font-size:13px;color:var(--muted);padding-top:4px}.experience-row h3{font-size:clamp(20px,1.9vw,30px);font-weight:400;letter-spacing:-.035em;line-height:1.2}.experience-row p{font-size:13px;line-height:1.5;color:var(--muted);margin-top:13px}.contact{position:relative;z-index:3;background:var(--bg);padding:85px var(--gutter) 130px;border-top:1px solid var(--line)}.contact h2{font-size:12px;font-weight:400;color:var(--muted);margin-bottom:45px}.contact>p{font-size:clamp(60px,12vw,190px);font-weight:400;letter-spacing:-.075em;line-height:1;margin-bottom:65px}.contact>a{font-size:clamp(18px,3.2vw,50px);letter-spacing:-.04em;display:inline-flex;gap:30px;align-items:center}.contact>a span{display:inline-block;transition:transform .3s}.contact>a:hover span{transform:translate(6px,-6px)}.footer{position:relative;z-index:3;background:var(--bg);padding:25px var(--gutter);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font-size:11px;color:var(--muted)}.footer a{color:var(--ink)}
.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s var(--ease),transform 1s var(--ease)}.reveal.seen{opacity:1;transform:none}.fluid-cursor{position:fixed;top:0;left:0;width:18px;height:18px;border-radius:50%;background:#fff;pointer-events:none;z-index:200;opacity:0;mix-blend-mode:difference;will-change:transform}.cursor-ready .fluid-cursor{opacity:1}@media(hover:hover) and (pointer:fine){.cursor-ready,.cursor-ready *,.cursor-ready *:before,.cursor-ready *:after{cursor:none!important}}
@media(min-width:1700px){:root{--gutter:36px}.hero-identity h1{font-size:180px}.hero-visual{height:76svh}}
@media(max-width:1000px){.hero-identity h1{font-size:14vw}.hero-identity{gap:35px}.project-frame{width:80%}.about-grid{gap:5vw}.experience{gap:40px;grid-template-columns:1fr 2fr}}
@media(max-width:700px){:root{--gutter:16px}html{scroll-padding-top:85px}.header{padding:8px 18px 12px 0}.monogram{width:72px;height:65px}.menu-toggle{font-size:13px;margin-top:6px}.menu-brand{left:0;top:8px;width:72px;height:65px}.menu-close{right:18px;top:14px}.menu-nav{padding:18vh 24px 15vh;gap:18px}.menu-nav a{font-size:clamp(42px,10vw,65px);line-height:1.1}.menu-email{right:24px;font-size:12px;bottom:30px}.hero-scene{height:145svh}.hero-pin{min-height:600px}.hero-visual{height:62svh;min-height:320px}.hero-image{object-position:62% center}.hero-visual:after{height:55px}.hero-caption{bottom:28px;font-size:9px;gap:16px}.hero-caption>span:first-child{font-size:30px}.hero-identity{bottom:35px;display:block}.hero-identity h1{font-size:clamp(78px,22vw,145px);line-height:.76;margin-bottom:28px}.hero-identity p{font-size:19px;line-height:1.1;letter-spacing:-.035em}.discover{margin-top:20px;max-width:100%;font-size:11px}.identity-backdrop{left:16px;right:16px;bottom:7vh;display:block}.identity-backdrop>span{font-size:27vw}.identity-backdrop p{font-size:18px;margin-top:25px}.section-top{padding:18px 0 28px;gap:15px}.section-top h2,.section-top span{font-size:10px}.project-stage{height:94svh;min-height:620px}.project-stage:last-child{height:87svh;min-height:580px}.project-frame{width:100%;top:13svh}.project-picture{height:58svh;min-height:320px;max-height:620px}.project-caption h3{font-size:23px}.project-caption p,.project-caption>span{font-size:11px}.about{padding:45px 16px 90px}.about-title{font-size:38px;line-height:1.06;margin:30px 0 45px}.about-title br{display:none}.about-grid{grid-template-columns:1fr;gap:35px}.portrait{max-width:430px}.about-copy{font-size:20px;line-height:1.4}.about-copy p+p{margin-top:28px}.experience{padding:0 16px 90px;display:block}.experience-heading{margin-bottom:32px}.experience-heading h2{font-size:42px}.experience-heading p{font-size:11px}.experience-row{grid-template-columns:42px 1fr;gap:14px;padding:22px 0 27px}.experience-row>span{font-size:11px}.experience-row h3{font-size:21px}.experience-row p{font-size:12px}.contact{padding:55px 16px 85px}.contact h2{margin-bottom:30px;font-size:11px}.contact>p{font-size:clamp(55px,16vw,100px);margin-bottom:40px}.contact>a{font-size:clamp(15px,4.6vw,25px);gap:15px}.footer{padding:23px 16px;display:grid;grid-template-columns:1fr auto;font-size:10px;gap:18px}.footer>span:last-child{text-align:right}}
@media(hover:none),(pointer:coarse){.fluid-cursor{display:none}}
.menu-brand{mix-blend-mode:screen}
.monogram{position:relative}
.monogram,.menu-brand{filter:none;mix-blend-mode:normal}
.monogram img,.menu-brand img{opacity:0}
.monogram:before,.menu-brand:before{content:'';position:absolute;inset:0;background:var(--ink);mask-image:linear-gradient(#fff,#fff),url('assets/alvaro-logo-approved.png');mask-size:100% 100%;mask-repeat:no-repeat;mask-mode:luminance,luminance;mask-composite:exclude}
@media(min-width:701px){.hero-visual{height:calc(100svh - clamp(210px,18.5vw,310px));min-height:320px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-scene{height:100svh}.hero-visual,.hero-identity,.project-frame,.project-picture img{transform:none!important}.reveal{opacity:1;transform:none}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Una sola identidad: posición y tamaño constantes; solo cambia su opacidad. */
.hero-identity{position:fixed;z-index:1;transform:none;opacity:1;pointer-events:none;will-change:opacity}
.hero-identity .discover{pointer-events:auto}
.project-frame{width:46%}
.project-stage{height:76svh;min-height:530px}
.project-stage:last-child{height:76svh}
.project-picture{height:44svh;min-height:300px;max-height:560px}
.project-caption{opacity:0;transform:translateY(6px);transition:opacity .3s,transform .4s var(--ease)}
.project-frame:hover .project-caption,.project-frame:focus-within .project-caption{opacity:1;transform:none}
.explore-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%);padding:16px 21px;background:#f4f4f1;color:#080808;border-radius:50%;font-size:12px;opacity:0;pointer-events:none;transition:opacity .25s,transform .3s;z-index:2}
.project-picture:hover .explore-label,.project-picture:focus-visible .explore-label{opacity:1;transform:translate(-50%,-50%)}
.watch-slides{display:block;width:100%;height:100%;position:relative}
.watch-slides .watch-slide{position:absolute;inset:0;opacity:0;transition:opacity .25s var(--ease),transform .4s var(--ease)}
.watch-slides .watch-slide.is-active{opacity:1}
@media(min-width:701px) and (max-width:1000px){.project-frame{width:57%}}
@media(max-width:700px){.project-frame{width:100%}.project-stage,.project-stage:last-child{height:82svh;min-height:560px}.project-picture{height:48svh;min-height:300px}.project-caption{opacity:1;transform:none}}
@media(hover:none){.project-caption{opacity:1;transform:none}.explore-label{opacity:1;transform:translate(-50%,-50%);top:auto;bottom:15px;left:auto;right:15px;font-size:11px;padding:12px 16px}}
.fluid-cursor{display:grid;place-items:center}
.fluid-cursor.exploring{mix-blend-mode:difference;color:#000;font-size:12px}
.cursor-label{display:block;white-space:nowrap;transform-origin:center;will-change:transform}
@media(hover:hover) and (pointer:fine){.cursor-ready .project-picture .explore-label{opacity:0}}
/* Marcos estables: mismo ancho en escritorio y misma proporción al reducirse. */
.project-frame{width:480px;max-width:100%}
.project-picture{height:auto;min-height:0;max-height:none;aspect-ratio:4/3}
.project-stage,.project-stage:last-child{height:70svh;min-height:490px}
.project-picture img,.project-picture:hover img,.project-picture:focus-visible img{transform:translate3d(var(--mouse-x,0px),var(--mouse-y,0px),0) scale(1);object-fit:contain}
.gallery-slides{position:absolute;inset:0;display:block;width:100%;height:100%}
.project-picture>img{position:absolute;inset:0;width:100%;height:100%}
.gallery-slide{position:absolute;inset:0;opacity:0;transition:opacity .45s var(--ease),transform .4s var(--ease)}
.gallery-slide.is-active{opacity:1}
.project-picture.watch,.project-picture.car{background:#080808}
.hero-identity h1{font-size:inherit;line-height:0;margin:0;letter-spacing:normal}
.name-art{display:block;width:clamp(360px,34vw,520px);max-width:100%;height:auto}
.about-copy{font-size:clamp(22px,1.95vw,30px);line-height:1.4}
@media(min-width:701px) and (max-width:1000px){.project-frame{width:480px;max-width:100%}}
@media(max-width:900px),(max-aspect-ratio:4/5){.hero-identity{display:flex;flex-direction:column;align-items:stretch;gap:24px}.hero-identity h1{margin:0}.name-art{width:min(78vw,420px)}.hero-identity p{font-size:21px}.hero-visual{height:calc(100svh - clamp(290px,38svh,380px));min-height:0}}
@media(max-width:700px){.project-frame{width:420px;max-width:calc(100% - 24px);margin-left:12px}.project-stage:nth-of-type(even) .project-frame{margin-right:12px}.project-picture{height:auto;min-height:0;max-height:none;aspect-ratio:4/3}.project-stage,.project-stage:last-child{height:66svh;min-height:400px}.hero-identity p{font-size:19px}.about-copy{font-size:22px}}
/* Revisión: marcos más estrechos, ampliación del recuadro completo y fotos a sangre. */
.project-frame{width:390px;max-width:100%}
.project-picture{aspect-ratio:39/34;transform:scale(1);transition:transform .55s var(--ease);transform-origin:center;z-index:1}
.project-picture:hover,.project-picture:focus-visible{transform:scale(1.08)}
.project-picture img,.project-picture:hover img,.project-picture:focus-visible img{object-fit:cover;object-position:50% 50%;transform:none}
.gallery-slide{transition:opacity .22s var(--ease)}
.gallery-cover{position:absolute;inset:0;z-index:1;opacity:1;pointer-events:none;transition:opacity .22s var(--ease)}
.project-picture.is-playing .gallery-cover{opacity:0}
.project-caption{padding-top:26px}
.hero-identity h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(100px,10.8vw,175px);letter-spacing:-.085em;line-height:.75;font-weight:700;margin:0}
@media(min-width:1700px){.hero-identity h1{font-size:180px}}
@media(min-width:701px) and (max-width:1000px){.project-frame{width:390px;max-width:100%}.hero-identity h1{font-size:14vw}}
@media(max-width:900px),(max-aspect-ratio:4/5){.hero-identity h1{font-size:clamp(78px,14vw,145px);line-height:.76}}
@media(max-width:700px){.project-frame{width:350px;max-width:calc(100% - 32px);margin-left:16px}.project-stage:nth-of-type(even) .project-frame{margin-right:16px}.project-picture{aspect-ratio:39/34}.project-picture:hover,.project-picture:focus-visible{transform:scale(1.05)}.hero-identity h1{font-size:clamp(78px,22vw,145px)}}
@media(hover:none){.project-picture:hover{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.project-picture,.project-picture:hover,.project-picture:focus-visible{transform:none}}

/* V6: fixed resting footprint, wider Apex on exploration, opaque project layer. */
.project-frame{width:350px;opacity:1;max-width:calc(100% - 40px);margin-left:20px}
.project-stage:nth-of-type(even) .project-frame{margin-left:auto;margin-right:20px}
.project-picture{width:100%;height:auto;aspect-ratio:39/34;transform:none;transition:width .55s var(--ease),transform .55s var(--ease);transform-origin:center}
.project-picture:hover,.project-picture:focus-visible{transform:none}
.project-picture.is-exploring{transform:scale(1.1142857)}
.project-picture.car{margin-left:auto;right:0;float:right}
.project-picture.car.is-exploring{width:min(500px,calc(100vw - 80px));transform:scale(1.04);aspect-ratio:auto;height:305.13px;transform-origin:right center}
.project-picture.car{height:305.13px;aspect-ratio:auto}
.project-caption{clear:both;padding-top:30px}
.project-picture.car .gallery-cover{object-position:52% 50%}
.project-frame{isolation:isolate}
#works-heading{font-size:19px;letter-spacing:-.025em}
.about-copy{font-size:clamp(28px,3.2vw,50px);line-height:1.2;letter-spacing:-.035em}
@media(max-width:700px){
 .project-frame{width:310px;max-width:calc(100% - 40px);margin-left:20px}
 .project-stage:nth-of-type(even) .project-frame{margin-right:20px}
 .project-picture.car{height:auto;aspect-ratio:39/34}
 .project-picture.car.is-exploring{height:auto;aspect-ratio:39/34;width:100%;transform:scale(1.08)}
 .project-picture.is-exploring{transform:scale(1.08)}
 #works-heading{font-size:17px}
 .about-copy{font-size:30px;line-height:1.24}
}
@media(hover:none){.project-picture.is-exploring{transform:none}.project-picture.car.is-exploring{width:100%;transform:none}}
@media(prefers-reduced-motion:reduce){.project-picture.is-exploring{transform:none}.project-picture.car.is-exploring{width:100%}}

/* V7: more central composition, same resting size across desktop widths. */
:root{--project-inset:clamp(30px,8vw,150px)}
.project-frame{width:385px;max-width:calc(100% - 2 * var(--project-inset));margin-left:var(--project-inset);container-type:inline-size}
.project-stage:nth-of-type(even) .project-frame{margin-right:var(--project-inset)}
.project-picture,.project-picture.car{height:calc(100cqw * 34 / 39);aspect-ratio:auto;max-width:none;border:0;outline-offset:5px;background:#080808;clip-path:inset(0);backface-visibility:hidden}
.project-picture img{max-width:none;border:0;outline:0}
.project-picture.is-exploring{transform:scale(1.1142857)}
.project-picture.car.is-exploring{width:min(550px,calc(100vw - 2 * var(--gutter) - 2 * var(--project-inset)));height:calc(100cqw * 34 / 39);transform:scale(1.025);aspect-ratio:auto}
/* Isolate the image crop from subpixel paint seams; keep keyboard focus visible. */
.project-picture:not(:focus-visible){outline:0}
.monogram:before,.menu-brand:before{display:none}
.monogram img,.menu-brand img{opacity:1;filter:grayscale(1) invert(1) contrast(8);mix-blend-mode:screen;border:0;outline:0}
.monogram,.menu-brand{mix-blend-mode:screen;border:0;background:transparent}
#about-heading{font-size:clamp(28px,3.6vw,56px);line-height:1.1;letter-spacing:-.045em}
.cursor-label{transition:opacity .15s linear}
@media(max-width:1000px) and (min-width:701px){.project-frame{width:385px;max-width:calc(100% - 2 * var(--project-inset))}}
@media(max-width:700px){
 :root{--project-inset:32px}
 .project-frame{width:341px;max-width:calc(100% - 64px);margin-left:32px}
 .project-stage:nth-of-type(even) .project-frame{margin-right:32px}
 .project-picture,.project-picture.car{height:calc(100cqw * 34 / 39)}
 .project-picture.car.is-exploring{width:calc(100vw - 80px);height:calc(100cqw * 34 / 39);aspect-ratio:auto;transform:none}
 #about-heading{font-size:30px}
}
@media(hover:none){.project-picture.is-exploring{transform:none}.project-picture.car.is-exploring{width:min(550px,calc(100vw - 2 * var(--gutter) - 2 * var(--project-inset)))}}
@media(max-width:700px) and (hover:none){.project-picture.car.is-exploring{width:calc(100vw - 80px)}}
@media(prefers-reduced-motion:reduce){.project-picture.is-exploring{transform:none}.project-picture.car.is-exploring{width:100%}}
/* Keep the approved silhouette transparent; trim only the empty raster boundary. */
.monogram,.menu-brand{mix-blend-mode:normal}
.monogram img,.menu-brand img{opacity:0;filter:none}
.monogram:before,.menu-brand:before{display:block;clip-path:inset(2px)}
.project-picture{transition:width .55s var(--ease),height .55s var(--ease),transform .55s var(--ease)}
@media(max-width:700px){.project-picture.car.is-exploring{height:calc(100cqw * .68)}}
/* Native cross-document transition: real links remain active and never wait on timers. */
@view-transition{navigation:none}
@keyframes page-fade-out{to{opacity:0}}
@keyframes page-fade-in{from{opacity:0}to{opacity:1}}


body{opacity:1;transition:none}
body.page-entering{animation:page-fade-in .25s ease both}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),body.page-entering{animation:none}}
.project-picture{border-radius:10px;clip-path:inset(0 round 10px)}

/* No translucent header bands or residual hero layer once the image has faded. */
html{background:var(--bg)}
.hero-is-gone .hero-visual{visibility:hidden}

/* The label leaves immediately; only the cursor body keeps its inertia. */
.cursor-label{transition:none}
/* Transition snapshots must never swallow a click on the newly arrived page. */
::view-transition,::view-transition-group(root),::view-transition-image-pair(root),::view-transition-old(root),::view-transition-new(root){pointer-events:none}

/* Preserve the final glyph overhang within the vertical text reveal mask. */
.menu-nav a{padding-inline:.12em;margin-inline:-.12em}