:root{color-scheme:dark;--paper:#ece8d7;--muted:#abb2a1;--lime:#d7e6a6;--ink:#15221b;--line:rgba(220,230,203,.19)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#19251f;color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input{font:inherit}.wrap{width:min(1330px,calc(100% - 112px));margin:auto}.masthead{height:72px;padding:0 56px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.12em;font-weight:bold}.masthead a{text-decoration:none}.masthead a span{font-weight:400;color:#b8c5ad}.masthead-right{font-size:9px;color:#a8b5a3;letter-spacing:.15em}.masthead-right b{margin-left:18px;color:#e0e9d5}.intro{padding:88px 0 46px}.eyebrow,.small-label{font-size:10px;font-weight:bold;letter-spacing:.18em;color:#bfceac}.dot,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c6dd91;margin-right:9px;vertical-align:1px}.intro h1,.context h2{font-family:Georgia,'Times New Roman',serif;font-weight:normal;letter-spacing:-.055em;line-height:.94;margin:24px 0 32px}.intro h1{font-size:clamp(62px,8.1vw,118px)}h1 em,.context h2 em{font-weight:normal;color:#c3d6a6}.intro-bottom{display:flex;justify-content:space-between;align-items:end}.intro-bottom p{font-size:16px;line-height:1.65;color:#c4cabd;max-width:430px;margin:0}.intro-mark{font-size:9px;line-height:1.8;letter-spacing:.15em;text-align:right;color:#9da99a}.experience{padding-bottom:90px}.scene{position:relative;overflow:hidden;height:clamp(400px,48vw,650px);background:#849484;isolation:isolate}.scene-image{position:absolute;inset:0;background-image:url('road.png');background-size:cover;background-position:center 52%;transform:scale(1.005)}canvas{position:absolute;inset:0;width:100%;height:100%}.scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(14,23,18,.5),transparent 27%,transparent 67%,rgba(10,19,13,.67)),linear-gradient(90deg,rgba(8,18,12,.16),transparent 45%)}.scene-top,.scene-caption{position:absolute;left:30px;right:30px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;font-weight:bold;text-shadow:0 1px 5px #14231c}.scene-top{top:25px}.scene-caption{bottom:25px}.scene-caption span:last-child{opacity:.8}.scene-year{position:absolute;left:30px;bottom:58px;display:flex;align-items:baseline;gap:11px;text-shadow:0 2px 12px #182419}.scene-year span{font-size:10px;letter-spacing:.2em}.scene-year strong{font-family:Georgia,serif;font-size:clamp(58px,8vw,108px);line-height:.8;font-weight:normal}.controls{background:#e8ebdb;color:#1d2d21;padding:28px 32px 33px}.control-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.controls .small-label{color:#607158}.control-heading p{font-size:14px;margin:9px 0 0;color:#4a5b4d}.control-heading button{border:1px solid #9caa91;background:transparent;color:#263b2c;padding:12px 17px;min-width:100px;cursor:pointer;font-size:10px;font-weight:bold;letter-spacing:.12em}.control-heading button:hover{background:#d3ddc5}.control-heading button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #d5b052;outline-offset:4px}.control-heading button span:first-child{margin-right:8px;font-size:9px}.range-wrap{margin-top:27px}input[type=range]{--progress:0%;display:block;width:100%;height:24px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,#536f49 0 var(--progress),#b7c3ae var(--progress) 100%)}input[type=range]::-moz-range-track{height:3px;background:#b7c3ae}input[type=range]::-moz-range-progress{height:3px;background:#536f49}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;background:#243f2e;border:4px solid #e8ebdb;outline:1px solid #243f2e;border-radius:50%;margin-top:-9px}input[type=range]::-moz-range-thumb{width:13px;height:13px;background:#243f2e;border:4px solid #e8ebdb;outline:1px solid #243f2e;border-radius:50%}.ticks{display:flex;justify-content:space-between;color:#788975;font-size:9px;letter-spacing:.1em;margin-top:7px}.story{display:grid;grid-template-columns:160px 1fr auto;gap:30px;padding:38px 32px;border:1px solid var(--line);border-top:0;min-height:176px}.story-index span,.story-index strong{display:block;font-size:10px;letter-spacing:.14em}.story-index span{color:#859786;margin-bottom:12px}.story-index strong{color:#bfcea9}.story-time{font-size:10px;letter-spacing:.17em;color:#b5cba4;font-weight:bold;margin:0 0 13px}.story h2{font-family:Georgia,serif;font-size:30px;font-weight:normal;letter-spacing:-.03em;margin:0 0 10px}.story div>p:last-child{color:#b8c3b4;line-height:1.65;font-size:14px;max-width:670px;margin:0}.story-symbol{font-size:25px;color:#b6c8a5}.estimate{font-size:12px;color:#a8b7a5;line-height:1.6;margin:18px 0 0}.estimate span{color:#d4dfa7;margin-right:8px}.context{border-top:1px solid var(--line);padding:83px 0 100px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.context h2{font-size:clamp(40px,4.4vw,64px);line-height:1.06}.context-copy{max-width:520px}.context-copy p{font-size:15px;line-height:1.8;color:#c2ccbd;margin:0 0 18px}.links{margin-top:32px;display:flex;flex-direction:column}.links a{padding:17px 0;border-top:1px solid var(--line);font-size:10px;font-weight:bold;letter-spacing:.12em;text-decoration:none;display:flex;justify-content:space-between}.links a:last-child{border-bottom:1px solid var(--line)}.links a:hover{color:#d4e5ac}.links span{font-size:16px}footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;justify-content:space-between;color:#93a391;font-size:9px;letter-spacing:.13em}footer a{text-decoration:none;color:#d6dfcd;font-weight:bold}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.masthead{padding:0 18px;height:59px;font-size:9px}.masthead-right{font-size:8px}.masthead-right b{margin-left:4px}.intro{padding:58px 0 28px}.intro h1{font-size:clamp(53px,12vw,78px);margin:20px 0 24px}.intro-bottom p{font-size:14px;max-width:300px}.intro-mark{display:none}.scene{height:490px}.scene-image{background-position:center center}.scene-top,.scene-caption{left:16px;right:16px;font-size:8px}.scene-top span:last-child,.scene-caption span:last-child{display:none}.scene-year{left:17px;bottom:55px}.scene-year strong{font-size:76px}.controls{padding:23px 18px 26px}.control-heading p{font-size:12px}.control-heading button{min-width:90px;padding:11px}.ticks{font-size:8px;letter-spacing:0}.story{grid-template-columns:1fr auto;gap:20px;padding:25px 18px}.story-index{grid-column:1/-1;display:flex;gap:12px}.story-index span{margin:0}.story h2{font-size:26px}.story div>p:last-child{font-size:13px}.experience{padding-bottom:60px}.context{display:block;padding:58px 0 65px}.context h2{margin:20px 0 30px}.context-copy p{font-size:14px}footer{gap:20px;line-height:1.5}footer span{text-align:right;max-width:150px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.scene-old{background-image:url('road-old.png');opacity:0;pointer-events:none}
