@font-face{font-family:Barlow;src:url(/fonts/Barlow-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/Barlow-Medium.ttf)format("truetype");font-weight:500 800;font-display:swap}:root{color:#3f1722;--progress:0;font-synthesis:none;background:#a89792;font-family:Barlow,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:6px;outline:3px solid #581329}a:hover{text-underline-offset:5px;text-decoration:underline}.skip{z-index:30;background:#fff6e8;padding:15px;position:fixed;top:-100px;left:20px}.skip:focus{top:15px}#journey{height:185svh;position:relative}.pinned{height:100svh;min-height:380px;position:sticky;top:0;overflow:hidden}#stage,#poster{position:absolute;inset:0}#stage canvas{touch-action:pan-y;width:100%;height:100%;display:block}#poster{z-index:1;pointer-events:none;background:#a89792;margin:0}#poster img{object-fit:cover;width:100%;height:100%}.ready #poster{visibility:hidden}header{z-index:3;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:30px;left:48px;right:48px}.project{letter-spacing:-.4px;font-size:19px;font-weight:500;line-height:1.1}.project span{letter-spacing:.02em;margin-top:6px;font-size:12px;font-weight:400;display:block}.review-link{padding:8px 0;font-size:13px}.review-link span{margin-left:16px}.intro{z-index:2;pointer-events:none;opacity:clamp(0,calc(1 - var(--progress)*3.3),1);transform:translateY(calc(var(--progress)*-60px));position:absolute;top:20%;left:8.5%}.eyebrow{margin:0 0 18px;font-size:14px;font-weight:500}.intro h1{letter-spacing:-.052em;margin:0;font-size:clamp(60px,6.6vw,100px);font-weight:500;line-height:.89}.intro-copy{max-width:230px;margin:23px 0 0;font-size:19px;line-height:1.35}.controls{z-index:5;width:218px;position:absolute;top:142px;right:48px}.controls-label{margin-bottom:12px;font-size:12px;display:block}.presets{border-bottom:1px solid #4e233841;gap:20px;padding-bottom:9px;display:flex}.presets button{color:inherit;background:0 0;border:0;min-height:36px;padding:6px 0;font-size:15px;position:relative}.presets button[aria-pressed=true]:after{content:"";background:currentColor;height:2px;position:absolute;bottom:-10px;left:0;right:0}.fine-control{align-items:center;gap:12px;margin-top:12px;font-size:11px;display:flex;position:relative}.fine-control input{accent-color:#601d30;cursor:ew-resize;width:90px;height:18px;margin:0}.grip{z-index:4;color:#fff1df;touch-action:none;cursor:ew-resize;background:#601d308c;border:1px solid #fff1dfcc;border-radius:50%;width:68px;height:48px;padding:5px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 14px #37091416}.grip svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:100%;height:24px}.grip:before{content:"";opacity:.7;background:#fff1df;width:1px;height:24px;position:absolute;bottom:100%;left:50%}.grip-hint{white-space:nowrap;color:#3f1722;text-shadow:0 1px 8px #cebdb3;font-size:12px;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)}.dragging .grip-hint{visibility:hidden}.dragging .grip{cursor:grabbing;background:#601d30}.detail-copy{z-index:2;width:270px;opacity:clamp(0,calc((var(--progress) - .6)*2.5),1);pointer-events:none;transform:translateY(calc((1 - var(--progress))*35px));position:absolute;top:39%;right:5%}.detail-copy h2,.static-detail h2{letter-spacing:-1.4px;margin:0 0 23px;font-size:38px;font-weight:500;line-height:1.04}.detail-copy p:not(.eyebrow),.static-detail p{font-size:17px;line-height:1.4}.detail-note{margin-top:28px;font-size:13px!important}.scene-footer{z-index:3;pointer-events:none;justify-content:space-between;align-items:end;font-size:12px;line-height:1.35;display:flex;position:absolute;bottom:27px;left:48px;right:48px}.scene-footer a{pointer-events:auto;font-size:14px}.scene-footer a span{margin-left:20px}.step{align-items:center;gap:12px;display:flex}.step i{background:#5d27333d;width:80px;height:1px;position:relative}.step i:after{content:"";width:calc(8px + var(--progress)*72px);background:#5d2733;height:1px;display:block}.material-note{opacity:calc(1 - var(--progress))}#detail{pointer-events:none;width:1px;height:100svh;position:absolute;bottom:0}#status{z-index:6;max-width:330px;font-size:13px;position:absolute;bottom:70px;left:48px}.static-detail{background:#eee1d2;display:none;position:relative}.static-detail img{width:100%;display:block}.static-detail>div{max-width:430px;padding:30px}.end-note{background:#eee1d2;justify-content:space-between;align-items:center;padding:25px 48px;font-size:13px;display:flex}.end-note p{margin:0}.fallback #journey{height:100svh}.fallback .static-detail{display:block}.fallback .grip{display:none}.fallback #status{background:#eee1d2;padding:10px}.noscript-note{background:#eee1d2;padding:20px}.fallback .intro{opacity:1}.fallback .detail-copy{display:none}@media (width>=700px) and (height<=599px){header{top:20px;left:30px;right:30px}.intro{top:28%;left:5%}.intro h1{font-size:65px}.intro .eyebrow{display:none}.intro-copy{margin-top:14px;font-size:16px}.controls{width:200px;top:105px;right:30px}.scene-footer{bottom:18px;left:30px;right:30px}.detail-copy{width:235px;top:36%;right:4%}.detail-copy h2{font-size:30px}.detail-copy p:not(.eyebrow){font-size:14px}.detail-copy .detail-note{display:none}.grip-hint{font-size:11px;top:100%}#status{bottom:52px}}@media (width<=699px){header{top:24px;left:23px;right:23px}.project{font-size:17px}.project span{font-size:11px}.review-link{text-align:right;max-width:85px;padding:0;font-size:11px}.review-link span{margin-left:5px}.intro{top:18%;left:25px}.intro h1{font-size:66px;line-height:.92}.intro h1 br{display:none}.eyebrow{margin-bottom:15px;font-size:12px}.intro-copy{margin-top:18px;font-size:17px;line-height:1.3}.controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;width:auto;display:flex;inset:auto 24px 99px}.controls-label{margin:0;font-size:12px}.presets{gap:22px;padding-bottom:3px}.presets button{min-height:40px;font-size:15px}.presets button[aria-pressed=true]:after{bottom:-4px}.fine-control{justify-content:flex-end;gap:15px;width:100%;margin-top:5px;font-size:10px}.fine-control input{width:127px;height:21px}.scene-footer{align-items:center;bottom:25px;left:24px;right:24px}.material-note{display:none}.scene-footer a{font-size:13px}.step{font-size:11px}.step i{width:50px}.step i:after{width:calc(6px + var(--progress)*44px)}.grip{width:60px;height:48px}.grip-hint{font-size:11px;top:calc(100% + 9px)}.detail-copy{width:auto;max-width:340px;top:16%;left:25px;right:25px}.detail-copy h2{margin-bottom:14px;font-size:33px}.detail-copy p:not(.eyebrow){max-width:300px;font-size:15px;line-height:1.35}.detail-copy .detail-note{display:none}#status{width:260px;font-size:12px;bottom:200px;left:24px}.end-note{gap:15px;padding:22px 24px;font-size:11px}.end-note p{max-width:140px}.end-note a{text-align:right;max-width:150px}.static-detail>div{padding:25px}.static-detail img{object-fit:cover;max-height:600px}}@media (width<=699px) and (height<=650px){.intro{top:21%}.intro h1{font-size:46px}.intro-copy{margin-top:10px;font-size:14px}.intro .eyebrow{display:none}.controls{bottom:58px}.controls-label{display:none}.fine-control{width:auto;margin:0;font-size:0}.fine-control input{width:70px}.scene-footer{bottom:16px}.detail-copy{top:20%}.detail-copy h2{font-size:27px}.detail-copy p:not(.eyebrow){max-width:240px;font-size:13px}.detail-copy .eyebrow,.grip-hint{display:none}}@media (prefers-reduced-motion:reduce){#journey{height:100svh}.intro{opacity:1;transform:none}.detail-copy{display:none}.static-detail{display:block}.step{display:none}.scene-footer .material-note{opacity:1}}@media (width>=700px) and (height>=600px){.intro{align-items:flex-end;gap:80px;display:flex;inset:auto 48px 100px}.intro h1{letter-spacing:-2.8px;font-size:68px;line-height:1}.intro h1 br{display:none}.intro .eyebrow{margin-bottom:14px;position:absolute;bottom:100%}.intro-copy{margin:0 0 4px;font-size:18px}.controls{top:130px}.material-note{visibility:hidden}}@media (width<=699px) and (height>=651px){.intro{inset:auto 24px 216px}.intro h1{letter-spacing:-1.7px;font-size:43px;line-height:1}.intro .eyebrow{display:none}.intro-copy{margin-top:13px;font-size:16px}.intro-copy br{display:none}.intro-copy{max-width:285px}}.grip svg{transform:rotate(var(--gesture-angle,0deg))}.intro-copy br:after{content:" "}#poster{opacity:1;transition:opacity .14s linear,visibility 0s .14s}.ready #poster{opacity:0;visibility:hidden}@media (prefers-reduced-motion:reduce){#poster{transition:none}}@media (width>=700px) and (height<=599px){.detail-copy{top:44%}}.static-detail>div{width:270px;padding:0;position:absolute;top:35%;right:5%}.static-detail>div .eyebrow{font-size:13px}@media (width<=699px){.static-detail img{object-fit:contain;max-height:none}.static-detail>div{width:auto;max-width:330px;top:14%;left:24px;right:24px}.static-detail h2{font-size:33px}.static-detail>div p{font-size:15px}}:root{color:#f3dfcd;background:#41302b}#poster{background:#41302b;transition:none}#poster picture{display:block;position:absolute;inset:0}#poster [data-view=entry]{display:none}html[data-entry=true] #poster [data-view=entry]{display:block}html[data-entry=true] #poster [data-view=rest]{display:none}.presets{border-color:#e6c5ad66}.fine-control input{accent-color:#e5b583}.step i{background:#e6c5ad55}.step i:after{background:#e6c5ad}.grip{background:#511d25aa;border-color:#f6d7b9aa}.grip-hint{color:#f3dfcd}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#ffcb8e}.end-note,.static-detail,.skip,.fallback #status{background:#41302b}.detail-copy{width:260px;right:5%}.detail-copy p{color:#f3dfcd}@media (width<=699px) and (height>=651px){.intro{top:123px;bottom:auto}.intro h1{font-size:46px}.intro-copy{margin-top:13px;font-size:16px}.controls{bottom:94px}.detail-copy{width:auto;top:115px;left:24px;right:24px}.detail-copy h2{font-size:31px}.detail-copy p:not(.eyebrow){max-width:315px}.grip-hint{top:calc(100% + 7px)}}@media (width<=699px) and (height<=650px){.intro{top:90px}.intro h1{font-size:35px}.intro-copy{font-size:13px}.detail-copy{top:85px}.detail-copy p:not(.eyebrow){font-size:12px}}@media (width>=700px) and (height<=599px){.detail-copy{width:235px;top:44%}}@media (width>=700px) and (height>=600px){.detail-copy{width:280px;top:57%}.detail-copy h2{font-size:32px}}@media (width>=700px) and (height<=599px){.detail-copy{width:250px;top:64%}.detail-copy .eyebrow{display:none}.detail-copy h2{margin-bottom:10px;font-size:27px}.detail-copy p:not(.eyebrow){margin:0;font-size:13px}}
