:root{--world-accent:#71c8a4}.world-project{overflow:clip;background:#020815;color:#fff3dd}.world-cinema{position:relative;background:#020815}.cinema-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:#06142c;--world-poster:url('/pwd-assets/world-veridian_continent-0.webp')}.cinema-poster,.cinema-video,.cinema-shade{position:absolute;inset:0;width:100%;height:100%}.cinema-poster{z-index:-5;background-image:var(--world-poster);background-position:center;background-size:cover;transform:scale(1.02);transition:background-image .35s ease}.cinema-video{z-index:-4;object-fit:cover;opacity:0;transition:opacity 1.1s cubic-bezier(.2,.7,.2,1);background:#06142c}.cinema-video.is-active{opacity:1}.cinema-shade{z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(1,7,19,.94) 0%,rgba(2,9,23,.72) 42%,rgba(2,8,18,.16) 78%),linear-gradient(0deg,rgba(1,6,16,.9) 0%,transparent 45%,rgba(1,6,16,.32) 100%)}.cinema-track{position:relative;z-index:2;margin-top:-100svh}.cinema-chapter{min-height:118svh;display:flex;align-items:center;padding:11svh 0 12svh;opacity:.22;transition:opacity .65s ease}.cinema-chapter.is-active{opacity:1}.chapter-layout{width:100%;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);gap:clamp(38px,7vw,110px);align-items:center;padding-right:clamp(60px,8vw,120px)}.chapter-copy{max-width:660px}.chapter-copy .eyebrow{color:#f4eee3;margin:0 0 16px}.chapter-copy h1,.chapter-copy h2{font-size:clamp(48px,5.5vw,88px);line-height:.92;letter-spacing:-.06em;text-wrap:balance;text-shadow:0 6px 40px #0008}.chapter-copy h1{margin:0 0 18px}.chapter-copy h1 span{color:var(--world-accent)}.chapter-copy h2{margin:0 0 15px}.chapter-place{font:10px 'Geist Mono',monospace;letter-spacing:.13em;color:#d6e3f7;margin:0 0 23px}.chapter-story{display:grid;gap:11px;border-left:1px solid color-mix(in srgb,var(--world-accent) 65%,transparent);padding-left:20px}.chapter-story p{margin:0;color:#f1eee8;font-size:clamp(13px,1.05vw,16px);line-height:1.55;text-shadow:0 2px 22px #000}.chapter-gallery{align-self:center;min-width:0}.gallery-card{position:relative;margin:0;border:1px solid #ffffff2b;border-radius:18px;overflow:hidden;background:#06172ed9;box-shadow:0 26px 80px #0008;backdrop-filter:blur(12px)}.gallery-card img{display:block;width:100%;height:clamp(230px,31vw,430px);object-fit:cover;background:#06142c;transition:opacity .22s ease}.gallery-card.is-loading img{opacity:.3}.gallery-caption{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:15px 16px 16px}.gallery-caption h3{font-size:clamp(17px,1.45vw,24px);line-height:1.1;margin:0;color:#fff3dd}.gallery-caption .micro{margin:0 0 6px;color:#b9c9dc}.gallery-actions{display:flex;gap:7px}.gallery-actions button{width:42px;height:42px;border-radius:50%;border:1px solid #ffffff3b;background:#071a32d9;color:#fff;font-size:18px}.gallery-actions button:hover,.gallery-actions button:focus-visible{background:var(--world-accent);color:#061326}.gallery-hint{margin:11px 2px 0;color:#d6e3f7;font:9px 'Geist Mono',monospace;letter-spacing:.12em}.cinema-controls{position:absolute;z-index:4;left:0;right:0;bottom:22px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.cinema-controls>*{pointer-events:auto}.cinema-controls .micro{color:#f4eee3;margin:0}.cinema-controls .quiet-action{color:#fff3dd;background:#06172ed9;border:1px solid #b3cdfb66;padding:11px 16px;border-radius:999px;font-size:11px;backdrop-filter:blur(10px)}.cinema-rail{position:absolute;right:clamp(16px,2.5vw,42px);top:50%;z-index:5;display:flex;align-items:center;gap:12px;transform:translateY(-50%)}.cinema-progress{position:relative;width:1px;height:168px;background:#ffffff33;overflow:hidden}.cinema-progress:after{content:'';position:absolute;inset:0;background:var(--world-accent);transform:scaleY(var(--progress,.1428));transform-origin:top;transition:transform .65s ease,background .65s ease}.cinema-dots{display:grid;gap:8px}.cinema-dots button{width:30px;height:30px;border:0;background:transparent;padding:0;display:grid;place-items:center}.cinema-dots button:after{content:'';width:5px;height:5px;border-radius:50%;background:#ffffff77;transition:.35s}.cinema-dots button[aria-current=true]:after{width:9px;height:9px;background:var(--world-accent);box-shadow:0 0 18px var(--world-accent)}.cinema-dots button:focus-visible{outline:2px solid #fff;outline-offset:2px}.cinema-stage[data-world="puzzle_crown"]{--world-accent:#e6b85e}.cinema-stage[data-world="eastward_archipelagos"]{--world-accent:#6fc9e9}.cinema-stage[data-world="southern_isles"]{--world-accent:#60d7c4}.cinema-stage[data-world="forge_continent"]{--world-accent:#ff7040}.cinema-stage[data-world="cold_storage_glacier"]{--world-accent:#a9dcff}.cinema-stage[data-world="satoshis_silence"]{--world-accent:#b8adcf}.world-outro{padding-top:clamp(100px,14vw,210px);padding-bottom:clamp(100px,14vw,210px);background:#071735}.world-outro h2{font-size:clamp(50px,8vw,118px);line-height:.93;letter-spacing:-.06em;margin:0 0 35px}.world-outro>p:not(.eyebrow){max-width:760px;font-size:clamp(17px,2vw,25px);line-height:1.55;color:#c7d2e3}.outro-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.seas-noscript{position:absolute;z-index:8;bottom:80px}

@media(max-width:1050px){.chapter-layout{grid-template-columns:minmax(0,1fr) minmax(310px,.75fr);gap:36px;padding-right:70px}.chapter-copy h1,.chapter-copy h2{font-size:clamp(44px,6vw,68px)}.chapter-story p{font-size:13px}.gallery-card img{height:clamp(210px,34vw,340px)}}
@media(max-height:800px) and (min-width:801px){.cinema-chapter{padding-top:8svh;padding-bottom:9svh}.chapter-copy h1,.chapter-copy h2{font-size:clamp(44px,7svh,66px)}.chapter-copy .eyebrow{margin-bottom:10px}.chapter-place{margin-bottom:14px}.chapter-story{gap:7px}.chapter-story p{font-size:12px;line-height:1.42}.gallery-card img{height:36svh}.gallery-caption{padding:12px 14px}.gallery-hint{margin-top:8px}}
@media(max-width:800px){.cinema-shade{background:linear-gradient(90deg,rgba(1,7,19,.92),rgba(2,9,23,.48) 88%),linear-gradient(0deg,rgba(1,6,16,.95),transparent 62%)}.cinema-chapter{min-height:138svh;padding:11svh 0 18svh}.chapter-layout{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding-right:48px}.chapter-copy{max-width:590px}.chapter-copy h1,.chapter-copy h2{font-size:clamp(42px,10vw,68px)}.chapter-story{gap:7px}.chapter-story p{font-size:13px;line-height:1.48}.chapter-gallery{width:min(580px,100%)}.gallery-card img{height:clamp(210px,45vw,330px)}.cinema-rail{right:5px}.cinema-progress{display:none}.cinema-dots{gap:5px}.cinema-dots button{width:27px;height:27px}.cinema-controls{bottom:12px}.cinema-controls .quiet-action{padding:9px 12px;font-size:9px}.cinema-controls .micro{max-width:145px;line-height:1.5}.world-outro h2{font-size:clamp(46px,12vw,74px)}}
@media(max-width:480px){.cinema-chapter{min-height:154svh;padding-top:12svh}.chapter-layout{padding-right:0;gap:20px}.chapter-copy{padding-right:25px}.chapter-copy .eyebrow{font-size:8px;margin-bottom:10px}.chapter-copy h1,.chapter-copy h2{font-size:clamp(38px,12vw,55px);margin-bottom:12px}.chapter-place{font-size:8px;line-height:1.6;margin-bottom:15px}.chapter-story{padding-left:13px}.chapter-story p{font-size:12px;line-height:1.42}.chapter-gallery{width:100%}.gallery-card{border-radius:13px}.gallery-card img{height:42vw;min-height:168px}.gallery-caption{padding:11px 12px 12px}.gallery-caption h3{font-size:16px}.gallery-actions button{width:38px;height:38px}.gallery-hint{font-size:8px}.cinema-rail{display:none}.cinema-controls .micro{font-size:8px}.world-outro{padding-top:90px;padding-bottom:90px}.world-outro h2{font-size:clamp(43px,13vw,60px)}}
@media(max-height:620px) and (min-width:801px){.cinema-chapter{min-height:125svh;padding:7svh 0 10svh}.chapter-copy h1,.chapter-copy h2{font-size:8svh}.chapter-story{gap:5px}.chapter-story p{font-size:11px;line-height:1.38}.chapter-place{margin-bottom:12px}.gallery-card img{height:42svh}.cinema-controls{bottom:7px}}
@media(prefers-reduced-motion:reduce){.cinema-video{display:none}.cinema-stage.is-motion-enabled .cinema-video{display:block}.cinema-poster{transform:none}.cinema-chapter,.cinema-video,.cinema-progress:after,.gallery-card img{transition:none}.cinema-chapter{opacity:1}}
.gallery-card.is-loading img{opacity:.42}.gallery-card.is-error img{opacity:.18}.gallery-status{position:absolute;left:16px;right:16px;top:42%;z-index:2;margin:0;text-align:center;color:#fff3dd;font:10px 'Geist Mono',monospace;letter-spacing:.08em;pointer-events:none}.gallery-status:empty{display:none}

/* v11.4 — lower editorial composition, calmer video view and cleaner page edge */
html{scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar{width:0;height:0;display:none}
@media(min-width:1001px){
  .cinema-chapter{display:block;padding:0}
  .chapter-layout{position:sticky;top:clamp(210px,27svh,290px);width:min(1600px,calc(100% - 160px));padding-right:72px;grid-template-columns:minmax(0,.92fr) minmax(440px,.7fr);gap:clamp(52px,6vw,104px);align-items:end;transform:none}
  .chapter-copy{max-width:720px;padding-left:0}
  .chapter-copy h1,.chapter-copy h2{font-size:clamp(50px,4.7vw,82px)}
  .chapter-story{gap:13px;padding-left:22px}
  .chapter-story p{font-size:clamp(16px,1vw,18px);line-height:1.62}
  .chapter-gallery{align-self:end;margin-bottom:2px}
  .gallery-card img{height:clamp(245px,25vw,390px)}
}
@media(min-width:1001px) and (max-height:800px){
  .cinema-chapter{padding:0}
  .chapter-layout{top:clamp(150px,22svh,185px);width:min(1560px,calc(100% - 128px));grid-template-columns:minmax(0,.94fr) minmax(390px,.66fr);gap:clamp(40px,5vw,82px);transform:none}
  .chapter-copy h1,.chapter-copy h2{font-size:clamp(42px,6.8svh,61px)}
  .chapter-story{gap:8px}
  .chapter-story p{font-size:clamp(14px,1vw,16px);line-height:1.5}
  .gallery-card img{height:31svh}
}
@media(max-width:1000px){
  .chapter-layout{width:calc(100% - 56px);margin-inline:auto;padding-right:36px;transform:none}
  .chapter-story p{font-size:15px;line-height:1.58}
}
@media(max-width:800px){
  .chapter-layout{width:calc(100% - 40px);padding-right:32px}
  .chapter-story p{font-size:14px;line-height:1.56}
}

/* v11.6 — artwork-native gallery frames */
.gallery-card img{
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:auto;
  object-fit:contain;
  background:transparent;
}
@media(max-width:480px){
  .chapter-layout{width:calc(100% - 32px);padding-right:0}
  .chapter-copy{padding-right:20px}
  .chapter-story p{font-size:14px;line-height:1.54}
}

/* v11.5 — two-stage world chapters: story first, gallery after scrolling */
@media(min-width:1001px){
  .cinema-chapter{min-height:205svh}
  .chapter-layout{top:clamp(165px,21svh,225px);width:min(1700px,calc(100% - 128px));grid-template-columns:minmax(0,.86fr) minmax(500px,.94fr);gap:clamp(58px,6vw,112px)}
  .chapter-copy{max-width:760px;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
  .chapter-gallery{width:100%;max-width:780px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(72px) scale(.97);transition:opacity .75s ease,transform .9s cubic-bezier(.2,.7,.2,1),visibility 0s linear .9s}
  .cinema-chapter.is-gallery-visible .chapter-gallery{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
  .cinema-chapter.is-gallery-visible .chapter-copy{transform:translateX(-10px)}
  .gallery-card img{height:auto;aspect-ratio:16/9;object-fit:contain;background:#031125}
  .cinema-chapter:last-child{margin-bottom:24svh}
}
@media(min-width:1001px) and (max-height:800px){
  .cinema-chapter{min-height:220svh}
  .chapter-layout{top:clamp(120px,16svh,145px);width:min(1640px,calc(100% - 112px));grid-template-columns:minmax(0,.9fr) minmax(430px,.82fr)}
  .chapter-gallery{max-width:690px}
}
@media(max-width:1000px){
  .cinema-chapter{position:relative;display:block;min-height:255svh;padding:0}
  .chapter-layout{position:relative;display:block;height:100%;width:calc(100% - 56px);padding:0}
  .chapter-copy{position:sticky;top:112px;z-index:2;max-width:700px;transition:opacity .65s ease,transform .65s ease}
  .chapter-gallery{position:sticky;top:calc(100svh - 430px);z-index:3;width:min(720px,100%);margin-top:82svh;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(70px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1),visibility 0s linear .8s}
  .cinema-chapter.is-gallery-visible .chapter-gallery{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
  .cinema-chapter.is-gallery-visible .chapter-copy{opacity:.16;transform:translateY(-20px)}
  .gallery-card img{height:auto;aspect-ratio:16/9;object-fit:contain;background:#031125}
  .cinema-chapter:last-child{margin-bottom:18svh}
}
@media(max-width:800px){
  .cinema-chapter{min-height:270svh}
  .chapter-layout{width:calc(100% - 40px)}
  .chapter-copy{top:104px}
  .chapter-gallery{top:calc(100svh - 390px);margin-top:88svh}
}
@media(max-width:480px){
  .cinema-chapter{min-height:285svh}
  .chapter-layout{width:calc(100% - 32px)}
  .chapter-copy{top:96px;padding-right:0}
  .chapter-gallery{top:calc(100svh - 350px);margin-top:94svh}
}

/* A full-width, separated finale instead of a boxed block under the last gallery. */
.world-outro{position:relative;z-index:8;width:100%;max-width:none;margin:0;padding:clamp(110px,13vw,190px) max(56px,calc((100% - 1600px)/2));background:radial-gradient(circle at 78% 18%,#17345a 0,transparent 36%),linear-gradient(145deg,#071735 0%,#091c3d 58%,#07142e 100%);border-top:1px solid #9dc8ff2e;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);column-gap:clamp(60px,9vw,150px);align-items:end}
.world-outro:before{content:'';position:absolute;left:max(56px,calc((100% - 1600px)/2));right:max(56px,calc((100% - 1600px)/2));top:42px;height:1px;background:linear-gradient(90deg,var(--world-accent),transparent 68%)}
.world-outro .eyebrow{grid-column:1/-1;margin-bottom:42px}.world-outro h2{grid-column:1;font-size:clamp(58px,6.1vw,96px);margin:0}.world-outro>p:not(.eyebrow){grid-column:2;align-self:end;font-size:clamp(18px,1.45vw,23px);max-width:600px}.outro-actions{grid-column:2;margin-top:34px}
@media(max-width:900px){.world-outro{padding:100px 32px;display:block}.world-outro:before{left:32px;right:32px}.world-outro h2{font-size:clamp(48px,11vw,76px);margin-bottom:34px}.world-outro>p:not(.eyebrow){font-size:17px}.outro-actions{margin-top:28px}}

/* v11.7 — one harmonious frame; narrow artwork fills it without letterboxing. */
.gallery-card img{width:100%;height:auto;min-height:0;aspect-ratio:16/9;object-fit:cover;object-position:center;background:#031125}

/* v12 — a cinematic prologue, with open space for the planetary voyage. */
.cinema-track{pointer-events:none}
.chapter-copy,.chapter-gallery{pointer-events:auto}
.cinema-stage{--world-poster:url('/pwd-assets/world-planetenreise-v12.webp')}
.cinema-stage[data-world="planetenreise"]{--world-accent:#e9c483}
.cinema-intro{display:block;min-height:190svh;padding:0;--world-accent:#e9c483}
.cinema-intro .chapter-layout{display:block;position:sticky;top:clamp(140px,21svh,225px);height:auto}
.cinema-intro .chapter-copy{position:static;max-width:660px;opacity:1;transform:none}
.cinema-intro .chapter-copy h1{font-size:clamp(56px,5.7vw,100px);margin-bottom:28px}
.cinema-intro .chapter-story{gap:16px}
.intro-scroll-hint{display:flex;align-items:center;gap:16px;margin:30px 0 0;color:#e9c483;font:10px 'Geist Mono',monospace;letter-spacing:.12em;line-height:1.6}
.intro-scroll-hint span{font-size:20px}
@media(max-height:800px) and (min-width:1001px){.cinema-intro .chapter-layout{top:clamp(118px,16svh,145px)}.cinema-intro .chapter-copy h1{font-size:clamp(48px,7.5svh,68px);margin-bottom:22px}.cinema-intro .chapter-story{gap:10px}.intro-scroll-hint{margin-top:22px}}
@media(max-width:1000px){.cinema-intro .chapter-layout{top:112px}.cinema-intro .chapter-copy{max-width:640px}.cinema-intro .chapter-copy h1{font-size:clamp(48px,8vw,76px)}.cinema-intro .chapter-story p{font-size:15px;line-height:1.6}}
@media(max-width:800px){.cinema-intro .chapter-layout{top:104px}.cinema-intro .chapter-copy h1{font-size:clamp(44px,10vw,68px)}.cinema-intro .chapter-story{gap:13px}}
@media(max-width:480px){.cinema-intro .chapter-layout{top:96px}.cinema-intro .chapter-copy h1{font-size:clamp(40px,11.5vw,55px);margin-bottom:22px}.cinema-intro .chapter-story p{font-size:14px;line-height:1.56}.intro-scroll-hint{font-size:8px;margin-top:24px}}

/* The manual autoplay fallback must be reachable before the first scroll. */
@media(max-width:800px){
  .cinema-controls{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));z-index:6}
  .cinema-controls .quiet-action{min-height:44px;padding:11px 16px;font-size:11px}
  .cinema-stage:not(.is-in-view) .cinema-controls{visibility:hidden;pointer-events:none}
}
