/* 029: new destinations use the existing world, type and soft material palette. */
.global-header .site-nav { gap:2px; }
.global-header .site-nav a { padding-inline:13px; }
.scene-motion { max-width:none; white-space:nowrap; }
.scene-motion [data-motion-label] { font-family:var(--soft-font); }
.editorial-hero { display:grid; grid-template-columns:1fr 1.16fr; gap:28px; align-items:center; padding-block:70px 42px; }
.editorial-hero h1 { --heading-size:clamp(37px,4.4vw,64px); margin-block:20px 25px; }
.editorial-hero .page-lead { max-width:450px; font-family:var(--soft-font); font-weight:700; }
.editorial-hero .page-description { max-width:430px; margin-bottom:25px; }
.editorial-art { position:relative; min-width:0; }
.district-scene { height:clamp(380px,42vw,560px); }
.editorial-art::before { content:''; position:absolute; inset:5% -4% 5%; border-radius:50%; background:radial-gradient(ellipse,#213f413d,transparent 67%); pointer-events:none; }
.scene-caption { display:flex; justify-content:space-between; align-items:center; gap:15px; color:#9da4a9; font:600 10px/1.6 var(--soft-font); padding:0 16px; }
.scene-caption .scene-motion { margin:0; position:static; }
.editorial-section { padding-block:74px; border-top:1px solid #ffffff12; }
.editorial-section .world-heading { --heading-size:clamp(29px,3.6vw,46px); }
.editorial-intro { display:flex; align-items:center; justify-content:space-between; gap:55px; margin-bottom:36px; }
.editorial-intro > p { max-width:390px; color:#b5aebb; font-size:15px; line-height:1.85; }
.editorial-kicker { color:#b6adb9; font:600 11px/1.6 var(--soft-font); margin:0 0 15px; }
.editorial-kicker::before { content:''; display:inline-block; width:5px; height:5px; margin:0 9px 2px 0; border-radius:50%; background:#f2798c; }
.card-gallery { display:grid; grid-template-columns:1.1fr 1fr; gap:10%; align-items:center; }
.artwork-pair { position:relative; min-height:410px; display:grid; place-items:center; isolation:isolate; }
.artwork-pair::before { content:''; position:absolute; inset:9% 0; background:radial-gradient(ellipse,#724b5138,transparent 70%); z-index:-1; }
.artwork-pair img { height:auto; position:absolute; width:40%; max-width:200px; border-radius:10px; filter:drop-shadow(0 25px 20px #0008); transition:transform 350ms var(--soft-ease); }
.artwork-pair img:first-child { transform:translate(-49%,-3%) rotate(-12deg); }
.artwork-pair img:last-child { transform:translate(49%,3%) rotate(11deg); }
.gallery-copy h3 { font:800 clamp(26px,3vw,39px)/1.2 var(--soft-font); color:#f1ecec; margin:0 0 20px; letter-spacing:-.03em; }
.gallery-copy p { color:#aaa4b0; font-size:14px; line-height:1.9; }
.gallery-copy .text-link { margin-top:14px; }
.world-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px; margin-top:42px; }
.world-principles article { border-top:1px solid #ffffff1c; padding-top:22px; }
.world-principles h3 { font:800 20px/1.4 var(--soft-font); margin:0 0 12px; color:#ede8ec; }
.world-principles p { color:#aaa1af; font-size:13px; line-height:1.85; }
.world-principles a { display:inline-block; color:#e5a7b3; font:700 12px var(--soft-font); margin-top:9px; text-decoration:none; padding-block:8px; }
.expansion-strip { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:8%; padding-block:62px; border-top:1px solid #ffffff12; }
.expansion-strip .world-heading { --heading-size:clamp(27px,3.4vw,45px); }
.expansion-strip p { color:#b0a8b5; font-size:14px; line-height:1.85; max-width:450px; }
.expansion-strip .district-scene { height:390px; }
.expansion-strip .solid-link { margin-top:15px; }
.editorial-note { color:#8f8797; font-size:11px; line-height:1.8; margin:22px 0 0; }
.thesis-points .mini-scene { height:180px; margin:-16px -20px 20px; }
.thesis-points article { overflow:hidden; }
.preview-tabs { display:flex; flex-wrap:wrap; gap:7px; width:fit-content; padding:6px; border:1px solid #ffffff12; border-radius:24px; background:#ffffff04; margin-bottom:28px; }
.preview-tabs button { font:700 13px var(--soft-font); color:#aaa6b1; padding:12px 20px; background:transparent; border:0; border-radius:18px; cursor:pointer; transition:background 180ms,color 180ms; }
.preview-tabs button[aria-selected="true"] { color:#f7eff1; background:#ffffff12; box-shadow:inset 0 1px #ffffff13,0 3px 7px #0002; }
.preview-tabs button:hover { color:#fff; }
.story-panel { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:7%; }
[data-story-tabs][data-enhanced="true"] .story-panel:not([hidden]) { animation:preview-arrive 240ms var(--soft-ease) both; }
.hunt-preview { padding-top:18px; }
.hunt-stage { position:relative; height:400px; border-radius:38px; background:radial-gradient(ellipse at 50% 80%,#29474938,transparent 70%),#191b20; border:1px solid #ffffff0c; }
.hunt-stage .mini-scene { height:100%; }
.hunt-stage small { position:absolute; top:22px; left:25px; font:600 10px var(--soft-font); color:#93959e; }
.preview-copy h2,.preview-copy h3 { font:800 clamp(27px,3.1vw,40px)/1.2 var(--soft-font); letter-spacing:-.035em; color:#f3eded; margin:0 0 20px; }
.preview-copy p { color:#b2aab8; font-size:14px; line-height:1.85; }
.preview-copy .fact-line { border-top:1px solid #ffffff17; padding-top:16px; margin-top:22px; color:#d2cbd5; font-size:12px; }
.preview-copy .text-link { margin-top:8px; }
.hunt-hero { max-width:760px; padding-top:67px; }
.hunt-hero h1 { --heading-size:clamp(37px,5.3vw,65px); }
.hunt-hero .page-lead { max-width:560px; font:600 19px/1.7 var(--soft-font); color:#bdb5c2; }
.hunt-topline { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.hunt-topline .scene-motion { position:static; margin:0 0 28px; }
.delivery-steps { list-style:none; margin:28px 0 0; padding:0; display:grid; gap:20px; }
.delivery-steps li { position:relative; padding-left:27px; }
.delivery-steps li::before { content:''; position:absolute; width:9px; height:9px; border-radius:4px; background:#dd8294; left:0; top:5px; box-shadow:0 0 0 5px #dd82940c; }
.delivery-steps li:not(:last-child)::after { content:''; position:absolute; width:1px; background:#dd82942b; top:20px; bottom:-12px; left:4px; }
.delivery-steps strong { font:800 15px var(--soft-font); color:#e8e3e9; }
.delivery-steps p { font-size:12px; margin:6px 0 0; }
.dispatch-scene { height:440px; }
.app-demo { margin-top:30px; }
.phone-stage { display:grid; place-items:center; min-height:530px; background:radial-gradient(ellipse,#53314440,transparent 70%); }
.concept-phone { width:260px; border:5px solid #484954; border-radius:40px; background:#1e2027; padding:28px 18px 23px; box-shadow:0 35px 45px #0006,inset 0 0 0 1px #97929970; position:relative; color:#eee8eb; transform:rotate(-4deg); }
.concept-phone::before { content:''; position:absolute; top:9px; left:39%; width:22%; height:5px; border-radius:10px; background:#0d0e14; }
.phone-brand { display:flex; align-items:center; gap:6px; font:800 15px var(--soft-font); margin:7px 0 22px; }
.phone-brand img { width:23px; height:23px; }
.phone-card { height:auto; width:102px; display:block; margin:0 auto 18px; border-radius:5px; filter:drop-shadow(0 10px 7px #0008); }
.concept-phone h3 { font:800 18px/1.4 var(--soft-font); margin:8px 0; }
.phone-subtitle { color:#a6a0af; font-size:10px; line-height:1.8; margin:0 0 18px; }
.phone-line { display:flex; justify-content:space-between; gap:12px; border-top:1px solid #ffffff12; padding:12px 0; font:600 10px var(--soft-font); color:#aaa4b2; }
.phone-line strong { color:#e9d5dc; font-weight:700; }
.phone-label { display:block; margin-top:10px; background:#b7667b27; color:#e2b3c2; text-align:center; padding:12px; border-radius:15px; font:800 11px var(--soft-font); }
.phone-bottom { height:4px; background:#65616c; border-radius:5px; width:60px; margin:20px auto -10px; }
.brand-showcase { position:relative; min-height:350px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:20px; padding:40px; border-radius:32px; overflow:hidden; background:#24252b; border:1px solid #ffffff12; }
.brand-showcase::before { content:''; position:absolute; width:550px; height:550px; transform:rotate(-23deg); background:#b84b61; top:-400px; left:-150px; border-radius:110px; }
.brand-showcase img { height:auto; width:110px; filter:drop-shadow(0 12px 10px #0004); }
.brand-showcase p { --block-height:43px; margin:0; color:#f5e9e7; }
.brand-showcase small { color:#bab1bd; font:600 12px var(--soft-font); }
.chapter-explore { display:inline-flex; color:#edc5cf; font:700 12px var(--soft-font); text-decoration:none; padding:15px 0 3px; gap:18px; }
@keyframes preview-arrive { from{opacity:.35;transform:translateY(5px)} to{opacity:1;transform:none} }
@media(hover:hover) { .artwork-pair:hover img:first-child { transform:translate(-53%,-5%) rotate(-15deg); }.artwork-pair:hover img:last-child { transform:translate(53%,1%) rotate(14deg); } }
@media(max-width:1000px) {
 .menu-toggle { display:flex; align-items:center; gap:12px; margin-left:auto; pointer-events:auto; padding:11px 15px; background:#ffffff07; font:600 12px var(--soft-font); color:#ddd6e0; border:1px solid #ffffff0b; }
 .menu-toggle > span { width:15px;height:12px;display:flex;flex-direction:column;justify-content:space-between;padding-block:2px; }.menu-toggle i{display:block;height:2px;background:#df6676;transition:transform 180ms;}
 .global-header .site-nav { display:none; position:absolute; top:calc(100% - 6px); left:auto; right:var(--page-gutter); width:min(360px,calc(100vw - 24px)); padding:12px; border-radius:26px; background:#24262df7; border:1px solid #ffffff16; box-shadow:0 20px 50px #0007; max-height:calc(100svh - 105px); overflow:auto; }
 .global-header .site-nav[data-open="true"] { display:flex; flex-direction:column; align-items:stretch; gap:4px; }
 .global-header .site-nav a,.global-header .site-nav .app-nav { padding:13px 17px; margin:0; font-size:14px; min-height:44px; }
 .site-nav .app-nav b { margin-left:auto; }
 .editorial-hero h1 { --heading-size:clamp(32px,4.2vw,48px); }
 .district-scene { height:390px; }
}
@media(max-width:700px) {
 .global-header .site-nav { right:12px; }
 .editorial-hero { grid-template-columns:1fr; padding-block:43px 35px; gap:5px; }.editorial-hero h1 { --heading-size:clamp(29px,7.8vw,47px); }.editorial-hero .page-lead { font-size:21px; }.editorial-hero .page-description { font-size:13px; }
 .editorial-hero > div:first-child { display:contents; }.editorial-hero .editorial-art { grid-row:3; }
 .district-scene { height:275px; }.scene-caption { padding:0; font-size:9px; }.scene-caption .scene-motion { font-size:9px; }
 .editorial-section { padding-block:44px; }.editorial-section .world-heading { --heading-size:clamp(26px,6.7vw,37px); }.editorial-intro { display:block; margin-bottom:22px; }.editorial-intro > p { font-size:13px; margin-top:22px; }
 .card-gallery,.expansion-strip,.story-panel { grid-template-columns:1fr; gap:20px; }.artwork-pair { min-height:320px; }.artwork-pair img { width:37%; max-width:180px; }.gallery-copy h3 { font-size:29px; }.gallery-copy p { font-size:13px; }
 .world-principles { grid-template-columns:1fr; gap:22px; margin-top:28px; }.world-principles article { padding-top:18px; }.world-principles h3 { font-size:19px; }
 .expansion-strip { padding-block:40px; }.expansion-strip .district-scene { height:305px; }.expansion-strip .world-heading { --heading-size:clamp(25px,6.8vw,36px); }
 .thesis-points .mini-scene { height:210px; margin:0 -10px 8px; }
 .preview-tabs { gap:2px; padding:5px; border-radius:19px; flex-wrap:nowrap; width:100%; }.preview-tabs button { padding:11px 8px; border-radius:14px; font-size:11px; flex:1; white-space:nowrap; }
 .hunt-hero { padding-top:42px; }.hunt-hero h1 { --heading-size:clamp(30px,7.8vw,46px); }.hunt-hero .page-lead { font-size:16px; }.hunt-topline { flex-wrap:wrap; gap:0; }.hunt-topline .preview-tabs { margin-bottom:13px; }.hunt-topline .scene-motion { margin-bottom:17px; margin-left:auto; }
 .hunt-stage { height:300px; border-radius:28px; }.preview-copy h2,.preview-copy h3 { font-size:28px; }.preview-copy p { font-size:13px; }.preview-copy .fact-line { font-size:11px; }
 .dispatch-scene { height:315px; }.phone-stage { min-height:470px; }.concept-phone { width:240px; }.phone-stage + .preview-copy { padding-bottom:15px; }
 .brand-showcase { min-height:300px; padding:30px 20px; }.brand-showcase p { --block-height:36px; }
}
@media(prefers-reduced-motion:reduce) { .artwork-pair img,.preview-tabs button { transition:none; }[data-story-tabs][data-enhanced="true"] .story-panel:not([hidden]) { animation:none; }.artwork-pair:hover img:first-child{transform:translate(-49%,-3%) rotate(-12deg)}.artwork-pair:hover img:last-child{transform:translate(49%,3%) rotate(11deg)} }

[data-story-tabs]:not([data-enhanced]) .preview-tabs { display:none; }