@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,500&display=swap');
:root{--navy:#06131a;--black:#03080d;--sea:#0b242e;--mint:#a5dccc;--paper:#eae9e2;--dim:#aabac0;--rule:rgba(217,237,232,.19)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--paper);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,.film-track:focus-visible{outline:2px solid #9debd9;outline-offset:4px}.skip{position:absolute;left:-9999px}.skip:focus{z-index:999;left:12px;top:12px;padding:15px;background:white;color:#000}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,84px);background:#051118;border-bottom:1px solid var(--rule);position:relative;z-index:4}.identity{display:flex;align-items:center;gap:11px;font:800 17px/.95 Manrope,sans-serif;letter-spacing:.12em}.identity img{width:44px;height:44px;object-fit:cover;border-radius:13px}.identity b{color:#aad8d5}.top-eyebrow,.return,.eyebrow,.intro-stamp,.film-top,.film-topline,.filmmark,.caption-identifier,.playing-label,.film-progress,.chapter-controls,.chapter-grid button,.evidence strong,footer{font-family:Manrope,sans-serif;font-weight:700;letter-spacing:.17em}.top-eyebrow,.return{font-size:10px;color:#b8ceca}.return:hover{color:white}.intro{min-height:690px;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center}.intro-photo,.intro-overlay{position:absolute;inset:0;pointer-events:none}.intro-photo{z-index:-2;background:url('assets/garmo-film/voyage.jpg') 50% 40%/cover}.intro-overlay{z-index:-1;background:linear-gradient(90deg,rgba(3,13,19,.96),rgba(3,13,19,.71) 52%,rgba(3,13,19,.08) 100%),linear-gradient(0deg,#06131a,transparent 36%,rgba(4,12,17,.13))}.intro-inner{position:relative;width:min(1320px,calc(100% - 100px));margin:auto;padding:90px 0 140px}.eyebrow{font-size:10px;line-height:1.65;color:var(--mint)}.eyebrow span{margin:0 8px;color:#597b80}.intro h1{font:500 clamp(76px,11vw,176px)/.93 'Playfair Display',Georgia,serif;letter-spacing:-.065em;margin:28px 0 30px;max-width:850px}.intro h1 em{color:#b9ded0;font-weight:500}.intro p{font:400 clamp(16px,1.4vw,20px)/1.75 'DM Sans',sans-serif;color:#dae4e0;max-width:610px}.intro-actions{display:flex;align-items:center;gap:28px;margin-top:31px;flex-wrap:wrap}.primary{min-height:58px;padding:18px 25px;color:#092323;background:#b6e8d9;font:800 11px/1.2 Manrope,sans-serif;letter-spacing:.15em;display:inline-flex;gap:31px;align-items:center}.primary:hover{background:#e4f7ee}.secondary{font:800 11px/1.5 Manrope,sans-serif;letter-spacing:.11em;border-bottom:1px solid #8ca4a6;padding-bottom:7px}.intro-tags{display:flex;gap:22px;flex-wrap:wrap;margin-top:40px;color:#b6c8c9;font:800 9px/1.3 Manrope,sans-serif;letter-spacing:.13em}.intro-tags span+span::before{content:'·';color:#aadbd0;margin-right:22px}.intro-stamp{position:absolute;right:30px;bottom:30px;font-size:9px;color:#d7e6e1;opacity:.8}.film-section{padding:80px clamp(18px,5vw,84px) 55px;background:linear-gradient(180deg,#06131a,#031017 82%,#071a20)}.film-shell{max-width:1320px;margin:0 auto;background:#07151b;border:1px solid var(--rule);box-shadow:0 32px 100px rgba(0,0,0,.3)}.film-top{padding:18px 26px;display:flex;align-items:center;justify-content:space-between;color:#a7c5c2;font-size:10px;border-bottom:1px solid var(--rule)}.filmmark{font-size:10px;color:#d4e5dd}.filmmark i{font-style:normal;color:#668687}.film-screen{aspect-ratio:16/8.1;min-height:350px;position:relative;isolation:isolate;overflow:hidden;background:#050e14}.film-layer{position:absolute;inset:-4%;z-index:-3;background-position:50% 48%;background-size:cover;will-change:transform,opacity;transition:opacity 1.15s cubic-bezier(.15,.7,.15,1);transform:scale(1.08)}.film-layer.film-old{z-index:-4;opacity:0}.film-layer.film-current{opacity:1}.film-screen.is-playing:not(.reduce-motion) .film-current{animation:filmPush 18s linear forwards}.film-screen.is-playing.reverse:not(.reduce-motion) .film-current{animation:filmPull 18s linear forwards}.film-screen.reduce-motion .film-layer{animation:none!important;transform:scale(1.02)}@keyframes filmPush{from{transform:scale(1.045) translate(-.4%,.25%)}to{transform:scale(1.15) translate(1.5%,-.8%)}}@keyframes filmPull{from{transform:scale(1.15) translate(1.2%,-.5%)}to{transform:scale(1.045) translate(-.4%,.2%)}}.film-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(0,6,11,.97),rgba(0,6,11,.23) 57%,rgba(0,5,9,.45)),linear-gradient(90deg,rgba(0,6,11,.18),transparent 70%)}.film-topline{position:absolute;top:23px;left:27px;right:27px;display:flex;justify-content:space-between;gap:12px;color:#e2f2ec;font-size:10px;text-shadow:0 2px 10px #000}.film-topline i{color:#addac7;font-style:normal}.film-caption{position:absolute;bottom:36px;left:clamp(20px,5vw,62px);right:20px;max-width:900px}.film-chapter-index{display:flex;gap:13px;align-items:center;color:#b5e2d4;font:800 10px Manrope,sans-serif;letter-spacing:.19em}.small-rule{width:27px;height:1px;background:#b5e2d4}.film-caption h2{font:500 clamp(43px,5.1vw,80px)/1.04 'Playfair Display',Georgia,serif;letter-spacing:-.045em;margin:11px 0 12px;text-shadow:0 6px 20px rgba(0,0,0,.65)}.film-caption p{max-width:500px;font-size:16px;line-height:1.5;color:#d9e8e6;margin:0}.caption-identifier{font-size:9px;color:#9daeb1;margin-top:18px}.transport{padding:24px 26px 20px}.transport-main{display:flex;align-items:center;gap:16px}.play-toggle{width:56px;height:56px;border-radius:50%;background:#b6eadb;color:#09221d;border:0;display:grid;place-items:center;font-size:17px;flex:none}.play-toggle:hover{background:#e2f6ed}.playing-label{display:flex;flex-direction:column;gap:6px;letter-spacing:.14em;margin-right:auto}.playing-label strong{font-size:10px}.playing-label small{font-size:11px;color:#9eb1b7;font-weight:500}.playing-label small span{opacity:.35}.button-quiet{background:transparent;border:1px solid var(--rule);color:#c6d5d5;padding:13px 14px;font:700 10px Manrope;letter-spacing:.1em}.button-quiet:hover{border-color:#aee7d6}.film-progress{margin:22px 0 15px}.film-track{height:18px;display:flex;align-items:center;cursor:pointer;touch-action:pan-y;position:relative}.film-track::before{content:'';position:absolute;left:0;right:0;top:7px;height:4px;border-radius:3px;background:#24414c}.film-progress-fill{display:block;position:relative;height:4px;background:linear-gradient(90deg,#6abfc5,#bce7db);width:0%;pointer-events:none}.film-progress-fill::after{content:'';position:absolute;right:-7px;top:-5px;width:14px;height:14px;border-radius:50%;background:#c3efe2;box-shadow:0 0 0 5px rgba(138,231,210,.12)}.chapter-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#89a5a7}.chapter-nav{background:transparent;border:0;color:#d6e5dd;font:800 10px Manrope;letter-spacing:.1em;padding:12px 0}.chapter-nav:disabled{opacity:.28;cursor:default}.chapters{padding:96px clamp(18px,5vw,84px) 88px;background:#081a21}.section-heading{max-width:1320px;margin:auto}.section-heading h2,.sources h2{font:500 clamp(50px,5.8vw,84px)/1.04 'Playfair Display',Georgia,serif;letter-spacing:-.04em;margin:20px 0}.section-heading h2 em,.sources h2 em{color:#b1d9ce}.section-heading p,.sources p{font-size:17px;line-height:1.75;color:#aec3c3;max-width:680px}.chapter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;max-width:1320px;margin:40px auto}.chapter-card{display:flex;flex-direction:column;min-height:210px;padding:0;background:#07151c;color:#e9f5ed;border:1px solid var(--rule);text-align:left;transition:transform .2s,border-color .2s;overflow:hidden}.chapter-card:hover{transform:translateY(-3px);border-color:#a3dccd}.chapter-card.active{border-color:#afe9d8;box-shadow:0 0 0 1px #afe9d8}.chapter-card img{width:100%;height:110px;object-fit:cover;filter:saturate(.77)}.chapter-card span{padding:14px 14px 7px;color:#9cd0c8;font-size:9px}.chapter-card strong{font:700 14px/1.3 'DM Sans',sans-serif;letter-spacing:0;padding:0 14px 18px}.history-note{max-width:1320px;margin:30px auto 0;border-top:1px solid var(--rule);padding:36px 5px 20px;display:grid;grid-template-columns:1fr minmax(0,1.25fr) 1fr;gap:30px}.history-note>span{grid-column:1 / -1}.history-note h3{margin:0;font:500 39px/1.1 'Playfair Display',Georgia,serif}.history-note>p{margin:0;color:#d4e0dc;line-height:1.75;font-size:16px}.evidence{border-left:1px solid #3b6066;padding-left:24px}.evidence strong{font:800 9px Manrope;letter-spacing:.17em;color:#afdbcd}.evidence p{color:#9fbaba;font-size:14px;line-height:1.75}.sources{padding:90px clamp(18px,5vw,84px);display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#05131a}.source-list{display:grid;gap:12px;margin-top:30px}.source-list a{font-size:13px;border-bottom:1px solid var(--rule);padding:12px 0;color:#e1e8e3}.other-journeys a{display:flex;justify-content:space-between;gap:15px;padding:22px 0;border-bottom:1px solid var(--rule);font:800 10px Manrope;letter-spacing:.11em}.other-journeys a span{color:#a5e4d4}footer{padding:28px clamp(18px,5vw,84px);display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;border-top:1px solid var(--rule);font-size:9px;color:#91aab0}
@media(max-width:1000px){.chapter-grid{grid-template-columns:repeat(3,1fr)}.history-note{grid-template-columns:1fr 1.4fr}.evidence{grid-column:2}.intro-inner{width:calc(100% - 60px)}}
@media(max-width:680px){.topbar{height:66px;padding:0 15px}.top-eyebrow{display:none}.identity{font-size:12px}.identity img{width:36px;height:36px}.return{font-size:9px}.intro{min-height:650px}.intro-photo{background-position:50% center}.intro-overlay{background:linear-gradient(90deg,rgba(3,13,19,.95),rgba(3,13,19,.57)),linear-gradient(0deg,#06131a,transparent 36%)}.intro-inner{width:calc(100% - 40px);padding:85px 0 105px}.intro h1{font-size:clamp(66px,18vw,105px)}.intro p{font-size:15px;line-height:1.68}.intro-actions{gap:25px}.intro-stamp{right:20px;bottom:17px;left:20px;text-align:left;font-size:8px}.intro-tags{font-size:8px;gap:10px}.intro-tags span+span::before{margin-right:10px}.film-section{padding:34px 12px 55px}.film-shell{width:100%}.film-top{padding:12px;font-size:7px}.film-type{font-size:7px;max-width:55%;text-align:right}.film-screen{aspect-ratio:4/5;min-height:470px}.film-topline{top:17px;left:14px;right:14px;font-size:7px;letter-spacing:.08em}.film-topline span:first-child{max-width:70%}.film-caption{bottom:25px;left:17px;right:15px}.film-caption h2{font-size:clamp(39px,12vw,60px)}.film-caption p{font-size:14px}.film-chapter-index{font-size:8px}.caption-identifier{font-size:7px;line-height:1.4;letter-spacing:.09em}.transport{padding:14px}.transport-main{gap:10px;flex-wrap:wrap}.play-toggle{width:48px;height:48px}.playing-label{gap:3px}.playing-label strong{font-size:8px}.playing-label small{font-size:9px}.button-quiet{font-size:9px;padding:11px}.button-quiet span{display:none}.chapter-controls{font-size:9px;gap:7px}.chapter-nav{font-size:9px}.chapters{padding:66px 18px}.section-heading h2,.sources h2{font-size:clamp(47px,12vw,70px)}.section-heading p,.sources p{font-size:15px}.chapter-grid{grid-template-columns:repeat(2,1fr);gap:10px}.chapter-card{min-height:180px}.chapter-card img{height:100px}.history-note{display:block;padding:30px 0}.history-note h3{margin:20px 0;font-size:33px}.history-note>p{font-size:15px}.evidence{margin-top:25px}.sources{grid-template-columns:1fr;padding:65px 20px;gap:55px}footer{padding:25px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}