.walkthrough{border-block:1px solid var(--line);background:#121310}.walkthrough .section-heading>.body-copy{max-width:350px;font-size:15px}.walkthrough h1{font-size:clamp(56px,6vw,98px)}.walkthrough-viewer{border:1px solid #4e493c;background:#1e211b;overflow:hidden;isolation:isolate}.walkthrough-stage{position:relative;height:clamp(360px,58svh,620px);background:radial-gradient(ellipse at 65% 25%,#b3a38340,transparent 60%),linear-gradient(140deg,#1d241e,#2a281f);overflow:hidden}.walkthrough-canvas{display:block;width:100%;height:100%;outline-offset:-4px;cursor:grab;touch-action:pan-y;opacity:0;transition:opacity .6s}.walkthrough-viewer.is-active .walkthrough-canvas{opacity:1;touch-action:none}.walkthrough-canvas:active{cursor:grabbing}.walkthrough-label{position:absolute;left:28px;top:26px;color:#f1e9db;pointer-events:none;text-shadow:0 2px 8px #0007}.walkthrough-label .eyebrow{font-size:8px}.walkthrough-label strong{display:block;font:800 25px Archivo,sans-serif;letter-spacing:-.7px;margin-top:8px}.walkthrough-start{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;background:linear-gradient(0deg,#0b0b0a70,transparent)}.walkthrough-play{display:grid;place-items:center;border:1px solid #bfa37866;width:84px;height:84px;border-radius:50%;font-size:44px;color:var(--gold);margin-bottom:28px;box-shadow:0 0 0 22px #d7b47708,0 0 0 45px #d7b47704}.walkthrough-start h3{font-size:clamp(28px,3vw,44px);letter-spacing:-1.2px}.walkthrough-start p{color:#c7c1b6;font-size:14px;margin:18px 0 30px;line-height:1.6}.walkthrough-tools{position:absolute;right:24px;top:26px;display:flex;gap:8px}.walkthrough-tools button{width:38px;height:38px;display:grid;place-items:center;background:#13130fe6;border:1px solid #ffffff35;color:#f0e5cf;font-size:20px}.walkthrough-tools button:hover{background:var(--gold);color:#111}.walkthrough-help{position:absolute;bottom:22px;left:24px;font:500 8px/1.6 Mono,monospace;letter-spacing:1px;background:#10110de0;padding:10px 14px;color:#e3d6bf;pointer-events:none;max-width:calc(100% - 48px)}.walkthrough-bottom{padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#10110e}.walkthrough-locations{display:flex;gap:24px;flex-wrap:wrap}.walkthrough-locations button{padding:24px 0;font-size:12px;border-bottom:2px solid transparent;color:var(--muted)}.walkthrough-locations button:disabled{cursor:default;opacity:.6}.walkthrough-locations button[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}.walkthrough-locations button>span{font:500 8px Mono,monospace;margin-right:7px;opacity:.7}.walkthrough-status{font:500 8px/1.7 Mono,monospace;color:var(--muted);max-width:200px}.walkthrough-caption{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:20px}.walkthrough-caption>p{font:400 11px/1.8 Inter,sans-serif;color:var(--muted);max-width:650px}.walkthrough-viewer:fullscreen{width:100%;height:100%;display:flex;flex-direction:column;background:#10110e}.walkthrough-viewer:fullscreen .walkthrough-stage{flex:1;height:auto}.walkthrough-viewer:fullscreen .walkthrough-bottom{flex:none}.walkthrough:target{scroll-margin-top:90px}
@media(max-width:1199px){.walkthrough-stage{height:clamp(350px,55svh,530px)}.walkthrough-bottom{display:block}.walkthrough-status{display:block;max-width:none;padding:0 0 16px}.walkthrough-locations{justify-content:space-between;gap:15px}.walkthrough-locations button{padding:20px 0}.walkthrough-caption{align-items:flex-start}}
@media(max-width:767px){.walkthrough-stage{height:470px}.walkthrough-label{left:18px;top:18px;max-width:55%}.walkthrough-label strong{font-size:20px}.walkthrough-label .eyebrow{font-size:6px}.walkthrough-tools{right:16px;top:18px;gap:5px}.walkthrough-tools button{height:30px;width:30px;font-size:18px}.walkthrough-help{left:14px;bottom:15px;font-size:6px;max-width:calc(100% - 28px);padding:10px}.walkthrough-bottom{padding:0 16px}.walkthrough-locations{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.walkthrough-locations button{padding:14px 0;font-size:10px}.walkthrough-status{padding-top:14px;font-size:7px}.walkthrough-caption{display:block}.walkthrough-caption .text-link{width:max-content;margin-top:12px}.walkthrough h1{font-size:50px}.walkthrough-start h3{font-size:28px}.walkthrough-start p{font-size:12px}.walkthrough-play{width:65px;height:65px;font-size:32px}}
@media(prefers-reduced-motion:reduce){.walkthrough-canvas{transition:none}}

.walkthrough-controls{display:flex;align-items:center;gap:18px;border-top:1px solid #ffffff12;background:#10110e;padding:15px 24px;color:var(--muted)}.walkthrough-move{display:flex;gap:5px}.walkthrough-move button{width:34px;height:34px;background:#24251f;border:1px solid #ffffff1f;color:#e3d6bf;touch-action:none;font-size:17px}.walkthrough-move button:active{background:var(--gold);color:#15150f}.walkthrough-controls>p{font:400 9px/1.7 Mono,monospace;max-width:330px}.walkthrough-controls>label{margin-left:auto;display:flex;align-items:center;gap:12px;font:400 8px Mono,monospace;letter-spacing:1px}.walkthrough-controls select{width:auto;margin:0;padding:9px 25px 9px 10px;background:#20211a;border:1px solid #ffffff25;color:#e3d6bf;font:400 10px Inter,sans-serif}.walkthrough-controls option{background:#20211a}.walkthrough-viewer:fullscreen .walkthrough-controls{flex:none}.walkthrough-label{filter:drop-shadow(0 1px 4px #0006)}
@media(max-width:767px){.walkthrough-controls{padding:14px 16px;gap:12px;flex-wrap:wrap}.walkthrough-controls>p{order:3;width:100%;max-width:none;font-size:7px}.walkthrough-controls>label{font-size:7px;gap:7px}.walkthrough-controls select{font-size:10px;max-width:108px;padding-right:10px}.walkthrough-move button{width:30px;height:32px}.walkthrough-label{max-width:50%}}

.walkthrough-viewer{scroll-margin-top:100px}

/* Material cards stay in the room, while every drawer also has keyboard controls. */
.walkthrough-inspect{position:absolute;right:24px;bottom:22px;background:#ede5d5;color:#28291f;padding:13px 15px;display:flex;gap:18px;align-items:center;font:500 8px/1.4 Mono,monospace;letter-spacing:.7px;border:1px solid #fff8;box-shadow:0 5px 20px #0002}.walkthrough-inspect:hover{background:#f8efdf}.walkthrough-inspect>span{font-size:17px}.walkthrough-material{position:absolute;right:24px;bottom:22px;width:300px;max-height:calc(100% - 95px);overflow:auto;padding:26px;background:#eee8dc;color:#32352b;box-shadow:0 12px 40px #0003;border:1px solid #fff8;animation:material-enter .28s ease-out}.material-close{position:absolute;right:10px;top:8px;width:30px;height:30px;display:grid;place-items:center;font:300 25px/1 Inter,sans-serif}.material-close:hover{background:#ded7c7}.material-eyebrow{font:500 8px/1.5 Mono,monospace;letter-spacing:1.4px;color:#787358;margin-bottom:14px}.walkthrough-material h3{font:400 26px/1.12 Georgia,serif;letter-spacing:-.5px;padding-right:10px}.material-description{font:400 12px/1.85 Inter,sans-serif;margin:15px 0 22px;color:#555849}.material-select-label{display:block;font:500 7px/1.6 Mono,monospace;letter-spacing:1px;color:#686951}.material-select-label select{display:block;width:100%;margin:7px 0 0;border:1px solid #bdbaa9;border-radius:0;background:transparent;color:#32352b;padding:10px 6px;font:400 11px/1.4 Inter,sans-serif}.material-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:19px;padding-top:18px;border-top:1px solid #c9c4b5}.material-action>span{font:400 9px/1.5 Inter,sans-serif;color:#62654e}.material-action>button{background:#363d2e;color:#f4eddf;padding:11px 14px;font:500 9px/1.4 Inter,sans-serif;white-space:nowrap}.material-action>button:hover{background:#50583f}.material-note{margin-top:18px;font:400 9px/1.7 Inter,sans-serif;color:#7d7c69}.walkthrough-viewer.has-material .walkthrough-inspect{visibility:hidden}.walkthrough-viewer.has-material .walkthrough-help{max-width:calc(100% - 380px)}.walkthrough-canvas.is-interactive{cursor:pointer}.walkthrough-inspect:focus-visible,.walkthrough-material button:focus-visible{outline:2px solid #a47e3c;outline-offset:3px}@keyframes material-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:999px){.walkthrough-help{max-width:calc(100% - 265px);font-size:7px}.walkthrough-viewer.has-material .walkthrough-help{max-width:calc(100% - 365px)}}
@media(max-width:767px){.walkthrough-inspect{right:14px;bottom:15px;padding:10px 12px;font-size:6px;gap:10px}.walkthrough-help{max-width:calc(100% - 195px);font-size:6px}.walkthrough-material{right:12px;bottom:12px;width:calc(100% - 24px);max-height:calc(100% - 90px);padding:20px}.walkthrough-material h3{font-size:24px}.material-description{font-size:11px;margin:12px 0 16px}.material-action{margin-top:14px;padding-top:14px}.material-note{margin-top:12px;font-size:8px}.walkthrough-viewer.has-material .walkthrough-help{visibility:hidden}}
@media(prefers-reduced-motion:reduce){.walkthrough-material{animation:none}}

.walkthrough-material{padding:22px;max-height:calc(100% - 44px)}.material-eyebrow{margin-bottom:10px}.walkthrough-material h3{font-size:24px}.material-description{font-size:11px;line-height:1.75;margin:12px 0 16px}.material-action{margin-top:14px;padding-top:14px}.material-select-label select{padding:8px 6px}.walkthrough-viewer.has-material .walkthrough-tools{right:340px}@media(max-width:767px){.walkthrough-material{padding:18px;max-height:calc(100% - 80px)}.walkthrough-viewer.has-material .walkthrough-tools{right:16px}.walkthrough-material h3{font-size:22px}.material-description{margin:10px 0 12px}}
.motion-paused .walkthrough-material{animation:none!important}