@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:wght@400;500;600&display=swap";:root{--sky-0: #0a1220;--sky-1: #10243b;--sky-2: #1d3a56;--sky-3: #315a78;--mist: #9fb6cc;--mist-soft: #c7d6e4;--gold: #ffcf7a;--gold-deep: #e0a24a;--gold-glow: rgba(255, 207, 122, .55);--ink: #eef4fb;--ink-soft: #a7bcd2;--ink-dim: #6f8399;--panel: rgba(12, 24, 40, .62);--panel-line: rgba(159, 182, 204, .18);--panel-strong: rgba(9, 19, 33, .86);--r: 18px;--maxw: 1120px;--ease: cubic-bezier(.22, .61, .36, 1);--font-d: "Instrument Serif", Georgia, serif;--font-b: "Instrument Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-b);color:var(--ink);background:var(--sky-0);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}#bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(120% 90% at 62% 30%,rgba(255,207,122,.1),transparent 42%),linear-gradient(180deg,var(--sky-0) 0%,var(--sky-1) 42%,var(--sky-2) 74%,var(--sky-3) 100%)}#bg canvas{display:block;width:100%!important;height:100%!important}#bg.photo{background:#0a1220}.photo-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.photo-img{position:absolute;top:-9%;right:-9%;bottom:-9%;left:-9%;background:url(/trolltunga.jpg) center 42% / cover no-repeat;filter:brightness(.58) saturate(.7) contrast(1.06);transform:scale(1.06);will-change:transform}.photo-duotone{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a4a7e,#0b1f38);mix-blend-mode:color;opacity:.55}.photo-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080e1aa8,#0a14241a 32%,#0d1e323d 68%,#060c16d1),linear-gradient(90deg,rgba(8,14,26,.6) 0%,rgba(8,14,26,.12) 42%,transparent 62%)}.photo-glow{position:absolute;left:55%;top:26%;width:30vmax;height:20vmax;transform:translate(-50%,-50%);background:radial-gradient(ellipse 60% 100% at 50% 50%,rgba(255,239,206,.42) 0%,rgba(255,216,158,.24) 26%,rgba(255,207,122,.1) 52%,transparent 74%);mix-blend-mode:screen;pointer-events:none;filter:blur(6px);will-change:transform,opacity}body.reduce .photo-img,body.reduce .photo-glow{transition:none}#fallback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:none;overflow:hidden}body.no-3d #fallback{display:block}body.no-3d #bg canvas{display:none}#fallback .layer{position:absolute;left:0;right:0;width:100%;will-change:transform}#fallback .soria{position:absolute;left:61%;top:60%;width:320px;height:320px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff6de 0%,#ffe0a6 8%,var(--gold) 15%,rgba(255,207,122,.45) 28%,rgba(255,207,122,.14) 46%,transparent 66%)}body.reduce .soria{animation:none!important}.soria{animation:pulse 6s var(--ease) infinite}@keyframes pulse{50%{transform:translate(-50%,-50%) scale(1.12);opacity:.92}}#veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(130% 100% at 50% 0%,transparent 55%,rgba(6,12,22,.5) 100%),linear-gradient(180deg,rgba(6,12,22,.35) 0%,transparent 22%,transparent 70%,rgba(6,12,22,.55) 100%)}main{position:relative;z-index:2}.wrap{width:min(92vw,var(--maxw));margin-inline:auto}section{position:relative;min-height:100svh;display:flex;align-items:center;padding:12svh 0}.kicker{font-size:.82rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep);font-weight:600}h1{font-family:var(--font-d);font-weight:400;font-size:clamp(3rem,9vw,6.6rem);line-height:.98;letter-spacing:-.01em;margin:.28em 0 .5em;text-shadow:0 2px 40px rgba(6,12,22,.7)}h1 em{font-style:italic;color:var(--gold)}h2{font-family:var(--font-d);font-weight:400;font-size:clamp(1.9rem,4.6vw,3.1rem);line-height:1.05;letter-spacing:-.01em}.lead{font-size:clamp(1.05rem,1.8vw,1.32rem);color:var(--ink-soft);max-width:30ch}#intro{align-items:flex-end}#intro .wrap{max-width:34ch;margin-left:max(6vw,calc((100vw - var(--maxw)) / 2));margin-right:auto;padding-bottom:4svh}#intro h1{font-size:clamp(2.3rem,5.6vw,3.8rem)}#intro .lead{max-width:32ch}.reveal{opacity:0;transform:translateY(22px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.reveal.in{opacity:1;transform:none}body.reduce .reveal{opacity:1;transform:none;transition:none}.btn{font-family:var(--font-b);font-size:1rem;font-weight:500;color:var(--sky-0);background:var(--gold);border:none;border-radius:100px;padding:.9em 1.6em;cursor:pointer;display:inline-flex;align-items:center;gap:.6em;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s;box-shadow:0 8px 30px -8px var(--gold-glow)}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px -10px var(--gold-glow);background:#ffd98f}.btn:focus-visible{outline:3px solid var(--mist-soft);outline-offset:3px}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--panel-line);box-shadow:none}.btn.ghost:hover{background:#9fb6cc14}.btn .arr{transition:transform .25s var(--ease)}.btn:hover .arr{transform:translate(4px)}.scrollhint{position:absolute;bottom:4svh;left:50%;transform:translate(-50%);color:var(--ink-dim);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:.5em}.scrollhint .dot{width:1px;height:34px;background:linear-gradient(var(--ink-dim),transparent);animation:fall 2.4s var(--ease) infinite}@keyframes fall{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}body.reduce .scrollhint .dot{animation:none}#onboard .wrap{max-width:var(--maxw)}#onboard h2{margin-bottom:.2em}#onboard .sub{color:var(--ink-soft);margin-bottom:2.4rem;max-width:40ch}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.card{text-align:left;cursor:pointer;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--panel-line);border-radius:var(--r);padding:1.5rem 1.6rem;color:var(--ink);transition:transform .3s var(--ease),border-color .3s,background .3s;display:flex;flex-direction:column;gap:.35rem}.card:hover{transform:translateY(-4px);border-color:var(--gold-deep);background:#14263cb3}.card:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.card .lbl{font-family:var(--font-d);font-size:1.5rem;line-height:1.1}.card .cs{color:var(--ink-soft);font-size:.98rem}.card .go{margin-top:.7rem;color:var(--gold);font-size:.9rem;opacity:0;transition:opacity .3s}.card:hover .go,.card:focus-visible .go{opacity:1}.card.chosen{border-color:var(--gold);background:#1c324ac7}#journey{display:none;flex-direction:column}#journey.on{display:flex}.reassure{font-family:var(--font-d);font-style:italic;font-size:clamp(1.4rem,3vw,2.1rem);line-height:1.3;color:var(--mist-soft);max-width:26ch;margin-bottom:.4em}.reassure .who{display:block;font-family:var(--font-b);font-style:normal;font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:1rem}.path-intro{color:var(--ink-soft);margin:1.6rem 0 2.4rem;max-width:42ch}.geo{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem .8rem;margin:0 0 2rem}.geo label{color:var(--ink-soft);font-size:1rem}.select-wrap{position:relative;display:inline-flex;align-items:center}.geo select{-moz-appearance:none;appearance:none;-webkit-appearance:none;font-family:var(--font-d);font-size:1.25rem;color:var(--gold);background:#ffcf7a0f;border:1px solid var(--gold-deep);border-radius:100px;padding:.3em 2.2em .35em 1em;cursor:pointer;line-height:1.1}.geo select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.geo .caret{position:absolute;right:.85em;color:var(--gold);pointer-events:none;font-size:.8rem}.geo .geo-note{color:var(--ink-dim);font-size:.9rem}.geo select option{background:#0c1e34;color:var(--ink)}@media (max-width: 560px){.geo .geo-note{flex-basis:100%}}.stations{display:flex;flex-direction:column;gap:1.1rem}.station{position:relative;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--panel-line);border-radius:var(--r);padding:1.7rem 1.8rem;display:grid;grid-template-columns:54px 1fr;gap:1.3rem;transition:border-color .4s,background .4s,transform .4s var(--ease)}.station.first{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-glow),0 20px 60px -30px var(--gold-glow)}.station .num{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--panel-line);color:var(--gold);font-family:var(--font-d);font-size:1.3rem}.station.first .num{background:var(--gold);color:var(--sky-0);border-color:var(--gold)}.station .body h3{font-family:var(--font-d);font-weight:400;font-size:1.7rem;line-height:1.1}.station .body .oneliner{color:var(--gold-deep);font-size:.9rem;letter-spacing:.04em;margin-top:.15rem}.station .body .what{color:var(--ink-soft);margin-top:.9rem;max-width:62ch}.station .foryou{color:var(--mist);font-size:.96rem;margin-top:.8rem;max-width:62ch;border-left:2px solid var(--panel-line);padding-left:.9rem}.nextstep{margin-top:1.3rem;padding:1.2rem 1.3rem;background:#ffcf7a0f;border:1px solid rgba(255,207,122,.28);border-radius:14px}.nextstep .tag{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep)}.nextstep .ns-label{font-family:var(--font-d);font-size:1.3rem;line-height:1.2;margin:.3rem 0 0}.nextstep .ns-detail{color:var(--ink-soft);font-size:.98rem;max-width:58ch}.nextstep.quiet{background:transparent;border-color:var(--panel-line)}.nextstep.quiet .ns-label{font-size:1.1rem}.mer{margin-top:1.2rem}.mer>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:.5em;color:var(--ink-soft);font-size:.92rem;width:fit-content}.mer>summary::-webkit-details-marker{display:none}.mer>summary:before{content:"+";color:var(--gold);font-size:1.15rem;line-height:1}.mer[open]>summary:before{content:"–"}.mer>summary:hover{color:var(--ink)}.mer>summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}.mer-inn{padding-top:.5rem}.mer-inn .what{margin-top:0}.actors{margin-top:1.2rem}.actors .ah{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:.7rem}.actor-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.actor{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding:.72rem .95rem;border:1px solid var(--panel-line);border-radius:12px;text-decoration:none;color:var(--ink);transition:border-color .2s,background .2s,transform .2s var(--ease)}.actor:hover{border-color:var(--gold-deep);background:#ffcf7a0f;transform:translate(3px)}.actor:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.actor .an{font-family:var(--font-d);font-size:1.18rem;line-height:1.1}.actor .am{color:var(--ink-soft);font-size:.85rem;margin-left:auto}.actor .ax{color:var(--gold);font-size:.95rem}.actor .abadges{flex-basis:100%;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.15rem}.actor .abadge{font-size:.72rem;color:var(--gold);border:1px solid rgba(255,207,122,.32);border-radius:100px;padding:.15em .62em}.actor .aticket{flex-basis:100%;color:var(--ink-dim);font-size:.82rem;line-height:1.35;margin-top:.1rem}@media (max-width: 560px){.actor .am{margin-left:0;flex-basis:100%;order:3}.actor .ax{margin-left:auto}}.story{margin-top:1.1rem;color:var(--mist-soft);font-family:var(--font-d);font-style:italic;font-size:1.08rem;line-height:1.45;max-width:58ch}.term{color:var(--gold);border-bottom:1px dashed var(--gold-deep);cursor:help;font-style:normal}.term:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#tip{position:fixed;z-index:40;max-width:260px;background:var(--panel-strong);border:1px solid var(--gold-deep);border-radius:12px;padding:.8rem .95rem;color:var(--ink);font-size:.92rem;line-height:1.4;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .18s,transform .18s;box-shadow:0 20px 50px -20px #000000b3}#tip.show{opacity:1;transform:none}#tip .t{color:var(--gold);font-family:var(--font-d);font-size:1.1rem;display:block;margin-bottom:.2rem}.restart{margin:2.6rem 0 0}.explore-more{margin-top:2.4rem}.explore-more .eh{color:var(--ink-dim);font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1rem}.chips{display:flex;flex-wrap:wrap;gap:.6rem}.chip{background:transparent;border:1px solid var(--panel-line);color:var(--ink-soft);border-radius:100px;padding:.5em 1em;cursor:pointer;font-size:.92rem;font-family:var(--font-b);transition:border-color .25s,color .25s}.chip:hover{border-color:var(--mist);color:var(--ink)}.chip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}footer{position:relative;z-index:2;text-align:center;padding:8svh 0 6svh;color:var(--ink-dim);font-size:.85rem}footer .fnote{max-width:40ch;margin:0 auto 1.4rem}#progress{position:fixed;left:0;top:0;bottom:0;width:3px;z-index:30;background:transparent}#progress .fill{width:100%;height:0%;background:linear-gradient(var(--gold-deep),var(--gold));transition:height .2s linear}@media (max-width: 720px){.cards{grid-template-columns:1fr}.station{grid-template-columns:1fr;gap:.8rem}.station .num{display:none}.lead,#onboard .sub{max-width:none}section{padding:10svh 0}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation-duration:1ms!important}}