:root{font-family:Arial,sans-serif;color:#202020;background:#f5f5f3;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0}body{-webkit-font-smoothing:antialiased;overflow-x:clip}::selection{background:#b82720;color:white}
html.custom-scrollbar{scrollbar-width:none}html.custom-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}
.page-scrollbar{position:fixed;z-index:20;top:0;right:0;bottom:0;width:14px;touch-action:none;user-select:none}
.page-scrollbar-thumb{position:absolute;top:0;right:3px;width:4px;min-height:0;background:#202020;border-radius:999px;opacity:.7;pointer-events:none;transition:width .12s,opacity .12s;will-change:transform}
.page-scrollbar:hover .page-scrollbar-thumb,.page-scrollbar:focus-visible .page-scrollbar-thumb,.page-scrollbar.is-dragging .page-scrollbar-thumb{width:6px;opacity:1}
.page-scrollbar:focus-visible{outline:none}.page-scrollbar:focus-visible .page-scrollbar-thumb{outline:2px solid #202020;outline-offset:2px}
.story{position:relative}.stage{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate}.viewport-metrics{position:absolute;top:0;left:0;width:100%;height:100svh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);visibility:hidden;pointer-events:none}#scene,#fallback{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}#fallback{display:none}
.phrases{position:absolute;inset:0;pointer-events:none}.phrases:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f5f5f3 0%,#f5f5f3 28%,transparent 48%);opacity:var(--material-matte,0)}h1,h2{position:absolute;margin:0;left:7.5%;top:45%;transform:translateY(-50%);will-change:transform,opacity;width:34%;font-size:clamp(18px,5.4vw,88px);font-weight:500;line-height:1.04;letter-spacing:-.055em}h1 span{display:block}h2{opacity:0}#phrase-feels{left:58.5%;text-align:right}
#measurements{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;overflow:visible}.measurement-plane{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;transform-origin:0 0;visibility:hidden;will-change:transform}#measurements path{fill:none;stroke:#62625d;stroke-width:1}.witness{opacity:.32}.ticks{stroke-width:1.2!important}#measurements text{fill:#42423e;font-size:var(--dimension-font,14px);font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:0;text-anchor:middle;dominant-baseline:middle;text-rendering:geometricPrecision;paint-order:stroke;stroke:#f5f5f3;stroke-width:9px;stroke-linejoin:round}
.scroll-track{margin-top:-100svh;pointer-events:none}.fit-section{height:170svh}.material-section{height:310svh}.feel-section{height:140svh}.height-section{height:160svh}.end-section{height:160svh}
.stage[data-layout="stacked"] .phrases:before{background:linear-gradient(180deg,#f5f5f3 0%,#f5f5f3 34%,transparent 53%)}
@media(pointer:coarse),(max-width:700px){.stage{height:100lvh}.scroll-track{margin-top:-100lvh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(prefers-reduced-motion:reduce){.page-scrollbar-thumb{transition:none}}
@media(forced-colors:active){html.custom-scrollbar{scrollbar-width:auto}html.custom-scrollbar::-webkit-scrollbar{display:initial;width:auto;height:auto}.page-scrollbar{display:none}}