:root {
  --bg:#d9b077; --surface:#eee8dd; --text:#10100f; --muted:#615a50; --line:rgba(16,16,15,.35); --accent:#d64d16;
  --display:"Oswald",sans-serif; --body:"DM Sans",sans-serif; --pad:clamp(20px,4vw,64px); --section:clamp(90px,11vw,175px); --max:1600px;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font-family:var(--body); line-height:1.45; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
img { width:100%; display:block; object-fit:cover; }
h1,h2,h3,p,figure,blockquote { margin:0; }
h1,h2,h3 { font-family:var(--display); text-wrap:balance; }
p { text-wrap:pretty; }
button { font:inherit; color:inherit; }
.section-wrap { max-width:var(--max); margin:0 auto; padding:var(--section) var(--pad); }
.site-header { position:absolute; inset:0 0 auto; z-index:40; height:88px; display:flex; align-items:center; justify-content:space-between; padding:0 var(--pad); color:#fff; border-bottom:1px solid rgba(255,255,255,.38); }
.brand { display:flex; align-items:center; gap:14px; font-size:13px; text-transform:uppercase; letter-spacing:.16em; }
.brand-mark { width:44px; height:44px; display:grid; place-items:center; border:1px solid currentColor; font:500 12px "DM Mono",monospace; }
.site-nav { display:flex; gap:clamp(22px,4vw,56px); align-items:center; font:500 11px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.12em; }
.site-nav a { position:relative; }
.site-nav a::after { content:""; position:absolute; left:0; bottom:-6px; width:0; height:1px; background:currentColor; transition:width .25s; }
.site-nav a:hover::after { width:100%; }
.menu-toggle { display:none; background:none; border:0; text-transform:uppercase; letter-spacing:.1em; font-size:11px; }

.hero { min-height:100vh; position:relative; display:flex; align-items:flex-end; overflow:hidden; background:#111; color:#fff; }
.hero-image,.hero-shade { position:absolute; inset:0; }
.hero-image img { width:100%; height:100%; filter:saturate(.74) contrast(1.08); }
.hero-shade { background:linear-gradient(180deg,rgba(0,0,0,.05) 28%,rgba(0,0,0,.82) 100%); }
.hero-copy { position:relative; z-index:2; padding:140px var(--pad) 92px; max-width:1150px; }
.eyebrow,.section-code { font:500 11px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.13em; }
.hero h1 { font-size:clamp(82px,11vw,178px); line-height:.82; letter-spacing:-.045em; text-transform:uppercase; font-weight:500; margin:26px 0 30px; }
.hero-intro { max-width:620px; font-size:clamp(18px,1.6vw,25px); }
.hero-link { display:inline-flex; justify-content:space-between; gap:40px; min-width:270px; margin-top:38px; padding-bottom:8px; border-bottom:1px solid currentColor; font-size:12px; text-transform:uppercase; letter-spacing:.1em; }
.hero-stats { position:absolute; z-index:3; right:var(--pad); bottom:34px; display:flex; gap:28px; font:500 11px "DM Mono",monospace; text-transform:uppercase; }
.hero-index { position:absolute; z-index:3; right:16px; top:50%; transform:translateY(-50%); display:flex; flex-direction:column; gap:24px; font:400 11px "DM Mono",monospace; }
.hero-index .active { color:var(--accent); }
.hero-coordinate { position:absolute; z-index:3; right:var(--pad); top:112px; font:400 10px "DM Mono",monospace; letter-spacing:.1em; }

.statement { background:var(--surface); display:grid; grid-template-columns:1.45fr .55fr; gap:8vw; }
.statement .section-code { grid-column:1/-1; }
.statement h2 { font-size:clamp(48px,7.5vw,116px); line-height:.91; letter-spacing:-.04em; font-weight:500; max-width:1100px; }
.statement-copy { align-self:end; max-width:490px; font-size:18px; }
.statement-copy a { display:inline-block; margin-top:30px; padding-bottom:4px; border-bottom:1px solid currentColor; font-size:12px; text-transform:uppercase; letter-spacing:.1em; }

.projects-section { background:#111; color:#fff; }
.section-head { display:grid; grid-template-columns:1.2fr .8fr; gap:6vw; align-items:end; margin-bottom:clamp(60px,8vw,120px); }
.section-head .section-code { grid-column:1/-1; }
.section-head h2 { font-size:clamp(56px,8vw,126px); line-height:.84; letter-spacing:-.045em; font-weight:500; }
.section-head>p:last-child { max-width:470px; font-size:18px; }
.project-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:clamp(30px,5vw,80px) clamp(16px,3vw,46px); }
.project { grid-column:span 5; }
.project-one,.project-five { grid-column:span 7; }
.project-three { grid-column:2/span 5; }
.project-four { grid-column:7/span 6; }
.project-six { grid-column:4/span 6; }
.project figure { overflow:hidden; aspect-ratio:4/3; background:#222; }
.project-one figure,.project-five figure { aspect-ratio:16/10; }
.project img { height:100%; transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .4s; }
.project:hover img { transform:scale(1.025); }
.project>a>div { display:grid; grid-template-columns:1fr 1fr auto; gap:14px; align-items:start; padding-top:14px; }
.project h3 { font:500 clamp(20px,2vw,31px) var(--body); letter-spacing:-.04em; }
.project p,.project span { font:400 11px "DM Mono",monospace; text-transform:uppercase; color:#a8a8a8; }

.metrics-section { display:grid; grid-template-columns:repeat(4,1fr); background:var(--accent); color:#fff; }
.metrics-section article { padding:48px var(--pad); min-height:220px; display:flex; flex-direction:column; justify-content:space-between; border-right:1px solid rgba(255,255,255,.4); }
.metrics-section article:last-child { border-right:0; }
.metrics-section strong { font:500 clamp(48px,6vw,95px)/1 var(--display); }
.metrics-section p { max-width:150px; font-size:12px; text-transform:uppercase; letter-spacing:.08em; }

.practice-section { background:var(--bg); }
.practice-list { border-top:1px solid var(--line); }
.practice-list article { display:grid; grid-template-columns:60px 1.1fr .9fr 25px; gap:28px; padding:30px 0; border-bottom:1px solid var(--line); align-items:start; }
.practice-list span { font:400 11px "DM Mono",monospace; color:var(--accent); }
.practice-list h3 { font-size:clamp(29px,4vw,62px); line-height:.95; font-weight:500; }
.practice-list p { max-width:530px; color:var(--muted); }
.practice-list b { font-weight:400; transition:transform .25s; }
.practice-list article:hover b { transform:translate(4px,-4px); }

.philosophy-section { display:grid; grid-template-columns:1fr 1fr; min-height:820px; background:var(--surface); }
.philosophy-image { overflow:hidden; }
.philosophy-image img { height:100%; filter:grayscale(1) contrast(1.08); }
.philosophy-copy { padding:var(--section) var(--pad); display:flex; flex-direction:column; justify-content:center; }
.philosophy-copy blockquote { font:500 clamp(38px,5.6vw,84px)/.98 var(--display); letter-spacing:-.04em; margin:55px 0 40px; }
.philosophy-copy>p:last-child { font-size:18px; max-width:580px; color:var(--muted); }

.process-section { background:var(--bg); }
.process-section ol { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }
.process-section li { min-height:340px; padding:24px; border-right:1px solid var(--line); display:flex; flex-direction:column; }
.process-section li:last-child { border-right:0; }
.process-section li>span { font:400 11px "DM Mono",monospace; color:var(--accent); }
.process-section h3 { margin:auto 0 14px; font-size:clamp(24px,2.4vw,38px); line-height:1; font-weight:500; }
.process-section li p { font-size:15px; color:var(--muted); }

.studio-section { background:#151515; color:#fff; }
.studio-grid { display:grid; grid-template-columns:1fr 1fr; gap:9vw; margin-top:70px; }
.studio-grid h2 { font-size:clamp(58px,8vw,125px); line-height:.84; letter-spacing:-.045em; font-weight:500; }
.studio-grid>div { max-width:590px; }
.studio-grid p { color:#aaa; margin-bottom:24px; }
.studio-grid .lead { font-size:clamp(23px,2.3vw,34px); line-height:1.28; color:#fff; }
.capabilities { display:flex; flex-wrap:wrap; gap:7px; margin-top:85px; }
.capabilities span { border:1px solid #555; padding:10px 15px; font:400 11px "DM Mono",monospace; text-transform:uppercase; }

.contact-section { background:var(--accent); color:#fff; max-width:none; }
.contact-section h2 { font-size:clamp(70px,12vw,190px); line-height:.75; letter-spacing:-.055em; font-weight:500; text-transform:uppercase; margin:65px 0 85px; }
.email-link { display:flex; justify-content:space-between; border-top:1px solid currentColor; border-bottom:1px solid currentColor; padding:22px 0; font:500 clamp(22px,3.5vw,52px) var(--body); }
.contact-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:40px; margin-top:60px; font:400 12px "DM Mono",monospace; text-transform:uppercase; }
.site-footer { min-height:220px; padding:50px var(--pad) 100px; display:grid; grid-template-columns:2fr 1fr 1fr auto; gap:30px; align-items:end; background:#0f0f0f; color:#fff; font:400 11px "DM Mono",monospace; text-transform:uppercase; }

.concept-nav { position:fixed; z-index:80; left:50%; bottom:14px; transform:translateX(-50%); display:flex; align-items:center; padding:5px; border:1px solid rgba(255,255,255,.2); background:rgba(12,12,12,.92); color:#fff; backdrop-filter:blur(14px); box-shadow:0 12px 45px rgba(0,0,0,.24); }
.concept-nav a { min-width:64px; padding:9px 11px; display:flex; align-items:center; gap:7px; font:400 10px "DM Mono",monospace; text-transform:uppercase; }
.concept-nav a.active { background:#fff; color:#111; }
.concept-nav .all-concepts { border-right:1px solid #444; padding-right:15px; margin-right:4px; }
.concept-nav b { font-weight:400; opacity:.55; }
.reveal { opacity:0; transform:translateY(20px); transition:opacity .75s ease,transform .75s ease; }
.reveal.visible { opacity:1; transform:none; }

/* 01 — DESERT MONUMENT */
[data-theme="desert"] { --bg:#d0a36b; --surface:#e8dfcf; --text:#12110f; --muted:#5d554b; --line:rgba(18,17,15,.4); --accent:#d44b16; --display:"Oswald",sans-serif; --body:"DM Sans",sans-serif; }
[data-theme="desert"] .hero h1 { max-width:1000px; }
[data-theme="desert"] .hero-image img { object-position:center; }
[data-theme="desert"] .project img { filter:saturate(.7) contrast(1.08); }
[data-theme="desert"] .statement h2,[data-theme="desert"] .section-head h2,[data-theme="desert"] .contact-section h2 { text-transform:uppercase; }

/* 02 — CHROME GALLERY */
[data-theme="chrome"] { --bg:#fff; --surface:#f2f4f5; --text:#101113; --muted:#6a6f73; --line:#bfc4c8; --accent:#0649ff; --display:"Manrope",sans-serif; --body:"Manrope",sans-serif; }
[data-theme="chrome"] body { background-image:linear-gradient(115deg,transparent 0 47%,rgba(180,190,198,.13) 47% 49%,transparent 49%); }
[data-theme="chrome"] .site-header { color:#111; position:absolute; border-color:#bfc4c8; top:128px; height:62px; }
[data-theme="chrome"] .brand { display:none; }
[data-theme="chrome"] .hero { background:#fff; color:#111; min-height:100vh; display:grid; grid-template-columns:1fr 1fr; align-items:center; padding-top:190px; }
[data-theme="chrome"] .hero::before { content:"RDG"; position:absolute; z-index:4; top:-72px; left:-16px; font:300 clamp(150px,25vw,400px)/1 "Manrope",sans-serif; letter-spacing:-.11em; color:transparent; -webkit-text-stroke:2px #8d9498; background:linear-gradient(180deg,#fff 5%,#777 45%,#fff 70%); -webkit-background-clip:text; opacity:.92; }
[data-theme="chrome"] .hero-image { position:relative; inset:auto; grid-column:2; height:66vh; margin:40px var(--pad) 80px 0; order:2; box-shadow:0 28px 55px rgba(0,0,0,.12); }
[data-theme="chrome"] .hero-image img { filter:grayscale(1) brightness(1.08) contrast(.88); }
[data-theme="chrome"] .hero-shade { display:none; }
[data-theme="chrome"] .hero-copy { grid-column:1; grid-row:1; padding:160px var(--pad) 80px; }
[data-theme="chrome"] .hero h1 { font-size:clamp(58px,6vw,104px); line-height:1.02; letter-spacing:.12em; text-transform:uppercase; font-weight:400; }
[data-theme="chrome"] .hero-intro { font-size:15px; max-width:470px; letter-spacing:.05em; }
[data-theme="chrome"] .hero-link { color:#0649ff; border:0; min-width:auto; }
[data-theme="chrome"] .hero-stats { color:#111; left:var(--pad); right:auto; bottom:30px; }
[data-theme="chrome"] .hero-index { color:#111; right:var(--pad); top:auto; bottom:30px; transform:none; flex-direction:row; }
[data-theme="chrome"] .hero-coordinate { color:#111; }
[data-theme="chrome"] .statement h2,[data-theme="chrome"] .section-head h2,[data-theme="chrome"] .studio-grid h2 { font-weight:400; }
[data-theme="chrome"] .projects-section { background:#fff; color:#111; border-top:1px solid #bfc4c8; }
[data-theme="chrome"] .project-grid { gap:1px; background:#bfc4c8; border:1px solid #bfc4c8; grid-template-columns:repeat(3,1fr); }
[data-theme="chrome"] .project,[data-theme="chrome"] .project-one,[data-theme="chrome"] .project-three,[data-theme="chrome"] .project-four,[data-theme="chrome"] .project-five,[data-theme="chrome"] .project-six { grid-column:auto; background:#fff; }
[data-theme="chrome"] .project figure,[data-theme="chrome"] .project-one figure,[data-theme="chrome"] .project-five figure { aspect-ratio:4/3; }
[data-theme="chrome"] .project img { filter:grayscale(1) brightness(1.05); }
[data-theme="chrome"] .project>a>div { padding:16px; min-height:95px; }
[data-theme="chrome"] .project p,[data-theme="chrome"] .project span { color:#697078; }
[data-theme="chrome"] .metrics-section { background:#e6e9eb; color:#111; }
[data-theme="chrome"] .metrics-section article { border-color:#bfc4c8; }
[data-theme="chrome"] .practice-section { background:#fff; }
[data-theme="chrome"] .studio-section { background:#e6e9eb; color:#111; }
[data-theme="chrome"] .studio-grid .lead { color:#111; }
[data-theme="chrome"] .studio-grid p { color:#666; }
[data-theme="chrome"] .capabilities span { border-color:#888; }
[data-theme="chrome"] .contact-section { background:#0649ff; }

/* 03 — HERITAGE LEDGER */
[data-theme="heritage"] { --bg:#eee6d7; --surface:#f5efe4; --text:#211e19; --muted:#6c6255; --line:#8f8577; --accent:#8e2d20; --display:"Newsreader",serif; --body:"Newsreader",serif; }
[data-theme="heritage"] body { padding-left:250px; background-image:repeating-linear-gradient(0deg,transparent 0 47px,rgba(90,73,54,.08) 47px 48px),repeating-linear-gradient(90deg,transparent 0 95px,rgba(90,73,54,.05) 95px 96px); }
[data-theme="heritage"] .site-header { position:fixed; inset:0 auto 0 0; width:250px; height:100vh; background:#171613; color:#eee6d7; padding:46px 28px; flex-direction:column; align-items:flex-start; border:0; border-right:1px solid #8e2d20; }
[data-theme="heritage"] .brand { display:block; }
[data-theme="heritage"] .brand-mark { width:auto; height:auto; border:0; font:500 38px "Newsreader",serif; display:block; }
[data-theme="heritage"] .brand-text { display:block; margin-top:25px; padding-top:24px; border-top:1px solid #847c6e; font:400 13px "Newsreader",serif; letter-spacing:.1em; }
[data-theme="heritage"] .site-nav { flex-direction:column; align-items:flex-start; width:100%; gap:0; margin:auto 0; }
[data-theme="heritage"] .site-nav a { width:100%; padding:18px 0; border-top:1px solid #6a655d; font-family:"Newsreader",serif; }
[data-theme="heritage"] .site-nav a:last-child { border-bottom:1px solid #6a655d; }
[data-theme="heritage"] .hero { color:#211e19; background:#eee6d7; min-height:100vh; display:grid; grid-template-columns:1.15fr .85fr; align-items:center; padding:80px var(--pad); }
[data-theme="heritage"] .hero-image { position:relative; inset:auto; grid-column:2; height:68vh; border:12px solid #f8f3e9; box-shadow:0 0 0 1px #8f8577; }
[data-theme="heritage"] .hero-image img { filter:grayscale(1) sepia(.18); }
[data-theme="heritage"] .hero-shade { display:none; }
[data-theme="heritage"] .hero-copy { grid-column:1; grid-row:1; padding:0 6vw 0 0; }
[data-theme="heritage"] .hero-copy::before { content:"33.4942° N, 111.9261° W"; display:block; color:#8e2d20; font:400 11px "DM Mono",monospace; letter-spacing:.11em; margin-bottom:60px; }
[data-theme="heritage"] .hero h1 { font-size:clamp(72px,9vw,145px); line-height:.8; letter-spacing:-.06em; text-transform:none; font-weight:400; }
[data-theme="heritage"] .hero-intro { font-size:20px; max-width:560px; }
[data-theme="heritage"] .hero-stats { color:#211e19; left:var(--pad); right:auto; bottom:30px; font-family:"Newsreader",serif; }
[data-theme="heritage"] .hero-index { display:none; }
[data-theme="heritage"] .hero-coordinate { color:#8e2d20; top:auto; bottom:30px; }
[data-theme="heritage"] .section-code { color:#8e2d20; }
[data-theme="heritage"] .statement h2,[data-theme="heritage"] .section-head h2,[data-theme="heritage"] .studio-grid h2,[data-theme="heritage"] .contact-section h2 { text-transform:none; font-weight:400; }
[data-theme="heritage"] .projects-section { background:#1a1916; color:#eee6d7; }
[data-theme="heritage"] .project img { filter:grayscale(1) sepia(.22); }
[data-theme="heritage"] .metrics-section { background:#eee6d7; color:#211e19; border-block:1px solid #8f8577; }
[data-theme="heritage"] .metrics-section article { border-color:#8f8577; }
[data-theme="heritage"] .practice-list h3 { font-weight:400; }
[data-theme="heritage"] .studio-section { background:#1a1916; color:#eee6d7; }
[data-theme="heritage"] .contact-section { background:#eee6d7; color:#211e19; border-top:1px solid #8f8577; }
[data-theme="heritage"] .site-footer { margin-left:0; }

/* 04 — COLORBLOCK MODERNISM */
[data-theme="colorblock"] { --bg:#f4f1eb; --surface:#ffd400; --text:#090909; --muted:#323232; --line:#090909; --accent:#f02d20; --display:"Archivo Black",sans-serif; --body:"DM Sans",sans-serif; }
[data-theme="colorblock"] .site-header { color:#fff; border:0; background:#0646c9; left:50%; }
[data-theme="colorblock"] .brand { position:fixed; left:var(--pad); top:28px; color:#111; align-items:flex-start; }
[data-theme="colorblock"] .brand-mark { border:0; font:500 28px/1 "Archivo Black",sans-serif; width:auto; height:auto; }
[data-theme="colorblock"] .brand-text { max-width:90px; line-height:1; }
[data-theme="colorblock"] .hero { background:#f4f1eb; color:#090909; min-height:100vh; display:grid; grid-template-columns:1.08fr .92fr; align-items:stretch; }
[data-theme="colorblock"] .hero::before { content:"01"; position:absolute; z-index:3; right:4vw; bottom:-5vw; font:500 30vw/.7 "Archivo Black",sans-serif; color:#090909; }
[data-theme="colorblock"] .hero-image { inset:0 0 50% 53%; z-index:1; background:#0646c9; padding:150px var(--pad) 40px; }
[data-theme="colorblock"] .hero-image img { width:82%; height:100%; margin-left:auto; filter:saturate(.8) contrast(1.05); }
[data-theme="colorblock"] .hero-shade { inset:50% 0 0 53%; background:#ffd400; }
[data-theme="colorblock"] .hero-copy { padding:210px 3vw 100px var(--pad); max-width:none; }
[data-theme="colorblock"] .hero h1 { font-size:clamp(82px,10vw,164px); line-height:.78; letter-spacing:-.065em; max-width:900px; }
[data-theme="colorblock"] .hero-intro { position:absolute; z-index:4; left:var(--pad); bottom:60px; max-width:330px; font-weight:600; text-transform:uppercase; }
[data-theme="colorblock"] .hero-link { display:none; }
[data-theme="colorblock"] .hero-stats { left:55%; right:auto; color:#fff; top:105px; bottom:auto; }
[data-theme="colorblock"] .hero-index,[data-theme="colorblock"] .hero-coordinate { display:none; }
[data-theme="colorblock"] .statement { background:#f02d20; color:#fff; }
[data-theme="colorblock"] .statement h2,[data-theme="colorblock"] .section-head h2,[data-theme="colorblock"] .contact-section h2 { text-transform:uppercase; }
[data-theme="colorblock"] .projects-section { background:#0646c9; }
[data-theme="colorblock"] .project-grid { grid-template-columns:repeat(2,1fr); gap:0; }
[data-theme="colorblock"] .project,[data-theme="colorblock"] .project-one,[data-theme="colorblock"] .project-three,[data-theme="colorblock"] .project-four,[data-theme="colorblock"] .project-five,[data-theme="colorblock"] .project-six { grid-column:auto; border:2px solid #090909; }
[data-theme="colorblock"] .project figure,[data-theme="colorblock"] .project-one figure,[data-theme="colorblock"] .project-five figure { aspect-ratio:16/10; }
[data-theme="colorblock"] .project>a>div { padding:16px; background:#ffd400; color:#090909; }
[data-theme="colorblock"] .project p,[data-theme="colorblock"] .project span { color:#090909; }
[data-theme="colorblock"] .metrics-section { background:#ffd400; color:#090909; }
[data-theme="colorblock"] .metrics-section article { border-color:#090909; }
[data-theme="colorblock"] .practice-list h3 { text-transform:uppercase; }
[data-theme="colorblock"] .philosophy-copy { background:#f02d20; color:#fff; }
[data-theme="colorblock"] .philosophy-copy>p:last-child { color:#fff; }
[data-theme="colorblock"] .process-section li:nth-child(1) { background:#0646c9; color:#fff; }
[data-theme="colorblock"] .process-section li:nth-child(2) { background:#ffd400; }
[data-theme="colorblock"] .process-section li:nth-child(3) { background:#f02d20; color:#fff; }
[data-theme="colorblock"] .process-section li:nth-child(4) { background:#f4f1eb; }
[data-theme="colorblock"] .process-section li p { color:inherit; }
[data-theme="colorblock"] .studio-section { background:#090909; }
[data-theme="colorblock"] .contact-section { background:#0646c9; }

/* 05 — CINEMATIC BLACK */
[data-theme="cinematic"] { --bg:#080808; --surface:#101010; --text:#f5f2eb; --muted:#8d8a84; --line:#4a4844; --accent:#c9924c; --display:"Manrope",sans-serif; --body:"Manrope",sans-serif; color-scheme:dark; }
[data-theme="cinematic"] body { padding-left:102px; }
[data-theme="cinematic"] .site-header { position:fixed; inset:0 auto 0 0; width:102px; height:100vh; padding:24px 0; flex-direction:column; border:0; border-right:1px solid rgba(255,255,255,.45); }
[data-theme="cinematic"] .brand { display:block; }
[data-theme="cinematic"] .brand-mark { border:0; width:auto; height:auto; font-size:17px; }
[data-theme="cinematic"] .brand-text { display:none; }
[data-theme="cinematic"] .site-nav { writing-mode:vertical-rl; transform:rotate(180deg); gap:40px; }
[data-theme="cinematic"] .site-nav a { font-size:10px; }
[data-theme="cinematic"] .hero { min-height:100vh; }
[data-theme="cinematic"] .hero-image img { filter:brightness(.48) saturate(.55) contrast(1.15); }
[data-theme="cinematic"] .hero-shade { background:linear-gradient(180deg,rgba(0,0,0,.08) 40%,rgba(0,0,0,.92)); }
[data-theme="cinematic"] .hero-copy { width:100%; max-width:none; padding:0 var(--pad) 75px; background:rgba(0,0,0,.7); }
[data-theme="cinematic"] .hero h1 { font-size:clamp(62px,8vw,130px); line-height:.95; letter-spacing:.13em; text-transform:uppercase; font-weight:300; margin:25px 0 26px; }
[data-theme="cinematic"] .hero-intro { font-size:14px; letter-spacing:.08em; text-transform:uppercase; }
[data-theme="cinematic"] .hero-link { position:absolute; left:42%; bottom:78px; min-width:230px; }
[data-theme="cinematic"] .hero-stats { right:var(--pad); bottom:78px; }
[data-theme="cinematic"] .hero-index { display:none; }
[data-theme="cinematic"] .hero-coordinate { top:30px; }
[data-theme="cinematic"] .statement { background:#080808; color:#fff; border-bottom:1px solid #4a4844; }
[data-theme="cinematic"] .statement h2,[data-theme="cinematic"] .section-head h2,[data-theme="cinematic"] .studio-grid h2,[data-theme="cinematic"] .contact-section h2 { font-weight:300; letter-spacing:.02em; text-transform:uppercase; }
[data-theme="cinematic"] .projects-section { background:#080808; }
[data-theme="cinematic"] .project-grid { display:block; }
[data-theme="cinematic"] .project { margin-bottom:2px; }
[data-theme="cinematic"] .project a { display:grid; grid-template-columns:1fr 280px; align-items:stretch; }
[data-theme="cinematic"] .project figure,[data-theme="cinematic"] .project-one figure,[data-theme="cinematic"] .project-five figure { aspect-ratio:18/7; }
[data-theme="cinematic"] .project img { filter:grayscale(.65) brightness(.66); }
[data-theme="cinematic"] .project:hover img { filter:grayscale(0) brightness(.9); }
[data-theme="cinematic"] .project>a>div { display:flex; flex-direction:column; justify-content:flex-end; padding:25px; border:1px solid #4a4844; }
[data-theme="cinematic"] .project span { margin-top:auto; order:-1; }
[data-theme="cinematic"] .metrics-section { background:#111; color:#fff; border-block:1px solid #4a4844; }
[data-theme="cinematic"] .metrics-section article { border-color:#4a4844; }
[data-theme="cinematic"] .practice-section,[data-theme="cinematic"] .process-section { background:#080808; }
[data-theme="cinematic"] .philosophy-section { background:#111; }
[data-theme="cinematic"] .philosophy-copy>p:last-child { color:#a9a7a2; }
[data-theme="cinematic"] .studio-section { background:#080808; border-top:1px solid #4a4844; }
[data-theme="cinematic"] .contact-section { background:#111; border-top:1px solid #4a4844; }
[data-theme="cinematic"] .email-link { color:#c9924c; }
[data-theme="cinematic"] .site-footer { margin-left:0; }

@media (max-width:980px) {
  .site-header { height:72px; }
  .menu-toggle { display:block; }
  .site-nav { display:none; position:absolute; top:72px; left:0; right:0; padding:22px var(--pad); background:var(--bg); color:var(--text); border-bottom:1px solid var(--line); flex-direction:column; align-items:flex-start; }
  .site-nav.open { display:flex; }
  .hero-copy { padding-top:130px; }
  .statement,.section-head,.studio-grid { grid-template-columns:1fr; }
  .statement .section-code,.section-head .section-code { grid-column:auto; }
  .project-grid { grid-template-columns:1fr 1fr; }
  .project,.project-one,.project-three,.project-four,.project-five,.project-six { grid-column:auto; }
  .project figure,.project-one figure,.project-five figure { aspect-ratio:4/3; }
  .metrics-section { grid-template-columns:1fr 1fr; }
  .philosophy-section { grid-template-columns:1fr; }
  .philosophy-image { height:70vh; }
  .process-section ol { grid-template-columns:1fr 1fr; }
  [data-theme="heritage"] body,[data-theme="cinematic"] body { padding-left:0; }
  [data-theme="heritage"] .site-header,[data-theme="cinematic"] .site-header { position:absolute; inset:0 0 auto; width:auto; height:72px; padding:0 var(--pad); flex-direction:row; align-items:center; border-right:0; border-bottom:1px solid currentColor; }
  [data-theme="heritage"] .brand,[data-theme="cinematic"] .brand { display:flex; }
  [data-theme="heritage"] .brand-mark { font-size:18px; }
  [data-theme="heritage"] .brand-text { display:none; }
  [data-theme="heritage"] .site-nav,[data-theme="cinematic"] .site-nav { writing-mode:initial; transform:none; flex-direction:column; }
  [data-theme="heritage"] .hero { grid-template-columns:1fr; padding-top:130px; }
  [data-theme="heritage"] .hero-image { grid-column:1; grid-row:2; height:60vh; margin-top:70px; }
  [data-theme="heritage"] .hero-copy { grid-column:1; grid-row:1; }
  [data-theme="colorblock"] .site-header { left:0; background:transparent; color:#111; }
  [data-theme="colorblock"] .brand { position:static; }
  [data-theme="colorblock"] .hero { grid-template-columns:1fr; }
  [data-theme="colorblock"] .hero-image { inset:48% 0 0; padding:30px; }
  [data-theme="colorblock"] .hero-shade { inset:48% 0 0; }
  [data-theme="colorblock"] .hero-copy { padding-top:150px; }
  [data-theme="colorblock"] .hero h1 { font-size:18vw; }
  [data-theme="colorblock"] .hero-stats { display:none; }
  [data-theme="chrome"] .site-header { top:95px; }
  [data-theme="chrome"] .hero { grid-template-columns:1fr; padding-top:160px; }
  [data-theme="chrome"] .hero-image { grid-column:1; grid-row:2; height:55vh; margin:0 var(--pad) 80px; }
  [data-theme="chrome"] .hero-copy { grid-column:1; grid-row:1; padding-top:80px; }
}

@media (max-width:620px) {
  .brand-text { display:none; }
  .hero h1 { font-size:clamp(60px,19vw,100px); }
  .hero-stats { left:var(--pad); right:auto; gap:15px; }
  .hero-index,.hero-coordinate { display:none; }
  .statement h2,.section-head h2,.studio-grid h2 { font-size:52px; }
  .project-grid { grid-template-columns:1fr; }
  .project>a>div { grid-template-columns:1fr auto; }
  .project p { grid-column:1; }
  .metrics-section { grid-template-columns:1fr; }
  .metrics-section article { min-height:150px; border-right:0; border-bottom:1px solid currentColor; }
  .practice-list article { grid-template-columns:35px 1fr 20px; }
  .practice-list p { grid-column:2; }
  .practice-list b { grid-column:3; grid-row:1; }
  .process-section ol { grid-template-columns:1fr; }
  .process-section li { min-height:250px; border-right:0; border-bottom:1px solid var(--line); }
  .contact-grid,.site-footer { grid-template-columns:1fr; }
  .site-footer { gap:20px; }
  .concept-nav { width:calc(100vw - 16px); bottom:8px; overflow-x:auto; justify-content:flex-start; }
  .concept-nav a { min-width:50px; }
  .concept-nav a span { display:none; }
  .concept-nav .all-concepts { min-width:78px; }
  [data-theme="chrome"] .hero::before { top:-30px; font-size:150px; }
  [data-theme="chrome"] .site-header { top:80px; }
  [data-theme="chrome"] .hero h1 { font-size:45px; letter-spacing:.08em; }
  [data-theme="heritage"] .hero h1 { font-size:72px; }
  [data-theme="colorblock"] .hero-copy { padding-inline:20px; }
  [data-theme="colorblock"] .hero h1 { font-size:20vw; }
  [data-theme="colorblock"] .hero-intro { bottom:40px; }
  [data-theme="colorblock"] .project-grid { grid-template-columns:1fr; }
  [data-theme="cinematic"] .hero h1 { font-size:52px; letter-spacing:.07em; }
  [data-theme="cinematic"] .hero-link { position:static; }
  [data-theme="cinematic"] .hero-stats { bottom:22px; }
  [data-theme="cinematic"] .project a { grid-template-columns:1fr; }
  [data-theme="cinematic"] .project figure { aspect-ratio:4/3; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { transition-duration:.01ms!important; animation-duration:.01ms!important; }
  .reveal { opacity:1; transform:none; }
}