/* i4 — cinematic presentation. Every media frame preserves its physical aspect ratio. */
:root{--ink:#080a0b;--paper:#f5f4ef;--soft:#adb3b0;--accent:#c8eea5;--line:#ffffff26}html,body{background:var(--ink);color:var(--paper)}html{scroll-padding-top:76px}body{overflow-x:clip}button,a{touch-action:manipulation}h1,h2,h3{font-weight:500;letter-spacing:-.055em}em{color:var(--accent)}.chapter{padding:100px 6vw 40px;min-height:100svh;gap:24px;isolation:isolate}.eyebrow{font-size:11px;letter-spacing:.18em;line-height:1.6}.topbar{height:80px;padding:12px 4vw;background:linear-gradient(#080a0be8,#080a0b00);align-items:center}.topbar img{height:53px;width:42px}.topnav{display:flex;gap:28px;align-items:center}.topnav a{text-decoration:none;font-size:12px;color:#e8ebe5;min-height:44px;display:grid;place-items:center}.tools button,.quiet{background:#171b1cbb;border-color:var(--line);backdrop-filter:blur(18px);min-height:44px}.tools{gap:8px}.cta{background:var(--accent);color:#10210b;box-shadow:0 6px 30px #a4e77218;min-height:50px;font-size:14px;transition:transform .2s,background .2s}.cta:hover{transform:translateY(-2px);background:#e0ffbf}.cta:active{transform:scale(.98)}.text-button{color:#d2edbc;min-height:44px;text-decoration:none}.text-button:hover{text-decoration:underline}.round{border:1px solid var(--line);background:#ffffff0b;color:#fff;width:44px;height:44px;border-radius:50%;font-size:21px}.round:hover{background:#ffffff20}.section-no{font-size:10px;bottom:18px;right:6vw;color:#8c9590}.hero{height:100svh;min-height:760px;justify-content:center;padding:150px 6vw 70px;background:#080a0b}.hero-media{left:auto;right:0;top:0;bottom:0;width:63%;height:100%;overflow:hidden;transform-origin:60% 45%}.hero-media img,.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080a0b,transparent 28%),linear-gradient(0deg,#080a0b,transparent 18%);pointer-events:none}.hero:after{display:none}.hero .hero-logo{top:122px;left:6vw;width:82px;height:112px;max-height:none;z-index:2}.hero .copy{width:48%;max-width:640px;margin-top:94px;gap:25px}.hero h1{font-size:clamp(110px,13.5vw,200px);line-height:.85;letter-spacing:-.075em}.hero h1 em{color:#fff}.hero .eyebrow{font-size:10px;color:#bac6bc}.hero .lead{font-size:18px;line-height:1.55;color:#c6ceca;max-width:360px}.discover{display:flex;align-items:center;gap:22px;width:fit-content;text-decoration:none;font-size:11px;letter-spacing:.06em;margin-top:12px;color:#b0b9b4}.discover span{border:1px solid #ffffff30;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.hero .prepared{font-size:14px;color:var(--accent)}.hook{background:#080a0b;align-items:center;text-align:center;min-height:100svh}.hook h2{font-size:clamp(42px,6.4vw,94px);max-width:1100px;line-height:1.04}.hook p:last-of-type{max-width:450px;font-size:16px;line-height:1.6}.network-numbers{display:flex;gap:64px;padding:25px 0 0}.network-numbers div{display:grid;gap:0}.network-numbers b{font-size:64px;font-weight:400;line-height:1.15;letter-spacing:-.06em}.network-numbers span{font-size:12px;color:#a9b5ad}.catalog{background:#111415;padding:90px 0 24px!important;gap:18px}.catalog>header{padding:0 6vw;align-items:center}.catalog h2{font-size:clamp(34px,4vw,60px);margin-top:5px}.carousel{padding:0 6vw;gap:3vw;flex:1;min-height:0;align-items:stretch}.card{flex:0 0 88vw;display:grid;grid-template-columns:52% 48%;border:0;border-radius:20px;background:#080a0b;min-height:540px;height:calc(100svh - 245px);max-height:790px}.card .scene{position:relative;inset:auto;width:100%;height:100%;grid-area:1/1;overflow:hidden;background:#0b1011}.scene img,.scene video{object-fit:contain!important;object-position:center!important;inset:0;width:100%;height:100%}.card:after{display:none}.card-body{grid-area:1/2;align-self:center;display:flex;flex-direction:column;padding:40px 4vw;gap:19px}.card-body h3{font-size:clamp(32px,3.4vw,53px);max-width:470px}.card-body .eyebrow{font-size:10px}.direction{font-size:14px;color:#b8c7bd;display:flex;gap:12px;align-items:center}.direction-arrow{display:inline-grid;place-items:center;border:1px solid #435144;width:34px;height:34px;border-radius:50%;font-size:18px}.metric{font-size:clamp(46px,5.2vw,76px);margin-top:8px;font-weight:450;line-height:1.06}.metric small{font-size:11px;line-height:1.5;max-width:260px;color:#8f9b93}.card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;align-items:center}.card-actions .cta{flex:none;font-size:13px;padding:14px 20px}.card-actions .text-button{font-size:12px}.catalog-nav{display:flex;align-items:center;justify-content:center;gap:20px;min-height:44px}.dots{gap:5px}.dots button{width:27px;height:44px;padding:14px 7px}.dots button:after{background:#56615b;transition:width .3s,background .3s}.dots button[aria-current=true]:after{background:var(--accent);width:17px}.map-section{background:#080a0b;display:grid;grid-template-columns:32% 1fr;grid-template-rows:auto 1fr auto;column-gap:5vw;min-height:100svh}.map-section>header{grid-area:1/1}.map-section h2{font-size:clamp(42px,5vw,76px);margin-top:16px}.map-wrap{grid-area:1/2/3/3;min-height:480px;width:100%;background:#101713;border:1px solid #ffffff20;border-radius:24px}.map-options{grid-area:2/1;display:flex;flex-direction:column;justify-content:end;gap:8px}.map-options button{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:16px 0;font-size:14px;min-height:50px}.map-options button:hover{color:var(--accent)}.map-caption{grid-area:3/2;color:#a9b4ab;font-size:11px}.map-pin{width:38px;height:38px}.map-reset{font-size:11px}.map-fallback{position:absolute;inset:0;display:grid;place-items:center}.map-fallback[hidden]{display:none}.map-fallback svg{width:100%;height:100%}.steps{background:#e9eee6;color:#142019}.steps h2{font-size:clamp(48px,6.7vw,96px);max-width:1100px}.steps em{color:#60804b}.step-list{grid-template-columns:repeat(3,1fr);gap:36px;margin-top:60px}.step{display:block;border-color:#14251a30;padding-top:24px}.step span{display:block;font-size:12px;margin-bottom:20px}.step h3{font-size:28px}.step p{line-height:1.65;max-width:280px}.steps .text-button{color:#334e27;align-self:flex-start;margin-top:20px}.trust{background:#080a0b;justify-content:center;min-height:100svh;overflow:hidden}.trust .seal{display:none}.trust>h2,.trust>.eyebrow,.trust-description{position:relative;z-index:2;max-width:60%}.trust h2{font-size:clamp(50px,7vw,105px)}.trust-description{max-width:400px!important;line-height:1.7;font-size:16px;color:#b4bdb7}.trust-film{position:absolute;inset:0;z-index:-1;opacity:.5}.trust-film video{width:100%;height:100%;object-fit:cover}.trust-film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080a0b 10%,#080a0b99 55%,#080a0b00),linear-gradient(0deg,#080a0b,transparent 30%,transparent 70%,#080a0b)}.future{background:#111415;gap:30px}.future h2{font-size:clamp(40px,5vw,72px)}.future-grid{grid-template-columns:1fr 1fr;gap:24px;flex:1;max-height:650px}.future-card{display:grid;grid-template-columns:46% 54%;background:#080a0b;border:0;border-radius:18px;overflow:hidden;min-height:340px}.future-card img{width:100%;height:100%;object-fit:contain;background:#0d1414}.future-card>div{align-self:center;padding:24px}.future-card h3{font-size:32px;margin:12px 0}.future-card p{font-size:13px;line-height:1.6}.future-card .eyebrow{font-size:9px}.countdown{font-size:18px;color:var(--accent);margin-top:10px}.closing{background:#e9eee6;color:#142019;align-items:center;text-align:center;gap:24px}.closing h2{font-size:clamp(44px,6.6vw,96px);max-width:1100px}.closing em{color:#60804b}.closing>.eyebrow{color:#5d705c}.closing .cta{background:#1a3824;color:#fff;min-width:230px}.closing .quiet{color:#263b2c;border-color:#abb6a5;background:transparent}.closing .contacts{justify-content:center;gap:22px;font-size:12px}.closing .footnote{max-width:690px;color:#697368;font-size:10px;line-height:1.6}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.progress{height:2px;background:var(--accent)}dialog{background:#101514;color:#f3f4ed;border:1px solid #ffffff25;box-shadow:0 40px 150px #000b;border-radius:24px;max-height:90dvh}dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}dialog .close{position:sticky;float:right;top:12px;margin:12px;right:12px;width:44px;height:44px;z-index:10;background:#080b0de6;border:1px solid #ffffff40;border-radius:50%;font-size:25px}.detail-visual{background:#070b0b}.detail-visual img{object-fit:contain!important;max-height:75vh;width:100%}.detail-content{padding:30px}.detail-data b{font-size:30px}.detail-data small{font-size:11px}.detail-buttons{gap:12px;display:flex;flex-wrap:wrap}.detail-content>.aerial{max-height:350px;object-fit:contain;background:#000;border-radius:14px;width:100%}.share-content{padding:30px;display:grid;gap:20px}.share-content input{max-width:100%;padding:14px;background:#080c09;border:1px solid #ffffff35;border-radius:10px;color:#fff}.share-content label{display:grid;gap:8px}.skip:focus{z-index:99}.play-scene{z-index:3}.motion-off *{scroll-behavior:auto!important}.cinema-fade{transition:opacity .3s}
@media(min-width:1600px){.hero-media{width:60%}.hero .copy{margin-top:100px}.card{height:720px}}
@media(max-width:760px){.topbar{height:68px;padding:8px 20px}.topbar img{height:47px;width:34px}.topnav{display:none}.tools button{font-size:11px;padding:9px 12px}.chapter{padding:90px 24px 30px;gap:22px}.hero{height:100svh;min-height:760px;padding:0 24px 34px;justify-content:flex-end}.hero-media{top:42px;right:0;left:0;width:100%;height:66%;bottom:auto;transform-origin:50% 40%}.hero-media img,.hero-media video{object-fit:contain;object-position:center}.hero-media:after{background:linear-gradient(0deg,#080a0b 0%,transparent 20%)}.hero .hero-logo{width:64px;height:86px;left:24px;top:87px}.hero .copy{width:100%;margin:0;gap:16px}.hero .copy>.eyebrow{font-size:9px;margin-bottom:0}.hero h1{font-size:88px;line-height:.84;max-width:310px}.hero h1 br{display:none}.hero h1 em:before{content:' '}.hero .lead{font-size:14px;line-height:1.5}.hero .lead br{display:none}.hero .cta{min-height:48px;font-size:13px}.hero .discover{position:absolute;right:0;bottom:8px;font-size:0;gap:0}.hero .discover span{font-size:16px}.hero .section-no{display:none}.hook{min-height:100svh;gap:26px}.hook h2{font-size:43px;line-height:1.08}.hook p:last-of-type{font-size:14px}.network-numbers{gap:42px}.network-numbers b{font-size:52px}.network-numbers span{font-size:11px}.catalog{padding:87px 0 20px!important;gap:12px}.catalog>header{padding:0 24px}.catalog h2{font-size:32px}.catalog>header .eyebrow{font-size:9px}.carousel{padding:0 20px;gap:12px;flex:1}.card{flex-basis:calc(100vw - 40px);grid-template-columns:1fr;grid-template-rows:minmax(240px,1fr) auto;height:calc(100svh - 225px);min-height:548px;max-height:760px;border-radius:17px}.card .scene{grid-area:1/1;min-height:0}.card-body{grid-area:2/1;padding:16px 20px 18px;gap:8px;display:grid;grid-template-columns:1fr auto}.card-body>.eyebrow{grid-column:1/-1;font-size:8px;letter-spacing:.12em}.card-body h3{font-size:27px;grid-column:1/-1}.card-body .direction{font-size:11px;grid-column:1/-1;gap:7px}.direction-arrow{width:22px;height:22px;font-size:13px}.card-body .metric{font-size:35px;margin-top:3px;grid-column:1/-1}.metric small{font-size:9px;display:inline-block;max-width:155px;margin:0 0 0 12px;vertical-align:middle;line-height:1.35}.card-actions{grid-column:1/-1;margin-top:4px;gap:12px;flex-wrap:nowrap}.card-actions .cta{min-height:45px;padding:11px 13px;font-size:11px}.card-actions .text-button{font-size:11px}.catalog-nav{gap:12px}.round{width:40px;height:40px}.dots{gap:2px}.dots button{width:25px}.map-section{display:flex;gap:18px;min-height:100svh}.map-section h2{font-size:40px;margin-top:10px}.map-section h2 br{display:none}.map-wrap{min-height:310px;flex:1;width:100%}.map-options{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;flex:none}.map-options button{font-size:12px;padding:9px 0;min-height:44px}.map-caption{font-size:10px}.steps h2{font-size:46px}.step-list{grid-template-columns:1fr;gap:20px;margin-top:20px}.step{display:grid;grid-template-columns:30px 1fr;gap:14px;padding-top:16px}.step span{margin:0;padding-top:4px}.step h3{font-size:24px}.step p{font-size:13px;max-width:270px;margin-top:4px}.steps .text-button{margin-top:0}.trust>h2,.trust>.eyebrow,.trust-description{max-width:100%}.trust h2{font-size:52px}.trust-description{font-size:14px;max-width:300px!important}.trust-film:after{background:linear-gradient(0deg,#080a0b,transparent 40%,#080a0b99),linear-gradient(90deg,#080a0bdd,#080a0b66)}.future{gap:20px;min-height:100svh}.future h2{font-size:38px}.future-grid{grid-template-columns:1fr;gap:14px;max-height:none}.future-card{grid-template-columns:42% 58%;min-height:220px}.future-card>div{padding:18px}.future-card h3{font-size:29px}.future-card p{font-size:12px}.future-card .text-button{font-size:11px}.countdown{font-size:15px}.closing h2{font-size:44px}.closing{gap:23px}.closing .contacts{gap:4px;display:flex;flex-direction:column}.closing .contacts a{min-height:35px}.closing .footnote{font-size:9px}.closing .actions{gap:8px}.closing .quiet{font-size:11px}.section-no{right:24px;bottom:12px}dialog{max-width:calc(100vw - 20px);width:calc(100vw - 20px);max-height:94dvh;padding:0;border-radius:20px}#detail-body{display:block}.detail-visual img{height:55vh;object-fit:contain}.detail-content{padding:24px}.detail-data{gap:20px}.share-content{padding:25px}.share-content .cta{width:100%;font-size:13px}.detail-buttons .cta{width:100%}}
@media(max-width:360px){.hero h1{font-size:74px}.hero .lead{font-size:13px}.hero .hero-logo{width:53px;left:20px}.card-body{padding:14px}.card-body h3{font-size:25px}.card-actions{gap:7px}.card-actions .cta{font-size:10px;padding:10px}.metric small{max-width:130px;margin-left:8px}.catalog h2{font-size:29px}.hook h2{font-size:38px}.network-numbers{gap:30px}.steps h2{font-size:40px}.trust h2{font-size:44px}.future-card>div{padding:12px}.future-card h3{font-size:25px}.closing h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta,.cinema-fade{transition:none}.hero-media{transform:none!important}.chapter h1,.chapter h2{opacity:1!important;transform:none!important}}

html{scroll-padding-top:0}.launch-date{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at bottom,#254530,#0c1813);color:#d5edbb;padding:20px}.launch-date b{font-size:100px;font-weight:300;line-height:1.1;letter-spacing:-.08em}.launch-date strong{font-weight:500;letter-spacing:.22em;font-size:22px}.launch-date>span{font-size:11px;letter-spacing:.22em;margin-bottom:20px}@media(max-width:760px){.launch-date b{font-size:75px}.launch-date strong{font-size:16px}}
/* Larger media and clearer actions, retaining the approved footage. */
.nav-social svg,.contact-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6}.topnav{gap:22px}.contact-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 25px;border:1px solid #9eaf99;border-radius:16px;text-decoration:none;font-size:15px;background:#fff6;transition:background .2s,transform .2s}.contact-button:hover{background:#fff;transform:translateY(-3px)}.closing .contacts{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px}.contacts>a:last-child{flex-basis:100%;margin-top:12px;font-size:12px}
.catalog{gap:12px}.catalog>header{padding:0 3vw}.carousel{padding:0 3vw}.card{flex-basis:94vw;grid-template-columns:64% 36%;height:calc(100svh - 220px);max-height:900px;border:1px solid #ffffff12}.card-body{padding:32px 2.5vw;gap:16px}.card-body h3{font-size:clamp(34px,3.5vw,62px);line-height:1.02}.card .scene{border-radius:20px;isolation:isolate}.card .scene:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,#253528,#080a0b 70%);z-index:-1}.card-body .direction{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:10px 14px;width:fit-content}.card-body .metric{font-size:clamp(40px,4vw,64px);border-top:1px solid #ffffff20;padding-top:20px}.metric small{display:block;margin-top:8px}.expand-film{position:absolute;right:15px;top:15px;z-index:5;width:44px;height:44px;display:grid;place-items:center;background:#101814bb;border:1px solid #ffffff55;border-radius:50%;color:white;font-size:26px;backdrop-filter:blur(12px)}#film-full{width:min(96vw,1300px);height:94dvh;padding:14px}#film-full video{width:100%;height:calc(100% - 45px);object-fit:contain}#film-full .close{position:absolute;right:12px;top:12px}#film-full p{text-align:center;margin:8px;font-size:13px}
.steps{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}.process-copy{display:flex;flex-direction:column;gap:24px;align-items:flex-start}.steps h2{font-size:clamp(58px,7vw,100px)}.process-lead{font-size:17px;line-height:1.65;max-width:440px}.process-labels{display:flex;gap:20px;list-style:none;counter-reset:process;padding:0;font-size:12px;color:#506048}.process-labels li{counter-increment:process;display:grid;gap:9px}.process-labels li:before{content:'0' counter(process);font-size:11px;color:#778b6c}.steps .cta{background:#203e29;color:white;min-height:58px;padding:17px 26px;font-size:16px;box-shadow:0 12px 35px #203e2920}.steps .text-button{font-size:13px;margin:0}.process-visual{position:relative;height:min(70svh,680px);min-height:400px;border-radius:28px;background:radial-gradient(ellipse,#d5e6ca,#b7c7ad);overflow:hidden;display:grid;place-items:center}.process-logo,.process-ad,.process-screen{position:absolute}.process-logo{display:grid;text-align:center;gap:7px;color:#23432c}.process-logo>span{font-size:24px;letter-spacing:.5em}.process-logo strong{font-size:64px;letter-spacing:-.07em}.process-logo small{margin-top:12px}.process-ad{opacity:0;background:#23432c;color:#e4f1db;border-radius:16px;padding:35px;width:70%;height:75%;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 25px 70px #17311b44}.process-ad>b{font-size:80px;line-height:.9;letter-spacing:-.06em}.process-ad span{font-size:12px;letter-spacing:.1em}.process-screen{opacity:0;inset:0}.process-screen video{width:100%;height:100%;object-fit:contain;background:#080a0b}.process-caption{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:11px;z-index:2;background:#e5eddcde;color:#23432c;padding:8px}.motion-off .process-logo,.motion-off .process-ad{opacity:0!important}.motion-off .process-screen{opacity:1!important;transform:none!important}
.future{height:auto;min-height:100svh;padding-bottom:55px}.future-grid{max-height:none;min-height:480px}.future-card{display:flex;flex-direction:column;min-height:0}.future-card>img,.future-card>.launch-date{height:340px;min-height:340px;width:100%;object-fit:contain;align-self:stretch}.future-card>.launch-date{padding:15px}.future-card>div:not(.launch-date){padding:24px 28px;align-self:stretch}.future-card h3{font-size:38px;margin:5px 0}.future-card p.site-reference{margin:12px 0;color:#b8c7b9}.future-card .text-button{display:inline-flex;align-items:center;gap:8px}.launch-date b{font-size:110px}.future h2{line-height:1.08;overflow-wrap:normal}.future .section-no{bottom:15px}
@media(max-width:760px){.catalog>header{padding:0 16px}.carousel{padding:0 8px;gap:10px}.card{flex-basis:calc(100vw - 16px);grid-template-columns:1fr;grid-template-rows:minmax(310px,1fr) auto;height:calc(100svh - 210px);min-height:620px;max-height:900px}.card-body{padding:14px 18px 17px;gap:7px}.card-body h3{font-size:32px}.card-body .eyebrow{font-size:8px}.card-body .direction{font-size:11px;padding:5px 9px}.card-body .metric{font-size:30px;padding:0;border:0;margin:0}.metric small{display:inline-block;margin:0 0 0 10px;font-size:9px;max-width:160px}.card-actions{margin-top:3px}.card-actions .cta{font-size:12px}.catalog-nav{padding-bottom:5px}.steps{display:flex;gap:24px;min-height:100svh;padding:85px 22px 30px}.process-copy{gap:14px;width:100%}.steps h2{font-size:48px}.steps h2 br{display:none}.process-lead{font-size:13px;line-height:1.5}.process-labels{gap:25px;margin:0}.steps .cta{min-height:48px;padding:12px 20px;font-size:13px}.process-visual{width:100%;height:340px;min-height:300px;flex-shrink:0}.process-logo strong{font-size:53px}.process-ad>b{font-size:68px}.process-ad{width:55%;padding:20px}.process-caption{bottom:8px}.process-copy .text-button{min-height:30px}.future-grid{min-height:0;gap:22px}.future h2{font-size:36px}.future-card>img,.future-card>.launch-date{height:330px;min-height:330px}.future-card>div:not(.launch-date){padding:20px}.future-card h3{font-size:34px}.future{padding:85px 18px 50px;overflow:visible}.closing .contacts{gap:10px}.contact-button{padding:12px 18px;font-size:13px}.closing .contacts a{min-height:48px}}
@media(max-width:360px){.card-body h3{font-size:29px}.card-actions .cta{font-size:11px}.steps h2{font-size:42px}.process-visual{min-height:280px;height:300px}.future h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.process-logo,.process-ad{display:none}.process-screen{opacity:1;transform:none}.contact-button{transition:none}}

.real-video-label{position:absolute;bottom:14px;right:15px;background:#0b151cdd;padding:7px 12px;border-radius:20px;font-size:10px;color:#fff;pointer-events:none}
.process-logo small{color:#4a6145}.process-ad small{color:#d6e4cc}

/* v11: complete browsing and sharing flow. */
.card-actions{gap:12px}.card-share{white-space:nowrap}.detail-navigation{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 24px;padding-bottom:18px;border-bottom:1px solid #ffffff22}.detail-navigation span{font-size:12px;color:#b9c7b9}.detail-navigation .quiet{font-size:12px;padding:10px 15px}
#film-full{display:none;padding:0;overflow:hidden}#film-full[open]{display:flex;flex-direction:column}.full-media{height:calc(94dvh - 175px);min-height:0;flex:1;background:#050807}#film-full .full-media video{width:100%;height:100%;object-fit:contain}.full-bottom{padding:12px 22px 18px;background:#101814;flex-shrink:0}.full-navigation{display:flex;align-items:center;justify-content:center;gap:28px}.full-navigation .quiet{padding:10px 20px;font-size:12px}#full-position{font-size:12px;color:#b9c7b9}.full-actions{display:flex;justify-content:center;align-items:center;gap:12px}.full-actions .cta,.full-actions .quiet{font-size:12px;min-height:44px;padding:10px 17px}.full-actions .text-button{font-size:12px}#film-full #full-title{font-size:14px;margin:10px 0}
.share-preview{border:1px solid #ffffff25;border-radius:16px;overflow:hidden;background:#080d0a}.share-preview>img{display:block;width:100%;height:auto;max-height:230px;object-fit:contain}.share-preview>div{padding:14px 18px}.share-preview h3{font-size:27px;margin-top:8px}.share-preview p{font-size:12px;color:#b6c4b5;margin-top:6px}.share-explainer{font-size:13px;line-height:1.6;color:#bdcbbd}.share-message-preview{font-size:13px;line-height:1.6;padding:16px;border-radius:14px;background:#27432c;color:#edf4e9}.share-content{gap:14px}.unavailable{opacity:.5;cursor:not-allowed}.share-content #copy-status{font-size:12px;line-height:1.6;color:#dce8ca}.share-content #share-url{font-size:11px}
@media(max-width:760px){.card-actions{gap:10px;flex-wrap:wrap}.card-actions .cta{padding:11px;font-size:11px}.card-actions .text-button{font-size:10px}.full-bottom{padding:10px 12px 14px}.full-navigation{gap:15px}.full-navigation .quiet{padding:10px 15px}.full-actions{gap:8px;flex-wrap:wrap}.full-actions .cta,.full-actions .quiet{font-size:11px;padding:10px 12px}.full-actions .text-button{font-size:11px}#film-full #full-title{font-size:12px}.full-media{height:calc(94dvh - 190px)}.share-preview>img{max-height:170px}.share-preview h3{font-size:25px}.share-content{padding:22px}.detail-navigation .quiet{font-size:11px;padding:10px 12px}}
@media(max-width:360px){.card-actions{gap:7px}.card-actions .cta{font-size:10px}.card-actions .text-button{font-size:9px}}

#copy-status:not(:empty){padding:12px;border:1px solid #c8eea54d;border-radius:12px;background:#c8eea50a}
/* Clear chapters, deliberate pacing and a client-controlled campaign story. */
html{scroll-behavior:smooth;scroll-padding-top:0}.chapter{border-top:1px solid #ffffff12;scroll-margin-top:0;overflow:clip}.chapter+.chapter:before{content:'';position:absolute;top:0;left:6vw;right:6vw;height:1px;background:#ffffff12;pointer-events:none}.chapter-intro{font-size:17px;line-height:1.65;max-width:670px;color:#b7c6bc;margin-top:20px}.section-no{letter-spacing:.14em}.hero .hero-logo{width:106px;height:145px;top:98px;animation:brand-breathe 7s ease-in-out 1.5s infinite}.hero .copy{margin-top:125px}.hero-message{display:flex;align-items:center;gap:14px;padding:17px 20px;border:1px solid #ffffff24;border-radius:19px;background:#15201bd9;box-shadow:0 18px 50px #0002;max-width:400px;backdrop-filter:blur(18px)}.hero-message .lead{font-size:15px;line-height:1.55}.hero-message strong{font-weight:500;color:#f2f8ed}.message-dot{width:9px;height:9px;flex-shrink:0;background:#c8eea5;border-radius:50%;box-shadow:0 0 20px #c8eea5bb}.topbar img{width:48px;height:60px}.hero h1{font-size:clamp(110px,12vw,180px)}
@keyframes brand-breathe{0%,100%{filter:drop-shadow(0 0 0 #fff0);transform:translateY(0)}50%{filter:drop-shadow(0 0 16px #d9ffbd30);transform:translateY(-4px)}}
.hook{align-items:stretch;text-align:left;justify-content:center;gap:30px;background:radial-gradient(ellipse at top right,#1d3023,#080a0b 65%)}.hook-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:20px 55px;align-items:end}.hook-heading>.eyebrow{grid-column:1/-1}.hook h2{font-size:clamp(46px,5.5vw,82px);line-height:1.04}.hook-heading .chapter-intro{font-size:17px;margin:0;padding-bottom:6px}.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.reason-grid article{padding:28px;background:#ffffff05;border:1px solid #ffffff19;border-radius:20px}.reason-grid article>span{color:#95b48a;font-size:12px}.reason-grid h3{font-size:27px;margin:22px 0 14px}.reason-grid p{font-size:14px;line-height:1.65;color:#b7c6bc}.hook .network-numbers{justify-content:flex-start;padding-top:4px;gap:60px}.network-numbers b{font-size:48px}
.steps{display:flex;flex-direction:column;align-items:stretch;gap:30px;background:#e9eee6;min-height:100svh;padding-top:100px;padding-bottom:60px;overflow:visible}.journey-heading{display:grid;grid-template-columns:1fr 1fr;gap:18px 50px;align-items:end}.journey-heading>.eyebrow{grid-column:1/-1}.steps h2{font-size:clamp(42px,5vw,68px)}.journey-heading .chapter-intro{color:#4a5e46;margin:0;font-size:16px}.journey{border:1px solid #bbc9b6;border-radius:24px;overflow:hidden;background:#f6f8f2}.journey-menu{display:grid;grid-template-columns:repeat(5,1fr);background:#dce6d4;border-bottom:1px solid #bdc9b5}.journey-menu button{border:0;background:transparent;color:#4a6042;padding:20px 12px;font-size:11px;display:flex;gap:12px;align-items:center;justify-content:center;min-height:64px}.journey-menu button span{font-size:13px}.journey-menu button[aria-selected=true]{background:#23432c;color:#fff}.journey-menu button:hover{background:#c7d8bb}.journey-menu button[aria-selected=true]:hover{background:#23432c}#journey-panel{display:grid;grid-template-columns:1fr 1fr;min-height:420px}.journey-art{display:grid;place-items:center;background:radial-gradient(ellipse,#d6e7cd,#b6c9ac);height:430px;overflow:hidden;position:relative}.journey-story{padding:40px;display:flex;flex-direction:column;justify-content:center;gap:18px}.journey-story .eyebrow{color:#5a764e;font-size:10px}.journey-story h3{font-size:35px;line-height:1.08}.journey-story>p{font-size:15px;line-height:1.65;color:#344c34}#journey-note{padding:14px;border-left:2px solid #89a975;font-size:12px;line-height:1.6;color:#53684b;background:#e9f0e4}.journey-controls{display:flex;align-items:center;gap:20px;margin-top:10px}.journey-controls .quiet{color:#28432b;background:#e2ebda;border-color:#bccbb3;min-height:46px;font-size:12px}.journey-controls .quiet:disabled{opacity:.35;cursor:default}.journey-controls>span{font-size:11px;white-space:nowrap;color:#65795a}.journey-controls .cta{font-size:12px;min-height:46px;padding:12px 17px}.steps .journey-cta{align-self:center}.steps [hidden]{display:none!important}.brand-orbit{position:relative;width:320px;height:320px;display:grid;place-items:center}.brand-core{width:160px;height:160px;display:flex;flex-direction:column;justify-content:center;text-align:center;border:1px solid #456c3e45;border-radius:50%;background:#ecf4e7;box-shadow:0 25px 50px #33592b19;font-size:18px;line-height:1.4;letter-spacing:.2em}.brand-core b{font-size:30px;letter-spacing:-.03em}.brand-orbit>span{position:absolute;padding:12px 18px;border-radius:22px;background:#24422c;color:#e3f1da;font-size:12px}.brand-orbit>span:nth-child(2){top:20px;left:10px}.brand-orbit>span:nth-child(3){right:0;top:105px}.brand-orbit>span:nth-child(4){bottom:15px;left:70px}.demo-ad{width:235px;height:350px;background:#24442d;border:8px solid #112b1b;border-radius:10px;box-shadow:0 20px 40px #0003;color:#e7f3db;display:flex;flex-direction:column;padding:20px;gap:12px}.demo-ad>span:first-child{font-size:11px;letter-spacing:.15em}.demo-ad>b{font-size:37px;line-height:1;letter-spacing:-.05em}.demo-ad small{font-size:10px;color:#c3d7b5}.demo-product{width:80px;height:88px;border-radius:18px 18px 24px 24px;background:linear-gradient(125deg,#d6ee9c,#8ca36c);box-shadow:inset -10px -4px 18px #567646,0 12px 20px #0004;align-self:center;transform:rotate(-12deg)}.demo-contact{font-size:10px;border-top:1px solid #ffffff40;padding-top:10px}.journey-live{height:100%;width:100%;position:relative;background:#080a0b}.journey-live video{height:100%;width:100%;object-fit:contain}.journey-live>span{position:absolute;bottom:12px;left:15px;right:15px;text-align:center;background:#102819e6;color:white;padding:9px;border-radius:12px;font-size:12px}.presence-demo{text-align:center;width:80%;color:#24442d}.presence-demo>span{font-size:10px;letter-spacing:.2em}.presence-demo>strong{display:block;font-size:95px;font-weight:400;letter-spacing:-.07em;line-height:1.2}.presence-demo p{font-size:15px}.repeat-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:7px;margin:25px 0}.repeat-grid i{height:10px;background:#587f42;border-radius:3px}.presence-month{border-top:1px solid #54734355;padding:20px;display:flex;align-items:center;gap:20px;justify-content:center}.presence-month b{font-size:35px;font-weight:400;letter-spacing:-.05em}.presence-month span{font-size:11px;max-width:100px;text-align:left}.result-path{width:75%;display:flex;flex-direction:column;align-items:center}.result-path>div{background:#f1f6ea;border:1px solid #52744455;border-radius:18px;padding:18px 25px;display:grid;grid-template-columns:30px 1fr;width:100%;gap:5px 10px;box-shadow:0 8px 30px #31562a10}.result-path span{grid-row:1/3;font-size:11px;padding-top:8px;color:#6b815f}.result-path b{font-size:25px;font-weight:500}.result-path small{color:#566d4c;font-size:11px}.result-path>i{height:24px;width:2px;background:#61834f}
.trust{display:grid;grid-template-columns:1.1fr .9fr;gap:5vw;align-items:center;background:#0d1712;padding-top:110px;padding-bottom:70px}.trust-copy{max-width:none}.trust h2{font-size:clamp(44px,5vw,72px);margin-top:20px}.trust .chapter-intro{font-size:19px;color:#dce7d8}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.proof-grid article{padding:25px 20px;border:1px solid #ffffff25;border-radius:18px;background:#ffffff06}.proof-grid span{font-size:9px;letter-spacing:.1em;color:#a9c898}.proof-grid h3{font-size:25px;line-height:1.15;margin:16px 0}.proof-grid p{font-size:12px;line-height:1.6;color:#b3c4ae}.trust-film{position:relative;inset:auto;margin:0;height:570px;width:100%;opacity:1;z-index:auto;border-radius:24px;overflow:hidden;background:#060d08}.trust-film video{object-fit:cover;height:100%;width:100%}.trust-film:after{display:none}.trust-film figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#061109);padding:60px 20px 22px;font-size:12px;color:#fff}
.future{background:#111415;padding-top:110px;gap:30px}.future>header{display:block}.future h2{font-size:clamp(44px,5vw,70px)}.future .chapter-intro{margin-top:18px}.future-grid{max-width:none;gap:26px}.future-card{border:1px solid #ffffff20;display:grid;grid-template-columns:1fr;grid-template-rows:360px auto;background:#0a0e0c}.future-card .future-story{padding:30px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.future-story h3{font-size:37px;line-height:1.05;margin:0}.future-story p{font-size:14px;line-height:1.65}.future-story .future-benefit{color:#b4c5ad;border-top:1px solid #ffffff20;padding-top:15px}.future-story .cta{font-size:12px;margin-top:auto}.location-tag{font-size:10px;color:#c8eea5;letter-spacing:.1em;text-transform:uppercase}.future-card .future-image{height:360px;padding:0;position:relative;width:100%;background:#18231a}.future-image img{object-fit:contain;height:100%;width:100%}.concept-label{position:absolute;bottom:10px;left:14px;font-size:9px;color:#e2ecdc;background:#07150ecc;padding:6px 9px;border-radius:12px}.future-card .samana-visual{height:360px;width:100%;position:relative;padding:0;background:linear-gradient(#477f9b,#c6dcd4 75%,#355e5f 75%,#173b3d);overflow:hidden;align-self:stretch}.coastal-sky{position:absolute;top:30px;right:40px;width:70px;height:70px;border-radius:50%;background:#ffefbb;box-shadow:0 0 70px #fff5a4}.color-houses{display:flex;position:absolute;bottom:90px;left:7%;right:7%;align-items:flex-end;gap:5px;height:120px}.color-houses i{height:90%;flex:1;background:#dda6a5;position:relative;border:4px solid #efe9d8;box-shadow:8px 6px 0 #183c3c22}.color-houses i:before{content:'';position:absolute;left:-8px;right:-8px;top:-25px;height:25px;background:#ecede0;clip-path:polygon(50% 0,100% 100%,0 100%)}.color-houses i:after{content:'';position:absolute;left:22%;right:22%;top:25%;height:45%;background:repeating-linear-gradient(0deg,#435f5f 0 12px,#eae6ce 12px 16px)}.color-houses i:nth-child(2){background:#f0d58a;height:100%}.color-houses i:nth-child(3){background:#a8c8b3;height:85%}.color-houses i:nth-child(4){background:#c5b0d2;height:95%}.color-houses i:nth-child(5){background:#91bdd1;height:80%}.samana-date{position:absolute;top:28px;left:28px;color:#fff;text-shadow:0 2px 10px #234d5a;display:grid;gap:6px}.samana-date>span{font-size:9px;letter-spacing:.14em}.samana-date b{font-size:48px;font-weight:500;letter-spacing:-.055em}.samana-date small{font-size:13px;color:#fff}.future .countdown{font-size:15px;margin:0}
.closing{gap:28px;padding-top:110px;padding-bottom:55px}.closing h2{font-size:clamp(43px,6vw,86px)}.closing .actions,.closing .contacts{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:min(620px,100%)}.closing .actions>.quiet,.closing .contacts>.contact-button{display:flex;align-items:center;justify-content:flex-start;gap:15px;background:#fbfcf8;border:1px solid #b4c2ab;border-radius:18px;padding:20px 24px;min-height:76px;font-size:14px;text-decoration:none;color:#203c26;box-shadow:0 8px 25px #203b2410}.closing .actions svg,.closing .contacts svg{width:27px;height:27px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5}.closing .actions>.quiet:hover,.closing .contacts>.contact-button:hover{background:#d9e9cc;transform:translateY(-2px)}.closing .contacts>.back-home{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:12px;text-decoration:none;padding:16px;margin-top:4px;min-height:68px;font-size:13px;color:#375432}.back-home img{width:32px;height:42px;object-fit:contain;filter:brightness(0) saturate(100%);opacity:.75}.full-still{width:100%;height:100%;object-fit:contain}.full-media [hidden]{display:none!important}.motion-off .hero-logo{animation:none!important}
@media(max-width:760px){.chapter{padding-top:90px;padding-bottom:48px}.hero{padding:0 24px 35px}.hero .hero-logo{width:78px;height:105px;top:85px;left:24px}.hero .copy{margin-top:0;gap:16px}.hero h1{font-size:82px}.hero-message{padding:12px 15px;border-radius:15px;gap:10px;width:100%}.hero-message .lead{font-size:13px}.hero-message .lead br{display:block}.topbar img{width:37px;height:50px}.hook{gap:22px;min-height:100svh}.hook-heading{display:block}.hook-heading>.eyebrow{margin-bottom:20px}.hook h2{font-size:43px}.hook-heading .chapter-intro{font-size:14px;margin-top:18px}.reason-grid{grid-template-columns:1fr;gap:10px}.reason-grid article{display:grid;grid-template-columns:24px 1fr;padding:18px;gap:6px 10px}.reason-grid article>span{grid-row:1/3;padding-top:5px}.reason-grid h3{font-size:23px;margin:0}.reason-grid p{font-size:12px;line-height:1.55;grid-column:2}.hook .network-numbers{gap:40px;padding:6px 0}.network-numbers b{font-size:40px}.chapter-intro{font-size:14px}.steps{padding:90px 16px 45px;gap:24px}.journey-heading{display:block;padding:0 6px}.steps h2{font-size:42px;margin:16px 0}.journey-heading .chapter-intro{font-size:13px}.journey-menu{overflow-x:auto;display:flex;scrollbar-width:none}.journey-menu button{flex:0 0 110px;min-height:64px;padding:10px;display:grid;gap:4px}.journey-menu button span{font-size:11px}#journey-panel{display:flex;flex-direction:column}.journey-art{height:310px;flex-shrink:0}.journey-story{padding:24px 20px;gap:15px}.journey-story h3{font-size:30px}.journey-story>p{font-size:13px}#journey-note{font-size:11px}.journey-controls{gap:12px;justify-content:space-between}.journey-controls .cta{font-size:11px;padding:10px 14px}.journey-controls .quiet{font-size:11px;padding:10px 12px}.brand-orbit{transform:scale(.8)}.demo-ad{transform:scale(.79)}.presence-demo>strong{font-size:70px}.repeat-grid{margin:15px 0;gap:5px}.presence-month{padding:15px}.result-path>div{padding:14px 20px}.result-path>i{height:15px}.result-path b{font-size:22px}.trust{display:flex;gap:28px;padding:90px 22px 50px}.trust h2{font-size:43px}.trust .chapter-intro{font-size:17px;line-height:1.6}.proof-grid{grid-template-columns:1fr;gap:12px;margin-top:22px}.proof-grid article{padding:20px}.proof-grid h3{font-size:27px;margin:12px 0}.proof-grid h3 br{display:none}.trust-film{height:350px;flex-shrink:0}.future{padding:90px 18px 50px;gap:26px}.future h2{font-size:44px}.future-grid{gap:26px}.future-card{grid-template-rows:310px auto}.future-card .samana-visual,.future-card .future-image{height:310px;min-height:0}.future-card .future-story{padding:23px;gap:15px}.future-story h3{font-size:33px}.future-story p{font-size:13px}.future-story .cta{font-size:11px}.color-houses{height:100px;bottom:65px}.samana-date{top:24px;left:24px}.samana-date b{font-size:43px}.closing{padding:90px 20px 40px;gap:24px}.closing h2{font-size:42px}.closing .actions,.closing .contacts{gap:10px}.closing .actions>.quiet,.closing .contacts>.contact-button{padding:17px 14px;min-height:90px;font-size:12px;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}.closing .contacts>.contact-button{flex-direction:row;min-height:70px;align-items:center;justify-content:center}.closing .contacts>.back-home{font-size:12px;min-height:65px}.closing .contacts>a:last-child{margin:0}.closing .footnote{font-size:9px}.section-no{bottom:15px}}
@media(max-width:360px){.hero h1{font-size:74px}.hook h2,.steps h2,.trust h2{font-size:37px}.journey-story{padding:21px 16px}.journey-controls{gap:8px}.journey-controls .cta{font-size:10px}.future h2{font-size:39px}.closing h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){.hero-logo{animation:none!important}.chapter{scroll-behavior:auto}.hero-message{transform:none!important;opacity:1!important}}

/* Keep future media inside its own row, independent of intrinsic image size. */
.future-card>.future-image{padding:0;display:block;overflow:hidden;min-width:0;min-height:0}.future-card>.future-image>img{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:contain}

/* v13: functional campaign brief and readable controls. */
.catalog-nav .round{width:auto;min-width:86px;border-radius:24px;padding:10px 16px;font-size:12px}.expand-film{width:auto!important;height:auto!important;padding:10px 15px!important;border-radius:20px!important;font-size:12px!important}.reason-link{color:#c8eea5;border:1px solid #c8eea555;border-radius:22px;padding:10px 15px;background:transparent;margin-top:12px;min-height:44px}.brief-fields{display:grid;gap:12px}.brief-fields label{display:grid;gap:7px;color:#24422c;font-size:13px}.brief-fields input,.brief-fields select,.brief-fields textarea{width:100%;min-width:0;min-height:44px;background:white;color:#183720;border:1px solid #9aac91;border-radius:10px;padding:11px;font:inherit}.brief-fields textarea{min-height:84px;resize:vertical}.brief-fields pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:13px;line-height:1.65;background:#e5eddf;padding:15px;border-radius:12px}.brief-fields .cta{font-size:13px;justify-content:center;text-align:center}.brief-fields .brief-error{color:#8c291b;font-size:13px}.brief-fields .quiet{color:#24422c;background:#e1ead9}.brief-fields input:focus,.brief-fields select:focus,.brief-fields textarea:focus{outline:2px solid #315936;outline-offset:2px}.card:has([data-expand="espana-eo"]) .scene img{object-fit:cover;object-position:center 38%}.card:has([data-expand="espana-eo"]) .scene{min-height:440px}.card-body h3{font-size:clamp(36px,4vw,56px)}
@media(max-width:760px){.reason-link{grid-column:2;justify-self:start;margin-top:5px}.card:has([data-expand="espana-eo"]){height:auto;max-height:none;grid-template-rows:440px auto}.card-body h3{font-size:38px}.journey-art{height:270px}.journey-story{padding:22px 20px}.catalog-nav{gap:8px}.catalog-nav .round{min-width:75px;padding:10px;font-size:11px}}

.journey-live>img{width:100%;height:100%;object-fit:contain}.brief-fields pre{margin:0}.brief-fields p{font-size:12px;line-height:1.6}
.samana-photo{position:relative;isolation:isolate}.future-card>.samana-photo{padding:0}.samana-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 60%}.coming-soon{position:absolute;inset:auto 0 0;padding:55px 28px 24px;background:linear-gradient(transparent,#06140de8);display:grid;gap:8px;color:white}.coming-soon>span{font-size:11px;letter-spacing:.2em}.coming-soon>strong{font-size:48px;font-weight:500;letter-spacing:-.05em}.future-story .photo-credit{font-size:10px;line-height:1.6;color:#aabbaa}.photo-credit a{color:inherit}.map-selection{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px 24px;background:#172b20;border:1px solid #829f6c66;border-radius:18px;width:100%;text-align:left}.map-selection[hidden]{display:none}.map-selection h3{font-size:26px}.map-selection p{font-size:12px;margin-top:8px}.map-selection-actions{display:flex;gap:12px;flex-wrap:wrap}.map-selection-actions .quiet{display:flex;align-items:center;padding:10px 16px;color:#eff6e9;text-decoration:none;border-radius:24px}.map-options button[aria-pressed=true]{background:#c8eea5;color:#18351d}.map-reset{max-width:220px;font-size:12px}.real-location{border:1px solid #82966f66;border-radius:15px;margin:20px 0;padding:16px}.real-location summary{cursor:pointer;font-size:16px;color:#d2edbc;min-height:35px}.real-location figure{margin:15px 0}.real-location img{width:100%;height:340px;object-fit:contain;background:#080b0a}.real-location figcaption,.real-location p{font-size:11px;color:#acb9ad;line-height:1.6}.real-location a{display:inline-block;padding:12px;border-radius:20px;color:#c8eea5;text-decoration:none}.brief-destination{background:#dcead3;border-left:3px solid #375d34;padding:12px;font-weight:550}.result-flow{width:100%;max-width:430px;padding:20px;display:grid;gap:12px}.flow-nodes{display:grid;justify-items:center}.flow-nodes button{width:100%;border:1px solid #a2b797;background:#edf3e8;border-radius:16px;padding:12px 20px;display:grid;gap:6px;text-align:left;color:#315334;transition:background .4s,transform .4s,box-shadow .4s}.flow-nodes button.active{background:#25482e;color:#f1f6eb;transform:scale(1.025);box-shadow:0 8px 25px #25482e25}.flow-nodes button span{font-size:9px;letter-spacing:.1em}.flow-nodes button b{font-size:27px;font-weight:500;letter-spacing:-.04em}.flow-arrow{font-style:normal;line-height:24px;font-size:25px;color:#719566}.flow-nodes[data-phase="1"] .flow-arrow:first-of-type,.flow-nodes[data-phase="2"] .flow-arrow:last-of-type{color:#193e22;animation:flow-travel .8s ease-in-out 2}#result-explain{font-size:12px;line-height:1.6;min-height:58px;color:#26482b;margin:0}.result-flow .quiet{background:#e2ecd9;color:#28482c;border-radius:22px;font-size:12px;padding:10px}#journey-art:has(.result-flow){height:auto;min-height:500px}.motion-off .flow-arrow{animation:none!important}@keyframes flow-travel{50%{transform:translateY(4px);opacity:.4}}@media(prefers-reduced-motion:reduce){.flow-arrow{animation:none!important}}@media(max-width:760px){.map-selection{flex-direction:column;align-items:stretch;padding:18px}.map-selection-actions{flex-direction:column}.map-selection-actions>*{justify-content:center}.map-section{height:auto;min-height:100svh;padding-bottom:40px}.map-wrap{flex:none;height:380px;min-height:380px}.map-options{flex-wrap:wrap}.map-options button{flex:1 1 40%}.result-flow{padding:24px}.real-location img{height:270px}#journey-art:has(.result-flow){min-height:510px}.coming-soon>strong{font-size:40px}}

.story-listen{color:#e9f5e1;border:1px solid #c8eea566;border-radius:24px;padding:12px 20px;align-self:flex-start;background:#102116cc;font-size:12px}.hero .copy{gap:18px}@media(max-width:760px){.hero .copy{gap:12px}.story-listen{padding:10px 15px;font-size:11px}}

.overview-pin{cursor:pointer;outline:none}.overview-pin:hover rect,.overview-pin:focus rect{fill:#41603b;stroke:#f0ffdf;stroke-width:2}.map-reset{z-index:3}.map-fallback svg{padding:25px 0 0}.map-wrap{background:radial-gradient(ellipse at 55% 45%,#172c23,#081611)}