:root{--ink:#192320;--muted:#66706b;--paper:#f4f5f1;--line:#d7dcd3;--accent:#c7eb75;--progress:0%;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #578322;outline-offset:6px}a{color:inherit;text-decoration:none}.masthead{max-width:1440px;margin:auto;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:600;letter-spacing:-1px;display:flex;align-items:center;gap:0}.brand>span{font-size:25px;font-weight:400;padding:0 2px}.brand small{font-size:10px;line-height:1.25;letter-spacing:2px;margin-left:16px;border-left:1px solid #aeb6ac;padding-left:16px;width:70px}.masthead-note,.eyebrow,.section-heading>span,.step-meta,.detail-label,.arrows>span,.slider-caption>span,.visual-footer,.image-label,footer{font-size:10px;letter-spacing:1.6px;font-weight:600}.masthead-note{display:flex;align-items:center;gap:14px;color:var(--muted)}.tiny-line{width:24px;height:1px;background:var(--muted)}main{max-width:1440px;margin:auto;padding:0 5%}.intro{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;padding:60px 0 52px;align-items:end}.eyebrow{margin:0 0 23px;color:var(--muted)}h1{font-size:clamp(34px,4.1vw,58px);font-weight:500;line-height:1.07;letter-spacing:-2.5px;margin:0}h1 span{color:#788373}.overview{max-width:530px}.overview p{font-size:14px;line-height:1.7;margin:0 0 12px;color:#4e5952}.overview p:last-child{margin:0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-heading h2{font-size:17px;font-weight:500;margin:0;letter-spacing:-.3px}.section-heading>span{font-size:9px;color:var(--muted)}.viewer{display:grid;grid-template-columns:minmax(0,1fr) 320px;background:#e3e6df;border:1px solid #d6dcd1}.visual{position:relative;min-width:0;padding:39px 16px 32px;display:flex;flex-direction:column;justify-content:center;background:#e5e8e1}.image-stage{width:100%;aspect-ratio:1.44;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-stage img{width:100%;height:100%;object-fit:contain;display:block}.image-label{position:absolute;top:15px;left:20px;display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1px}.live-dot{width:6px;height:6px;border-radius:50%;background:#57784b}.visual-footer{position:absolute;bottom:12px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#586451}.description{padding:27px 28px 23px;background:var(--ink);color:white;display:flex;flex-direction:column}.step-meta{display:flex;justify-content:space-between;color:#bbc5bd;font-size:8px;letter-spacing:1.1px}.step-meta>span:last-child{color:var(--accent)}.copy{padding:30px 0 24px;flex:1;min-height:310px}.large-number{font-size:73px;font-weight:400;letter-spacing:-5px;color:var(--accent);line-height:1;display:block;margin-bottom:18px}h3{font-size:29px;font-weight:400;line-height:1.1;letter-spacing:-1px;margin:0 0 18px}.copy p{font-size:14px;line-height:1.75;color:#c3ccc5;margin:0}.detail{border-top:1px solid #465048;padding:18px 0 23px}.detail-label{color:#91a18e;font-size:8px;letter-spacing:1.2px}.detail p{font-size:12px;line-height:1.5;margin:9px 0 0;color:#e4e9e1}.arrows{display:flex;align-items:center;justify-content:space-between;gap:8px}.arrows button{width:33px;height:33px;border-radius:50%;background:transparent;border:1px solid #69766a;color:white;font-size:20px;cursor:pointer}.arrows button:hover:not(:disabled){color:var(--ink);background:var(--accent);border-color:var(--accent)}.arrows button:disabled{opacity:.2;cursor:default}.arrows>span{font-size:7px;letter-spacing:.9px;color:#aab5a9}.timeline{padding:23px 0 0}.slider-caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.slider-caption label{font-size:12px;color:#55624f}.slider-caption>span{font-size:9px;color:var(--muted)}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;display:block;margin:0;height:20px;background:transparent;cursor:ew-resize}input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,#6c874b var(--progress),#cdd5c5 var(--progress))}input[type=range]::-moz-range-track{height:3px;background:#cdd5c5}input[type=range]::-moz-range-progress{height:3px;background:#6c874b}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;border:5px solid var(--paper);margin-top:-9.5px;background:#263c20;box-shadow:0 0 0 1px #718b58}input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;border:4px solid var(--paper);background:#263c20;box-shadow:0 0 0 1px #718b58}.milestones{display:flex;justify-content:space-between;gap:10px;margin-top:12px}.milestones button{padding:4px 0 8px;border:none;cursor:pointer;background:none;text-align:left;color:#7c8478;font-size:11px;line-height:1.4}.milestones button:last-child{text-align:right}.milestones button span{display:block;font-size:9px;margin-bottom:5px;letter-spacing:1px}.milestones button[aria-current=step]{color:#233a1e;font-weight:700}.milestones button:hover{color:#233a1e}footer{border-top:1px solid var(--line);margin-top:42px;padding:23px 0 30px;display:flex;justify-content:space-between;color:#7a8475;font-size:8px;letter-spacing:1.1px}.footer-divider{padding:0 12px}.embed .masthead,.embed .intro,.embed footer,.embed .section-heading{display:none}.embed main{max-width:1440px;padding:0}.embed .explorer{padding:0 0 18px}.embed .timeline{padding-left:20px;padding-right:20px}
@media(min-width:1400px){.viewer{grid-template-columns:minmax(0,1fr) 350px}.description{padding:30px 32px}.copy{padding-top:45px}.copy p{font-size:15px}.large-number{font-size:88px;margin-bottom:24px}}
@media(max-width:900px){.intro{gap:5%;padding:40px 0}.overview p{font-size:12px}.viewer{grid-template-columns:minmax(0,1fr) 270px}.description{padding:22px}.copy{padding:24px 0}.large-number{font-size:57px;margin-bottom:15px}h3{font-size:25px}.copy p{font-size:12px}.arrows>span{font-size:6px}.visual{padding-left:8px;padding-right:8px}.milestones button{font-size:10px}}
@media(max-width:650px){.masthead{padding:20px 5%}.masthead-note{font-size:8px;gap:7px}.intro{display:block;padding:32px 0}.eyebrow{font-size:9px;margin-bottom:16px}h1{font-size:38px;letter-spacing:-1.8px}.overview{margin-top:24px}.overview p{font-size:13px}.section-heading h2{font-size:15px}.section-heading>span{font-size:7px;letter-spacing:.7px}.viewer{display:block}.visual{padding:34px 8px 29px}.description{padding:23px 24px;min-height:300px}.copy{position:relative;padding:25px 0 23px 64px;min-height:160px}.large-number{position:absolute;top:23px;left:0;font-size:45px;letter-spacing:-3px}h3{font-size:25px;margin-bottom:12px}.copy p{font-size:13px}.detail{padding:14px 0}.detail p{margin-top:7px}.arrows>span{font-size:8px}.milestones{gap:5px}.milestones button{font-size:8px;max-width:60px}.milestones button span{font-size:8px}.slider-caption label{font-size:11px}.slider-caption>span{font-size:8px}footer{margin-top:28px;font-size:7px;letter-spacing:.5px}.footer-divider{padding:0 5px}.visual-footer{font-size:6px}.embed .timeline{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:no-preference){button{transition:color .15s,background .15s}.image-stage img{animation:reveal .22s ease-out}@keyframes reveal{from{opacity:.65}to{opacity:1}}}

/* Standalone portfolio resource: host page provides its own header and footer. */
main{padding:24px 4%;max-width:1440px}.intro{display:block;padding:0 0 24px}.overview{max-width:900px}.overview p{font-size:14px;line-height:1.7}.embed main{padding:0}.embed .intro{display:block;padding:20px}.embed .overview{max-width:900px}@media(max-width:650px){main{padding:16px 12px}.intro{padding:0 0 18px}.overview{margin-top:0}.overview p{font-size:13px}.embed .intro{padding:16px 12px}}

/* Shared portfolio shell */