.concept-hero{--paper:var(--color-bg);--ink:var(--color-fg);--red:var(--color-accent);--muted:var(--color-muted);--border:var(--color-border);--soft:var(--color-fg-soft);--display:var(--font-recoleta), Georgia, serif;--sans:var(--font-inter-tight), Arial, sans-serif;--frame-pad:1.25rem;background:var(--paper);color:var(--ink);isolation:isolate;position:relative;& .journey{height:570svh;position:relative}& .stage{isolation:isolate;height:100svh;position:sticky;top:0;overflow:hidden}& .atmosphere{background:var(--paper);position:absolute;inset:0}& #world{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}& #world canvas{width:100%;height:100%;display:block}& .chapters{z-index:4;pointer-events:none;position:absolute;inset:0}& .concept-frame{height:100%}& .frame-inner{height:100%;position:relative}& .phone-layer{pointer-events:none;position:absolute;inset:0}& .chapter{opacity:0;visibility:hidden;width:48%;position:absolute;top:max(110px,15svh);left:0;transform:translateY(20px)}& .chapter.active{visibility:visible;opacity:1;transform:none}& .chapter a{pointer-events:auto}& .eyebrow{letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:12px;margin:0 0 22px;font-size:11px;display:flex}& .hero-emblem{width:auto;height:19px;color:var(--red);flex:none}& h1,& h2{font-family:var(--display);letter-spacing:-1.8px;font-variant-ligatures:none;text-wrap:balance;max-width:14ch;margin:0;font-weight:400;line-height:1.08}& h1{font-size:clamp(42px,min(5.4vw,8svh),76px)}& h2{max-width:14ch;font-size:clamp(42px,5.1vw,70px)}& .description{color:var(--soft);max-width:33rem;margin-top:25px;font-size:18px;line-height:1.6}& .hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}& .hero-actions a{padding:13px 22px;font-size:15px}& .hero-bullets{color:var(--muted);flex-wrap:wrap;gap:10px 20px;margin-top:24px;font-size:13px;display:flex}& .hero-bullets li{align-items:center;gap:8px;display:flex}& .hero-bullets li>span{background:var(--red);border-radius:50%;width:5px;height:5px}& .chapter:not([data-chapter="0"]){top:23%}& .chapter[data-chapter="1"] .description{max-width:29rem}& .journey-footer{z-index:5;letter-spacing:1.2px;font-size:10px;position:absolute;bottom:25px;left:0;right:0}& .journey-footer-row{justify-content:space-between;align-items:center;display:flex}& .scroll-instruction{transition:opacity var(--duration-base) var(--ease-out)}& .stage[data-started=true] .scroll-instruction{opacity:0}& .stage[data-started=true] .scroll-instruction>span{animation:none}& .scroll-instruction>span{color:var(--red);animation:buurt-nudge 2.4s var(--ease-in-out) infinite;padding-left:18px;display:inline-block}& .chapter-nav{align-items:center;gap:10px;display:inline-flex}& .counter{color:var(--muted)}& .counter b{color:var(--ink);font-weight:400}& .chapter-nav button{border:1px solid var(--border);width:32px;height:32px;color:var(--ink);cursor:pointer;transition:opacity var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}& .chapter-nav button:disabled{opacity:.3;cursor:default}& .chapter-nav svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}@media (hover:hover) and (pointer:fine){& .chapter-nav button:not(:disabled):hover{border-color:var(--ink)}}& .journey-footer nav{gap:10px;display:flex}& .journey-footer nav a{place-items:center;width:24px;height:24px;display:grid}& .journey-footer nav a:after{content:"";background:var(--border);border-radius:3px;width:20px;height:3px}& .journey-footer nav a.selected:after{background:var(--red)}& .anchor{width:1px;height:1px;position:absolute}& #concept-tips{top:29%}& #concept-gids{top:65.5%}& #concept-op-pad{top:75%}& #labels{z-index:3;pointer-events:none;position:absolute;inset:0}& .place{white-space:nowrap;background:var(--paper);border:1px solid var(--border);opacity:0;will-change:transform, opacity;box-shadow:0 8px 20px -12px color-mix(in srgb, var(--ink) 60%, transparent);border-radius:999px;align-items:center;gap:10px;padding:9px 15px 9px 10px;font-size:15px;display:flex;position:absolute}& .place:after{content:"";background:linear-gradient(var(--border), transparent);width:1px;height:18px;position:absolute;top:100%;left:50%;transform:translate(-50%)}& .place.hotel:after{background:linear-gradient(var(--ink), transparent)}& .place b{font-size:15px;font-weight:500}& .place>span{background:var(--red);width:28px;height:28px;color:var(--paper);border-radius:50%;place-items:center;font-size:11px;display:grid}& .place.hotel{background:var(--ink);color:var(--paper);border-color:var(--ink)}& .phone,& .phone-bezel,& .phone-chrome,& .stop-card{--gv-brand:#e53935;--gv-canvas:#faf7f0;--gv-surface:#fff;--gv-ink:#1f1c17;--gv-ink-soft:#6f6a5e;--gv-line:#1f1c171a;--gv-shadow:0 8px 24px #1f1c1724;--gv-glass:color-mix(in srgb, var(--gv-surface) 70%, transparent);--gv-glass-border:#ffffffa6;--gv-topbar:42px;--gv-radius:15px}& .stop-card{left:calc(max(0px, (100vw - var(--container-page,80rem)) / 2) + var(--frame-pad));z-index:5;opacity:0;visibility:hidden;width:380px;height:150px;font-family:var(--sans);position:absolute;top:58%}& .stop-rail{border-radius:0 0 36px 36px;position:absolute;inset:-28px -46px -25px -12px;overflow:hidden}& .stop-card article{background:var(--gv-glass);-webkit-backdrop-filter:blur(16px)saturate(1.5);border:1px solid var(--gv-glass-border);border-radius:var(--gv-radius);box-shadow:var(--gv-shadow), inset 0 1px 0 #fff9;color:var(--gv-ink);opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-base) var(--ease-out);display:flex;position:absolute;inset:28px 16px;overflow:hidden;transform:translate(14px)}& .stop-card[data-dir=prev] article{transform:translate(-14px)}& .stop-card article[data-active]{opacity:1;visibility:visible;transform:none}& .card-media{background:linear-gradient(135deg,#1f1c1714,#1f1c1705);flex:0 0 34%;position:relative}& .card-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}& .card-num{z-index:1;background:var(--gv-brand);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid;position:absolute;top:8px;left:8px;box-shadow:0 2px 8px #1f1c174d}& .card-body{min-width:0;padding:calc(12px - 3px * var(--in-phone,0)) calc(14px - 3px * var(--in-phone,0));gap:calc(3px - 1px * var(--in-phone,0));flex-direction:column;flex:1;display:flex}& .card-kind{font-size:calc(10.5px - 1.5px * var(--in-phone,0));letter-spacing:.1em;text-transform:uppercase;color:var(--gv-ink-soft);align-items:center;gap:5px;font-weight:600;display:inline-flex}& .card-kind .dot{border-radius:50%;flex:none;width:7px;height:7px}& .stop-card h3{font-family:var(--display);font-size:calc(17px - 2.5px * var(--in-phone,0));letter-spacing:-.2px;font-variant-ligatures:none;margin:0;font-weight:400;line-height:1.2}& .stop-card p{font-size:calc(12.5px - 1.5px * var(--in-phone,0));line-height:calc(1.35 - .05 * var(--in-phone,0));color:var(--gv-ink-soft);margin:0}& .stop-card h3,& .stop-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}& .stop-card p{-webkit-line-clamp:4}& .card-byline{color:var(--gv-ink-soft);align-items:center;gap:6px;margin-top:2px;font-size:11px;display:inline-flex}& .personal-mark{color:var(--gv-brand);font-size:14px}& .card-more{font-size:calc(12.5px - 1.5px * var(--in-phone,0));color:var(--gv-brand);align-self:flex-start;margin-top:auto;font-weight:600}& .stop-controls{gap:7px;margin-top:10px;display:flex;position:absolute;top:100%;left:0}& .stop-controls button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;min-width:36px;height:30px;padding:0 7px;font-size:11px}& .stop-controls button[aria-pressed=true]{color:var(--red);border-color:var(--red)}@media (hover:hover) and (pointer:fine){& .stop-controls button:hover{background:var(--color-surface)}}& .phone,& .phone-bezel,& .phone-chrome{aspect-ratio:.49;opacity:0;pointer-events:none;border:7px solid #0000;border-radius:44px;height:min(77svh,690px);position:absolute;top:53%;left:min(76%,100% - min(77svh,690px)/4.08163);transform:translate(-50%,-50%)}& .phone{z-index:0;background:var(--gv-canvas);box-shadow:0 40px 80px -40px #2e000073}& .phone-bezel{z-index:3;border-color:#2e0000;overflow:hidden}& .phone-chrome{z-index:4;font-family:var(--sans);color:var(--gv-ink)}& .phone-bezel:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#2e000017 42%,#fffdec 58%,#0000);width:42%;position:absolute;top:-20%;bottom:-20%;left:-55%;transform:rotate(18deg)}& .stage[data-landed=true] .phone-bezel:after{animation:buurt-sheen .82s var(--ease-out) .14s 1}& .speaker{z-index:2;background:#2e0000;border-radius:20px;width:74px;height:22px;position:absolute;top:10px;left:50%;transform:translate(-50%)}& .phone-topbar{justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:46px;left:8px;right:8px}& .phone-locate,& .phone-menu,& .phone-chip{background:var(--gv-glass);-webkit-backdrop-filter:blur(16px)saturate(1.2);border:1px solid var(--gv-glass-border);box-shadow:var(--gv-shadow)}& .phone-locate,& .phone-menu{width:var(--gv-topbar);height:var(--gv-topbar);border-radius:999px;flex:none;place-items:center;display:grid}& .phone-locate svg{fill:none;width:19px;height:19px;stroke:var(--gv-ink);stroke-width:1.7px;stroke-linecap:round}& .phone-menu{grid-auto-rows:2px;grid-auto-flow:row;align-content:center;justify-items:center;gap:4px}& .phone-menu i{background:var(--gv-ink);border-radius:2px;width:16px;height:2px}& .phone-chip{min-width:0;height:var(--gv-topbar);text-align:center;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0 14px;display:flex}& .phone-chip-org,& .phone-chip-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}& .phone-chip-org{letter-spacing:.14em;text-transform:uppercase;color:var(--gv-brand);font-size:9px;font-weight:600}& .phone-chip-title{font-family:var(--display);font-variant-ligatures:none;padding-bottom:1px;font-size:13px;line-height:1.35}& .phone-map-slot{position:absolute;inset:0}& .phone-card-slot{height:max(20%,134px);position:absolute;bottom:26px;left:13px;right:47px}& .phone-home{z-index:2;background:#2e0000;border-radius:3px;width:26%;height:3px;position:absolute;bottom:8px;left:37%}& .stage[data-in-phone=true] .card-byline,& .stage[data-in-phone=true] .stop-controls{display:none}& #guide-map{opacity:0;visibility:hidden;z-index:2;pointer-events:none;width:300px;height:250px;font-family:var(--sans);background:#faf7f0;border-radius:38px;position:absolute;top:30%;left:65%;overflow:hidden}& #guide-map .maplibregl-ctrl-group{display:none}& #guide-map .maplibregl-ctrl-bottom-right{bottom:3px;right:6px}& #guide-map .maplibregl-ctrl-attrib{opacity:.75;background:#fff9;margin:0;font-size:8px;line-height:16px}& #guide-map .maplibregl-ctrl-attrib.maplibregl-compact{min-height:18px}& #guide-map .maplibregl-ctrl-attrib-button{background-size:14px;width:18px;height:18px}& #guide-map .maplibregl-canvas{outline:none}& #guide-map .maplibregl-cooperative-gesture-screen{color:#fff;font:600 12px/1.4 var(--sans);text-align:center;-webkit-backdrop-filter:blur(2px);background:#1f1c1752;place-items:center;padding:24px;display:grid}& #guide-map{--gv-brand:var(--color-accent);--gv-on-brand:#fff}& .stage[data-in-phone=true] .stop-card{cursor:pointer;touch-action:pan-y}& .stage[data-in-phone=true] .stop-card article{opacity:1;visibility:visible;transform:translateX(calc((var(--i,0) - var(--active,0)) * (100% + 13px)));transition:transform .9s cubic-bezier(.45, 0, .15, 1) var(--lag,0s)}}@keyframes buurt-nudge{0%,62%,to{transform:translateY(0)}78%{transform:translateY(2px)}}@keyframes buurt-sheen{0%{opacity:0;transform:translate(0)rotate(18deg)}30%{opacity:1}to{opacity:0;transform:translate(380%)rotate(18deg)}}@media (width<=760px){.concept-hero{& .journey{height:320svh}& .chapter,& .chapter:not([data-chapter="0"]){width:100%;top:88px;left:0}& .eyebrow{letter-spacing:1px;gap:8px;margin-bottom:15px;font-size:9px}& .hero-emblem{height:15px}& h1{letter-spacing:-1px;max-width:100%;font-size:clamp(30px,8.6vw,40px);line-height:1.06}& h2{letter-spacing:-1px;max-width:15ch;font-size:36px}& .description{margin-top:15px;font-size:14px;line-height:1.45}& .hero-actions{gap:8px;margin-top:18px}& .hero-actions a{padding:10px 15px;font-size:12px}& .hero-bullets{gap:8px 13px;margin-top:16px;font-size:10px}& .hero-bullets li{gap:5px}& .chapter:not([data-chapter="0"]) .description{max-width:31rem;font-size:14px}& .chapter[data-chapter="1"] .description{display:none}& .journey-footer{letter-spacing:.5px;font-size:9px;bottom:14px}& .scroll-instruction{display:none}& .journey-footer nav{gap:5px}& .chapter-nav{gap:8px}& .chapter-nav button{width:36px;height:36px}& #concept-tips{top:21%}& #concept-gids{top:57%}& #concept-op-pad{top:69%}& .phone,& .phone-bezel,& .phone-chrome{--phone-aspect:.52;--beside-nav:min(calc(100% - var(--copy-end,45%) - 32px), calc((100vw - 2 * var(--frame-pad) - 148px) / var(--phone-aspect)));--above-nav:min(calc(100% - var(--copy-end,45%) - 80px), calc((100vw - 2 * var(--frame-pad)) / var(--phone-aspect)));left:0;top:calc(var(--copy-end,45%) + 18px);height:min(max(var(--beside-nav), var(--above-nav)), 640px);aspect-ratio:var(--phone-aspect);border-width:5px;border-radius:29px;transform:none}& .journey-footer nav{transition:opacity var(--duration-base) var(--ease-out), visibility var(--duration-base)}& .stage[data-in-phone=true] .journey-footer nav{opacity:0;visibility:hidden}& #guide-map{border-radius:25px}& .gv-pin{width:24px;height:24px;font-size:10px}& .phone,& .phone-bezel,& .phone-chrome,& .stop-card{--gv-radius:13px}& .phone-chrome{--u:calc(100cqw / 250);container-type:inline-size}& .speaker{top:calc(10 * var(--u));width:calc(74 * var(--u));height:calc(22 * var(--u))}& .phone-topbar{--gv-topbar:calc(42 * var(--u));top:calc(46 * var(--u));left:calc(8 * var(--u));right:calc(8 * var(--u));gap:calc(8 * var(--u))}& .phone-locate svg{width:calc(19 * var(--u));height:calc(19 * var(--u))}& .phone-menu{gap:calc(4 * var(--u));grid-auto-rows:max(1.5px, calc(2 * var(--u)))}& .phone-menu i{width:calc(16 * var(--u));height:max(1.5px, calc(2 * var(--u)))}& .phone-chip{padding:0 calc(14 * var(--u))}& .phone-chip-org{font-size:calc(9 * var(--u))}& .phone-chip-title{font-size:calc(13 * var(--u))}& .phone-card-slot{height:30%;bottom:22px;left:10px;right:36px}& .stop-rail{inset:-28px calc(-16px - 19px * var(--in-phone,0)) -21px calc(-16px + 7px * var(--in-phone,0));border-radius:0 0 23px 23px}& .phone-home{bottom:calc(8 * var(--u));height:max(2px, calc(3 * var(--u)))}& .place{gap:7px;padding:6px 11px 6px 7px}& .place b{font-size:12px}& .place>span{width:21px;height:21px;font-size:9px}& .stop-card{width:calc(100vw - 2 * var(--frame-pad));height:132px;left:var(--frame-pad);top:auto;bottom:78px}& .stop-card h3{font-size:calc(15px - 2.5px * var(--in-phone,0));flex-shrink:0}& .stop-card p{-webkit-line-clamp:2;font-size:calc(11.5px - 2px * var(--in-phone,0))}& .card-body{padding:calc(12px - 5px * var(--in-phone,0)) calc(14px - 5px * var(--in-phone,0))}& .card-kind{font-size:calc(10.5px - 2.5px * var(--in-phone,0))}& .card-more{font-size:calc(12.5px - 3px * var(--in-phone,0))}& .card-byline{display:none}& .stop-controls{left:auto;right:0}& .stop-controls button{min-width:31px;height:27px;font-size:10px}& .stage[data-in-phone=true] .stop-card:after{width:22px;margin-left:7px}}}@media (height<=700px) and (width<=760px){.concept-hero{& h1{font-size:30px}& .eyebrow{margin-bottom:10px}& .description{margin-top:11px;font-size:12px}& .hero-actions{margin-top:13px}& .hero-bullets{margin-top:12px}& .phone,& .phone-bezel,& .phone-chrome{--phone-aspect:.56}& .stage[data-in-phone=true] .stop-card p{display:none}& .phone-card-slot{height:32%;bottom:18px}& .stop-rail{bottom:-17px}& .stop-card{height:120px;bottom:68px}& .stop-card h3{font-size:14px}& .chapter:not([data-chapter="0"]) h2{font-size:30px}& .chapter:not([data-chapter="0"]) .description{font-size:12px}}}.concept-static .concept-hero{& .journey{height:auto}& .stage{height:auto;min-height:100svh;position:relative}& .chapters{padding:120px 0 60px;position:relative}& .concept-frame,& .frame-inner{height:auto}& .frame-inner{gap:65px;display:grid}& .chapter{width:100%;position:relative;inset:auto;opacity:1!important;visibility:visible!important;transform:none!important}& .journey-footer,& .phone,& .phone-bezel,& .phone-chrome,& #world,& #guide-map,& #labels,& .anchor{display:none}& .stop-card{width:auto;height:auto;max-width:var(--container-page,80rem);padding-inline:var(--frame-pad);opacity:1;visibility:visible;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:20px;margin:30px auto;display:grid;position:relative;inset:auto}& .stop-rail{display:contents;position:static;inset:auto;overflow:visible}& .stop-card article{opacity:1;visibility:visible;min-height:132px;position:relative;inset:auto;transform:none}& .stop-controls{display:none}& .stop-card h3,& .stop-card p{-webkit-line-clamp:unset;display:block;overflow:visible}}@media (prefers-reduced-motion:reduce){.concept-hero{& .journey{height:auto}& .stage{height:auto;min-height:100svh;position:relative}& .chapters{padding:120px 0 60px;position:relative}& .concept-frame,& .frame-inner{height:auto}& .frame-inner{gap:65px;display:grid}& .chapter{width:100%;position:relative;inset:auto;opacity:1!important;visibility:visible!important;transform:none!important}& .journey-footer,& .phone,& .phone-bezel,& .phone-chrome,& #world,& #guide-map,& #labels,& .anchor{display:none}& .stop-card{width:auto;height:auto;max-width:var(--container-page,80rem);padding-inline:var(--frame-pad);opacity:1;visibility:visible;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:20px;margin:30px auto;display:grid;position:relative;inset:auto}& .stop-card article{opacity:1;visibility:visible;position:relative;inset:auto;transform:none}& .stop-controls{display:none}& .stop-card h3,& .stop-card p{-webkit-line-clamp:unset;display:block;overflow:visible}}}@media (width>=40rem){.concept-hero{--frame-pad:2rem}}@media (width>=64rem){.concept-hero{--frame-pad:2.5rem}}