.voyage{position:relative;background:#081521;color:#fff}
.voyage-stage{position:relative;height:min(900px,100svh);min-height:620px;overflow:hidden}
.voyage.is-ready{height:280svh}
.voyage.is-ready .voyage-stage{position:sticky;top:0}
.voyage-fallback,#voyageCanvas,.voyage-shade{position:absolute;inset:0}
.voyage-fallback{background:#111d2a url('./assets/voyage-poster.jpg') center/contain no-repeat}
.voyage.is-loaded .voyage-fallback{opacity:0}
#voyageCanvas canvas{display:block;width:100%;height:100%;object-fit:contain;background:#111d2a;pointer-events:none}
.voyage-shade{pointer-events:none;background:linear-gradient(180deg,#081420a8,transparent 34%,transparent 63%,#051421d9)}
.voyage-heading{position:absolute;left:7%;top:7%;pointer-events:none;background:transparent!important}
.voyage-heading h2{font-size:clamp(32px,3.6vw,52px);margin-bottom:0;line-height:1.08}
.voyage-heading em{color:#f1d8b8}
.voyage-heading .eyebrow{font-size:12px;margin-bottom:17px}
.voyage-controls{position:absolute;right:7%;top:8%;display:flex;gap:22px;align-items:center}
.voyage-controls a,.voyage-controls button{font-size:15px;color:#fff;cursor:pointer;min-height:44px;display:flex;align-items:center}
.voyage-controls button{padding:9px 13px;background:#091b2c8c;border:1px solid #ffffff65;border-radius:0}
.voyage-controls a{border-bottom:1px solid #ffffff70;padding:6px 0}
.voyage-caption{position:absolute;bottom:14%;left:7%;pointer-events:none}
.voyage-caption .eyebrow{font-size:12px;color:#eac4e1}
.voyage-caption p{font:clamp(24px,2.6vw,36px)/1.2 Georgia,serif;margin:12px 0 15px}
.voyage-hint{font-size:15px;color:#d0dce8}
.voyage-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff20}
.voyage-progress span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#69d6e5,#cf9be8,#edc59c)}
.voyage-noscript{position:absolute;right:7%;bottom:9%;font-size:14px}
.voyage-credit{position:absolute;right:7%;bottom:4%;font-size:12px;max-width:240px;text-align:right;color:#c5d2de}
.voyage-scrubber{position:absolute;right:7%;bottom:13%;width:min(280px,28%)}
.voyage-scrubber label{display:flex;justify-content:space-between;font-size:14px;gap:10px;text-shadow:0 1px 6px #000}
.voyage-scrubber label span{color:#e7d3b5}
.voyage-scrubber input{width:100%;height:44px;margin:4px 0 0;accent-color:#dfc39c;cursor:ew-resize}
.voyage-controls :focus-visible,.voyage-scrubber input:focus-visible{outline:3px solid #f3d4a6;outline-offset:4px}
@media(max-width:700px){
 .voyage.is-ready{height:220svh}.voyage-stage{min-height:690px;max-height:900px}
 .voyage-heading{top:13%;left:7%}.voyage-heading h2{font-size:32px}
 .voyage-controls{top:3%;left:7%;right:7%;justify-content:space-between;gap:10px}
 .voyage-controls button,.voyage-controls a{font-size:14px}
 .voyage-caption{bottom:23%}.voyage-caption p{font-size:27px}.voyage-hint{font-size:14px}
 .voyage-scrubber{left:7%;right:7%;bottom:7%;width:auto}
 .voyage-credit{left:7%;right:auto;bottom:2%;text-align:left;max-width:86%;font-size:12px}
}