@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f8f5ee;--ink:#29251e;--brown:#6b301e;--brass:#be8547;--line:#ddd5c7;--muted:#716b60;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto}button:focus-visible,a:focus-visible{outline:3px solid var(--brass);outline-offset:5px}.wrap{width:min(1300px,calc(100% - 112px));margin-inline:auto}.site-header{height:112px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.brand{width:233px;display:flex;align-items:center;flex-shrink:0}.brand img{mix-blend-mode:multiply}.site-header nav{display:flex;gap:34px;margin-left:auto;font-size:13px}.site-header nav a:hover,.header-link:hover{color:var(--brown)}.header-link{font-size:13px;border-left:1px solid var(--line);padding-left:30px}.header-link span{font-size:20px;margin-left:20px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-block:77px 74px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.65px;line-height:1.6;margin:0 0 24px}.small-star{font-size:24px;font-weight:400;vertical-align:middle;margin-right:8px;color:var(--brass)}h1,h2,h3,p{margin-top:0}h1{font:400 clamp(48px,4.6vw,72px)/1.08 var(--serif);letter-spacing:-1.8px;margin-bottom:25px}em{color:var(--brown);font-weight:400}h2{font:400 52px/1.1 var(--serif);letter-spacing:-1px;margin-bottom:25px}h3{font:400 29px/1.15 var(--serif);letter-spacing:-.4px}.hero-intro{max-width:415px;color:var(--muted);font-size:15px;line-height:1.9;margin-bottom:31px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--brown);color:#fff9ed;padding:16px 23px;font-size:12px;border:1px solid var(--brown);transition:background .2s,transform .2s}.button:hover{background:#502316;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.hero-foot{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-top:44px}.line{width:29px;height:1px;background:var(--brass)}.hero-visual{background:#f1ebde;border:1px solid #d4c6b0;box-shadow:8px 8px 0 #ede7dc;position:relative}.plate-top,.plate-bottom{display:flex;justify-content:space-between;align-items:center;font-family:var(--sans);font-size:8px;letter-spacing:1.1px;padding:16px 21px}.plate-top{border-bottom:1px solid #d9cdbb}.status{display:flex;gap:7px;align-items:center}.status i,.status-dot{display:inline-block;background:#697452;width:6px;height:6px;border-radius:50%}.scene-header{padding:26px 26px 0}.scene-header h2{font-size:29px;margin:0 0 6px;letter-spacing:-.4px}.scene-header>span{font-size:8px;letter-spacing:1.8px;color:var(--muted)}#room{display:block;width:100%;height:auto;margin-top:-6px}.svg-label{font:9px monospace}.scene-controls{display:flex;align-items:center;justify-content:space-between;padding:0 21px 17px}.scenario{display:flex;border:1px solid #c9b99f;padding:3px;gap:2px}.scenario button{border:0;background:none;padding:5px 14px;font-size:10px}.scenario button[aria-pressed=true]{background:var(--brown);color:white}.pause{width:30px;height:30px;border:1px solid #c9b99f;background:none;font-size:12px}.plate-bottom{border-top:1px solid #d9cdbb;font-size:7px;letter-spacing:.7px;padding-block:12px}.legend-dot{display:inline-block;width:4px;height:4px;background:var(--brown);border-radius:50%;margin-right:5px}.ticker{border-block:1px solid var(--line);background:#eee8dd}.ticker>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:17px;font-size:9px;letter-spacing:2px;color:#736a5b}.ticker b{font-size:19px;font-weight:400;color:var(--brass)}.section{padding-block:90px}.section-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:0}.section-heading h2{margin:20px 0 0}.pill{border:1px solid #cfbeaa;border-radius:20px;font-size:8px;letter-spacing:1.2px;padding:5px 12px;color:var(--brown)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.project-grid h2{font-size:65px}.project-grid p{max-width:470px;color:var(--muted);font-size:14px}.project-grid .large-copy{font-size:19px;color:var(--ink);max-width:340px;line-height:1.5}.text-link{display:inline-block;font-size:12px;border-bottom:1px solid var(--brass);padding-bottom:8px;margin-top:17px}.text-link span{margin-left:25px}.text-link:hover{color:var(--brown)}.project-spec{padding:30px 32px;border:1px solid var(--line);align-self:center;background:#f1ece2}.spec-title{display:flex;flex-direction:column;gap:9px;border-bottom:1px solid #d5cabc;padding-bottom:22px}.spec-title span{font-size:9px;letter-spacing:1.4px;color:var(--brown)}.spec-title strong{font:400 32px/1.2 var(--serif)}dl{margin:12px 0}dl>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #e0d7ca;font-size:11px}dt{color:var(--muted)}dd{margin:0;text-align:right}.status-dot{margin-right:5px}.project-spec .spec-note{font-size:10px;line-height:1.6;margin:20px 0 0;color:var(--muted)}.approach-section{background:#ede7db;border-block:1px solid var(--line)}.approach-section .section-heading{align-items:center}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.approach-grid article+article{border-left:1px solid #d5c9b9;padding-left:40px}.step-number{color:var(--brass);font:400 45px/1 var(--serif);display:block;margin-bottom:23px}.approach-grid h3{margin-bottom:18px}.approach-grid p{font-size:13px;line-height:1.9;color:var(--muted)}.stage{font-size:8px;letter-spacing:1.4px;color:var(--brown);display:block;margin-top:25px}.reality-note{border-top:1px solid #d5c9b9;margin-top:48px;padding-top:24px;display:flex;gap:40px;align-items:baseline}.reality-note strong{font-size:12px;flex:0 0 255px;font-weight:600}.reality-note p{font-size:12px;color:var(--muted);margin:0;max-width:730px}.heading-aside{align-self:end;color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:5px}.notes-list{border-top:1px solid var(--line)}.note-row{width:100%;border:0;border-bottom:1px solid var(--line);background:none;display:flex;align-items:center;gap:35px;text-align:left;padding:28px 0;transition:padding .2s,background .2s}.note-row:hover{background:#eee8dc;padding-inline:15px}.note-index{color:#a89780;font:400 25px var(--serif)}.note-row small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-bottom:8px}.note-row strong{font:400 28px var(--serif)}.note-arrow{font-size:25px;color:var(--brown);margin-left:auto}.about-section{background:#e9dfcf;padding-block:75px}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.about-grid p:not(.eyebrow){font-size:14px;line-height:1.9;color:#6c6253}.mascot-wrap{position:relative;min-height:380px;display:flex;align-items:center;justify-content:center;flex-direction:column}.mascot-wrap img{width:285px;mix-blend-mode:multiply;z-index:1}.mascot-caption{font-size:8px;letter-spacing:1.7px;margin-top:33px;color:#7b6a54;z-index:1}.orbit{position:absolute;width:340px;height:340px;border:1px solid #d5c5ad;border-radius:50%;top:0;left:50%;transform:translateX(-50%)}.orbit-two{width:390px;height:390px;top:-25px;border-style:dashed}.closing{text-align:center;padding-block:85px}.closing h2{font-size:65px}.closing .eyebrow{font-size:9px}footer{border-top:1px solid var(--line);padding-block:30px;display:flex;align-items:center;gap:30px;font-size:10px;color:var(--muted)}footer .brand{width:163px}footer p{margin:0}footer>span{margin-left:auto}footer>a:last-child{font-size:10px}.skip-link{position:fixed;top:-100px;left:20px;background:var(--brown);color:white;padding:10px;z-index:10}.skip-link:focus{top:10px}dialog{border:1px solid #b9a78d;padding:55px;max-width:710px;width:calc(100% - 32px);max-height:85vh;background:var(--paper);color:var(--ink);box-shadow:0 20px 100px #0003}dialog::backdrop{background:#211b16a6;backdrop-filter:blur(3px)}dialog h2{font-size:44px}dialog h3{font-size:28px;margin-top:28px}dialog p,dialog li{font-size:14px;color:#6b6256}dialog a{color:var(--brown);text-decoration:underline;text-underline-offset:3px}.dialog-close{position:absolute;right:18px;top:10px;border:0;background:none;font-size:30px}.source-note{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;font-size:11px!important}
@media(min-width:1550px){.hero{gap:90px;padding-block:90px}.hero-visual{max-width:600px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:30px}h1{font-size:49px}.hero .eyebrow{font-size:8px}.hero-foot{font-size:7px}.site-header nav{gap:22px}.header-link{display:none}.project-grid,.about-grid{gap:50px}.approach-grid{gap:25px}.approach-grid article+article{padding-left:25px}.scene-header h2{font-size:25px}.plate-top{font-size:6px;padding-inline:14px}.plate-bottom{font-size:6px;padding-inline:14px}.brand{width:210px}.mascot-wrap img{width:250px}.orbit{width:290px;height:290px;top:20px}.orbit-two{width:330px;height:330px;top:0}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:85px;gap:20px}.brand{width:172px}.site-header nav{gap:15px;font-size:11px}.site-header nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding-block:48px;gap:42px}.hero-copy{max-width:540px}.hero .eyebrow{font-size:9px}h1{font-size:clamp(45px,9vw,65px)}.hero-intro{max-width:440px}.hero-foot{margin-top:28px;font-size:8px}.hero-visual{width:100%;max-width:570px;margin:auto}.scene-header h2{font-size:31px}.plate-top{font-size:8px;padding-inline:20px}.plate-bottom{font-size:7px;padding-inline:18px}.ticker .wrap{justify-content:space-around;font-size:8px;gap:10px;letter-spacing:1.1px}.ticker span:last-child,.ticker b:last-of-type{display:none}.ticker b{font-size:13px}.section{padding-block:58px}.section-heading{gap:15px;margin-bottom:30px}.section-heading .eyebrow{font-size:9px}.pill{font-size:7px;white-space:nowrap}.project-grid,.about-grid{grid-template-columns:1fr;gap:35px}.project-grid h2{font-size:55px}.project-grid p{max-width:none}.project-spec{padding:25px}.approach-grid{grid-template-columns:1fr;gap:28px}.approach-grid article+article{padding-left:0;border-left:0;border-top:1px solid #d5c9b9;padding-top:28px}.approach-grid article{position:relative;padding-left:65px!important}.step-number{position:absolute;left:0;top:0;font-size:37px}.approach-grid article+article .step-number{top:28px}.approach-grid h3{font-size:29px}.stage{margin-top:16px}.reality-note{flex-direction:column;gap:10px;margin-top:30px}.reality-note strong{flex:auto}.heading-aside{display:none}h2{font-size:44px}.note-row{gap:20px;padding-block:25px}.note-row strong{font-size:23px}.note-row small{font-size:7px;letter-spacing:1px}.note-index{font-size:20px}.about-section{padding-block:55px}.about-grid{gap:20px}.mascot-wrap{min-height:330px}.about-grid>div:last-child{max-width:560px}.closing{padding-block:65px}.closing h2{font-size:54px}footer{flex-wrap:wrap;gap:15px 25px}footer>span{margin-left:0}footer p{margin-left:auto}footer>a:last-child{margin-left:auto}dialog{padding:45px 25px}dialog h2{font-size:36px}}
@media(max-width:360px){.site-header{gap:12px}.site-header .brand{width:140px}.site-header nav{gap:10px;font-size:10px}.orbit{width:250px;height:250px;top:30px}.orbit-two{width:280px;height:280px;top:15px}.mascot-wrap img{width:225px}.hero .eyebrow{font-size:8px}.plate-top{font-size:7px}.scene-header h2{font-size:27px}.plate-bottom{font-size:6px;padding-inline:12px}.section-heading{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}