html{scroll-behavior:smooth;scroll-padding-top:32px}button,a{-webkit-tap-highlight-color:transparent}button{font-family:inherit}a:focus-visible,button:focus-visible,.carousel-viewport:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.chamfer,.thumb-media,.hero-project{--cut:24px;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.thumb-media{--cut:18px;display:block;position:relative;overflow:hidden;margin-bottom:12px}.thumb-media img{margin:0;transition:transform .45s cubic-bezier(.22,.8,.24,1),filter .4s}.thumb-hint{position:absolute;right:16px;bottom:16px;background:var(--accent);color:var(--bg);padding:10px 14px;opacity:0;transform:translateY(7px);transition:opacity .25s,transform .25s;font-size:10px;pointer-events:none}.card{min-width:0;display:block}.card:hover .thumb-media img,.card:focus-visible .thumb-media img{transform:scale(1.035);filter:contrast(1.025)}.card:hover .thumb-hint,.card:focus-visible .thumb-hint{opacity:1;transform:none}.card h3{transition:color .25s}.card:hover h3{color:var(--accent)}
.grain-media{position:relative;isolation:isolate}.grain-media:after,.site-menu:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:screen;opacity:.055;z-index:1}
.text-link,.menu-toggle,.menu-close,.icon-button,.project-selector{--magnet-x:0px;--magnet-y:0px;position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;color:inherit;cursor:pointer;transition:border-color .22s,color .22s,background .22s,transform .22s;transform:translate(var(--magnet-x),var(--magnet-y))}.text-link{padding:9px 10px;margin:-9px -10px;transform-origin:center;max-width:100%}.text-link:hover,.text-link:focus-visible{border-color:var(--accent);color:var(--accent);transform:translate(var(--magnet-x),var(--magnet-y)) scale(1.025)}.menu-toggle,.menu-close{padding:10px 14px;border-color:var(--line);gap:18px;min-height:42px}.menu-toggle:hover,.menu-close:hover{border-color:var(--accent);color:var(--accent)}nav{gap:24px}.links{margin-left:auto}
.carousel-viewport{overflow:hidden;touch-action:pan-y}.carousel-track{display:flex;transition:transform .65s cubic-bezier(.22,.8,.24,1);will-change:transform}.carousel-slide{flex:0 0 100%;min-width:0}.hero-project{display:block;overflow:hidden}.project-carousel .hero-project img{width:100%;height:740px;object-fit:cover;transform:none!important}.project-carousel .caption{min-height:176px;align-items:center}.project-carousel .caption>div{max-width:1000px}.project-carousel .caption h2{font-size:48px}.carousel-controls{display:flex;align-items:center;gap:12px;margin-top:24px}.icon-button,.project-selector{height:44px;min-width:44px;border-color:var(--line)}.icon-button:hover,.project-selector:hover{border-color:var(--accent);color:var(--accent)}.project-selector.selected{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.carousel-selectors{display:flex;gap:8px}.carousel-status{margin-left:auto}.icon-button svg{flex:none}
.menu-open{overflow:hidden}.site-menu{border:1px solid var(--line);padding:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;background:var(--bg);color:var(--ink);overflow:auto}.site-menu::backdrop{background:#000b}.site-menu:after{position:fixed;opacity:.07}.menu-shell{max-width:1440px;margin:auto;padding:32px 64px;position:relative;z-index:2}.menu-top{display:flex;align-items:center;gap:24px;padding-bottom:32px}.menu-close{margin-left:auto;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));background:var(--ink);color:var(--bg)}.menu-links{display:flex;flex-direction:column;margin:5vh auto;max-width:1050px}.menu-links>a{display:flex;align-items:center;justify-content:center;gap:24px;font-size:clamp(36px,6vw,86px);font-weight:700;letter-spacing:-.045em;line-height:1.15;color:var(--muted);padding:16px 12px;border:1px dashed var(--line);border-bottom:0;transition:color .25s,border-color .25s,transform .3s}.menu-links>a:last-child{border-bottom:1px dashed var(--line)}.menu-links>a:hover,.menu-links>a:focus-visible{color:var(--ink);border-color:var(--accent);transform:translateX(6px)}.menu-plus{font-size:24px;align-self:flex-start;margin-top:12px;color:var(--accent)}.menu-links sup{align-self:flex-start;margin-top:12px}.menu-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:24px}.reveal-section{opacity:.1;transform:translateY(22px);transition:opacity .65s,transform .65s}.reveal-section.revealed{opacity:1;transform:none}
.mobile .project-carousel .hero-project img{height:260px}.mobile .project-carousel .caption{min-height:222px;align-items:flex-start}.mobile .project-carousel .caption h2{font-size:32px}.mobile .carousel-controls{gap:6px;flex-wrap:wrap}.mobile .project-selector{min-width:29px;height:40px}.mobile .icon-button{min-width:34px;height:40px}.mobile .carousel-selectors{gap:4px}.mobile .carousel-status{display:none}.mobile nav .links{display:none}.mobile .menu-toggle{margin-left:auto}.mobile .chamfer,.mobile .hero-project{--cut:16px}
@media(max-width:800px){main{padding:24px;max-width:100%;overflow-x:clip}.position{grid-template-columns:1fr!important;gap:32px}.position h2{font-size:42px}.position p{font-size:18px}.position h2,.position p{max-width:100%}h1{font-size:clamp(64px,12vw,100px)}.grid{grid-template-columns:1fr}.sectionhead{grid-template-columns:1fr;gap:16px}.links{display:none}.menu-toggle{margin-left:auto}.identity .hide-mobile{display:none}.project-carousel .hero-project img{height:clamp(240px,52vw,400px)}.project-carousel .caption{align-items:flex-start;flex-direction:column;min-height:220px}.project-carousel .caption h2{font-size:34px}.caption p{font-size:18px}.carousel-controls{gap:6px;flex-wrap:wrap}.project-selector{min-width:28px;height:40px}.icon-button{min-width:34px;height:40px}.carousel-selectors{gap:4px}.carousel-status{display:none}.menu-shell{padding:24px}.menu-top .muted{display:none}.menu-links{margin:8vh 0}.menu-links>a{gap:12px;font-size:clamp(28px,7vw,54px);padding:20px 10px}.menu-links sup{font-size:10px}.menu-plus{font-size:16px}.menu-bottom{flex-direction:column;font-size:10px}.chamfer,.hero-project{--cut:16px}.bmw-pair,.psu-row,.vux-row{grid-template-columns:1fr!important}.about-profile,.contact-layout{display:flex;flex-direction:column}.tool-groups{grid-template-columns:1fr 1fr}.facts{display:flex;flex-direction:column;gap:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal-section{opacity:1;transform:none}.card:hover .thumb-media img{transform:none}}

.mobile-menu{width:min(390px,100%);left:50%;transform:translateX(-50%)}.mobile-menu .menu-shell{padding:24px}.mobile-menu .menu-top .muted{display:none}.mobile-menu .menu-links>a{font-size:30px;gap:12px;padding:20px 8px}.mobile-menu .menu-links{margin:6vh 0}.mobile-menu .menu-plus{font-size:16px}.mobile-menu .menu-bottom{flex-direction:column;font-size:10px}
@media(max-width:800px){.case h1{font-size:52px;line-height:1.05;overflow-wrap:break-word}.case h2{font-size:32px}.case .facts p,.case .prose{font-size:16px;line-height:1.6}.case .section{margin-top:64px}.case .back{margin-top:32px}footer .contact-layout h2{font-size:48px;line-height:1.05}}

.mobile.case>h1.mercedes-title{font-size:44px;line-height:48px}@media(max-width:800px){.case>h1.mercedes-title{font-size:44px;line-height:48px}}

.case-media{display:block;position:relative;overflow:hidden}.case-media img{display:block;width:100%;height:auto}

/* Immersive opening: expand the frame, reveal the whole composition, then
   release the sticky scene into Selected Work. No numbered controls. */
html{scrollbar-gutter:stable}
.immersive-home{max-width:none;padding:0;overflow:visible}
.immersive-home>.section,.immersive-home>footer{width:min(100%,1440px);margin-left:auto;margin-right:auto;padding-left:64px;padding-right:64px}
.home-intro{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;padding:24px 64px 28px;max-width:1728px;margin:auto}
.intro-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--bg)}
.intro-backdrop video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.42;filter:saturate(.7) brightness(.85);transform:scale(var(--intro-video-scale,1.06));will-change:transform}
.intro-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(14,15,16,.65),rgba(14,15,16,.12) 35%,rgba(14,15,16,.3) 60%,var(--bg))}
.intro-motion-controls{position:absolute;right:24px;bottom:24px;display:flex;gap:8px;align-items:center}
.intro-motion-toggle,.intro-audio-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:50%;background:rgba(14,15,16,.45);color:var(--muted);cursor:pointer;font-size:12px}
.intro-motion-toggle:hover,.intro-audio-toggle:hover{color:var(--ink);border-color:var(--accent)}
.xr-viewer{margin:40px 0 48px;min-width:0}
.xr-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.xr-fullscreen{min-height:44px;padding:8px 12px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:11px;cursor:pointer}
.xr-fullscreen:hover{border-color:var(--accent);color:var(--accent)}
.xr-stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--bg)}
.xr-poster{display:block;width:100%;height:100%;object-fit:contain}
.xr-stage>.xr-load{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;cursor:pointer;white-space:nowrap}
.xr-stage>.xr-load:hover,.xr-stage>.xr-load:focus-visible,.xr-stage>.xr-load:active{transform:translate(-50%,-50%)}
.xr-load[hidden]{display:none}
.xr-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.xr-viewer figcaption{margin-top:12px}
.xr-stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto}
.xr-stage.is-expanded{position:fixed;inset:0;z-index:10000;width:100vw;height:100dvh;aspect-ratio:auto}
.xr-close{position:absolute;top:16px;right:16px;z-index:3;min-height:44px;padding:10px 16px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;font-size:12px}
.xr-close[hidden]{display:none}
.mobile .xr-heading{gap:8px}.mobile .xr-heading .micro{font-size:9px}.mobile .xr-load{font-size:10px;padding:14px 18px}
@media(max-width:800px){.xr-heading{gap:8px}.xr-heading .micro{font-size:9px}.xr-load{font-size:10px;padding:14px 18px}}
.home-intro nav{width:100%;flex:none}
.home-intro>.eyebrow{margin-top:auto;padding-top:72px;text-align:center}
.home-intro>h1{font-size:clamp(100px,14vw,232px);line-height:.9;letter-spacing:-.065em;text-align:center;margin:24px 0 56px}
.home-intro .position{margin-top:auto;margin-bottom:32px;grid-template-columns:1fr 1fr;gap:10%;padding-top:16px}
.home-intro .position h2{font-size:clamp(36px,3.6vw,58px)}
.home-intro .position p{font-size:18px;max-width:560px;line-height:1.5}
.intro-scroll{align-self:center;color:var(--muted);padding:12px;margin-bottom:0}
.immersive-feature{height:170svh;position:relative;isolation:isolate;margin:0}
.hero-sticky{height:100svh;position:sticky;top:0;overflow:hidden;background:var(--bg)}
.hero-window{position:absolute;inset:var(--frame-inset,4.5%);overflow:hidden;background:var(--bg);clip-path:polygon(var(--frame-cut,28px) 0,100% 0,100% calc(100% - var(--frame-cut,28px)),calc(100% - var(--frame-cut,28px)) 100%,0 100%,0 var(--frame-cut,28px))}
.hero-slides,.hero-slide{position:absolute;inset:0}
.hero-slide{opacity:0;transition:opacity 1.1s cubic-bezier(.4,0,.2,1);pointer-events:none}
.hero-slide.is-active{opacity:1;pointer-events:auto}
.hero-slide .hero-project{position:absolute;inset:0;clip-path:none}
.hero-slide .hero-project img{display:block;width:100%;height:100%;object-fit:contain;will-change:transform;transform-origin:center;filter:contrast(1.035) saturate(.94)}
.hero-caption{position:absolute;bottom:0;left:0;right:0;padding:100px 64px 44px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;background:linear-gradient(to bottom,rgba(14,15,16,0),rgba(14,15,16,.86) 60%,var(--bg));opacity:var(--caption-opacity,0);pointer-events:none}
.hero-caption h2{font-size:clamp(32px,4vw,68px);margin:12px 0}
.hero-caption p{font-size:18px;color:#c0c1bf}
.hero-caption .text-link{pointer-events:auto;flex:none;font-size:12px}
.hero-scroll-label{position:absolute;top:24px;left:32px;color:#ededed;pointer-events:none;font-size:10px}
.rotation-accessible:focus-visible{clip:auto;width:auto;height:auto;left:32px;top:56px;background:var(--bg);color:var(--ink);padding:12px;z-index:5;overflow:visible}
.cut-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:16px 24px;background:var(--ink);color:var(--bg);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transition:background .25s,transform .25s;align-self:flex-start}
.cut-button:hover{background:var(--accent);color:var(--bg);transform:translateY(-2px)}
.about-page .about-masthead{padding:112px 0 96px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:32px}
.about-profile-links{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:32px}
.about-page .about-masthead h1{font-size:clamp(72px,9vw,144px);line-height:.92;letter-spacing:-.065em;margin:0}
.about-masthead p.mono{font-size:14px;line-height:1.9;text-transform:uppercase}
.about-masthead .cut-button{align-self:center;margin-top:8px}
.about-editorial{display:grid;grid-template-columns:42% 1fr;gap:64px;align-items:start}
.about-portrait{margin:0;position:relative;overflow:hidden}
.about-portrait img{display:block;width:100%;height:auto;filter:contrast(1.035) saturate(.9)}
.about-portrait figcaption{position:absolute;bottom:24px;left:24px;color:#fff;z-index:2;font-size:10px}
.about-manifesto{display:flex;flex-direction:column;gap:24px;padding-top:24px}
.about-manifesto h2{font-size:56px;margin:8px 0 16px}
.about-manifesto .bio-lead{font-size:24px;line-height:1.4}
.about-manifesto p{font-size:18px;line-height:1.6}
.about-coordinate{display:flex;justify-content:space-between;gap:24px;padding:32px 0;border-bottom:1px solid var(--line);color:var(--muted);margin-top:32px}
.experience-list{border-top:1px solid var(--line)}
.experience-row{display:grid;grid-template-columns:200px 340px 1fr;gap:40px;padding:36px 0;border-bottom:1px solid var(--line)}
.experience-row>.mono{font-size:10px;line-height:1.9}.experience-row p{font-size:16px;line-height:1.6}
.experience-row .experience-role{margin-top:12px;font-size:16px}
.education-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.education-grid article{border-top:1px solid var(--line);padding-top:24px}
.education-grid h3{font-size:24px;margin:24px 0 16px}.education-grid p{font-size:16px}
.stack-list{border-top:1px solid var(--line)}
.stack-list article{padding:28px 0;display:grid;grid-template-columns:240px 1fr 24px;gap:32px;border-bottom:1px solid var(--line);align-items:center}
.stack-list p{font-size:24px}.stack-plus{font:28px/1 'IBM Plex Mono',monospace}
.about-archive{display:flex;align-items:center;gap:40px;margin-top:48px}.about-archive>a:last-child{font-size:12px}
/* Fine monochrome film grain. Only the overlay changes; source media retains
   its resolution. Stepped offsets produce temporal grain without a blur. */
.grain-media::after,.site-menu::after{inset:-16px;background-size:156px 156px;mix-blend-mode:soft-light;opacity:.24;animation:temporal-grain .9s steps(1,end) infinite;will-change:background-position}
@keyframes temporal-grain{0%,100%{background-position:0 0}12%{background-position:-13px 9px}25%{background-position:17px -7px}37%{background-position:-5px -19px}50%{background-position:23px 15px}62%{background-position:-21px 4px}75%{background-position:8px 22px}87%{background-position:14px -16px}}
@media(max-width:1000px){.experience-row{grid-template-columns:160px 240px 1fr;gap:24px}.about-editorial{gap:40px}.about-manifesto h2{font-size:42px}.home-intro{padding-left:32px;padding-right:32px}.home-intro .identity .hide-mobile{display:none}}
@media(max-width:800px){.immersive-home>.section,.immersive-home>footer{padding-left:24px;padding-right:24px}.home-intro{padding:16px 24px 24px;min-height:100svh}.home-intro>.eyebrow{padding-top:56px;font-size:9px}.home-intro>h1{font-size:clamp(60px,15vw,116px);line-height:.95;margin:24px 0 48px}.home-intro .position{display:block;padding-top:0;margin-bottom:16px}.home-intro .position h2{font-size:36px;line-height:1.07;margin-bottom:20px}.home-intro .position p{font-size:15px;line-height:1.5}.home-intro .position .micro{font-size:9px;line-height:1.6;margin-top:20px}.intro-scroll{font-size:9px}.hero-caption{padding:72px 24px 28px;display:block}.hero-caption h2{font-size:32px}.hero-caption p{font-size:15px;margin-bottom:24px}.hero-caption .mono{font-size:9px}.hero-scroll-label{left:20px;top:20px;font-size:8px}.about-page .about-masthead{padding:80px 0 64px;gap:24px}.about-page .about-masthead h1{font-size:clamp(50px,11vw,80px);line-height:.95}.about-masthead p.mono{font-size:10px;line-height:1.8}.about-editorial{grid-template-columns:1fr;gap:32px}.about-manifesto{padding:0}.about-manifesto h2{font-size:38px}.about-manifesto .bio-lead{font-size:20px}.about-manifesto p{font-size:16px}.about-coordinate{flex-direction:column;font-size:10px;gap:12px}.experience-row{grid-template-columns:1fr;gap:18px;padding:28px 0}.education-grid{grid-template-columns:1fr;gap:32px}.stack-list article{grid-template-columns:1fr 24px;gap:16px;padding:24px 0}.stack-list .mono{grid-column:1/-1;font-size:10px}.stack-list p{font-size:20px}.about-archive{flex-direction:column;align-items:flex-start;gap:24px}.about-page .section h2{font-size:34px}.about-page .cut-button{font-size:10px}}
.mobile.immersive-home{max-width:390px;padding:0}.mobile .home-intro{padding:16px 24px 24px}.mobile .home-intro>h1{font-size:58px;line-height:1;margin:24px 0 40px}.mobile .home-intro .position h2{font-size:36px;line-height:1.08}.mobile .hero-caption{padding:72px 24px 28px;display:block}.mobile .hero-caption h2{font-size:30px}.mobile .hero-caption p{font-size:15px;margin-bottom:20px}.mobile .hero-caption .mono{font-size:9px}.mobile.about-page .about-masthead{padding:64px 0}.mobile.about-page .about-masthead h1{font-size:48px;line-height:.95}.mobile.about-page .about-editorial{grid-template-columns:1fr;gap:32px}.mobile.about-page .about-manifesto h2{font-size:36px}.mobile.about-page .about-manifesto p{font-size:16px}.mobile.about-page .experience-row,.mobile.about-page .education-grid{grid-template-columns:1fr;gap:24px}.mobile.about-page .about-coordinate{flex-direction:column}.mobile.about-page .stack-list article{grid-template-columns:1fr 24px;gap:16px}.mobile.about-page .stack-list .mono{grid-column:1/-1}.mobile.about-page .stack-list p{font-size:20px}.mobile.about-page .about-archive{flex-direction:column;align-items:flex-start}
@media(prefers-reduced-motion:reduce){.immersive-feature{height:100svh}.hero-sticky{position:relative}.hero-window{inset:0;clip-path:none}.hero-slide .hero-project img{transform:none!important}.grain-media::after,.site-menu::after{animation:none;will-change:auto}}
/* Keep the back-link hit area below the navigation divider. */
.case>a.back.text-link{display:inline-flex;margin:40px 0 0;padding:12px 16px;min-height:44px;align-self:flex-start;transform-origin:left center}
@media(max-width:800px){.case>a.back.text-link{margin-top:32px}}

/* Live Visual CTA: separate block flow prevents text-link hit-area overlap. */
.live>.cut-button{display:flex;width:fit-content;max-width:100%;margin:32px 0 0;padding:18px 24px;min-height:56px;line-height:1.5;position:relative;transform:none}.live>.prose{margin:16px 0 0;line-height:1.6}.live>.cut-button:hover{transform:translateY(-2px)}.mobile .live>.cut-button{margin-top:24px;font-size:11px}@media(max-width:800px){.live>.cut-button{margin-top:24px;font-size:11px}}

/* ULTRA selected-work feature: one complete composition, without image gutters. */
.ultra-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:40px;align-items:center;margin-bottom:24px}
.ultra-card .thumb-media{margin:0}.ultra-card img{height:auto;aspect-ratio:16/9;object-fit:cover;margin:0}
.ultra-card-copy{min-width:0}.ultra-card h3{font-size:40px;margin:16px 0}.ultra-card p{font-size:24px;line-height:1.4}.ultra-card-copy>.micro{margin-top:24px;max-width:340px;line-height:1.8}
.ultra-card-copy>.project-status{margin:16px 0}
.mobile .ultra-card{grid-template-columns:1fr;gap:24px}.mobile .ultra-card h3{font-size:28px}.mobile .ultra-card p{font-size:18px}
@media(max-width:800px){.ultra-card{grid-template-columns:1fr;gap:24px}.ultra-card h3{font-size:30px}.ultra-card p{font-size:20px}}

/* Desktop exposes the navigation; the compact layout keeps the existing menu. */
nav>.menu-toggle{display:none}
.desktop-nav{display:flex;align-items:center;gap:clamp(4px,1.2vw,16px);margin-left:auto;flex-shrink:0}
.desktop-nav>a.text-link{margin:0;padding:10px 6px;min-height:44px;white-space:nowrap}
.desktop-nav>a.active{color:var(--accent)}
@media(max-width:1200px){nav .identity .hide-mobile{display:none}}
@media(min-width:801px) and (max-width:1000px){.desktop-nav{font-size:11px;gap:4px}.desktop-nav>a.text-link{padding-left:5px;padding-right:5px}}
.mobile nav>.desktop-nav{display:none}.mobile nav>.menu-toggle{display:inline-flex}
@media(max-width:800px){nav>.desktop-nav{display:none}nav>.menu-toggle{display:inline-flex}}

/* A compact introduction to the full live-visual archive. */
.home-live-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center}
.home-live-preview{min-width:0}.home-live-preview video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#050606}
.home-live-copy{min-width:0}.home-live-copy h3{font-size:40px;line-height:1.1;margin:16px 0}.home-live-copy p{font-size:18px;line-height:1.5;max-width:420px}
.home-live-copy>.cut-button{display:flex;width:fit-content;max-width:100%;min-height:48px;margin:24px 0 0;padding:14px 20px;font-size:11px;line-height:1.5;transform:none}
.home-live-copy>.cut-button:hover{transform:translateY(-2px)}
.mobile .home-live-layout{grid-template-columns:1fr;gap:24px}.mobile .home-live-copy h3{font-size:28px;margin:12px 0}.mobile .home-live-copy p{font-size:16px}.mobile .home-live-copy>.cut-button{margin-top:20px;font-size:10px}
@media(max-width:800px){.home-live-layout{grid-template-columns:1fr;gap:24px}.home-live-copy h3{font-size:28px;margin:12px 0}.home-live-copy p{font-size:16px}.home-live-copy>.cut-button{margin-top:20px;font-size:10px}}

/* Fade the actual photograph edges into its letterbox as the image settles. */
.hero-slide .hero-project{
 -webkit-mask-image:linear-gradient(to bottom,transparent var(--hero-image-top,-1px),#000 calc(var(--hero-image-top,-1px) + var(--hero-edge-fade,0px)),#000 calc(var(--hero-image-bottom,calc(100% + 1px)) - var(--hero-edge-fade,0px)),transparent var(--hero-image-bottom,calc(100% + 1px)));
 mask-image:linear-gradient(to bottom,transparent var(--hero-image-top,-1px),#000 calc(var(--hero-image-top,-1px) + var(--hero-edge-fade,0px)),#000 calc(var(--hero-image-bottom,calc(100% + 1px)) - var(--hero-edge-fade,0px)),transparent var(--hero-image-bottom,calc(100% + 1px)));
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat
}

.mobile.immersive-home>.section,.mobile.immersive-home>footer{padding-left:24px;padding-right:24px}
.mobile .immersive-feature{height:150svh}
@media(max-width:800px){.immersive-feature{height:150svh}}
@media(prefers-reduced-motion:reduce){.mobile .immersive-feature,.immersive-feature{height:100svh}}