@font-face{font-family:Manrope;src:url(assets/manrope-regular.ttf)}@font-face{font-family:Manrope;src:url(assets/manrope-semibold.ttf);font-weight:600}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:#252e2c;color:#f3eee3;font-family:Manrope,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e1c999;outline-offset:6px}#scene,.shade{position:fixed;inset:0}#scene{touch-action:none}canvas{display:block}.shade{pointer-events:none;background:linear-gradient(90deg,rgba(19,28,27,.87),rgba(19,28,27,.35) 34%,transparent 64%),linear-gradient(0deg,rgba(12,22,20,.95),transparent 29%)}header{position:fixed;left:4.5%;right:4.5%;top:34px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;gap:16px;align-items:center;color:inherit;text-decoration:none;font-size:14px;letter-spacing:.18em}.brand small{display:block;font-size:10px;letter-spacing:.28em;margin-top:6px;color:#c1c7bf}.mark{font-family:Georgia,serif;font-size:48px;color:#d5bb8d;border-right:1px solid #718078;padding-right:20px;font-style:italic}.edition{font-size:11px;letter-spacing:.17em;color:#c9d0c9}.edition i{margin:0 18px;color:#a79370}header button{border:1px solid #99a99e60;background:#17231d35;padding:12px 20px;border-radius:2px;font-size:13px}main{position:fixed;left:6.5%;top:29%;width:360px;pointer-events:none}.eyebrow{display:flex;gap:23px;font-size:11px;letter-spacing:.2em;color:#d5bb8d}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,4.7vw,72px);font-weight:400;line-height:1.02;letter-spacing:-.04em;margin:27px 0 23px}main p{font-size:16px;line-height:1.8;color:#c4cbc5;max-width:290px}.details{display:flex;gap:34px;margin-top:30px}.details>div{display:flex;flex-direction:column;gap:7px}.details strong{font-family:Georgia,serif;font-size:25px;font-weight:400}.details span{font-size:12px;color:#aebbb0}.view-label{position:fixed;right:4.5%;bottom:205px;display:flex;align-items:center;gap:13px;font-size:12px;letter-spacing:.17em}.line{width:32px;height:1px;background:#d6bc8d}.live{border:1px solid #aab8aa50;padding:7px 9px;font-size:10px}footer{position:fixed;bottom:23px;left:6.5%;right:6.5%}.journey{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.15em;color:#9fad9f;margin-bottom:23px}.journey span:last-child{text-transform:none;letter-spacing:0;font-size:13px;color:#c9d0c7}nav{display:flex;justify-content:space-between;gap:10px}nav button{background:none;border:0;text-align:left;padding:6px 0 16px;font-size:14px;color:#a8b2a8;transition:color .3s}nav button span{margin-right:12px;font-size:12px;color:#8c9c8e}nav button.active{color:#f1dfb9}nav button.active span{color:#e2c391}#progress{display:block;width:100%;margin:0;height:14px;accent-color:#dec697;cursor:ew-resize;background:transparent}input[type=range]{appearance:none}input[type=range]::-webkit-slider-runnable-track{height:1px;background:#78857880}input[type=range]::-webkit-slider-thumb{appearance:none;width:34px;height:3px;margin-top:-1px;background:#e9d3a8;border-radius:1px}.bottom{display:flex;justify-content:space-between;font-size:10px;color:#a1ad9f;letter-spacing:.15em;margin-top:18px}#fallback{position:fixed;right:8%;top:36%;max-width:320px;padding:30px;background:#26372d;line-height:1.6}@media(max-width:700px){header{top:20px;left:6%;right:6%}.edition{display:none}.brand{font-size:12px;gap:11px}.mark{font-size:35px;padding-right:13px}.brand small{font-size:9px}header button{padding:9px 12px;font-size:12px}main{top:16%;width:85%;left:7%}h1{font-size:42px;margin:15px 0 10px}main p{font-size:14px;line-height:1.65;max-width:285px}.eyebrow{font-size:11px}.details{margin-top:18px;gap:28px}.details strong{font-size:21px}.details span{font-size:12px}.shade{background:linear-gradient(180deg,#16231bd9,transparent 64%),linear-gradient(0deg,#11231dea,transparent 28%)}footer{bottom:20px;left:7%;right:7%}.journey{margin-bottom:12px}.journey>span:first-child{display:none}.journey>span:last-child{font-size:12px}nav button{font-size:12px}nav button span{display:block;margin-bottom:7px}.bottom{font-size:9px;letter-spacing:.05em}.bottom span:last-child{display:none}.view-label{bottom:170px;font-size:10px}.live{font-size:10px}#fallback{top:53%;right:7%;font-size:12px;padding:15px}}@media(max-height:660px) and (min-width:701px){main{top:22%}h1{font-size:48px;margin:18px 0}main p{font-size:14px}.details{margin-top:16px}footer{bottom:14px}.journey{margin-bottom:8px}.view-label{bottom:156px}}
