@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,500&display=swap');
:root{--ink:#171a18;--cream:#f2eee5;--gold:#d8bb7b;--muted:#b0b5ae;--line:#42463f;font-family:'DM Sans',Arial,sans-serif;color:var(--cream);background:var(--ink);font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0}button,a,input,summary{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button{color:inherit}header{height:78px;padding:0 4.5%;display:flex;align-items:center;gap:30px;background:rgba(23,26,24,.96);position:sticky;top:0;z-index:10;border-bottom:1px solid #ffffff20}.brand{text-decoration:none;font-size:25px;letter-spacing:-1px;white-space:nowrap}.brand span{font-size:12px;letter-spacing:3px;margin-left:10px}nav{display:flex;gap:28px;margin-left:auto}nav a{text-decoration:none;font-size:14px;color:#c8ccc5}nav a:hover,nav a.active{color:var(--gold)}.quiet{border:1px solid #777c70;background:none;padding:9px 17px;border-radius:2px;font-size:14px}.chapter{padding:74px 7%;position:relative;scroll-margin-top:0}.hero{min-height:calc(100svh - 78px);display:flex;align-items:center;padding-top:65px;padding-bottom:85px;overflow:hidden}.hero-image{position:absolute;inset:0 0 0 42%;background:linear-gradient(90deg,var(--ink),transparent 45%),linear-gradient(0deg,var(--ink),transparent 30%),url('assets/silver.png') center 28%/cover no-repeat;opacity:.82}.hero-copy{position:relative;max-width:650px}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:600;margin:0 0 25px;color:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,6.8vw,106px);line-height:1.04;letter-spacing:-4px;font-weight:500;margin-bottom:30px}em{font-family:'Playfair Display',Georgia,serif;font-weight:500;color:var(--gold)}.intro{max-width:420px;color:#c8ccc5;font-size:18px;line-height:1.65}.button{display:inline-block;padding:15px 25px;background:var(--gold);color:var(--ink);text-decoration:none;margin-top:15px;font-weight:600}.hero-caption{position:absolute;right:7%;bottom:65px;display:grid;gap:9px}.hero-caption span{font-size:12px;letter-spacing:1.3px;color:#bcc0b7}.hero-caption strong{font-size:35px;letter-spacing:8px}.chapter-no{position:absolute;left:3%;bottom:30px;font-size:12px;color:#91988e}.cream{background:var(--cream);color:var(--ink)}.cream em{color:#81704b}.cream .eyebrow{color:#81704b}.section-top{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #77777750;margin-bottom:42px}.section-top>span{font-size:13px;color:#8a9085}.cream .section-top>span{color:#62665e}h2{font-size:clamp(40px,4.2vw,68px);line-height:1.12;letter-spacing:-2px;font-weight:500;margin-bottom:35px}.slate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:45px}.project{border:0;background:#151815;position:relative;text-align:left;padding:0;overflow:hidden;min-height:440px;color:#fff}.project img{width:100%;height:480px;object-fit:cover;display:block;transition:transform .5s}.project:hover img{transform:scale(1.035)}.project:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#111713)}.project-info{position:absolute;left:26px;right:20px;bottom:25px;z-index:1;display:grid;gap:9px}.project-info small{font-size:11px;letter-spacing:1.2px;color:var(--gold)}.project-info strong{font-size:27px;letter-spacing:1px}.project-info>span{font-size:14px}.project-action{margin-top:12px;color:var(--gold)}.split{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.lead{font-size:22px;line-height:1.55}.model p:not(.eyebrow),.interactive p:not(.eyebrow){line-height:1.7;color:#bfc4bb}.pathways{margin-top:25px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;font-size:24px;position:relative;padding:24px 35px 24px 0}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:5px;font-weight:400}details[open]>summary:after{content:'−'}summary>span{font-size:13px;color:var(--gold);display:inline-block;width:65px;vertical-align:middle}summary small{font-size:12px;color:var(--gold);margin-left:15px;letter-spacing:.5px}.pathways details p{padding-left:65px;max-width:800px;padding-bottom:10px}.commercial{display:flex;gap:55px;margin-top:45px;align-items:baseline}.commercial span{font-size:12px;letter-spacing:1px;color:var(--gold);white-space:nowrap}.commercial p{font-size:15px}.interactive{background:#20261f}.interactive-grid{display:grid;grid-template-columns:.75fr 1fr;gap:10%;align-items:center}.video-wrap{max-width:380px;width:100%;justify-self:center}.video-wrap video{width:100%;max-height:600px;display:block;object-fit:cover;background:#111}.video-wrap>span{font-size:11px;letter-spacing:1px;display:block;margin-top:16px;color:var(--muted)}.note{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}.flow{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0;counter-reset:flow;margin-top:30px}.flow li{counter-increment:flow;padding:15px 10px 15px 0;font-size:14px;border-bottom:1px solid var(--line)}.flow li:before{content:'0' counter(flow);color:var(--gold);margin-right:15px;font-size:12px}.fine{font-size:13px;line-height:1.65;max-width:990px;color:#62665e}.interactive .fine{font-size:12px}.capital-stages{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin:18px 0 50px}.capital-stages>div{border-top:1px solid #a8aa9f;padding-top:25px}.capital-stages span{font-size:12px;letter-spacing:1px}.capital-stages strong{font-size:48px;display:block;font-weight:500;letter-spacing:-2px;margin:15px 0}.capital-stages p{line-height:1.7;max-width:480px;color:#565d51}.budget{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;padding:35px 0;border-top:1px solid #a8aa9f;border-bottom:1px solid #a8aa9f;margin-bottom:20px}h3{font-size:27px;font-weight:500}.presets{display:flex;flex-wrap:wrap;gap:8px}.presets button{border:1px solid #8e9686;background:none;padding:10px 14px;font-size:14px}.presets button[aria-pressed=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)}#scope-description{min-height:45px;margin:18px 0;color:#555e51;font-size:14px;line-height:1.6}.budget label{display:flex;justify-content:space-between;font-size:14px;margin-top:25px}.budget output{font-weight:bold}input[type=range]{accent-color:var(--ink);width:100%;margin:20px 0 5px;cursor:pointer}.range-ends{display:flex;justify-content:space-between;font-size:12px;color:#606858}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:5px;padding:10px 0;font-size:14px}.budget-result{padding:30px;background:#e7e1d4}.budget-result span{font-size:11px;letter-spacing:1px}.budget-result p{margin:10px 0 22px;font-size:24px}.budget-result .combined{border-top:1px solid #aaa797;padding-top:20px}.combined strong{font-size:clamp(34px,3.5vw,52px);font-weight:500;letter-spacing:-1.5px;display:block;margin-top:8px}.budget-result>p:last-child{font-size:12px;margin-bottom:0;color:#555e51}.cost-detail{border-color:#aaa797}.cost-detail summary{font-size:17px}.cost-detail p{line-height:1.8;color:#565d51;font-size:14px;max-width:1000px}.closing h2{font-size:clamp(48px,6vw,90px);margin:60px 0}.closing-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.closing-grid ol{padding-left:20px}.closing-grid li,.closing-grid p:not(.eyebrow){line-height:1.8;color:#c1c6bb;margin-bottom:12px}.closing-grid a{color:var(--gold)}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:55px;padding-top:20px;font-size:12px;color:#a9b09f}dialog{background:var(--cream);color:var(--ink);border:0;padding:55px;max-width:750px;width:calc(100% - 32px);max-height:85vh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog .eyebrow{color:#81704b}dialog p{line-height:1.75}dialog h2{font-size:42px}.close{float:right;background:none;border:0;text-decoration:underline;margin-bottom:25px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--cream);color:var(--ink);padding:12px}.skip:focus{top:10px}.present-controls{position:fixed;z-index:20;bottom:20px;left:50%;transform:translateX(-50%);background:#111e;border:1px solid #676f5d;padding:10px;gap:20px;align-items:center;box-shadow:0 10px 35px #0006}.present-controls:not([hidden]){display:flex}.present-controls button{background:none;border:0;font-size:14px}.present-controls span{font-size:13px;color:var(--gold)}.presenting .chapter{min-height:calc(100svh - 78px)}
@media(max-width:900px){header{gap:18px;padding:0 4%;height:70px}nav{gap:16px}nav a{font-size:12px}.brand{font-size:23px}.brand span{display:none}.quiet{padding:8px 10px}.chapter{padding:55px 6%}h1{letter-spacing:-2px}.hero{min-height:760px}.hero-image{left:25%;opacity:.55}.hero-caption{bottom:30px}.hero-copy{max-width:550px}.slate-grid{gap:15px}.project img{height:390px}.project{min-height:390px}.project-info{left:18px;right:10px}.project-info strong{font-size:21px}.split,.interactive-grid{gap:6%}.commercial{display:block}.budget{gap:4%}.budget-result{padding:22px}.present-controls{gap:14px}}
@media(max-width:640px){header{height:auto;min-height:80px;flex-wrap:wrap;gap:10px;padding-top:12px;padding-bottom:10px}nav{order:3;width:100%;justify-content:space-between;gap:8px}nav a{font-size:12px}.quiet{margin-left:auto;font-size:12px}.hero{min-height:750px;align-items:flex-start;padding-top:75px}.hero-image{left:15%;background-position:55% 30%;opacity:.45}.hero-copy{position:relative}.hero h1{font-size:61px}.hero .intro{max-width:300px;font-size:17px}.hero-caption{right:6%;bottom:30px}.section-top>span{max-width:130px;text-align:right;font-size:12px}.section-top .eyebrow{font-size:11px;max-width:180px}.slate-grid,.split,.interactive-grid,.capital-stages,.budget,.closing-grid{grid-template-columns:1fr}.slate-grid{gap:25px}.project img{height:470px}.project-info strong{font-size:30px}.lead{font-size:20px}.interactive-grid{gap:40px}.video-wrap{max-width:310px;order:2}.interactive h2{font-size:45px}.capital-stages{gap:25px}.budget{gap:30px}.closing h2{font-size:52px}summary{font-size:20px}summary>span{width:38px}summary small{display:block;margin:10px 0 0 38px}.pathways details p{padding-left:38px}.commercial{margin-top:30px}.closing-grid{gap:30px}footer{display:block}dialog{padding:30px}dialog h2{font-size:34px}.present-controls{width:max-content;max-width:95vw;gap:12px}.hero-caption strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Project clips */
.slate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project{min-height:0;background:#151815}.project img{height:auto;aspect-ratio:16/9;object-fit:cover}.project:after{display:none}.project-info{position:relative;left:auto;right:auto;bottom:auto;padding:24px;min-height:178px}.project-video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#101310;margin:22px 0 10px}.clip-caption{font-size:12px;letter-spacing:1px;color:#62665e}dialog{max-width:900px} @media(max-width:640px){.slate-grid{grid-template-columns:1fr}.project-info{min-height:0}.project-info strong{font-size:26px}}
