:root{--ink:#171717;--paper:#f7f7f2;--acid:#d5ff3f;--line:#c9c9c1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #5044f5;outline-offset:5px}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 3.5vw;border-bottom:1px solid var(--ink);background:var(--paper);position:relative;z-index:5}.wordmark{font-size:52px;font-weight:900;letter-spacing:-5px}.wordmark span{font-size:17px;letter-spacing:0;vertical-align:top;display:inline-block;margin-top:13px;margin-left:5px}.header-note{font-size:13px;line-height:1.35;margin-right:auto;margin-left:5vw}nav{display:flex;gap:30px;font-size:14px}nav a:hover{text-decoration:underline;text-underline-offset:6px}sup{font-size:10px}.hero{position:relative;padding:30px 3.5vw 42px;overflow:hidden;min-height:650px}.hero-kicker{display:flex;justify-content:space-between;font-size:13px;text-transform:uppercase;letter-spacing:.03em}h1{font-size:clamp(80px,15.7vw,260px);line-height:.84;letter-spacing:-.075em;font-weight:800;margin:42px 0 32px}h1 .name-line{display:block;position:relative;width:max-content;max-width:100%;transition:transform .3s}.surname{font-size:.97em}.spark{display:inline-block;font-size:.79em;color:var(--ink);margin-left:.3em;vertical-align:top;line-height:1.05;transform:rotate(var(--spin,0deg));transition:transform .5s;color:var(--ink)}.period{color:#648c00}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;padding-top:16px}.hero-bottom p{font-size:clamp(22px,2.2vw,36px);line-height:1.1;letter-spacing:-.04em;margin:0}em{font-style:normal;color:#65655f}.hero-caption{font-size:14px;line-height:1.5}.round-link{height:110px;width:110px;display:grid;place-content:center;text-align:center;border-radius:50%;background:var(--acid);font-size:15px;transform:rotate(-12deg);transition:transform .25s}.round-link:hover{transform:rotate(10deg) scale(1.08)}.edge-label{position:absolute;right:15px;top:190px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.12em}.work,.about,.playground{padding:50px 3.5vw 80px;border-top:1px solid var(--ink)}.section-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px}h2{font-size:clamp(35px,5vw,75px);font-weight:500;letter-spacing:-.065em;line-height:1;margin:0}.small{font-size:14px;letter-spacing:0;margin-left:18px;display:inline-block;vertical-align:middle}.view-switch{display:flex;border:1px solid var(--ink);border-radius:30px;padding:4px;gap:3px}.view-switch button{border:0;background:transparent;padding:10px 19px;border-radius:25px;font-size:14px}.view-switch .active{background:var(--ink);color:var(--paper)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:45px}.filters button{border:1px solid var(--line);background:transparent;padding:8px 15px;border-radius:30px;font-size:14px}.filters button.active{background:var(--acid);border-color:var(--ink)}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:42px 32px;align-items:start}.project-card{grid-column:span 6;border:0;background:none;padding:0;text-align:left;min-width:0}.project-card:nth-child(4n+2){grid-column:8 / span 5;margin-top:75px}.project-card:nth-child(4n+3){grid-column:2 / span 5}.project-card:nth-child(4n+4){grid-column:8 / span 5;margin-top:90px}.project-image{height:clamp(200px,28vw,440px);overflow:hidden;background:#e4e4dc;position:relative}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s,filter .55s}.project-card:nth-child(3) .project-image img,.project-card:nth-child(7) .project-image img{object-fit:contain;background:#ecece7}.project-card:hover .project-image img{transform:scale(1.045)}.project-image:after{content:'Apri progetto';position:absolute;bottom:16px;right:16px;background:var(--acid);border-radius:30px;padding:11px 17px;font-size:14px;opacity:0;transform:translateY(8px);transition:.25s}.project-card:hover .project-image:after,.project-card:focus-visible .project-image:after{opacity:1;transform:translateY(0)}.project-meta{display:flex;justify-content:space-between;gap:14px;font-size:12px;margin-top:15px}.project-title{font-size:clamp(24px,2.6vw,40px);letter-spacing:-.05em;line-height:1.05;margin:8px 0}.project-summary{font-size:14px;line-height:1.4;margin:7px 0;color:#65655f}.work-count{font-size:12px;margin:32px 0 0}.project-grid.index{display:block}.index .project-card{display:grid;grid-template-columns:70px 1fr 210px;align-items:center;gap:20px;width:100%;margin:0!important;border-top:1px solid var(--line);padding:17px 0}.index .project-image{height:68px;grid-column:1;grid-row:1 / span 3}.index .project-meta{grid-column:3;grid-row:1 / span 3;margin:0}.index .project-title{grid-column:2;grid-row:1;font-size:30px;margin:0}.index .project-summary{grid-column:2;grid-row:2;margin:0}.index .project-image:after{display:none}.about{background:var(--acid)}.about-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:7vw;margin-top:55px}.about-statement{font-size:clamp(42px,6vw,92px);line-height:.97;letter-spacing:-.065em;margin:0}.about-statement span{display:block;font-family:inherit;font-style:normal;font-weight:normal}.about-copy p{font-size:19px;line-height:1.5;max-width:520px;margin:0 0 24px}.discipline-list{border-top:1px solid var(--ink);padding-top:18px;display:flex;gap:8px;flex-wrap:wrap}.discipline-list span{border:1px solid var(--ink);border-radius:30px;padding:8px 13px;font-size:13px}.playground{background:#191919;color:var(--paper);overflow:hidden}.play-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:5vw;padding:25px 0 20px}.play-text{font-size:clamp(50px,7vw,105px);line-height:.95;letter-spacing:-.06em;margin:0 0 30px}.play-text span{color:var(--acid)}.text-button{display:block;background:none;border:0;border-bottom:1px solid #666;color:var(--paper);padding:14px 0;font-size:16px;text-align:left}.text-button:hover{color:var(--acid)}.photo-stack{max-width:330px;justify-self:center;position:relative;background:var(--paper);padding:13px 13px 35px;border:0;transform:rotate(7deg);transition:transform .3s;margin:20px 0}.photo-stack:hover{transform:rotate(-4deg)}.photo-stack img{width:100%;display:block;position:relative}.stack-back{position:absolute;inset:0;background:var(--acid);transform:rotate(-14deg);z-index:-1}.photo-caption{display:block;color:var(--ink);font-size:13px;margin-top:13px}footer{padding:50px 3.5vw 25px}.footer-kicker{font-size:14px}.email{display:block;font-size:clamp(62px,12vw,180px);font-weight:700;letter-spacing:-.065em;line-height:1.2;margin:20px 0 45px}.email span{font-family:inherit;font-style:normal;color:#648c00}.email:hover{color:#648c00}.footer-bottom{border-top:1px solid var(--ink);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:13px}dialog{border:0;padding:0;width:min(1100px,95vw);max-height:92vh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.dialog-toolbar{position:sticky;top:0;background:var(--paper);padding:18px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;z-index:2;font-size:13px}.dialog-toolbar button{background:var(--ink);color:var(--paper);border:0;border-radius:25px;padding:10px 18px;font-size:14px}.dialog-inner{padding:35px}.dialog-inner h2{font-size:clamp(40px,6vw,80px);margin-bottom:20px}.dialog-details{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.dialog-details span{font-size:13px;border:1px solid var(--line);border-radius:25px;padding:8px 12px}.dialog-description{font-size:20px;line-height:1.5;max-width:750px}.dialog-image{width:100%;max-height:580px;object-fit:contain;background:#e7e7df}.dialog-context{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:30px}.dialog-context h3{font-size:23px;letter-spacing:-.04em;margin:0 0 12px}.dialog-context p{font-size:16px;line-height:1.5;margin:0}.dialog-next{margin-top:35px;padding:12px 20px;border:1px solid var(--ink);background:var(--acid);border-radius:25px;font-size:14px}body.modal-open{overflow:hidden}[hidden]{display:none!important}@media(min-width:1600px){main,header{max-width:1900px;margin:auto}}@media(max-width:760px){header{height:80px;padding:0 5vw}.wordmark{font-size:43px}.header-note{display:none}nav{gap:15px;font-size:12px}nav a:nth-child(3){display:none}.hero{padding:25px 5vw 35px;min-height:0}.hero-kicker{font-size:10px}h1{font-size:16vw;margin:45px 0 30px;line-height:.94}.spark{margin-left:.3em}.hero-bottom{align-items:center;gap:15px}.hero-bottom p{font-size:23px}.hero-caption{display:none}.round-link{width:82px;height:82px;font-size:13px;flex-shrink:0}.edge-label{display:none}.work,.about,.playground{padding:35px 5vw 50px}.section-top{gap:12px}h2{font-size:40px}.small{font-size:12px;margin-left:8px}.view-switch button{font-size:12px;padding:9px 12px}.filters{gap:6px;margin-bottom:28px}.filters button{font-size:12px;padding:8px 11px}.project-grid{grid-template-columns:1fr;gap:32px}.project-card,.project-card:nth-child(n){grid-column:auto;margin-top:0}.project-image{height:65vw;max-height:430px}.project-title{font-size:30px}.project-image:after{opacity:1;transform:none;padding:8px 12px;font-size:12px}.index .project-card{grid-template-columns:55px 1fr;gap:12px}.index .project-image{height:55px;grid-row:1 / span 3}.index .project-title{font-size:23px}.index .project-meta{grid-column:2;grid-row:3;font-size:11px;margin-top:7px;justify-content:flex-start}.index .project-summary{font-size:12px}.about-layout{grid-template-columns:1fr;gap:35px;margin-top:35px}.about-statement{font-size:57px}.about-copy p{font-size:17px}.play-layout{grid-template-columns:1fr;gap:40px}.play-text{font-size:63px}.photo-stack{max-width:260px}.playground .section-top{display:block}.playground .small{display:block;margin:14px 0 0}.footer-bottom{flex-wrap:wrap;font-size:12px}.footer-bottom span{display:none}.email{font-size:16vw;margin:25px 0}.dialog-inner{padding:24px}.dialog-context{grid-template-columns:1fr;gap:25px}.dialog-description{font-size:17px}.dialog-toolbar{padding:15px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.spark{transform:none!important}}
/* Editorial archive direction */
:root{--paper:#fff;--acid:#f1f1f1;--ink:#151515;--line:#dedede}header{height:60px;padding:0 22px;border-bottom:0;align-items:center}.wordmark{font-size:14px;font-weight:400;letter-spacing:.1em}.wordmark span{display:none}nav{font-size:14px;gap:24px}.hero{padding:0 22px 20px;min-height:calc(100svh - 60px);display:flex;flex-direction:column;overflow:visible}.stage-top{display:flex;justify-content:space-between;gap:35px;padding-top:20px;border-top:1px solid var(--line)}.stage-list{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1}.stage-list button{border:0;background:none;padding:1px 0;text-align:left;color:#999;font-size:14px;line-height:1.3;transition:color .18s}.stage-list button.selected,.stage-list button:hover{color:#111}.practice{width:260px;text-align:right}.practice h1{font-size:14px;line-height:1.3;letter-spacing:.1em;font-weight:400;margin:0;text-transform:uppercase}.practice p{font-size:14px;line-height:1.3;margin:5px 0 12px}.practice a{font-size:14px}.stage-media{display:flex;align-items:center;justify-content:center;flex:1;min-height:340px;padding:25px 12vw}.stage-media button{border:0;background:none;padding:0;width:100%;max-width:850px;display:block}.stage-media img{width:100%;height:48vh;min-height:270px;max-height:570px;object-fit:contain;display:block}.stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;padding:20px 0 0}.stage-caption{max-width:40%}.stage-controls{display:flex;align-items:center;gap:18px}.stage-controls button{padding:4px 0;background:none;border:0;font-size:13px;color:#666}.stage-controls button:hover{color:#111}.work,.about,.playground{padding:35px 22px 60px;border-top:1px solid var(--line)}h2{font-size:18px;letter-spacing:0;line-height:1.3;font-weight:400}.small{font-size:13px;margin-left:10px}.section-top{margin-bottom:22px}.view-switch{padding:0;border:0;gap:16px;border-radius:0}.view-switch button{padding:4px 0;border-radius:0;color:#999;background:none;font-size:14px}.view-switch button.active{color:#111;background:none;border-bottom:1px solid #111}.filters{gap:20px;margin-bottom:28px}.filters button{border:0;border-radius:0;padding:4px 0;background:none;color:#999;font-size:14px}.filters button.active{border-bottom:1px solid #111;background:none;color:#111}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}.project-card,.project-card:nth-child(n){grid-column:auto;margin-top:0}.project-image{height:26vw;max-height:410px;background:#f3f3f3}.project-image img{object-fit:contain!important;background:#f3f3f3!important}.project-image:after{display:none}.project-card:hover .project-image img{transform:scale(1.015)}.project-meta{font-size:12px;margin-top:12px}.project-title{font-size:18px;line-height:1.25;font-weight:400;letter-spacing:0;margin:6px 0}.project-summary{font-size:13px;line-height:1.4;color:#888}.index .project-card{grid-template-columns:65px 1fr 230px;padding:13px 0}.index .project-title{font-size:18px}.index .project-image{height:55px}.about{background:#fff}.about-layout{grid-template-columns:1fr 1fr;margin-top:35px;gap:10vw}.about-statement{font-size:clamp(30px,4vw,60px);line-height:1.07;letter-spacing:-.04em}.about-statement span{font-family:inherit;font-style:normal}.about-copy p{font-size:17px;line-height:1.5}.discipline-list{border-color:var(--line)}.discipline-list span{border:0;border-radius:0;padding:3px 12px 3px 0;font-size:14px;color:#777}.playground{background:#fff;color:var(--ink)}.play-layout{grid-template-columns:1fr 1fr;padding-top:15px}.play-text{font-size:clamp(30px,4vw,60px);line-height:1.1;letter-spacing:-.04em}.text-button{color:var(--ink);font-size:14px;border-color:var(--line)}.text-button:hover{color:#777}.photo-stack,.photo-stack:hover{transform:none;padding:0;background:none;max-width:330px}.photo-caption{color:#666}.email{font-size:clamp(30px,4vw,60px);font-weight:400;letter-spacing:-.04em;margin:20px 0 30px}footer{border-top:1px solid var(--line);padding:30px 22px 22px}.email:hover{color:#777}.footer-bottom{border-color:var(--line)}.dialog-toolbar button{border-radius:0;background:none;color:var(--ink);padding:5px 0}.dialog-inner h2{font-size:clamp(28px,4vw,55px);letter-spacing:-.04em}.dialog-details span{border:0;border-radius:0;padding:0 12px 0 0;color:#777}.dialog-description{font-size:18px}.dialog-context h3{font-size:18px;letter-spacing:0;font-weight:400}.dialog-next{background:none;border-radius:0;border-color:var(--line)}
@media(max-width:760px){header{height:auto;min-height:65px;padding:18px 16px;flex-wrap:wrap;gap:12px}.wordmark{font-size:13px}nav{gap:14px;font-size:13px}nav a:nth-child(3){display:inline}.hero{padding:0 16px 20px;min-height:650px}.stage-top{padding-top:18px;gap:20px}.stage-list button{font-size:12px;line-height:1.5}.practice{width:160px;flex-shrink:0}.practice h1{font-size:12px}.practice p,.practice a{font-size:12px;line-height:1.4}.stage-media{padding:30px 0;min-height:300px}.stage-media img{height:300px;min-height:0}.stage-bottom{flex-wrap:wrap;font-size:12px;gap:15px}.stage-bottom>span{width:100%}.stage-controls{gap:14px}.stage-controls button{font-size:12px}.work,.about,.playground{padding:28px 16px 40px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.project-image{height:45vw}.project-title{font-size:16px}.project-meta{font-size:11px;flex-wrap:wrap;gap:5px}.project-summary{font-size:12px}.filters{gap:12px;margin-bottom:25px}.filters button{font-size:13px}h2{font-size:17px}.small{font-size:12px}.index .project-card{grid-template-columns:50px 1fr;gap:10px}.index .project-title{font-size:17px}.about-layout{grid-template-columns:1fr;gap:30px;margin-top:20px}.about-statement,.play-text{font-size:40px}.play-layout{grid-template-columns:1fr;gap:25px}.playground .small{margin:5px 0 0}.photo-stack{max-width:280px}.email{font-size:40px}.view-switch{gap:12px}.view-switch button{font-size:13px}footer{padding:28px 16px 20px}}
@media(max-width:380px){.stage-top{flex-direction:column}.practice{width:100%;text-align:left;max-width:260px}.stage-list button{font-size:13px}.hero{min-height:750px}}
/* Dark editorial palette and typographic interactions */
:root{--paper:#101010;--ink:#f3f3ef;--line:#383838;--acid:#222;--muted:#aaa}
body{color-scheme:dark}::selection{background:#f3f3ef;color:#101010}
.about,.playground{background:var(--paper)}
.stage-list button,.filters button,.view-switch button{color:var(--muted)}
.stage-list button.selected,.stage-list button:hover,.stage-controls button:hover,.filters button.active,.view-switch button.active{color:var(--ink)}
.filters button.active,.view-switch button.active{border-color:var(--ink)}
.stage-controls button,.project-summary,.photo-caption,.discipline-list span,.dialog-details span{color:var(--muted)}
.stage-list button{width:100%;min-height:29px;line-height:1.35;padding:4px 0;overflow-wrap:anywhere}
.stage-list button.selected{font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
nav a,.wordmark,.practice a,.footer-bottom a{display:inline-block;min-height:32px;align-content:center}
button:focus-visible,a:focus-visible{outline:1px solid var(--ink);outline-offset:5px}
.project-image,.project-image img{background:#191919!important}
.dialog-toolbar button{color:var(--ink)}
.dialog-image{background:#191919}
dialog::backdrop{background:#000b}
.photo-stack{background:transparent}
.stage-bottom{line-height:1.5}
.stage-bottom>span{max-width:45%;overflow-wrap:anywhere}
.stage-controls button{min-height:36px;color:var(--muted)}
.project-title{min-height:2.5em;line-height:1.25}
.wordmark{min-width:190px;line-height:1.3}
.practice h1{font-weight:500}
.text-button:hover,.email:hover{color:var(--ink)}
@media(hover:hover) and (pointer:fine){
 .wordmark:hover{font-family:inherit;font-style:normal;letter-spacing:.04em}
 .stage-list button:nth-child(3n+1):hover{font-family:inherit;font-style:normal;font-weight:400}
 .stage-list button:nth-child(3n+2):hover{font-weight:700;text-decoration:none;letter-spacing:.015em}
 .stage-list button:nth-child(3n):hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
 .project-card:nth-child(odd):hover .project-title{font-family:inherit;font-style:normal}
 .project-card:nth-child(even):hover .project-title{font-weight:700;text-decoration:underline;text-underline-offset:4px}
 .practice a:hover,.filters button:hover,.stage-controls button:hover,.text-button:hover,.footer-bottom a:hover{text-decoration:underline;text-underline-offset:5px;color:var(--ink)}
 .email:hover{font-family:inherit;font-style:normal}
}
.stage-list button:focus-visible,.project-card:focus-visible .project-title{font-weight:700;text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){
 html{scroll-padding-top:20px}
 header{padding:15px 16px;gap:8px;align-items:flex-start}
 .wordmark{font-size:14px;min-width:0}
 nav{width:100%;flex-wrap:wrap;gap:0 19px;font-size:14px}
 nav a{min-height:44px}
 .hero{min-height:0;padding-bottom:25px}
 .stage-top{flex-direction:column;gap:22px}
 .stage-list{width:100%;gap:0}
 .stage-list button{font-size:14px;min-height:44px;padding:10px 0;line-height:1.4}
 .practice{width:100%;max-width:400px;text-align:left;flex-shrink:1}
 .practice h1{font-size:14px;letter-spacing:.06em}
 .practice p,.practice a{font-size:16px;line-height:1.5}
 .practice a{min-height:44px}
 .stage-media{min-height:0;padding:25px 0}
 .stage-media img{height:auto;min-height:0;max-height:420px;aspect-ratio:4/3;object-fit:contain}
 .stage-bottom{font-size:14px;gap:10px}
 .stage-bottom>span{max-width:100%;width:100%}
 .stage-controls{gap:16px}
 .stage-controls button,.stage-bottom>a{min-height:44px;font-size:14px;align-content:center}
 .section-top{align-items:flex-start;flex-wrap:wrap;gap:12px}
 .view-switch button,.filters button{min-height:44px;font-size:14px;padding:10px 0}
 .filters{gap:0 18px;margin-bottom:18px}
 .project-summary{font-size:14px}.project-meta{font-size:12px}
 .project-title{font-size:18px;overflow-wrap:anywhere}
 .project-image{height:auto;aspect-ratio:1}
 .index .project-card{grid-template-columns:50px minmax(0,1fr);min-height:80px}
 .index .project-title{min-height:0}.index .project-meta{font-size:12px}
 .dialog-inner{padding:20px}.dialog-description{font-size:17px}
 .dialog-toolbar button,.dialog-next,.text-button{min-height:44px;font-size:14px}
 .footer-bottom a{min-height:44px;font-size:14px}
 .photo-caption{font-size:14px}
}
@media(max-width:420px){.project-grid{grid-template-columns:1fr}.project-image{aspect-ratio:4/3}.project-title{min-height:0}.hero{min-height:0}}
@media(prefers-reduced-motion:reduce){.project-card:hover .project-image img{transform:none}}
/* Quiet motion and a header that responds to the content underneath. */
header,.case-page header{position:sticky;top:0;background:transparent;color:#fff;mix-blend-mode:difference;border:0;z-index:20;transition:padding .35s ease,min-height .35s ease;height:auto;min-height:72px;padding:15px 22px}
header.is-scrolled,.case-page header.is-scrolled{min-height:54px;padding-top:5px;padding-bottom:5px}
header a,header button,.case-nav button{color:#fff!important}
header .wordmark{transition:transform .35s;transform-origin:left center}header.is-scrolled .wordmark{transform:scale(.94)}
header a.section-active{text-decoration:underline;text-underline-offset:6px}
.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:white;mix-blend-mode:difference;transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}
.project-title,.case-subtitle,.case-lead,.concept-copy h3,.room-panel h3,.about-statement,.play-text,.section-description,.about-copy p{transition:transform .35s ease;text-underline-offset:.13em;transform-origin:left center}
.about-experience{border-top:1px solid var(--line);padding:22px 0 0}.about-experience h3{font-size:14px;font-weight:400;color:var(--muted);margin:0 0 20px}.about-experience strong{font-weight:400;color:var(--ink)}
.stage-media{padding:28px 0}.stage-media button{max-width:none}.stage-media img{height:60vh;max-height:760px;object-fit:cover}
.project-image img{object-fit:cover!important}.project-card .project-image{overflow:hidden}
@media(hover:hover) and (pointer:fine){
 .wordmark:hover,.email:hover,.stage-list button:nth-child(n):hover,.project-card:nth-child(n):hover .project-title,.case-intro h1:hover{font-family:inherit;font-style:normal}
 .stage-list button:nth-child(n):hover{letter-spacing:normal;transform:translateX(4px);text-decoration:underline;text-underline-offset:5px}
 .project-card:hover .project-title,.case-subtitle:hover,.case-lead:hover,.concept-copy h3:hover,.room-panel h3:hover,.about-statement:hover,.play-text:hover{transform:scale(1.025);text-decoration:underline;text-decoration-thickness:1px}
 .section-description:hover,.about-copy p:hover{transform:translateX(4px)}
 .case-intro h1:hover{transform:scale(1.03)}
}
@media(max-width:760px){header,.case-page header{padding:10px 16px;min-height:86px;gap:0}header.is-scrolled,.case-page header.is-scrolled{padding-top:4px;padding-bottom:4px;min-height:74px}.stage-media{margin-inline:-16px;padding:20px 0}.stage-media img{height:auto;max-height:none;aspect-ratio:4/3;object-fit:cover}.about-experience p{font-size:16px}html{scroll-padding-top:115px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}header,.case-page header{transition:none}header.is-scrolled .wordmark{transform:none}}
.stage-media{margin-inline:-22px}.index .project-card{row-gap:5px}.index .project-image,.index .project-meta{grid-row:1 / span 2}.index .project-title{min-height:0}
@media(max-width:760px){.stage-media{margin-inline:-16px}.index .project-image{grid-row:1 / span 3}.index .project-meta{grid-row:3}}
@media(prefers-reduced-motion:reduce){.project-title,.case-subtitle,.case-lead,.concept-copy h3,.room-panel h3,.about-statement,.play-text,.section-description,.about-copy p,.case-intro h1{transform:none!important}}
header.is-scrolled,.case-page header.is-scrolled{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}