:root{--black:#0c0d0c;--panel:#151713;--gold:#d4b36a;--paper:#eeefe9;--muted:#92958d;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#f4f4ef;font-family:var(--sans)}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.nav{position:relative;z-index:10;height:92px;padding:0 5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.15);background:var(--black)}.logo{width:160px}.logo img,footer>img{filter:invert(1)}.nav nav{display:flex;gap:34px;font-family:var(--mono);font-size:8px;text-transform:uppercase}.nav-cta{justify-self:end;padding-bottom:6px;border-bottom:1px solid;font-family:var(--mono);font-size:8px;text-transform:uppercase}.nav-cta span{margin-left:18px;color:var(--gold)}.hero{position:relative;min-height:850px;padding:45px 5vw 100px;overflow:hidden;background:radial-gradient(circle at 75% 45%,#2a2c24 0%,#131410 34%,#0c0d0c 69%)}.grain{position:absolute;inset:0;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}.breadcrumb{position:relative;margin:0;font-family:var(--mono);font-size:7px;text-transform:uppercase}.breadcrumb a{color:var(--gold)}.hero-copy{position:relative;z-index:1;max-width:1050px;margin-top:11vh}.hero-copy>span,.chapter-label,.scope-band>span,.design-system header span,.results header span,.owner-lesson>span,.author-note>div>span,.case-cta>span{font-family:var(--mono);font-size:8px;letter-spacing:.12em}.hero h1{margin:30px 0 45px;font-size:clamp(66px,7.7vw,126px);font-weight:300;line-height:.83;letter-spacing:-.07em}.hero h1 em{color:var(--gold);font-style:normal}.hero-copy>p{max-width:650px;margin:0;color:#a7aaa2;font-size:14px;line-height:1.9}.hero aside{position:absolute;right:7vw;top:21%;width:270px;height:270px;padding:42px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(212,179,106,.55);border-radius:50%;transform:rotate(8deg);background:rgba(12,13,12,.48);backdrop-filter:blur(12px)}.hero aside b{font-size:38px;font-weight:400;letter-spacing:-.05em}.hero aside span{color:var(--gold);font-family:var(--mono);font-size:12px}.hero aside small{margin-top:30px;color:#898c84;font-family:var(--mono);font-size:7px;text-transform:uppercase}.hero-meta{position:absolute;left:5vw;right:5vw;bottom:32px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:7px;letter-spacing:.1em}.project-facts{display:grid;grid-template-columns:repeat(4,1fr);background:var(--gold);color:var(--black)}.project-facts>div{min-height:150px;padding:28px;border-right:1px solid rgba(12,13,12,.24)}.project-facts span{display:block;margin-bottom:45px;font-family:var(--mono);font-size:7px}.project-facts strong{font-size:14px;font-weight:500;line-height:1.5}.chapter{padding:10vw 5vw;display:grid;grid-template-columns:.55fr 1.15fr .8fr;gap:6vw;align-items:start}.chapter-label{display:flex;gap:26px}.chapter-label span{color:var(--gold)}.chapter-copy h2,.design-system h2,.results h2,.owner-lesson h2,.case-cta h2{margin:0 0 45px;font-size:clamp(54px,6vw,96px);font-weight:300;line-height:.94;letter-spacing:-.065em}.chapter-copy p{color:#a4a79f;font-size:13px;line-height:1.9}.chapter-copy blockquote{margin:48px 0 0;padding:25px 0;border-top:1px solid var(--gold);border-bottom:1px solid rgba(255,255,255,.16);font-size:22px;font-weight:300;line-height:1.5}.photo-slot{min-height:430px;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(212,179,106,.45);background:linear-gradient(145deg,#22251e,#11120f);color:#f4f4ef}.photo-slot span{margin-bottom:auto;color:var(--gold);font-family:var(--mono);font-size:7px}.photo-slot strong{font-size:24px;font-weight:400}.photo-slot small{margin-top:12px;color:#8d9088;font-size:10px;line-height:1.6}.scope-band{padding:0 5vw 7vw;display:grid;grid-template-columns:repeat(3,1fr);background:var(--black)}.scope-band>span{grid-column:1/-1;padding:25px 0;border-top:1px solid rgba(255,255,255,.22)}.scope-band>div{min-height:92px;padding:25px;display:flex;align-items:center;gap:20px;border-top:1px solid rgba(255,255,255,.13);border-right:1px solid rgba(255,255,255,.13);font-size:12px}.scope-band>div:nth-child(4),.scope-band>div:nth-child(7){border-right:0}.scope-band b{color:var(--gold);font-family:var(--mono);font-size:8px;font-weight:400}.transformation{grid-template-columns:.55fr 1.05fr .9fr}.build-list{margin:0;padding:0;border-top:1px solid rgba(255,255,255,.25)}.build-list li{min-height:82px;padding:0 15px;display:flex;align-items:center;gap:25px;border-bottom:1px solid rgba(255,255,255,.18);color:#babcb6;font-size:11px;line-height:1.6;list-style:none}.build-list span{color:var(--gold);font-family:var(--mono);font-size:7px}.photo-pair{grid-column:2/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px}.photo-pair .photo-slot{min-height:500px}.design-system{padding:10vw 5vw;background:var(--paper);color:var(--black)}.design-system header{display:grid;grid-template-columns:.55fr 1.45fr}.design-system h2{margin:0}.design-grid{margin:8vw 0 0 27.5%;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid}.design-grid article{min-height:290px;padding:28px 35px 28px 0;border-bottom:1px solid rgba(12,13,12,.24)}.design-grid article:nth-child(even){padding-left:35px;border-left:1px solid rgba(12,13,12,.24)}.design-grid b,.design-grid small{font-family:var(--mono);font-size:7px;font-weight:400}.design-grid h3{margin:55px 0 18px;font-size:26px;font-weight:500}.design-grid p{max-width:480px;color:#686b64;font-size:11px;line-height:1.8}.design-grid small{display:block;margin-top:30px;color:#777b72}.results{padding:10vw 5vw;background:#11130f}.results header{display:grid;grid-template-columns:.55fr 1.45fr}.results h2{margin:0}.results-grid{margin-top:9vw;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.28)}.results-grid>div{min-height:310px;padding:35px}.results-grid>div+div{border-left:1px solid rgba(255,255,255,.22)}.results-grid strong{display:block;color:var(--gold);font-size:clamp(68px,8vw,128px);font-weight:300;letter-spacing:-.07em}.results-grid sup{font-size:.35em}.results-grid span{display:block;max-width:260px;margin-top:55px;color:#9b9e96;font-size:11px;line-height:1.7}.verification-note{max-width:850px;margin:30px 0 0;color:#70736c;font-size:9px;line-height:1.7}.owner-lesson{padding:11vw 9vw;background:var(--gold);color:var(--black)}.owner-lesson h2{max-width:1200px;margin:45px 0 80px;font-size:clamp(62px,7.5vw,116px)}.owner-lesson>div{margin-left:35%;display:grid;grid-template-columns:1fr 1fr;gap:60px}.owner-lesson p{margin:0;font-size:13px;line-height:1.9}.author-note{padding:10vw;display:grid;grid-template-columns:.72fr 1.28fr;gap:9vw;align-items:center;background:#171915}.author-note figure{height:650px;margin:0}.author-note blockquote{margin:50px 0 70px;font-size:clamp(44px,5vw,76px);font-weight:300;line-height:1.02;letter-spacing:-.055em}.author-note blockquote:first-letter{color:var(--gold)}.author-note h3{margin:0;font-size:20px;font-weight:500}.author-note p{color:#8d9088;font-family:var(--mono);font-size:8px}.author-note a{display:inline-flex;gap:45px;margin-top:45px;padding-bottom:7px;border-bottom:1px solid;font-family:var(--mono);font-size:8px;text-transform:uppercase}.author-note a b{color:var(--gold)}.case-cta{padding:11vw 5vw;text-align:center;background:var(--paper);color:var(--black)}.case-cta h2{margin:45px 0}.case-cta>p{max-width:650px;margin:0 auto 55px;color:#676a63;font-size:13px;line-height:1.8}.case-cta>a{display:inline-flex;gap:60px;padding:20px 0;border-bottom:1px solid;font-family:var(--mono);font-size:9px;text-transform:uppercase}.case-cta>a b{color:#9a7530}footer{padding:70px 5vw 30px;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:6vw;background:var(--black)}footer>img{width:170px;height:auto;object-fit:contain}footer p{margin:0;color:#8e9189;font-size:11px;line-height:1.8}footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-family:var(--mono);font-size:8px}footer small{grid-column:1/-1;margin-top:45px;padding-top:22px;border-top:1px solid rgba(255,255,255,.15);color:#686b64;font-family:var(--mono);font-size:7px}@media(max-width:900px){.nav{height:78px;padding:0 20px;grid-template-columns:1fr auto}.nav nav{display:none}.logo{width:120px}.hero{min-height:820px;padding:38px 20px 100px}.hero h1{font-size:63px}.hero aside{right:-55px;top:54%;width:210px;height:210px}.hero-meta{left:20px;right:20px}.project-facts{grid-template-columns:1fr 1fr}.chapter,.transformation,.design-system header,.results header,.author-note{grid-template-columns:1fr;padding:90px 20px}.chapter-copy h2,.design-system h2,.results h2,.owner-lesson h2,.case-cta h2{font-size:52px}.chapter-label{margin-bottom:20px}.photo-slot{min-height:480px}.scope-band{padding:0 20px 70px;grid-template-columns:1fr 1fr}.scope-band>div:nth-child(4),.scope-band>div:nth-child(7){border-right:1px solid rgba(255,255,255,.13)}.scope-band>div:nth-child(odd){border-right:0}.photo-pair{grid-column:1;grid-template-columns:1fr}.design-grid{margin-left:0}.results{padding:90px 20px}.owner-lesson{padding:90px 20px}.owner-lesson>div{margin-left:0}.author-note figure{height:520px}.case-cta{padding:100px 20px}footer{grid-template-columns:1fr 1fr;padding:60px 20px 25px}}@media(max-width:520px){.nav-cta{font-size:7px}.hero h1{font-size:50px}.hero aside{display:none}.hero-meta span:nth-child(2){display:none}.project-facts{grid-template-columns:1fr}.project-facts>div{min-height:120px}.scope-band{grid-template-columns:1fr}.scope-band>div{border-right:0!important}.design-grid,.results-grid,.owner-lesson>div{grid-template-columns:1fr}.design-grid article:nth-child(even){padding-left:0;border-left:0}.results-grid>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.22)}.owner-lesson>div{gap:20px}.author-note figure{height:440px}footer{grid-template-columns:1fr}}

/* 29 Sep 2026 review: text colours measured with axe-core against WCAG AA (4.5:1 body, 3:1 large). Same hues, slightly deeper. */
.design-grid small{color:#696c65}
.verification-note{color:#7d8078}