.project-page .site-nav a:first-child{color:var(--ink)}.project-page .site-nav [aria-current]{color:var(--accent)}.project-page h1{font-size:64px}.stage-ledger{display:flex;justify-content:space-between;border:1px solid var(--line);border-bottom:0;padding:14px 20px;color:var(--muted);font-size:10px}.project-player{position:relative;aspect-ratio:16/9;background:#090909;min-width:0;border:1px solid var(--line)}.project-player video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.video-placeholder{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border:1px solid #ffffff80;border-radius:50%;background:#1111119c;color:var(--ink);font-size:22px;cursor:pointer}.video-placeholder:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.video-placeholder span{margin-left:5px}.player-corner{position:absolute;left:20px;top:18px;color:#ddd;font-size:9px;pointer-events:none;text-shadow:0 1px 3px #000}.project-player.is-loaded .video-placeholder,.project-player.is-loaded .player-corner{display:none}.video-picker{border:1px solid var(--line);padding:6px 10px;color:var(--ink);cursor:pointer;font-size:9px}.video-picker:hover{border-color:var(--accent);color:var(--accent)}.video-status{font-size:9px!important}.film-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0 5px}.film-caption h1{font-size:clamp(42px,5vw,78px)}.film-caption>.mono{color:var(--muted);font-size:10px;line-height:1.8}.project-credit{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-top:25px;color:var(--muted);font-size:10px}.project-notes{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:55px 0}.project-notes .copy{max-width:520px;margin-top:0}.project-notes .copy+.copy{margin-top:20px}.project-notes h2{font-size:clamp(32px,4vw,58px)}.project-details{display:grid;grid-template-columns:1fr 1fr 1fr;border-left:1px solid var(--line);border-top:1px solid var(--line)}.project-details>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px}.project-details .copy{font-size:12px}.project-end{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:35px}.project-end .mono{font-size:10px;color:var(--muted)}.project-end .cta{margin-top:0}
.screen-notes{display:grid;grid-template-columns:3fr 1fr;border:1px solid var(--line)}.screen-notes .project-player{border:0;border-right:1px solid var(--line);aspect-ratio:auto;min-height:520px}.screen-ledger{padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:25px}.screen-ledger h1{font-size:clamp(46px,5vw,80px)}.screen-ledger .copy{font-size:12px}.screen-ledger .specs{margin-top:0}.screen-ledger .specs div{flex-direction:column;gap:5px}.screen-ledger .cta{margin-top:0;gap:10px}.identity-mark{width:220px;max-width:100%;height:auto;color:currentColor}.mark-stage{position:relative;border:1px solid var(--line);min-height:510px;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,transparent calc(50% - .5px),#242422 50%,transparent calc(50% + .5px))}.stage-label{position:absolute;left:25px;top:25px;color:var(--muted);font-size:10px}.brand-lockup{display:flex;align-items:center;gap:30px;padding:70px 25px}.brand-lockup .identity-mark{width:180px}.brand-lockup h1{font-size:clamp(80px,13vw,190px);letter-spacing:-.055em}.mark-bottom{position:absolute;bottom:25px;left:25px;font-size:10px;color:var(--muted)}.mark-coordinate{position:absolute;right:25px;bottom:25px;color:var(--muted);font-size:10px}.identity-stage{display:grid;grid-template-columns:1fr 1.618fr;min-height:500px;border:1px solid var(--line)}.identity-orange{background:var(--accent);color:var(--bg);padding:28px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:30px}.identity-orange>.mono{align-self:start;font-size:10px}.identity-orange .identity-mark{width:240px}.identity-word{padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:25px}.identity-word>.mono{font-size:10px;color:var(--muted)}.identity-word h1{font-size:clamp(80px,11vw,170px);letter-spacing:-.07em}.identity-word h1>span{font-size:22px;vertical-align:top;display:inline-block;margin:10px 0 0 12px;letter-spacing:0}.word-bottom{display:flex;align-items:end;justify-content:space-between;gap:20px}.word-bottom .copy{margin-top:0;font-size:12px}.word-bottom>.mono{font-size:9px;color:var(--muted)}.identity-specimens{display:grid;grid-template-columns:1.4fr 1.4fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.identity-specimens>div{padding:25px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.swatches{display:flex;height:140px}.swatches>span{flex:1;display:flex;flex-direction:column;justify-content:end;padding:12px;font:9px/1.6 var(--mono);min-width:0}.swatch-orange{background:var(--accent);color:var(--bg)}.swatch-black{background:#0b0b0b;color:var(--muted)}.swatch-white{background:var(--ink);color:var(--bg)}.identity-type{font-size:38px;line-height:1.05;margin-bottom:22px}.identity-specimens .mono{font-size:9px;color:var(--muted)}.identity-small{display:flex;flex-direction:column;justify-content:space-between}.identity-small .identity-mark{width:100px;align-self:center}
@media(max-width:900px){.screen-notes{grid-template-columns:2.3fr 1fr}.screen-ledger{padding:20px}.screen-notes .project-player{min-height:480px}.identity-word h1{font-size:10vw}.identity-specimens{grid-template-columns:1fr 1fr}.identity-small{grid-column:1/-1;min-height:200px}.brand-lockup{gap:20px}.brand-lockup .identity-mark{width:130px}.project-page .explorer .controls{flex-wrap:wrap;justify-content:end}.project-page .video-status{display:none}}
@media(max-width:640px){.project-page .explorer{display:flex}.project-page .explorer>span{order:3;width:100%}.project-page .explorer .controls{margin-left:auto}.project-page .explorer .video-picker{font-size:8px}.project-page .case-name{font-size:16px}.film-caption{align-items:start}.film-caption h1{font-size:42px}.film-caption>.mono{font-size:8px;max-width:125px}.video-placeholder{width:48px;height:48px;font-size:16px}.player-corner{font-size:8px;top:12px;left:12px}.project-credit{flex-direction:column;gap:8px;font-size:9px}.project-notes{grid-template-columns:1fr;gap:25px;padding:35px 0}.project-notes h2{font-size:36px}.project-details{grid-template-columns:1fr}.project-end{flex-direction:column;align-items:start;gap:20px}.screen-notes{display:flex;flex-direction:column}.screen-notes .project-player{aspect-ratio:16/9;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.screen-ledger{padding:25px}.screen-ledger h1{font-size:56px}.screen-ledger .specs div{flex-direction:row}.mark-stage{min-height:410px}.brand-lockup{flex-direction:column;gap:15px}.brand-lockup .identity-mark{width:150px}.brand-lockup h1{font-size:80px}.mark-bottom{font-size:8px;left:18px;max-width:210px}.mark-coordinate{font-size:8px;right:18px}.stage-label{left:18px;font-size:9px}.identity-stage{grid-template-columns:1fr}.identity-orange{min-height:310px;padding:22px}.identity-orange .identity-mark{width:180px}.identity-word{min-height:280px;padding:22px}.identity-word h1{font-size:90px}.identity-word h1>span{font-size:18px;margin-left:6px}.word-bottom{align-items:start;flex-direction:column;gap:15px}.identity-specimens{grid-template-columns:1fr}.identity-small{grid-column:auto}.identity-type{font-size:36px}}

/* Preserve video proportions within a bounded frame, with room for the notes. */
.screen-notes{--notes-width:clamp(380px,30%,440px);grid-template-columns:minmax(0,1fr) var(--notes-width);align-items:start}
.screen-notes .project-player{width:100%;aspect-ratio:var(--video-ratio,16 / 9);max-height:min(720px,80vh);min-height:0;border-right:0;overflow:hidden}
.screen-notes .screen-ledger{min-width:0;padding:24px;gap:18px;border-left:1px solid var(--line);align-self:stretch}
.screen-ledger h1{font-size:clamp(44px,4vw,64px)}
.screen-ledger .eyebrow{margin-bottom:16px}.screen-ledger .copy{margin-top:16px}.screen-ledger .specs div{padding:10px 0}
.screen-notes.notes-below{grid-template-columns:minmax(0,1fr)}
.screen-notes.notes-below .screen-ledger{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr auto;align-items:start;gap:30px}
@media(max-width:900px){.screen-notes{display:grid;grid-template-columns:minmax(0,1fr)}.screen-notes .screen-ledger,.screen-notes.notes-below .screen-ledger{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:24px}.screen-ledger .cta{grid-column:1/-1;justify-self:start}.screen-notes .project-player{border-bottom:0}}
@media(max-width:640px){.screen-notes .screen-ledger,.screen-notes.notes-below .screen-ledger{display:flex;flex-direction:column;gap:24px}.screen-ledger .specs{width:100%}}
/* W05: one shared text-led header with three image treatments. */
.mixed-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.618fr 1fr;border:1px solid var(--line);min-height:510px;overflow:hidden}
.mixed-intro{position:relative;z-index:3;padding:40px;display:flex;flex-direction:column;align-items:start}
.mixed-intro h1{font-size:clamp(66px,7.3vw,112px);line-height:.9}
.mixed-intro .copy{max-width:480px;font-size:13px;margin-top:28px}
.mixed-meta{display:flex;gap:30px;margin-top:30px;font-size:9px;color:var(--muted)}
.mixed-intro .cta{margin-top:28px}
.mixed-visual{position:relative;min-width:0;background:#111;border-left:1px solid var(--line)}
.mixed-visual .render{width:145%;height:100%;left:-22%;top:0;z-index:1}
.mixed-visual figcaption{position:absolute;bottom:24px;left:24px;right:24px;color:var(--muted);font-size:9px;z-index:3}
.mixed-hero[data-composition="background"]{grid-template-columns:1fr}
.mixed-hero[data-composition="background"] .mixed-visual{position:absolute;inset:0;border:0;z-index:0;background:none}
.mixed-hero[data-composition="background"] .render{left:30%;width:80%;opacity:.42;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.04) 7%,rgba(0,0,0,.19) 14%,rgba(0,0,0,.48) 21%,rgba(0,0,0,.83) 28%,#000 35%,#000 85%,rgba(0,0,0,.83) 88%,rgba(0,0,0,.48) 91%,rgba(0,0,0,.19) 94%,rgba(0,0,0,.04) 97%,transparent 100%)}
.mixed-hero[data-composition="background"] .mixed-visual .cross{display:none}
.mixed-hero[data-composition="background"] .mixed-visual figcaption{left:auto;text-align:right}
.mixed-hero[data-composition="text"]{grid-template-columns:1fr;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#242422 calc(25% - 1px),#242422 25%)}
.mixed-hero[data-composition="text"] .mixed-visual{display:none}
.mixed-hero[data-composition="text"] h1{font-size:clamp(80px,9vw,140px)}
.mixed-article-marker{padding:24px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px}
.mixed-mode{display:flex;gap:12px;align-items:center}.mixed-mode select{font:10px var(--mono);padding:6px 10px;background:var(--bg);color:var(--ink);border:1px solid var(--line)}
@media(max-width:900px){.mixed-intro{padding:28px}.mixed-hero{grid-template-columns:1.4fr 1fr;min-height:480px}.mixed-intro h1{font-size:64px}.mixed-intro .copy{font-size:11px}}
@media(max-width:640px){.mixed-hero{grid-template-columns:1fr;min-height:0}.mixed-intro{padding:26px}.mixed-intro h1,.mixed-hero[data-composition="text"] h1{font-size:clamp(52px,14vw,80px)}.mixed-visual{min-height:300px;border-left:0;border-top:1px solid var(--line)}.mixed-visual .render{width:110%;left:-5%}.mixed-hero[data-composition="background"] .mixed-visual{min-height:0;border:0}.mixed-hero[data-composition="background"] .render{left:10%;width:100%;opacity:.25}.mixed-hero[data-composition="background"] figcaption{display:none}.project-mixed .explorer>span{display:none}}