:root{--paper:#fcf9f1;--ink:#1c222a;--muted:#62636a;--orange:#c69a4e;--line:#dfd9cc}body{overflow-x:clip}.nav{position:absolute;z-index:10;top:0;left:5.5%;width:89%;height:100px;border:0}.brand{font-family:Georgia,serif;font-size:43px;letter-spacing:-2px;font-weight:700}.nav nav{font-size:14px;gap:35px}.nav .button{padding:14px 24px;font-size:13px}.button{background:#21272e;font-weight:400;gap:25px}.button:hover{background:#424c55}.cinema{height:min(850px,65vw);min-height:660px;position:relative;isolation:isolate}.sky{position:absolute;inset:0;z-index:-3;background:url('assets/sky.webp') center 49%/cover no-repeat}.cinema:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#fffaf055,transparent 65%),linear-gradient(0deg,#fcf9f155,transparent 30%)}.cinema .hero-copy{position:absolute;left:5.5%;top:24%;width:49%;z-index:4}.cinema .eyebrow{letter-spacing:4px;font-size:10px;font-weight:500}.cinema h1{font-size:clamp(60px,6.25vw,96px);letter-spacing:-5px;line-height:.99;font-weight:600;margin:25px 0 30px;white-space:nowrap}.cinema h1 .serif{font-size:1.13em;letter-spacing:-5px;color:var(--ink)}.cinema .intro{font-size:20px;line-height:1.6;color:#565b64}.cinema .hero-actions{margin-top:28px}.hero-meta{font-size:11px;letter-spacing:3px;margin:20px 0 10px}.cinema .text-button{font-size:11px;color:#606773;gap:15px}.island-scene{position:absolute;right:0;top:11%;width:68%;height:95%;z-index:2;pointer-events:none}.island{position:absolute;transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0);transition:transform 1.5s cubic-bezier(.22,1,.36,1)}.island img{width:100%;height:auto;filter:drop-shadow(0 30px 35px #725a341a);animation:island-drift 9s ease-in-out infinite}.village{right:1%;top:3%;width:73%;z-index:3}.railway{left:1%;top:34%;width:43%;z-index:2}.railway img{animation-delay:-4s}.distant{left:25%;top:-5%;width:28%;z-index:1;opacity:.78;filter:blur(.4px)}.distant img{animation-delay:-7s}.destination{position:absolute;font:13px Georgia,serif;display:flex;gap:8px;align-items:center}.destination b{font:11px 'DM Sans',sans-serif;display:grid;place-items:center;width:25px;height:25px;background:#c49c50;color:white;border:6px solid #fcf9f1;border-radius:50%}.village .destination{left:8%;bottom:12%}.railway .destination{left:0;bottom:0}.distant .destination{right:-45px;top:18%}.journey-trail{position:absolute;width:100%;height:100%;inset:0;z-index:1;overflow:visible}.journey-trail path{stroke:#6d737a;stroke-width:1.6;stroke-dasharray:2 8;stroke-linecap:round;animation:trail-arrive 3s ease-out both}.journey-trail circle{fill:#c49c50;stroke:#fcf9f1;stroke-width:5}.cloud{position:absolute;z-index:1;pointer-events:none;width:45%;height:180px;bottom:0;background:radial-gradient(ellipse,#fffdf9bb,transparent 70%);filter:blur(18px);animation:cloud-drift 25s ease-in-out infinite alternate}.cloud-one{left:-5%}.cloud-two{right:-12%;bottom:20%;opacity:.5;animation-delay:-14s}.scroll-cue{position:absolute;bottom:25px;left:5.5%;display:flex;gap:25px;align-items:center;font-size:19px;z-index:5}.scroll-cue span{font-size:8px;letter-spacing:2px}.destination-strip{display:grid;grid-template-columns:1.1fr 1fr 1fr;align-items:center;min-height:235px;gap:35px;position:relative;z-index:3;border-top:1px solid #cfc6b7}.destination-strip h2{font:38px/1.15 Georgia,serif;letter-spacing:-1px;margin:25px 0}.destination-strip .eyebrow{font-size:8px;letter-spacing:2.5px}.destination-strip>a{border-left:1px solid var(--line);display:flex;align-items:center;gap:10px;height:150px;padding-left:25px}.destination-strip img{width:62%;transition:transform .8s var(--ease)}.destination-strip a:hover img{transform:translateY(-8px) rotate(-2deg)}.destination-strip a>span{font:18px/1.25 Georgia,serif;white-space:nowrap}.destination-strip i{display:block;font-style:normal;font-family:sans-serif;font-size:16px;margin-top:14px}.world{border-top:1px solid var(--line)}.section h2{font-weight:500}.world-picture{border-radius:0;background:radial-gradient(ellipse at 50% 65%,#eee4cc,transparent 70%);height:330px;overflow:visible}.world-picture img{height:280px;margin:10px auto}.card-number{color:#9b783d;left:0;top:0}.picture-label{left:0;bottom:0}.world-grid{gap:45px}.card-copy h3{font-family:Georgia,serif;font-size:25px}.method{background:#ece9e0}.step.active{background:var(--ink)}.phone{background:var(--ink)}.phone-camera{background:var(--ink)}.companion-art{background:radial-gradient(ellipse,#e7ddc9,transparent 70%);border-radius:0}.speech{border-radius:2px;background:#fcf9f1;border:1px solid var(--line);box-shadow:0 10px 30px #4e433008}.round-text{color:#8c7750}.start{background:#212830}.start h2 .serif{color:#dbc99f}.end-island{width:530px;top:0}.light{background:var(--paper);color:var(--ink)}.light:hover{background:#ddc79d}.lesson-card{border-radius:3px}.method-star{color:#c6ad76}.hero-copy{animation:arrive 1.1s var(--ease) both}@keyframes island-drift{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-12px) rotate(.4deg)}}@keyframes cloud-drift{to{transform:translateX(90px)}}@keyframes trail-arrive{from{opacity:0;stroke-dashoffset:150}to{opacity:.7;stroke-dashoffset:0}}@media(min-width:1600px){.cinema{height:900px}.cinema .hero-copy{left:8%}.nav{left:8%;width:84%}}@media(max-width:1050px){.cinema{min-height:640px}.cinema h1{font-size:65px;letter-spacing:-4px}.cinema h1 .serif{letter-spacing:-4px}.cinema .intro{font-size:16px}.island-scene{top:18%;width:68%;height:80%}.cinema .hero-copy{top:27%}.destination-strip{gap:15px}.destination-strip h2{font-size:28px}.destination-strip>a{padding-left:15px}.destination-strip a>span{font-size:15px}.destination-strip img{width:56%}.world-picture{height:270px}.world-picture img{height:225px}.end-island{width:430px}}@media(max-width:760px){.nav{height:78px;left:6%;width:88%}.nav .brand{font-size:34px}.nav .button{font-size:10px;padding:12px 17px}.cinema{height:920px;min-height:0}.sky{background-position:65% center}.cinema:after{background:linear-gradient(180deg,#fffaf000,#fffaf080 17%,#fffaf088 42%,transparent 60%)}.cinema .hero-copy{top:130px;left:6%;width:88%}.cinema .eyebrow{font-size:8px;letter-spacing:3px}.cinema h1{font-size:clamp(44px,10.8vw,78px);letter-spacing:-2.5px;line-height:1.07;white-space:normal;margin:20px 0}.cinema h1 .serif{letter-spacing:-2.5px}.cinema .intro{font-size:15px;line-height:1.7}.cinema .hero-actions{margin-top:22px}.hero-meta{font-size:9px;letter-spacing:2px}.cinema .text-button{font-size:10px}.island-scene{top:460px;right:-4%;width:110%;height:450px}.village{right:0;top:5%;width:77%}.railway{left:-1%;top:33%;width:43%}.distant{left:13%;top:-4%;width:27%}.destination{font-size:10px}.destination b{width:21px;height:21px;font-size:8px;border-width:5px}.distant .destination{right:-60px;top:0;font-size:9px}.village .destination{bottom:6%}.railway .destination{bottom:-15px}.scroll-cue{bottom:12px;left:6%}.scroll-cue span{font-size:7px}.destination-strip{grid-template-columns:1fr 1fr;padding-block:30px;gap:20px}.destination-strip>div{grid-column:1/-1}.destination-strip h2{font-size:34px;margin:18px 0 5px}.destination-strip>a{border:0;padding:0;display:block;height:auto}.destination-strip img{width:100%;max-width:200px}.destination-strip a>span{display:block;font-size:17px;padding-left:10px}.destination-strip i{display:inline;margin-left:15px}.world-picture{height:300px}.world-picture img{height:260px}.world-grid{gap:35px}.end-island{width:340px;top:auto;bottom:-45px}.cloud{width:90%;height:130px}.cloud-two{bottom:20%}.section{padding-block:65px}}@media(max-width:390px){.cinema{height:865px}.island-scene{top:460px;height:390px}.cinema .hero-copy{top:115px}.nav .button{gap:10px}}@media(prefers-reduced-motion:reduce){.island{transform:none!important}.cloud,.island img,.journey-trail path{animation:none!important}}

.destination-strip img{height:auto;object-fit:contain;flex-shrink:0}

html{overflow-x:clip}@media(max-width:760px){.cinema{overflow:clip}.hero-copy{animation-duration:.7s}}

/* One continuous cloudscape, spanning the complete document. */
body{position:relative;isolation:isolate;background:#f9f5ec}
.page-scenery{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('assets/sky-extended.webp');background-size:100% 100%;background-repeat:no-repeat}
.cinema{isolation:auto}
.cinema:after{display:none}
.village{width:57%;right:4%;top:13%}
.railway{width:34%;left:9%;top:41%}
.distant{width:23%;left:30%;top:0}
.island-scene{height:85%}
.method,.companion,.questions,.start,footer{background:transparent}
.method{padding-top:110px}
.method-copy,.companion-copy,.questions>div,.start-inner{position:relative}
.method-copy:before,.companion-copy:before,.questions>div:before{content:'';position:absolute;inset:-35px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#fffaf0a6,transparent 75%)}
.companion-art{background:none}
.start{color:var(--ink);overflow:visible}
.start h2 .serif{color:#937037}
.start p:not(.eyebrow),.release-note{color:#535a63}
.start-inner{text-align:center;padding-block:90px 70px}
.start-inner .eyebrow{justify-content:center}
.start .light{background:var(--ink);color:#fff}
.start .light:hover{background:#424c55}
.questions{border-top:0}
.step{color:#46535e;border-color:#9eaaa96b}
.step.active{color:#fff}
.feature-row,.faq details{border-color:#9eaaa96b}
footer{border-top:1px solid #9eaaa950}
footer p,footer>a:not(.brand),footer>span{color:#535a63}
.lesson-card,.speech{background:#fffcf1de;backdrop-filter:blur(10px)}
@media(min-width:1800px){.island-scene{width:62%;right:3%}.cinema .hero-copy{top:27%}}
@media(max-width:1050px){.village{width:58%;right:3%;top:15%}.railway{width:35%;left:7%;top:43%}.distant{width:23%;left:30%;top:0}.method-grid,.companion,.questions{gap:45px}}
@media(max-width:760px){
 .page-scenery{background-size:auto 100%;background-position:58% top}
 .cinema{height:850px}.island-scene{height:380px;top:450px;width:106%;right:-3%}
 .village{width:62%;right:4%;top:12%}.railway{width:35%;left:4%;top:40%}.distant{width:23%;left:22%;top:0}
 .method{padding-top:50px}.method-grid,.companion,.questions{gap:30px}
 .method-art{min-height:530px}.lesson-card{right:0;bottom:0;max-width:235px}
 .method-copy:before,.companion-copy:before,.questions>div:before{inset:-15px}
 .start-inner{padding-block:65px}.start h2{font-size:70px}.start-inner .eyebrow{line-height:1.8;max-width:280px;margin-inline:auto}
 .start p:not(.eyebrow){line-height:1.8}.questions{gap:15px}.companion-art{height:450px}
 .companion-art img{height:390px}.speech{left:5px;padding:16px 18px}.round-text{font-size:7px;letter-spacing:1.5px}
}
@media(max-width:390px){.cinema{height:810px}.island-scene{top:445px;height:345px}.cinema h1{font-size:clamp(37px,10.8vw,43px)}.hero-actions .button{padding:16px 20px;font-size:12px}.method-art{min-height:510px}.phone{width:195px}.lesson-card{max-width:220px}.start h2{font-size:61px}.tour-content{flex-direction:column}.tour-content img{width:150px}}