/* Interaction refinement: retain the five photographic scenes and existing deeper views. */
.scene{height:190svh}.scene2{height:210svh}.scene3{height:230svh}.scene4{height:300svh}.scene5{height:260svh}.stage{height:100svh;min-height:0;position:sticky;top:0}.photo{transition:filter .8s;transform:scale(var(--zoom,1.01));will-change:transform}.scene-copy{top:23%;transform:translateY(var(--copy-shift,0px));z-index:3}.scene-copy h2{margin:18px 0}.scene-index{top:135px}.scene-note{top:135px}.scene-meter{position:absolute;bottom:22px;left:7%;right:7%;display:flex;align-items:center;gap:22px;z-index:6;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.scene-meter>div{flex:1;height:1px;background:#f4f0e638}.scene-meter i{display:block;width:100%;height:2px;background:var(--gold);transform:scaleX(.025);transform-origin:left}.scene-meter a{padding:6px;white-space:nowrap}.scene-meter b{font-size:18px;margin-left:10px}.scene1 .bottom-note{bottom:80px}.scene1 .scene-copy{opacity:var(--opening-copy,1);transform:translateY(calc(var(--opening-rise,0)*-65px))}.opening-support{margin-top:25px}.world-transition{position:absolute;inset:0;z-index:-2;background:url('/assets/scene-2-family.png') center/cover;opacity:var(--open,0);transform:scale(calc(1.12 - var(--open,0)*.12));will-change:opacity,transform}.scene1 .shade{z-index:-1}.opening-turn{position:absolute;top:28%;left:8%;opacity:var(--open,0);transform:translateY(calc(45px - var(--open,0)*45px));pointer-events:none;z-index:4}.opening-turn p{font-family:Georgia,serif;font-size:clamp(40px,5vw,76px);line-height:1.08;margin-top:24px;letter-spacing:-.03em}.scene2 .scene-copy{top:22%;width:42%;left:6%}.scene2 .scene-copy h2{font-size:clamp(40px,4.2vw,66px)}.scene2 .scene-copy p{font-size:21px;max-width:440px}.scene2 .shade{background:linear-gradient(90deg,#07182090,transparent 60%),linear-gradient(0deg,#06171ca0,transparent 60%,#08192225)}.world-interface{position:absolute;left:42%;right:4%;top:16%;height:37%;z-index:2;opacity:calc(.55 + var(--world-in,0)*.45);transform:translateY(calc((1 - var(--world-in,0))*24px));transition:filter .7s}.world-interface::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at var(--focus-x,77%) var(--focus-y,66%),#ffd99930,transparent 35%);pointer-events:none;transition:background .6s}.world-pin{position:absolute;left:var(--x);top:var(--y);background:none;border:0;display:flex;align-items:center;gap:9px;padding:10px 4px;transform:translate(-50%,-50%);font-family:Georgia,serif;font-size:17px;text-shadow:0 2px 8px #03121b;white-space:nowrap;min-height:44px}.world-pin i{width:8px;height:8px;flex:none;border-radius:50%;background:#fff0c9;box-shadow:0 0 0 3px #ffdc9955;transition:box-shadow .45s,transform .45s}.world-pin.selected i{box-shadow:0 0 0 6px #ffdc9955,0 0 25px 8px #ffda8877;transform:scale(1.3)}.world-pin.selected span{color:#fff0b5}.world-pin:hover span{color:var(--gold)}.world-pin[style*="--label:-1"] span{position:absolute;right:22px}.world-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.world-connections path{fill:none;stroke:#ffe2a3;stroke-width:1.4;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 4px #f5bb69)}.world-connections path.drawn{animation:draw-route .85s ease forwards}.world-caption{position:absolute;bottom:-42px;right:0;font-family:Georgia,serif;font-size:20px;font-style:italic;line-height:1.3}.cloud-window{display:none}.destination-system{position:absolute;left:40%;right:5%;bottom:70px;z-index:5;transform:translateY(calc((1 - var(--interface-in,0))*36px));opacity:calc(.75 + var(--interface-in,0)*.25)}.destination-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 2px 10px;gap:15px}.destination-toolbar .eyebrow{font-size:10px;letter-spacing:.12em;color:#f3ecdf}.destination-toolbar strong{font-weight:400;color:var(--gold)}.destination-toolbar>div{display:flex;gap:13px;align-items:center;font-size:10px;letter-spacing:.1em}.destination-toolbar button{width:38px;height:38px;border:1px solid #dbcdb388;border-radius:50%;background:#071b2455;font-size:20px}.destination-toolbar button:hover{background:var(--gold);color:var(--navy)}.destination-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:6px 4px 12px;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y;position:relative}.destination-track::-webkit-scrollbar{display:none}.destination-track::after{content:'';flex:none;width:calc(100% - 188px)}.destination-track.dragging{scroll-snap-type:none;cursor:grabbing}.destination-card{flex:0 0 176px;scroll-snap-align:start;background:#0b1b23ed;border:1px solid #e0c79d33;text-align:left;padding:0;transition:transform .4s,border-color .4s,background .4s;overflow:hidden;align-self:flex-start;user-select:none}.destination-card.selected{border-color:#e6be80;transform:translateY(-4px);background:#0c1e26;box-shadow:0 0 20px #e1b16922}.destination-photo{display:block;aspect-ratio:166/127;background-size:925% auto;background-position:var(--crop) 73.5%;background-image:url('/assets/scene-2-reference.jpg');transition:filter .4s}.cloud-crop{background-image:url('/assets/scene-2.jpg');background-size:300% auto;background-position:80% 13%;filter:saturate(.6)}.destination-name{display:block;font-family:Georgia,serif;font-size:21px;margin:11px 13px 0}.destination-name b{float:right;color:var(--gold);font-weight:400;font-size:16px}.destination-country{display:block;font-size:10px;color:var(--gold);letter-spacing:.09em;margin:1px 13px 11px}.destination-areas{display:block;font-family:Georgia,serif;font-size:13px;line-height:1.4;color:#e8e2d4;max-height:0;opacity:0;margin:0 13px;transition:max-height .45s,opacity .4s,margin .4s}.destination-card.selected .destination-areas{max-height:60px;opacity:1;margin-bottom:12px}.destination-card:hover .destination-photo{filter:brightness(1.12)}.destination-card:hover:not(.selected){transform:translateY(-3px);border-color:#e6be8099}.destination-reveal{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#091a23dd;border-top:1px solid var(--line);padding:12px 16px;font-size:13px;min-height:62px}.destination-reveal>span{max-width:70%;line-height:1.4}.destination-reveal button{border:0;border-bottom:1px solid var(--gold);padding:5px 0;background:none;white-space:nowrap;font-size:11px;color:var(--gold)}.selection-changing .destination-reveal{animation:content-in .4s ease both}.gesture-hint{display:block;font-size:10px;letter-spacing:.08em;margin:8px 4px 0;color:#e4ddcf}.scene3 .scene-copy{top:21%;left:7%;width:42%}.scene3 .scene-copy p{font-size:22px;max-width:390px}.life-turn{font-size:15px;line-height:1.6;border-left:1px solid var(--gold);padding-left:16px;margin-top:24px;max-width:350px;color:#f3e8d8}.life-system{left:46%;right:6%;bottom:80px;padding:20px 24px;background:#071820eb;box-shadow:0 20px 60px #03101830}.life-head{justify-content:space-between;margin-bottom:8px}.life-head::after{display:none}.life-head span{color:#c8d0d0;font-size:10px;letter-spacing:.04em}.life-network{position:relative;height:225px;margin:10px 0 15px}.dependency-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.dependency-lines path{fill:none;stroke:#cbae7b25;stroke-width:1.4;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke .4s}.dependency-lines path.lit{stroke:#e1c18d;stroke-width:2;animation:draw-route .7s both;filter:drop-shadow(0 0 5px #cfad7c77)}.dependency-lines path.primary{stroke:#fff4d1;stroke-width:2.5}.network-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#112832;border:1px solid #cbae7b77;width:113px;padding:10px;text-align:center;font-family:Georgia,serif;font-size:21px;line-height:1.2}.network-center small{font-family:Arial,sans-serif;text-transform:uppercase;font-size:8px;letter-spacing:.1em;color:var(--gold)}.life-node{position:absolute;left:var(--nx);top:var(--ny);transform:translate(-50%,-50%);width:105px;min-height:72px;padding:7px 3px;background:#0a1e28;border:1px solid #9c9e9433;font-family:Georgia,serif;font-size:17px;transition:background .4s,border-color .4s,box-shadow .4s,opacity .4s}.life-node>span{display:block;color:var(--gold);font-size:22px;line-height:1.1}.life-node small{display:block;font:9px Arial;letter-spacing:.08em;margin-top:4px;color:#bbc7c6}.life-node.selected{background:#b38e55;color:#081a21;border-color:#efd6aa;box-shadow:0 0 22px #dcb77b44}.life-node.selected>span,.life-node.selected small{color:#132731}.life-node.related{border-color:#d5b57e;box-shadow:inset 0 0 20px #cdae7415}.life-node.related small{color:#e5c78f}.life-description{font-size:14px;min-height:69px;line-height:1.5}.connection{font-size:11px;flex-wrap:wrap;margin-top:20px}.connection i{width:20px}.scene4 .scene-copy{top:21%;left:7%;width:50%}.scene4 .scene-copy h2{font-size:clamp(40px,4.4vw,69px)}.scene4 .scene-copy p{font-size:20px}.scene4 .photo{transform:scale(calc(var(--zoom,1.01) + var(--question-depth,0)*.014));filter:brightness(calc(1 - var(--question-depth,0)*.055));transition:transform .85s,filter .85s}.question-story{position:absolute;left:13%;right:7%;bottom:75px;background:linear-gradient(120deg,#0b1d26f5,#14262dea);border:1px solid var(--line);border-top:2px solid var(--gold);padding:20px 28px;z-index:5}.question-nav{display:flex;align-items:center;justify-content:space-between}.question-nav .eyebrow{font-size:10px}.question-nav>div{display:flex;gap:9px}.question-nav button{width:37px;height:34px;background:transparent;border:1px solid var(--line);color:#c5cfce;font-family:Georgia,serif;font-size:17px}.question-nav button.active{background:var(--gold);color:var(--navy);border-color:var(--gold)}.question-nav button.passed{border-color:var(--gold);color:var(--gold)}.question-focus{display:flex;align-items:start;gap:28px;min-height:145px;margin-top:18px}.question-number{font-family:Georgia,serif;font-size:70px;line-height:1;color:#cfad7c66;width:78px;flex:none}.question-answer{max-width:820px}.question-answer h3{font-size:clamp(26px,2.6vw,40px);line-height:1.1;margin:8px 0 12px}.question-answer p{font-size:15px;max-width:720px;line-height:1.5;color:#d6ddda}.question-bottom{border-top:1px solid var(--line);padding-top:12px;margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.question-shift{font-family:Georgia,serif;font-style:italic;font-size:17px;color:#d7c5a4}.question-bottom button,.structure-controls button{border:0;background:none;color:var(--gold);font-size:12px;padding:10px 0;white-space:nowrap}.readiness-resolution{display:none;border-top:1px solid var(--gold);margin-top:12px;padding-top:12px;font-size:13px;justify-content:space-between;gap:15px}.readiness-resolution a{color:var(--gold)}[data-question-state="3"] .readiness-resolution{display:flex;animation:content-in .5s}.changed{animation:content-in .55s ease both}.scene5 .scene-copy{top:23%;left:6%;width:45%}.scene5 .scene-copy h2{font-size:clamp(40px,4.5vw,70px)}.structure-system{position:absolute;right:7%;top:27%;width:38%;z-index:4;padding:20px 24px;background:linear-gradient(110deg,#071b23c9,#071b2366);border-top:1px solid var(--gold)}.structure-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.structure-header .eyebrow{font-size:10px}.structure-count{font-size:10px;color:var(--gold);letter-spacing:.15em}.framework{position:relative;inset:auto;width:100%;gap:0}.framework button{margin:0 0 0 15px;padding:12px 0 12px 22px;min-height:65px;opacity:0;visibility:hidden;transform:translateX(22px);transition:opacity .65s,transform .65s,visibility .65s;color:#ebe4d5;font-size:22px;display:flex;gap:10px;align-items:start;border-color:#cfad7c77;text-shadow:0 2px 8px #071820}.framework button::before{top:22px;background:#cfad7c;box-shadow:0 0 10px #e0bc76}.framework button.assembled{visibility:visible;opacity:.7;transform:translateX(0)}.framework button.current{opacity:1;color:#ffe3b1}.framework button.current::before{box-shadow:0 0 0 4px #cfad7c33,0 0 20px #e0bc76;background:#ffedc5}.framework button small{display:block;font-size:11px;line-height:1.4;color:#e1ddd3;max-width:320px;margin-top:4px}.step-index{font:10px Arial;color:var(--gold);padding-top:8px}.structure-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:15px;margin-top:12px;padding-top:9px}.structure-controls>span{font-size:10px;line-height:1.4;max-width:140px;color:#e1ddd3}.final-invitation{position:absolute;left:7%;bottom:80px;z-index:4;opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s;visibility:hidden}.final-invitation p{font-family:Georgia,serif;font-size:20px;line-height:1.4}.final-invitation .button{margin-top:16px}.scene5.resolved .final-invitation{opacity:1;transform:none;visibility:visible}@keyframes draw-route{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes content-in{from{opacity:.15;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.destination-card{flex-basis:195px}.destination-track::after{width:calc(100% - 207px)}.destination-system{left:41%;bottom:75px}.life-network{height:255px}.life-system{bottom:90px}.framework button{min-height:76px}.question-story{bottom:90px;padding:25px 35px}.question-focus{min-height:165px}}
@media(max-width:1100px){.scene-copy h1,.scene-copy h2{font-size:50px}.scene2 .scene-copy h2{font-size:45px}.scene2 .scene-copy p{font-size:19px}.destination-system{left:35%;right:5%}.destination-card{flex-basis:160px}.destination-track::after{width:calc(100% - 172px)}.destination-name{font-size:20px}.world-interface{left:39%;right:6%;height:32%;top:18%}.world-pin{font-size:14px}.world-caption{display:none}.scene3 .scene-copy{width:42%}.life-system{left:40%;right:5%;padding:18px}.life-node{width:90px;font-size:16px}.question-story{left:7%;right:7%}.structure-system{width:45%;right:5%;top:27%;padding:18px}.framework button{font-size:20px;min-height:65px}.scene5 .scene-copy{width:45%}.scene5 .scene-copy h2{font-size:48px}.final-invitation{max-width:42%}.final-invitation p{font-size:18px}}
@media(max-width:900px) and (min-width:601px){.stage{height:100svh;min-height:0}.scene-copy{top:19%}.scene1 .scene-copy{width:80%;top:24%}.scene1 .photo{background-position:55% center}.opening-turn{top:26%;left:7%}.scene2 .scene-copy{top:17%;width:76%}.scene2 .scene-copy h2{font-size:51px}.scene2 .scene-copy p{max-width:490px}.scene2 .photo{background-position:39% center}.cloud-window{display:block;position:absolute;left:21%;right:0;top:32%;height:28%;background:url('/assets/scene-2-family.png') 75% 3% / 150% auto no-repeat;mask-image:linear-gradient(0deg,transparent,#000 25%,#000 83%,transparent);z-index:0}.world-interface{left:23%;right:5%;top:35%;height:22%;z-index:4}.destination-system{left:24%;right:5%;bottom:85px}.destination-card{flex-basis:175px}.destination-track::after{width:calc(100% - 187px)}.scene3 .scene-copy{top:18%;width:75%}.scene3 .scene-copy h2{font-size:56px}.scene3 .photo{background-position:62% center}.life-system{left:16%;right:6%;bottom:80px}.life-network{height:230px}.life-node{width:105px;font-size:18px}.scene4 .scene-copy{top:18%;width:80%}.scene4 .scene-copy h2{font-size:55px}.scene4 .scene-copy p{font-size:22px}.question-story{left:7%;right:7%;bottom:85px;padding:24px}.question-focus{min-height:220px;gap:20px}.question-answer h3{font-size:38px}.question-answer p{font-size:17px}.scene5 .scene-copy{top:17%;width:77%}.scene5 .scene-copy h2{font-size:53px}.structure-system{top:46%;right:6%;width:60%;padding:20px}.framework button{min-height:64px;font-size:22px}.final-invitation{bottom:85px;left:7%;max-width:28%}.final-invitation p{font-size:17px}.final-invitation .button{font-size:9px;padding:14px 10px;gap:5px}.scene-note{display:none}}
@media(max-width:600px){header{padding:17px 5%}.scene{height:175svh!important}.scene2{height:195svh!important}.scene3{height:210svh!important}.scene4{height:300svh!important}.scene5{height:270svh!important}.stage,.scene1 .stage,.scene2 .stage,.scene3 .stage,.scene4 .stage,.scene5 .stage{height:100svh;min-height:0;position:sticky;top:0;padding:0;display:block;overflow:hidden}.photo{inset:-1%;transform:scale(var(--zoom,1.01))!important;background-position:59% center}.shade{background:linear-gradient(180deg,#07182080,transparent 48%,#071820dd),linear-gradient(90deg,#07182066,transparent)}.scene-index{top:94px;left:6%;font-size:12px}.scene-index small{font-size:12px}.scene-note{display:none}.scene-copy,.scene2 .scene-copy,.scene3 .scene-copy,.scene4 .scene-copy,.scene5 .scene-copy{position:absolute;left:6%;top:17%;width:88%;transform:translateY(var(--copy-shift,0px))!important;margin:0}.scene-copy h1,.scene-copy h2,.scene2 .scene-copy h2,.scene3 .scene-copy h2,.scene4 .scene-copy h2,.scene5 .scene-copy h2{font-size:39px;margin:13px 0 16px;line-height:1.04}.scene-copy p,.scene2 .scene-copy p,.scene3 .scene-copy p,.scene4 .scene-copy p,.scene5 .scene-copy p{font-size:18px;line-height:1.35;max-width:330px}.scene1 .scene-copy{top:21%;opacity:var(--opening-copy,1);transform:translateY(calc(var(--opening-rise,0)*-35px))!important}.scene1 .photo{background-position:59% center}.opening-support{margin-top:20px}.opening-turn{left:6%;top:26%;width:88%}.opening-turn .eyebrow{font-size:9px}.opening-turn p{font-size:41px;line-height:1.1}.world-transition{background-position:34% center}.scene1 .bottom-note{left:6%;right:6%;bottom:85px}.scene-meter{left:6%;right:6%;bottom:18px;gap:12px;font-size:8px;letter-spacing:.1em}.scene-meter a{font-size:9px}.scene-meter b{margin-left:4px;font-size:16px}.scene-meter>span{max-width:125px}.scene2 .scene-copy{top:15%;z-index:3}.scene2 .scene-copy h2{font-size:35px}.scene2 .scene-copy p{font-size:15px;max-width:320px}.scene2 .scene-copy .text-link{display:none}.scene2 .photo{background-position:24% center;background-size:auto 100%;filter:brightness(.9)}.scene2 .shade{background:linear-gradient(180deg,#071820aa,transparent 55%,#071820bb)}.cloud-window{display:block;position:absolute;left:0;right:0;top:33%;height:29%;background:url('/assets/scene-2-family.png') 88% 0 / 145% auto no-repeat;mask-image:linear-gradient(0deg,transparent,#000 25%,#000 86%,transparent);z-index:1;transform:translateY(calc((1 - var(--world-in,0))*16px))}.world-interface{left:2%;right:5%;top:35%;height:20%;z-index:3}.world-pin{font-size:10px;padding:8px 0;gap:4px;min-height:36px}.world-pin i{width:5px;height:5px}.world-pin[style*="--label:-1"] span{right:13px}.world-caption{display:none}.destination-system{position:absolute;left:6%;right:0;bottom:61px;z-index:5;transform:translateY(calc((1 - var(--interface-in,0))*20px))}.destination-toolbar{padding-right:6%;padding-bottom:3px}.destination-toolbar .eyebrow{font-size:9px;letter-spacing:.06em}.destination-toolbar>div{gap:8px;font-size:9px}.destination-toolbar button{width:32px;height:32px;font-size:17px}.destination-card{flex-basis:132px}.destination-track{gap:9px;padding-top:5px;padding-bottom:8px}.destination-track::after{width:calc(100% - 144px)}.destination-photo{aspect-ratio:166/99;background-position:var(--crop) 72.8%}.destination-name{font-size:18px;margin:7px 10px 0}.destination-name b{font-size:13px}.destination-country{font-size:8px;margin:1px 10px 7px}.destination-areas{font-size:10px;margin:0 10px;line-height:1.4}.destination-card.selected .destination-areas{margin-bottom:8px}.destination-reveal{padding:9px 12px;min-height:53px;margin-right:6%;font-size:10px;gap:9px}.destination-reveal>span{max-width:65%;line-height:1.35}.destination-reveal button{font-size:9px;white-space:normal;text-align:left;min-width:80px}.gesture-hint{font-size:8px;margin-top:5px}.scene3 .scene-copy{top:15%}.scene3 .scene-copy h2{font-size:37px}.scene3 .scene-copy p{font-size:16px}.life-turn{font-size:12px;margin-top:14px;line-height:1.45;padding-left:12px}.scene3 .photo{background-position:63% center}.life-system{position:absolute;left:6%;right:6%;bottom:66px;margin:0;padding:13px 12px;background:#071820eb}.life-head{font-size:9px;letter-spacing:.1em;margin-bottom:2px}.life-head span{font-size:8px}.life-network{height:190px;margin:8px 0}.network-center{font-size:18px;width:90px;padding:8px}.network-center small{font-size:6px}.life-node{font-size:14px;width:83px;min-height:60px;padding:5px 2px}.life-node>span{font-size:18px}.life-node small{font-size:7px;margin-top:3px}.connection{font-size:9px;gap:5px;margin:12px 0 7px}.connection i{width:10px}.life-description{font-size:12px;line-height:1.45;min-height:71px}.scene4 .scene-copy{top:16%;margin:0}.scene4 .scene-copy h2{font-size:37px}.scene4 .scene-copy p{font-size:16px;max-width:310px}.scene4 .photo{background-position:61% center;transform:scale(calc(var(--zoom,1.01) + var(--question-depth,0)*.014))!important}.question-story{left:6%;right:6%;bottom:70px;padding:15px 17px}.question-nav{gap:10px}.question-nav .eyebrow{font-size:8px;letter-spacing:.08em;max-width:130px}.question-nav>div{gap:5px}.question-nav button{font-size:13px;width:27px;height:30px}.question-focus{gap:12px;min-height:210px;margin-top:17px}.question-number{font-size:42px;width:41px}.question-answer{min-height:0}.question-answer .eyebrow{font-size:8px;letter-spacing:.1em}.question-answer h3{font-size:27px;line-height:1.07;margin:8px 0 13px}.question-answer p{font-size:13px;line-height:1.5}.question-bottom{gap:10px;margin-top:10px;padding-top:8px}.question-shift{font-size:13px;max-width:170px}.question-bottom button{font-size:10px;padding:8px 0}.readiness-resolution{font-size:11px;line-height:1.4;margin-top:8px;padding-top:10px}.readiness-resolution>a{white-space:nowrap;font-size:10px}.scene5 .scene-copy{top:15%;width:90%}.scene5 .scene-copy h2{font-size:37px;margin-bottom:13px}.scene5 .scene-copy p{font-size:16px}.scene5 .scene-copy .text-link{font-size:9px;margin-top:12px}.scene5 .photo{background-position:61% center}.structure-system{position:absolute;top:auto;bottom:156px;left:6%;right:6%;width:auto;padding:12px 15px}.structure-header{margin-bottom:7px}.structure-header .eyebrow{font-size:8px;letter-spacing:.08em}.structure-count{font-size:9px}.framework{position:relative;inset:auto;width:100%;margin:0;padding:0;background:none}.framework button{font-size:18px;min-height:45px;padding:7px 0 7px 15px;margin-left:6px;gap:8px}.framework button::before{top:16px;width:6px;height:6px;left:-3px}.framework button small{font-size:9px;line-height:1.3;margin-top:1px;max-width:230px}.step-index{font-size:8px;padding-top:6px}.structure-controls{margin-top:7px;padding-top:6px;gap:10px}.structure-controls>span{font-size:8px;max-width:130px}.structure-controls button{font-size:10px}.final-invitation{left:6%;right:6%;bottom:62px;max-width:none;display:flex;align-items:center;gap:12px}.final-invitation p{font-size:12px;line-height:1.3;width:45%}.final-invitation p br{display:none}.final-invitation .button{font-size:8px;letter-spacing:.08em;margin:0;padding:10px;gap:8px;min-height:48px;width:55%}.journey{display:none}}
@media(max-height:750px) and (min-width:901px){.scene-copy{top:24%}.scene-copy h1,.scene-copy h2,.scene2 .scene-copy h2,.scene4 .scene-copy h2,.scene5 .scene-copy h2{font-size:45px}.scene-copy p{font-size:19px}.scene-index,.scene-note{top:110px}.destination-system{bottom:65px}.destination-photo{aspect-ratio:166/96}.life-system{bottom:65px}.life-network{height:185px}.life-node{min-height:60px}.question-story{bottom:60px;padding:14px 22px}.question-focus{min-height:120px;margin-top:10px}.question-answer h3{font-size:28px}.question-answer p{font-size:13px}.structure-system{top:22%}.framework button{min-height:56px;padding-block:8px}.final-invitation{bottom:70px}}
@media(max-width:600px) and (max-height:740px){.scene-copy h1,.scene-copy h2,.scene2 .scene-copy h2,.scene3 .scene-copy h2,.scene4 .scene-copy h2,.scene5 .scene-copy h2{font-size:31px}.scene-copy .eyebrow{font-size:8px}.scene-copy p,.scene4 .scene-copy p{font-size:14px}.scene-index{top:83px}.scene2 .scene-copy{top:15%}.scene2 .scene-copy p{font-size:13px}.cloud-window{top:33%;height:28%}.world-interface{top:35%;height:16%}.destination-photo{aspect-ratio:166/76}.destination-system{bottom:55px}.destination-reveal>span{display:none}.destination-reveal{min-height:30px;padding:5px 10px}.destination-reveal button{width:100%;font-size:10px}.life-turn{display:none}.life-network{height:160px}.life-description{min-height:65px;font-size:11px}.life-system{bottom:55px}.life-node{min-height:53px}.question-focus{min-height:190px}.question-answer h3{font-size:25px}.question-answer p{font-size:12px}.question-story{bottom:55px}.question-shift{font-size:12px}.structure-system{bottom:137px;padding-block:8px}.framework button{min-height:40px;padding-block:4px;font-size:17px}.framework button small{font-size:8px}.structure-controls{margin-top:4px;padding-top:3px}.final-invitation{bottom:53px}.scene5 .scene-copy .text-link{display:none}}
@media(prefers-reduced-motion:reduce){.scene,.scene2,.scene3,.scene4,.scene5{height:auto!important}.stage,.scene1 .stage,.scene2 .stage,.scene3 .stage,.scene4 .stage,.scene5 .stage{position:relative;min-height:850px;height:100svh}.photo,.scene-copy{transform:none!important}.world-transition,.opening-turn{display:none}.world-interface,.destination-system{opacity:1;transform:none}.scene1 .scene-copy{opacity:1}.framework button{transition:none}.world-connections path.drawn,.dependency-lines path.lit{stroke-dashoffset:0}.scene-meter>div{display:none}.scene-meter{justify-content:space-between}.structure-controls>span{font-size:0}.structure-controls>span::after{content:'Reveal each step';font-size:10px}.scene1 .bottom-note>span{font-size:0}.scene1 .bottom-note>span::after{content:'Explore at your own pace';font-size:10px}}
@media(max-width:600px){.scene1 .photo{background-size:auto 76%;background-position:39% bottom;background-repeat:no-repeat;background-color:#263a47}.scene1 .shade{background:linear-gradient(180deg,#142b3b44,transparent 45%,#071820dd)}.scene1 .scene-copy{top:20%}}
.scene{scroll-margin-top:-100px}
@media(max-width:600px){.scene2 .photo{background-position:12% center}}
@media(max-width:600px){.scene3 .photo{background-size:auto 76%;background-position:41% bottom;background-repeat:no-repeat;background-color:#263a47}.scene4 .photo{background-size:100% auto;background-position:center 39%;background-repeat:no-repeat;background-color:#152a33}.scene5 .photo{background-size:auto 72%;background-position:65% bottom;background-repeat:no-repeat;background-color:#263a47}.life-description{font-size:13px}.world-pin{font-size:11px}}
@media(max-width:600px){.scene4 .photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#152a33 22%,transparent 37%,transparent 50%,#152a33 66%)}.scene4 .scene-copy h2{max-width:340px}}
@media(max-width:600px){.scene5 .scene-copy .text-link{display:none}.scene5 .photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#263a47 24%,transparent 42%,transparent 100%)}.scene1 .photo::after,.scene3 .photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#263a47 20%,transparent 36%,transparent 100%)}}
@media(max-width:900px) and (min-width:601px){.scene1 .photo{background-size:auto 90%;background-position:40% bottom;background-repeat:no-repeat;background-color:#263a47}.scene1 .photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#263a47 5%,transparent 20%)}}
@media(max-width:900px){.scene2 .photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#1a303d 0%,#1a303dee 38%,#1a303d99 48%,transparent 67%)}.scene2 .cloud-window{mask-image:radial-gradient(ellipse 75% 65% at 50% 50%,#000 45%,transparent 95%)}.scene2 .photo{background-position:14% center}}@media(max-width:900px) and (min-width:601px){.cloud-window{left:10%;right:0;top:32%;height:29%;background-position:90% 0;background-size:145% auto}.world-interface{left:15%;right:5%;top:35%;height:23%}}
.scene2 .photo{inset:0}.world-interface{inset:0;width:100%;height:100%;pointer-events:none;transform:none}.world-projection{position:absolute;width:max(100%,150svh);aspect-ratio:1.5;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--zoom,1.01))}.world-pin{pointer-events:auto}.world-caption{display:none}.world-interface::before{display:none}.world-pin[style*="--label:-1"]{transform:translate(-50%,-50%)}.world-pin[style*="--label:-1"] span{right:23px}.world-connections{width:100%;height:100%}
@media(max-width:900px){.scene2 .cloud-window{mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent),linear-gradient(180deg,transparent,#000 18%,#000 78%,transparent);mask-composite:intersect}.world-interface{left:10%;right:0;top:32%;width:90%;height:29%;bottom:auto}.world-projection{left:-40.5%;top:0;width:145%;transform:none;aspect-ratio:1.5}.world-pin{font-size:13px}.world-pin[style*="--label:-1"] span{right:20px}}
@media(max-width:600px){.world-interface{left:0;right:0;width:100%;top:33%;height:29%}.world-projection{left:-39.6%;width:145%}.world-pin{font-size:11px}.world-pin span{opacity:0;transition:opacity .3s}.world-pin.selected span,.world-pin:focus-visible span,.world-pin:hover span{opacity:1}.world-pin[style*="--label:-1"] span{right:14px}.world-pin i{width:5px;height:5px}.world-pin{min-width:26px;min-height:26px;justify-content:center}.world-pin.selected{z-index:3}.world-pin.selected span{background:#0b1b2380;padding:3px}}
.world-pin{width:20px;height:26px;padding:0;justify-content:center}.world-pin span{position:absolute;left:23px}.world-pin[style*="--label:-1"] span{left:auto}.world-pin[data-destination="Edinburgh"] span{transform:translateY(-8px)}.world-pin[data-destination="London"] span{transform:translateY(8px)}
@media(max-width:900px) and (min-width:601px){.scene3 .photo{background-position:40% center}.scene4 .photo{background-size:auto 80%;background-position:50% bottom;background-repeat:no-repeat;background-color:#152a33}.scene4 .photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#152a33 15%,transparent 32%)}.scene5 .photo{background-position:65% center}}
@media(max-width:900px) and (min-width:601px){.scene4 .photo{background-size:100% auto;background-position:center 42%}.scene4 .photo::after{background:linear-gradient(180deg,#152a33 19%,transparent 36%,transparent 64%,#152a33 82%)}}
/* Keep geographic labels clear and controls readable from the moment of entry. */
.scene2 .scene-note{display:none}.world-interface{opacity:calc(.85 + var(--world-in,0)*.15)}.destination-system{opacity:calc(.95 + var(--interface-in,0)*.05)}.destination-toolbar button{background:#071b24cc}
/* Scene 2 only: geometry is synchronized to the unchanged photograph. */
.scene2 .world-interface{z-index:4;pointer-events:none;transition:none}
.scene2 .world-projection{transform:none;aspect-ratio:2}
.scene2 .world-pin{width:28px;height:28px;min-height:28px;min-width:28px}
.scene2 .world-pin span{pointer-events:none}
.scene2 .world-pin[data-destination="Edinburgh"] span{transform:translateY(-12px)}
.scene2 .world-pin[data-destination="London"] span{transform:translateY(12px)}