@font-face{font-family:Manrope;src:url('assets/manrope.woff2');font-display:swap}@font-face{font-family:Cormorant;src:url('assets/cormorant.woff2');font-display:swap}
:root{color-scheme:dark;--ink:#f6edde;--muted:#d8cbb7;--gold:#dbc4a0;--bg:#191713}*{box-sizing:border-box}html,body{margin:0;height:100%;width:100%;overflow:hidden;overscroll-behavior:none}body{background:var(--bg);color:var(--ink);font:13px Manrope,Arial,sans-serif}::selection{background:#ddc49a;color:#171410}button,a{-webkit-tap-highlight-color:transparent;color:inherit}button{font:inherit;cursor:pointer;background:none;border:0}a{text-decoration:none}button:disabled{opacity:.3;cursor:default}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.symbols{position:absolute;width:0;height:0}.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip{position:fixed;z-index:100;left:20px;top:-80px;padding:15px;background:var(--bg)}.skip:focus{top:20px}.js-control{visibility:hidden}.ready .js-control{visibility:visible}
header{position:fixed;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:27px 4.4%;background:linear-gradient(#12110fd9,transparent)}.brand{font-size:17px;letter-spacing:3px;font-weight:600}.brand span{font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:2.8px;margin-top:7px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:34px}#all{display:flex;align-items:center;gap:14px;border-bottom:1px solid #ddc7a380;padding:10px 0;min-height:44px}#all svg{width:17px;transform:rotate(-35deg)}#motion{font-size:10px;min-height:44px;color:var(--muted)}
#experience{position:fixed;inset:0;height:100dvh;overflow:hidden;touch-action:pan-x pan-y pinch-zoom}.scene{position:absolute;inset:0;overflow:hidden;background:#211d17}.view,#near{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;pointer-events:none}.view{opacity:0;transform:scale(1.015);transform-origin:50% 62%}#view0{opacity:1}#near{z-index:4;transform:scale(1.035);pointer-events:none}.moving .view,.moving #near{will-change:transform,opacity}.shade{position:absolute;z-index:5;inset:0;background:linear-gradient(90deg,#10100f88,transparent 55%),linear-gradient(0deg,#141310b0,transparent 28%,transparent 72%,#14131040);pointer-events:none}.copy{position:absolute;z-index:6;left:8%;top:28%;max-width:490px;transition:opacity .2s;pointer-events:none}.copy>*{pointer-events:auto}h1,h2,p{margin:0}h1,h2{font-family:Cormorant,Georgia,serif;font-weight:400}h1{font-size:clamp(64px,6.3vw,96px);line-height:.95;letter-spacing:-2px;text-shadow:0 2px 24px #17110e55}h1:focus{outline:none}.copy p{font-size:12px;line-height:1.8;margin-top:25px}.cta{display:flex;align-items:center;gap:40px;min-height:48px;padding:12px 0;margin-top:22px;border-bottom:1px solid var(--gold);font-size:11px;letter-spacing:.4px}.cta svg{width:22px;transition:transform .2s}.cta:hover svg{transform:translateX(4px)}.copy[data-position=preto]{left:40%;top:56%;max-width:350px}.copy[data-position=preto] h1{font-size:86px}.copy[data-position=dourado],.copy[data-position=granito]{left:9%;top:41%;max-width:490px}.copy[data-position=dourado] h1,.copy[data-position=granito] h1{font-size:96px}.journey-nav{position:absolute;z-index:7;left:4.4%;right:4.4%;bottom:max(26px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:36px}.journey-nav button{min-width:44px;height:44px}.reverse{transform:rotate(180deg)}.stops{display:flex;gap:18px;align-items:center}.stops a{min-height:44px;display:flex;gap:9px;align-items:center;font-size:11px;color:var(--muted);border-bottom:1px solid transparent}.stops a[aria-current=step]{color:var(--ink);border-color:var(--gold)}.stops a span{font-size:8px;color:var(--gold)}.stops i{width:32px;height:1px;background:#d6bf9755}.hint{margin-left:auto;font-size:8px;letter-spacing:2px;color:var(--muted)}#error{position:absolute;z-index:9;bottom:100px;left:8%;right:8%;background:#221d15;padding:15px;color:var(--ink);font-size:12px}
dialog{color:var(--ink);border:1px solid #b8a88f40;background:#191713f7;padding:40px 45px;width:min(850px,88vw);max-height:88dvh;overflow:auto;scrollbar-color:#9c8560 #201c17;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#080705a8}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-top h2{font-size:56px;line-height:1.1}.dialog-top button{width:44px;height:44px}.dialog-description{font-size:12px;line-height:1.8;color:var(--muted);margin:15px 0 28px}.choices{display:flex;flex-direction:column}.choices button{display:flex;align-items:center;gap:27px;padding:15px 0;border-top:1px solid #d8c7a530;width:100%;text-align:left}.choices img{width:136px;height:85px;object-fit:cover}.choices button>span{font-family:Cormorant,Georgia,serif;font-size:38px}.choices small{font-family:Manrope,sans-serif;font-size:8px;color:var(--gold);display:block;letter-spacing:2px;margin-bottom:4px}.choices svg{margin-left:auto}.choices button:hover{background:#e4c69508}.preview-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:25px}.noscript{position:absolute;z-index:12;bottom:8%;left:8%;right:8%;background:#191713;padding:20px}.noscript a{display:inline-block;padding:15px;text-decoration:underline}
@media(max-width:700px){header{padding:21px 6%}.brand{font-size:13px;letter-spacing:2px}.brand small{font-size:6px;letter-spacing:2px}.header-actions{gap:15px}#all{font-size:11px;gap:8px}#motion{font-size:8px;max-width:65px;text-align:right;line-height:1.6}.view{object-position:28% 50%}#view1{object-position:69% 50%}#view2{object-position:61% 50%}#near{object-fit:fill}.copy{top:20%;left:8%;right:7%;max-width:none}h1{font-size:62px;letter-spacing:-1.5px}.copy p{font-size:11px;margin-top:22px;max-width:235px}.cta{font-size:10px;gap:30px;margin-top:16px}.copy[data-position=preto],.copy[data-position=dourado],.copy[data-position=granito]{left:8%;right:7%;top:auto;bottom:19%;max-width:none}.copy[data-position=preto] h1,.copy[data-position=dourado] h1,.copy[data-position=granito] h1{font-size:64px}.shade{background:linear-gradient(0deg,#141310ed,transparent 58%,#14131040 76%,#141310a0)}.journey-nav{left:5%;right:5%;bottom:max(22px,env(safe-area-inset-bottom));gap:7px;justify-content:space-between}.stops{gap:10px;flex:1;justify-content:space-evenly}.stops i{width:13px}.stops a{font-size:10px;gap:5px}.stops a span{font-size:7px}.hint{display:none}.journey-nav button{min-width:34px}dialog{width:90vw;padding:24px}.dialog-top h2{font-size:43px}.dialog-description{font-size:11px}.choices img{width:94px;height:74px}.choices button{gap:18px}.choices button>span{font-size:30px}.preview-note{font-size:9px}}
@media(max-height:600px){header{padding-top:13px;padding-bottom:13px}.copy{top:24%}h1{font-size:55px}.copy p{margin-top:12px;font-size:10px}.cta{margin-top:10px}.copy[data-position=preto]{left:43%;top:37%;bottom:auto}.copy[data-position=dourado],.copy[data-position=granito]{left:8%;top:34%;bottom:auto}.copy[data-position=preto] h1,.copy[data-position=dourado] h1,.copy[data-position=granito] h1{font-size:62px}.journey-nav{bottom:12px}.dialog-top h2{font-size:36px}}
@media(max-width:360px){.brand{font-size:11px;letter-spacing:1.3px}.brand small{letter-spacing:1.3px}header{padding-left:6%;padding-right:6%}.header-actions{gap:9px}h1{font-size:53px}.stops{gap:5px}.stops i{width:5px}.copy[data-position=preto],.copy[data-position=dourado],.copy[data-position=granito]{left:8%;top:auto;bottom:20%}.choices img{width:65px}.choices button{gap:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}