/* STAYTEL — Film v3 (110s, 18 chapters). Base UI/hero/nav/controller styles come from space.css; this file only adds focused v3 overrides. */
@import url('space.css');
:root{--film-height:1320svh;--paper:#f2eee3;--paper-ink:#1d3327;--paper-x:0px;--paper-y:0px;--paper-w:min(340px,28vw)}

/* interior chapters: keep copy low-right, clear of the desk on the left */
.lounge,.kitchen,.bedroom,.desk{padding-bottom:140px}

/* paper chapters — one step per chapter, positioned over the paper LEFT of the laptop (flex-end in RTL). Root maps --paper-x/--paper-y to the actual montage. */
.paper-chapter{justify-content:flex-end;align-items:center;padding:100px 6% 125px}
.paper-chapter .chapter-copy{width:var(--paper-w);max-height:none;transform:translate(var(--paper-x),calc(var(--paper-y) + 16px))}
.paper-chapter.active .chapter-copy{transform:translate(var(--paper-x),var(--paper-y))}
.paper-map{background:var(--paper);color:var(--paper-ink);padding:22px 24px 24px;border-radius:2px;box-shadow:0 18px 40px #00110a66,0 1px 0 #fff8 inset;background-image:linear-gradient(180deg,#fffdf7 0,transparent 55%);position:relative}
.paper-map:before{content:'';position:absolute;inset:8px;border:1px solid #1d332714;pointer-events:none}
.paper-title{font:12px/1.4 Arial,sans-serif;letter-spacing:.3px;color:#1d3327a6;margin:0 0 12px;display:flex;align-items:center;gap:10px}
.paper-title:after{content:'';flex:1;height:1px;background:#1d332726}
.paper-marks{list-style:none;margin:0 0 16px;padding:0;display:flex;gap:7px;direction:rtl}
.paper-marks li{width:9px;height:9px;border-radius:50%;border:1px solid #1d332766;background:transparent}
.paper-marks .is-done{background:#1d33274d;border-color:transparent}
.paper-marks .is-current{background:var(--tan);border-color:var(--tan);box-shadow:0 0 0 3px #d0925f33}
.step-number{font-family:Georgia,serif;font-size:44px;line-height:1;margin:0 0 8px;color:var(--green);direction:ltr;display:flex;align-items:baseline;gap:6px;justify-content:flex-end}
.step-number small{font:12px Arial,sans-serif;letter-spacing:1px;color:#1d33278c}
.paper-map h2{font-size:clamp(24px,2vw,28px);line-height:1.3;margin:0 0 8px;color:var(--paper-ink);text-shadow:none;letter-spacing:0}
.step-detail{font-size:16px;line-height:1.6;margin:0;color:#1d3327d9}
.step-note{font-size:14px;line-height:1.55;margin:12px 0 0;padding-top:10px;border-top:1px dashed #1d332733;color:var(--green)}
.step-note:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--tan);margin-left:8px;vertical-align:middle}

/* proof — long single-line heading */
.proof h2{font-size:clamp(30px,3vw,40px)}.proof .body-copy{margin-top:6px}

/* outlook chapters (inbound 2025 / 2030 target / Laheq) */
.outlook{align-items:center}.outlook .chapter-copy{width:min(600px,50vw)}
.stat-mid{font-size:clamp(70px,9vw,128px);letter-spacing:-4px;line-height:1}.stat-mid span{font-size:.42em;letter-spacing:0;padding-top:.28em;margin-left:4px}
.outlook h2{margin-top:6px}.outlook .body-copy{margin-bottom:12px}
.status-tag{font-style:normal;color:var(--tan);font-size:15px}
.source-link{display:inline-block;font-size:14px;line-height:1.5;color:#eae9e3d9;border-bottom:1px solid #d0925f99;padding-bottom:4px}
.source-link span{font-family:Arial;color:var(--tan);margin-right:6px}
.footnote{font-size:13px;line-height:1.5;color:#eae9e3a6;margin:14px 0 0}

/* closing — contacts + neutral platform list, compact */
.closing .chapter-copy{width:min(600px,50vw)}
.closing .body-copy{margin-bottom:16px}
.closing .platforms-title{margin:22px 0 8px}
.closing .platform-list{gap:6px 8px}.closing .platform-list li{font-size:13px;padding:5px 12px}.closing .platform-list li:not([dir]){font-size:14px}

/* mobile portrait (390x844 / 375x667): paper becomes a legible card inside the viewport, never stacked */
@media(max-width:760px){
.lounge,.kitchen,.bedroom,.desk{padding:95px 6% 130px}
.paper-chapter{justify-content:flex-start;align-items:flex-end;padding:95px 6% 130px}
.paper-chapter .chapter-copy,.paper-chapter.active .chapter-copy{width:100%;max-width:400px;transform:none}
.paper-map{padding:16px 18px 18px}.paper-title{margin-bottom:8px}.paper-marks{margin-bottom:10px}
.step-number{font-size:34px;margin-bottom:6px}.paper-map h2{font-size:22px;margin-bottom:6px}.step-detail{font-size:15px}.step-note{font-size:13px;margin-top:8px;padding-top:8px}
.outlook,.closing{align-items:flex-end}.outlook .chapter-copy,.closing .chapter-copy{width:100%}
.stat-mid{font-size:clamp(56px,16vw,84px);letter-spacing:-3px}
.outlook h2{font-size:clamp(26px,7.4vw,30px)}.outlook .body-copy{font-size:15px;line-height:1.6;margin-bottom:8px}
.status-tag{font-size:14px}.source-link{font-size:13px}.footnote{font-size:12px;margin-top:10px}
.closing .body-copy{font-size:15px;margin:8px 0 12px}.closing .email-link{margin-top:12px}.closing .platforms-title{margin:14px 0 6px;font-size:14px}
.closing .platform-list{gap:5px 6px}.closing .platform-list li{font-size:12px;padding:4px 10px}.closing .platform-list li:not([dir]){font-size:13px}
}
@media(max-height:650px){
.step-number{font-size:30px}.paper-map h2{font-size:20px}.step-detail{font-size:14px}
.stat-mid{font-size:60px}.outlook h2{font-size:26px}.outlook .body-copy{font-size:14px}
.closing h2{font-size:30px}.closing .body-copy{font-size:14px;margin:6px 0 10px}.closing .platforms-title{margin:10px 0 5px}
}

/* short landscape (844x390): everything fits, no horizontal overflow */
@media(max-height:480px) and (min-width:650px){
.lounge,.kitchen,.bedroom,.desk{padding:60px 6% 78px;align-items:center}
.paper-chapter{padding:56px 6% 70px;justify-content:flex-end;align-items:center}
.paper-chapter .chapter-copy,.paper-chapter.active .chapter-copy{width:min(300px,34vw);max-width:none;max-height:calc(100svh - 126px);transform:none;overflow:visible}
.paper-map{padding:10px 14px 12px}.paper-map:before{inset:5px}
.paper-title{font-size:10px;margin-bottom:5px}.paper-marks{margin-bottom:6px;gap:5px}.paper-marks li{width:7px;height:7px}
.step-number{font-size:24px;margin-bottom:3px}.step-number small{font-size:10px}
.paper-map h2{font-size:17px;line-height:1.25;margin-bottom:3px}.paper-map h2 span{display:inline}
.step-detail{font-size:12px;line-height:1.4}.step-note{font-size:11px;line-height:1.4;margin-top:5px;padding-top:5px}
.outlook,.closing{align-items:center}.outlook .chapter-copy,.closing .chapter-copy{width:64vw;max-height:calc(100svh - 126px);overflow:visible}
.stat-mid{font-size:40px;letter-spacing:-2px;line-height:1}
.outlook h2{font-size:22px;margin:2px 0 4px}.outlook .body-copy{font-size:13px;line-height:1.4;margin:4px 0 6px}
.status-tag{font-size:12px}.source-link{font-size:12px;padding-bottom:2px}.footnote{font-size:11px;margin-top:6px}
.closing h2{font-size:24px}.closing .body-copy{font-size:13px;margin:4px 0 8px}
.closing .call-link{padding:6px 12px;font-size:14px;max-width:300px}.closing .call-link b{font-size:16px}.closing .email-link{margin-top:6px;font-size:12px}
.closing .platforms-title{margin:8px 0 4px;font-size:12px}.closing .platform-list{gap:4px 5px}.closing .platform-list li{font-size:11px;padding:2px 8px}.closing .platform-list li:not([dir]){font-size:12px}
}

/* wide desktop (1440x900): slightly larger paper, still left of the laptop */
@media(min-width:1300px) and (min-height:760px){:root{--paper-w:min(360px,26vw)}.paper-map{padding:26px 28px 28px}}

/* flow fallback (no video): paper returns to normal document flow, no transforms */
body.is-flow .paper-chapter{justify-content:flex-start;align-items:flex-end}
body.is-flow .paper-chapter .chapter-copy,body.is-flow .paper-chapter.active .chapter-copy{transform:none;position:static;width:100%;max-width:520px;max-height:none;overflow:visible}
body.is-flow .outlook .chapter-copy,body.is-flow .closing .chapter-copy{max-height:none;overflow:visible}

@media(prefers-reduced-motion:reduce){.paper-chapter .chapter-copy,.paper-chapter.active .chapter-copy{transition:none;transform:translate(var(--paper-x),var(--paper-y))}}

/* Confirmed success partners; official artwork is wired by the source-asset task. */
.partners{align-items:center}.partners .chapter-copy{width:min(700px,68vw)}
.partner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:20px 0 0;padding:0}
.partner-grid li{display:flex;align-items:center;justify-content:center;min-height:82px;padding:12px;background:var(--ivory);color:var(--green);border:1px solid #d0925f66;text-align:center;font-size:20px;line-height:1.4}
.partner-grid img{display:block;width:100%;max-width:150px;height:46px;object-fit:contain}
@media(max-width:760px){.partners{align-items:flex-end}.partners .chapter-copy{width:100%}.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.partner-grid li{min-height:64px;padding:8px;font-size:18px}.partner-grid img{height:40px;max-width:120px}}
@media(max-height:480px) and (min-width:650px){.partners{align-items:center;padding:60px 6% 78px}.partners .chapter-copy{width:70vw;max-height:none}.partners h2{font-size:25px;line-height:1.2}.partner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}.partner-grid li{min-height:54px;padding:6px;font-size:16px}.partner-grid img{height:34px}}
body.is-flow .partners .chapter-copy{width:100%;max-height:none}
/* Artwork keeps its original color and proportions. */
.partner-grid li{flex-direction:column;gap:8px;min-height:110px}
.partner-grid li span{font-size:14px}.partner-grid li[data-partner="ajlan-riviera"],.partner-grid li[data-partner="sumood"]{background:#14251d;color:var(--ivory)}
.partner-grid li[data-partner="rafal-tower"] img{height:56px}
.paper-chapter{justify-content:flex-start}.paper-chapter .chapter-copy{width:min(360px,29vw)}
.paper-print{position:fixed;top:0;left:0;z-index:1;width:600px;height:800px;transform-origin:0 0;pointer-events:none;color:#003b23;padding:40px 45px;font-family:Naskh,serif;text-align:right;visibility:hidden}
.paper-print h3{font-size:55px;line-height:1.2;margin:0 0 28px;font-weight:400}.paper-print ol{padding:0 35px 0 0;margin:0;font-size:36px;line-height:1.5}.paper-print li{margin:0 0 16px}.paper-print .selected{background:#d0925f3b}.paper-print p{font-size:30px;line-height:1.4;border-top:2px solid #003b2366;padding-top:18px;margin-top:25px}
@media(max-width:760px){.partner-grid li{min-height:82px}.partner-grid li span{font-size:13px}.paper-chapter .chapter-copy{width:100%;max-width:400px}}
@media(max-height:480px) and (min-width:650px){.partner-grid li{min-height:60px;gap:3px}.partner-grid img,.partner-grid li[data-partner="rafal-tower"] img{height:30px}.partner-grid li span{font-size:12px}.paper-chapter .chapter-copy{width:34vw}}

.partner-grid li[data-partner="damac"]{background:#14251d;color:var(--ivory)}

/* All approved brands grouped once as success partners. */
.partner-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.partners .chapter-copy{width:min(1050px,90vw)}.partner-grid li{min-height:96px}.partner-grid img{max-width:140px;height:40px}
@media(max-width:760px){.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.partner-grid li{min-height:58px;padding:5px;gap:2px}.partner-grid img,.partner-grid li[data-partner="rafal-tower"] img{height:28px}.partner-grid li span{font-size:12px}.partners .chapter-copy{width:100%}.partners h2{font-size:28px;line-height:1.15}.partners h2 span{display:inline;margin-right:7px}.partners .kicker{margin-bottom:8px}}
@media(max-height:480px) and (min-width:650px){.partner-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.partner-grid li{min-height:60px}.partners .chapter-copy{width:88vw}.partner-grid img,.partner-grid li[data-partner="rafal-tower"] img{height:26px}}