/* V30: an independent landing study. Shared detail and header files remain untouched. */
.v30{--v30-gutter:1.45vw;--v30-mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--accent:#111}
.v30-inset{padding-inline:var(--v30-gutter)}
.v30 .hero{height:100svh;min-height:640px;margin:0 var(--v30-gutter);max-height:none}
.v30 .hero-brand{top:45%;width:min(76%,740px)}
.v30 .hero-brand>img{width:min(100%,640px)}
.v30 .hero h1{display:table;margin:23px auto 0;background:#fff;color:#111;padding:3px 10px 2px;font-size:23px;letter-spacing:.14em}
.v30 .hero p{font-size:23px;line-height:1.6;margin-top:36px}
.v30 .hero-shade{background:linear-gradient(180deg,#0003 0%,#0002 60%,#0008 100%)}
.v30-hero-foot{position:absolute;inset:auto 20px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;font:12px/1.4 var(--v30-mono);color:#fff}
.v30-hero-foot button{font:inherit;border:1px solid #fffa;padding:9px 12px;min-height:35px}
.v30-eyebrow{display:flex;justify-content:space-between;align-items:center;gap:20px;font:13px/1.3 var(--v30-mono);letter-spacing:-.03em}
.v30-eyebrow h2{font:inherit;letter-spacing:inherit}
.v30-mission{padding-top:160px;padding-bottom:185px}
.v30-mission h2{margin-top:65px;font:400 clamp(54px,8.75vw,168px)/1.07 var(--sans);letter-spacing:-.065em}
.v30-mission-line{display:flex;justify-content:space-between;align-items:center;gap:20px}
.v30-mission-line:nth-child(2){padding-left:8.5%}
.v30-mission-note{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:55px 0 55px;align-items:start}
.v30-mission-note>span{font:13px/1.4 var(--v30-mono);padding-top:4px}
.v30-mission-note p{max-width:590px;font-size:19px;font-weight:400;line-height:1.65;letter-spacing:-.02em}
.v30-wide-button{display:flex;justify-content:space-between;align-items:center;width:calc(50% - 5px);margin-inline:auto;border:1px solid #111;min-height:47px;padding:9px 14px;font:18px/1.4 var(--v30-mono);transition:background .2s,color .2s}
.v30-wide-button:hover{background:#111;color:#fff}
.v30-tool-toggle{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0 27px;font:12px/1.4 var(--v30-mono)}
.v30-tool-toggle button{font:inherit;text-decoration:underline;text-underline-offset:4px}
.v30-tool-toggle .result-count{font:inherit;color:#111;margin:0}
#project-tools{border-top:1px solid #111;padding-top:20px;margin-bottom:35px}
.v30-filters{display:flex;gap:12px 28px;flex-wrap:wrap}
.v30-filters button{font-size:15px;line-height:1.6;padding:4px 0;border-bottom:1px solid transparent;color:#777}
.v30-filters button[aria-pressed=true]{color:#111;border-color:#111}
.v30-search{display:flex;gap:25px;margin-top:22px}
.v30-search label{display:flex;gap:20px;align-items:center;font:12px var(--v30-mono)}
.v30-search input,.v30-search select{font:15px/1.4 var(--sans);background:#fff;border:0;border-bottom:1px solid #aaa;border-radius:0;padding:10px 0}
.v30-search input{width:250px}.v30-search select{min-width:130px}
.v30-project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:75px 0;align-items:start}
.v30-card{min-width:0;grid-column:span 4;position:relative}
.v30-card[data-slot="3"]{grid-column:1 / span 6;margin-right:5px}
.v30-card[data-slot="4"]{grid-column:10 / span 3;margin-left:5px}
.v30-card>a{display:block;scroll-margin-top:calc(var(--nav-height) + 30px)}
.v30-card-media{width:100%;aspect-ratio:16/9;overflow:hidden;background:#121212;position:relative}
.v30-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.22,.65,.25,1),filter .5s}
.v30-card>a:hover img{transform:scale(1.035);filter:brightness(.8)}
.v30-card-corners{position:absolute;inset:12px;display:flex;justify-content:space-between;align-items:flex-start;font:11px/1 var(--v30-mono);color:#fff;opacity:0;transition:opacity .2s;text-shadow:0 1px 3px #000}
.v30-card-corners span:last-child{align-self:flex-end;transform:rotate(180deg)}
.v30-card>a:hover .v30-card-corners,.v30-card>a:focus-visible .v30-card-corners{opacity:1}
.v30-card-info{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:11px 5px 0;font:12px/1.3 var(--v30-mono);letter-spacing:-.02em}
.v30-card-info h3{font:400 13px/1.35 var(--sans);letter-spacing:-.025em;margin:4px 0 0;word-break:keep-all}
.v30-card-role{font:11px/1.4 var(--sans);margin-top:6px;max-width:230px;color:#555}
.v30-card-code{font-size:32px;line-height:1;letter-spacing:-.06em;white-space:nowrap;text-align:right}
.v30-card-year{display:block;text-align:right;font-size:11px;line-height:1.5;margin-top:7px}
.v30-project-end{position:relative;margin-top:120px}.v30-project-end>span{position:absolute;left:0;top:14px;font:12px var(--v30-mono)}
.v30-empty{text-align:center;padding:70px 0}.v30-empty p{font-size:20px;margin-bottom:25px}
.v30-services{margin-top:170px;padding-bottom:75px;border-bottom:1px solid #111;position:relative}
.v30-service-intro{display:contents}
.v30-service-intro>p{position:absolute;top:66px;left:var(--v30-gutter);font-size:18px;line-height:1.4;letter-spacing:-.03em}
.v30-service-intro>span{position:absolute;top:66px;right:var(--v30-gutter);font:12px/1.6 var(--v30-mono);text-align:right}
.v30-service-list{width:50%;margin:44px 25% 0;position:relative;z-index:2}
.v30-service-list>a{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:5px}
.v30-service-name{font:400 clamp(27px,3.035vw,60px)/1 var(--v30-mono);letter-spacing:-.04em;max-width:75%;text-transform:capitalize;transition:opacity .25s,transform .25s}
.v30-service-no{position:absolute;left:-32px;top:4px;font:10px var(--v30-mono)}
.v30-service-ko{font-size:11px;text-align:right;max-width:105px;line-height:1.5}
.v30-service-list:has(a:hover) a:not(:hover) .v30-service-name{opacity:.3}
.v30-service-list a:hover .v30-service-name{transform:translateX(10px)}
.v30-services>.v30-wide-button{margin-top:55px}
.v30-service-preview{position:absolute;left:var(--v30-gutter);top:160px;width:21%;aspect-ratio:4/3;overflow:hidden;opacity:0;transform:translateY(12px);transition:opacity .25s,transform .3s;pointer-events:none}
.v30-service-preview img{width:100%;height:100%;object-fit:cover}
.v30-services.is-previewing .v30-service-preview{opacity:1;transform:none}
.v30-artwork{margin-top:175px}
.v30-artwork .v30-eyebrow{padding-inline:var(--v30-gutter);margin-bottom:50px}
.v30-artwork-image{height:85svh;min-height:500px;position:relative;overflow:hidden;background:#050505}
.v30-artwork-image>img:first-child{width:100%;height:100%;object-fit:cover;opacity:.65}
.v30-artwork-wordmark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:4vw}
.v30-artwork-wordmark img{width:100%;height:auto}
.v30-artwork-link{position:absolute;left:var(--v30-gutter);bottom:35px;color:#fff;font:14px var(--v30-mono);text-decoration:underline;text-underline-offset:5px}
.v30 .contact{padding-inline:var(--v30-gutter);padding-top:130px;border-top:0}
.v30 .contact-heading h2{font-weight:400;font-size:clamp(48px,7.5vw,125px)}
.v30 .contact-heading .outline-button{font-size:17px;border-width:1px;min-height:48px}
.v30-version{position:fixed;z-index:35;bottom:14px;right:16px;font:10px var(--v30-mono);background:#fff;color:#111;padding:7px 10px;border:1px solid #bbb;box-shadow:0 2px 8px #0001}
@media(min-width:1700px){.v30-card-info h3{font-size:17px}.v30-card-info{font-size:15px}.v30-card-role{font-size:14px}.v30-card-code{font-size:42px}.v30-card-year{font-size:13px}.v30-eyebrow{font-size:16px}}
@media(max-width:850px){.v30{--v30-gutter:18px}.v30 .hero{height:92svh;min-height:570px}.v30 .hero-brand{width:85%}.v30-mission{padding-top:105px;padding-bottom:120px}.v30-mission h2{margin-top:50px;font-size:8.8vw}.v30-mission-note{margin-block:38px}.v30-mission-note p{font-size:17px}.v30-card-info{grid-template-columns:1fr;gap:8px}.v30-card-code{font-size:25px;text-align:left;display:flex;align-items:center;gap:15px}.v30-card-year{margin:0}.v30-card-role{max-width:none}.v30-services{margin-top:120px}.v30-service-ko{display:none}.v30-service-list{width:50%}.v30-service-name{max-width:100%;font-size:4.6vw}.v30-service-intro>p{font-size:15px}.v30-service-intro>span{font-size:10px;max-width:20%}.v30-services>.v30-wide-button{margin-top:40px}.v30-artwork{margin-top:120px}}
@media(max-width:600px){.v30{--v30-gutter:12px}.v30 .hero{margin:0;height:95svh;min-height:570px}.v30 .hero-brand{top:44%;width:87%}.v30 .hero h1{font-size:17px;margin-top:22px}.v30 .hero p{font-size:19px;line-height:1.65;margin-top:30px}.v30-hero-foot{inset:auto 14px 18px;flex-wrap:wrap;font-size:9px;gap:12px}.v30-hero-foot>span{width:100%;position:absolute;bottom:48px}.v30-hero-foot button{font-size:9px}.v30-eyebrow{font-size:10px}.v30-mission{padding-top:85px;padding-bottom:105px}.v30-mission h2{font-size:9.2vw;line-height:1.17;letter-spacing:-.07em;margin-top:38px}.v30-mission-line{gap:8px}.v30-mission-line:nth-child(2){padding-left:3%}.v30-mission-note{display:block;margin:30px 0}.v30-mission-note>span{font-size:10px}.v30-mission-note p{font-size:16px;line-height:1.7;margin-top:18px;max-width:95%}.v30-wide-button{width:100%;font-size:15px;min-height:46px}.v30-tool-toggle{font-size:10px;margin-block:22px}.v30-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 0}.v30-card,.v30-card[data-slot="3"],.v30-card[data-slot="4"]{grid-column:auto;margin:0}.v30-card[data-slot="0"],.v30-card[data-slot="3"]{grid-column:1 / -1}.v30-card[data-slot="4"]{grid-column:2}.v30-card-info{grid-template-columns:minmax(0,1fr) auto;gap:5px;padding-inline:3px}.v30-card-info h3{font-size:12px}.v30-card-info>div:first-child>span{font-size:10px}.v30-card-code{display:block;font-size:20px;text-align:right}.v30-card-year{font-size:9px;margin-top:7px}.v30-card-role{font-size:10px}.v30-card[data-slot="1"] .v30-card-info,.v30-card[data-slot="2"] .v30-card-info,.v30-card[data-slot="4"] .v30-card-info{grid-template-columns:1fr}.v30-card[data-slot="1"] .v30-card-code,.v30-card[data-slot="2"] .v30-card-code,.v30-card[data-slot="4"] .v30-card-code{display:flex;text-align:left;gap:12px;align-items:center;font-size:17px}.v30-card-year{margin:0}.v30-project-end{margin-top:65px}.v30-project-end>span{position:static;display:block;font-size:10px;margin-bottom:15px}.v30-search{flex-direction:column;gap:12px}.v30-search label{font-size:10px;justify-content:space-between}.v30-search input{width:80%}.v30-search select{width:80%}.v30-filters{gap:8px 18px}.v30-filters button{font-size:13px}.v30-services{margin-top:110px;padding-bottom:50px}.v30-service-intro>p{position:static;font-size:25px;margin-top:35px;line-height:1.25}.v30-service-intro>span{top:60px;font-size:10px;max-width:44%}.v30-service-list{width:auto;margin:40px 0 0 27px}.v30-service-list>a{margin-top:11px}.v30-service-name{font-size:9.2vw;max-width:95%}.v30-service-no{left:-25px;font-size:9px}.v30-service-preview{display:none}.v30-artwork{margin-top:100px}.v30-artwork .v30-eyebrow{margin-bottom:30px}.v30-artwork-image{height:65svh;min-height:380px}.v30 .contact{padding-top:70px;padding-bottom:65px}.v30 .contact-heading h2{font-size:45px}.v30 .footer-columns h3{font-size:20px}.v30 .footer-columns a{font-size:14px}.v30 .legal{font-size:10px;gap:10px}.v30-version{font-size:9px;bottom:9px;right:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.v30 *{transition:none!important;animation:none!important}.v30-card>a:hover img{transform:none}}
/* Reference mobile uses one full-width project sequence rather than scaled-down columns. */
@media(max-width:600px){.v30-project-grid{grid-template-columns:1fr;row-gap:50px}.v30-card,.v30-card[data-slot="0"],.v30-card[data-slot="1"],.v30-card[data-slot="2"],.v30-card[data-slot="3"],.v30-card[data-slot="4"]{grid-column:1;margin:0}.v30-card .v30-card-info,.v30-card[data-slot="1"] .v30-card-info,.v30-card[data-slot="2"] .v30-card-info,.v30-card[data-slot="4"] .v30-card-info{grid-template-columns:minmax(0,1fr) auto;gap:15px}.v30-card .v30-card-code,.v30-card[data-slot="1"] .v30-card-code,.v30-card[data-slot="2"] .v30-card-code,.v30-card[data-slot="4"] .v30-card-code{display:block;font-size:31px;text-align:right}.v30-card-info h3{font-size:14px}.v30-card-info>div:first-child>span{font-size:12px}.v30-card-role{font-size:12px}.v30-card-year{font-size:11px;margin-top:5px}.v30-mission>.v30-wide-button{width:84%;font-size:14px;min-height:38px}}
/* Final audit refinements: compact colophon, project code and scroll-linked typography. */
.v30-card-code{font-size:38.8px}.v30-card[data-slot="4"] .v30-card-code{font-size:0}.v30-card[data-slot="4"] .v30-card-year{font-size:11px}
.v30-mission-line span{will-change:transform}.v30-mission-line:nth-child(1)>span:first-child{transform:translateX(var(--word-shift,0px))}.v30-mission-line:nth-child(1)>span:last-child{transform:translateX(calc(var(--word-shift,0px)*-1))}.v30-mission-line:nth-child(2)>span:first-child{transform:translateX(calc(var(--word-shift,0px)*-.5))}
.v30-artwork{padding-bottom:22svh}.v30-artwork-image{height:95svh;position:sticky;top:var(--nav-height)}.v30-artwork-wordmark{display:block;padding:0;overflow:hidden}
.v30-wordmark-slice{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;clip-path:inset(0 0 50% 0);transform:translateX(var(--mark-shift,0px))}
.v30-wordmark-slice:nth-child(2){clip-path:inset(50% 0 0 0);transform:translateX(calc(var(--mark-shift,0px)*-1))}
.v30-wordmark-slice img{width:110%;max-width:none;flex-shrink:0}
.v30-colophon{padding-top:135px;padding-bottom:40px;font:13px/1.5 var(--v30-mono)}
.v30-colophon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:100px}
.v30-colophon-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.v30-colophon-grid>div>span{display:block;margin-bottom:22px}.v30-colophon-grid a{overflow-wrap:anywhere}.v30-colophon a:hover{text-decoration:underline;text-underline-offset:4px}
.v30-colophon-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;margin-top:95px}.v30-colophon-bottom>a{text-align:right}
@media(max-width:600px){.v30-card .v30-card-code,.v30-card[data-slot="4"] .v30-card-code{font-size:31px}.v30-artwork{padding-bottom:10svh}.v30-artwork-image{height:70svh}.v30-wordmark-slice img{width:115%}.v30-colophon{padding-top:70px;padding-bottom:30px;font-size:11px}.v30-colophon-grid{grid-template-columns:1fr 1fr;gap:38px 20px;margin-top:55px}.v30-colophon-grid>div>span{margin-bottom:14px}.v30-colophon-bottom{grid-template-columns:1fr 1fr;gap:20px;font-size:9px;margin-top:60px}.v30-colophon-bottom>a{grid-column:1/-1;text-align:left}}
@media(prefers-reduced-motion:reduce){.v30-mission-line span,.v30-wordmark-slice{transform:none!important;will-change:auto}.v30-artwork{padding-bottom:0}.v30-artwork-image{position:relative;top:auto}}