/* V2: full-screen project selection. Backdrops remain explicit placeholders. */
#site-header{padding:30px 40px;height:100px}
.center-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
#brand-logo{display:block;height:25px;width:auto}
.header-contact{margin-left:auto;color:inherit;font:13px var(--sans);text-decoration:none}
.hamburger{display:flex;position:relative;padding:12px 72px 12px 0;min-height:44px;justify-content:center}
.hamburger b{position:absolute;left:36px;top:50%;transform:translateY(-50%);font:13px var(--sans);text-transform:uppercase}
.mobile-nav{padding-left:40px}
body:has(.mobile-nav.open) #site-header{color:#f4f3ee;background:#15140f;border-color:transparent}
body:has(.mobile-nav.open) #brand-logo{filter:brightness(0) invert(1)}
.project-stage{position:relative;height:100vh;height:100svh;min-height:680px;background:#101819;color:#fff;overflow:hidden;isolation:isolate}
#top.project-stage{padding:0!important}
.work-anchor{position:absolute;top:0;left:0}
.project-backdrops,.project-backdrop,.stage-shade{position:absolute;inset:0;pointer-events:none}
.project-backdrop{opacity:0;transition:opacity .55s ease;background-size:cover;background-position:center}
.project-backdrop.is-active{opacity:1}
.project-backdrop:nth-child(1){background:radial-gradient(ellipse at 75% 25%,#82958b55,transparent 45%),linear-gradient(115deg,#071414 25%,#3f5951 70%,#162a28)}
.project-backdrop:nth-child(2){background:radial-gradient(ellipse at 68% 28%,#d9af8466,transparent 48%),linear-gradient(125deg,#201b1a 25%,#826048 75%,#383029)}
.project-backdrop:nth-child(3){background:radial-gradient(ellipse at 80% 18%,#b9c9e166,transparent 48%),linear-gradient(135deg,#101a27 20%,#566d86 76%,#232c39)}
.project-backdrop:nth-child(4){background:radial-gradient(ellipse at 72% 40%,#b29b7155,transparent 50%),linear-gradient(115deg,#191d12 15%,#5b6440 70%,#292e1c)}
.project-backdrop:nth-child(5){background:radial-gradient(ellipse at 65% 30%,#c6939366,transparent 45%),linear-gradient(130deg,#21191e 20%,#755057 75%,#2c2026)}
.project-backdrop:nth-child(6){background:radial-gradient(ellipse at 70% 20%,#d1c5ae66,transparent 46%),linear-gradient(125deg,#191c1b 20%,#6f7067 72%,#303630)}
.frame-number{position:absolute;right:7%;top:9%;font:400 clamp(220px,35vw,650px)/1 var(--serif);letter-spacing:-.065em;color:#fff;opacity:.085}
.stage-shade{background:linear-gradient(0deg,#020807b3,transparent 70%),linear-gradient(90deg,#0004,transparent 75%)}
.stage-caption{position:absolute;top:134px;left:40px;right:40px;display:flex;justify-content:space-between;gap:25px;font:11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#ffffffa8}
.stage-caption h1,.stage-caption p{font:inherit;margin:0}
.placeholder-note{position:absolute;right:40px;top:48%;display:flex;flex-direction:column;align-items:flex-end;gap:9px;color:#ffffffb8;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.project-list{position:absolute;left:40px;bottom:35px;display:flex;flex-direction:column;align-items:flex-start;max-width:calc(100% - 100px)}
.project-choice{display:flex;align-items:flex-start;gap:20px;max-width:100%;padding:1px 0;border:0;background:none;color:#ffffff8c;text-align:left;cursor:pointer;transition:color .22s ease;font-family:var(--sans)}
.project-choice>span{font-size:clamp(44px,5.5vw,90px);font-weight:500;line-height:1.03;letter-spacing:-.055em}
.project-choice small{font-size:11px;font-weight:400;line-height:1.5;padding-top:8px;letter-spacing:0}
.project-choice.is-active{color:#fff}
.project-choice:focus-visible{outline:2px solid #fff;outline-offset:5px}
.stage-scroll{position:absolute;bottom:35px;right:40px;color:#fff;text-decoration:none;font:48px/1 var(--sans)}
a:focus-visible,.hamburger:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
@media(min-width:769px) and (max-height:760px){.project-stage{min-height:570px}.project-choice>span{font-size:clamp(42px,6.7vh,64px)}.stage-caption{top:110px}.project-list{bottom:28px}}
@media(max-width:768px){#site-header{height:82px;padding:18px 22px}#brand-logo{height:19px}.hamburger{padding-right:56px}.hamburger b{font-size:11px;left:30px}.hamburger span{width:20px}.header-contact{font-size:11px}.project-stage{min-height:640px}.stage-caption{top:112px;left:24px;right:24px;flex-direction:column;gap:10px;font-size:9px}.stage-caption p{max-width:30ch;line-height:1.7}.project-list{left:24px;bottom:50px;max-width:calc(100% - 60px);gap:4px}.project-choice{gap:14px;min-height:44px}.project-choice>span{font-size:clamp(38px,10.5vw,68px);line-height:1.12}.project-choice small{font-size:9px;padding-top:6px}.placeholder-note{top:34%;right:24px;font-size:8px;gap:7px}.frame-number{top:19%;right:9%;font-size:60vw}.stage-scroll{right:22px;bottom:22px;font-size:32px}.mobile-nav{padding-left:24px}.footer-bottom>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.project-backdrop,.project-choice{transition:none}[data-reveal]{opacity:1!important;transform:none!important;transition:none!important}}
@media(max-width:420px){#brand-logo{max-width:44vw;height:auto}.hamburger b{font-size:10px}.header-contact{font-size:10px}}