/* Gate 09 cinematic framing; all previous artwork and UI styles unchanged. */
#fableton-businesses[data-scene="4"]{--parcel-unit:1px}
#fableton-businesses[data-scene="4"] .business-wordmark{left:calc(60 * var(--parcel-unit));top:calc(29 * var(--parcel-unit));font-size:calc(38 * var(--parcel-unit))}
#fableton-businesses[data-scene="4"] .business-brand-rule{left:calc(238 * var(--parcel-unit));top:calc(33 * var(--parcel-unit));height:calc(37 * var(--parcel-unit))}
#fableton-businesses[data-scene="4"] .business-label{left:calc(258 * var(--parcel-unit));top:calc(46 * var(--parcel-unit));font-size:calc(13 * var(--parcel-unit));letter-spacing:calc(4 * var(--parcel-unit))}
#fableton-businesses[data-scene="4"] .business-close{top:calc(27 * var(--parcel-unit));right:calc(65 * var(--parcel-unit));font-size:calc(22 * var(--parcel-unit))}
.parcel-scene{position:absolute;inset:0;isolation:isolate}
.parcel-frame{position:absolute;left:50%;top:50%;width:min(100vw,200dvh);aspect-ratio:2;transform:translate(-50%,-50%);z-index:-2;overflow:hidden}
.parcel-picture,.parcel-picture img{position:absolute;inset:0;width:100%;height:100%;display:block}
.parcel-picture img{object-fit:contain}
.parcel-picture[data-art="introduction"] img{object-fit:cover;object-position:center}
.parcel-journey-arrival{mask-image:linear-gradient(90deg,transparent 42%,#0002 59%,#000a 74%,#000 94%)}
.parcel-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#071f1ae6,#071f1a99 22%,#071f1a33 39%,transparent 55%),linear-gradient(0deg,#071f1a80,transparent 14%,transparent 90%,#071f1a20)}
.parcel-editorial{position:absolute;left:calc(70 * var(--parcel-unit));top:calc(151 * var(--parcel-unit));width:calc(620 * var(--parcel-unit));text-shadow:0 1px 2px #102219}
.parcel-kicker{font:calc(13 * var(--parcel-unit))/1.25 IdeaSans,Arial,sans-serif;letter-spacing:calc(3 * var(--parcel-unit));color:#eacb7d;margin:0}
.parcel-rule{width:calc(246 * var(--parcel-unit));height:2px;background:#dbbd72;margin:calc(17 * var(--parcel-unit)) 0 calc(33 * var(--parcel-unit))}
#parcel-heading{margin:0 0 calc(57 * var(--parcel-unit));font-size:calc(58 * var(--parcel-unit));line-height:1.13;font-weight:400}
#parcel-heading:focus{outline:none}
#parcel-heading span{display:block;transform:scaleX(1.1);transform-origin:left}
.parcel-copy{font-size:calc(23 * var(--parcel-unit));line-height:1.35}
.parcel-copy p{transform:scaleX(1.07);transform-origin:left;margin:0 0 calc(13 * var(--parcel-unit));white-space:pre-line}
.parcel-copy p+p{font-size:calc(22 * var(--parcel-unit))}
.parcel-copy p:nth-child(3){margin-top:calc(63 * var(--parcel-unit))}
.parcel-scene[data-moment="introduction"] .parcel-editorial,.parcel-scene[data-moment="preparation"] .parcel-editorial{left:calc(80 * var(--parcel-unit));top:calc(146 * var(--parcel-unit))}
.parcel-scene[data-moment="introduction"] .parcel-rule{width:calc(430 * var(--parcel-unit));margin-bottom:calc(29 * var(--parcel-unit))}
.parcel-scene[data-moment="introduction"] #parcel-heading{font-size:calc(58 * var(--parcel-unit));line-height:1.17;margin-bottom:calc(42 * var(--parcel-unit))}
.parcel-scene[data-moment="introduction"] #parcel-heading span:nth-child(3){margin-top:calc(27 * var(--parcel-unit))}
.parcel-scene[data-moment="introduction"] .parcel-copy p:first-child{font-size:calc(26 * var(--parcel-unit))}
.parcel-scene[data-moment="preparation"] .parcel-rule{width:calc(330 * var(--parcel-unit));margin-bottom:calc(43 * var(--parcel-unit))}
.parcel-scene[data-moment="preparation"] #parcel-heading{font-size:calc(63 * var(--parcel-unit));margin-bottom:calc(36 * var(--parcel-unit))}
.parcel-scene[data-moment="preparation"] .parcel-copy p:nth-child(3){margin-top:calc(33 * var(--parcel-unit))}
.parcel-follow{min-height:44px;margin-top:calc(20 * var(--parcel-unit));padding:0;background:none;border:0;color:#eacb7d!important;font-size:calc(26 * var(--parcel-unit))}
.parcel-illustrative{position:absolute;left:calc(82 * var(--parcel-unit));bottom:calc(94 * var(--parcel-unit));font:calc(15 * var(--parcel-unit))/1.4 IdeaSans,Arial,sans-serif;color:#f3e9cf;text-shadow:0 1px 2px #102219;margin:0;max-width:calc(510 * var(--parcel-unit))}
.parcel-illustrative span{display:block;font-size:calc(13 * var(--parcel-unit))}
.parcel-footer{position:absolute;left:calc(60 * var(--parcel-unit));right:calc(60 * var(--parcel-unit));bottom:calc(17 * var(--parcel-unit));display:flex;align-items:center;justify-content:space-between;gap:20px;text-shadow:0 1px 2px #102219}
.parcel-return,.parcel-controls{display:flex;gap:24px;align-items:center}
.parcel-footer button{min-width:44px;min-height:44px;border:0;background:none;padding:0;font-size:calc(22 * var(--parcel-unit));white-space:nowrap}
.parcel-footer .parcel-village,.parcel-footer .parcel-skip-animation{font-size:14px;opacity:.9}
.parcel-footer button:disabled{opacity:.55}
.parcel-progress{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:0;list-style:none;padding:0;margin:0}
.parcel-progress li{margin:0;padding:0}
.parcel-footer .parcel-progress button{width:44px;height:44px;padding:17px;min-width:44px}
.parcel-progress button span{display:block;width:10px;height:10px;background:#faf3d5;border-radius:50%}
.parcel-progress button[aria-current] span{background:#e1ba6b}
.parcel-scene[data-moment="preparation"] .parcel-progress button[aria-current] span{outline:1px solid #f9e5b3;outline-offset:4px}
.parcel-journey-cue{position:absolute;left:calc(735 * var(--parcel-unit));top:calc(734 * var(--parcel-unit));width:calc(525 * var(--parcel-unit));display:flex;justify-content:space-between;font:calc(12 * var(--parcel-unit))/1 IdeaSans,Arial,sans-serif;color:#fffae7}
.parcel-journey-cue>div{position:absolute;left:0;right:0;top:0;border-top:3px solid #e5c775}
.parcel-journey-cue i{position:absolute;left:0;top:-8px;width:15px;height:15px;border-radius:50%;background:#e5c775}
.parcel-journey-cue i:nth-child(2){left:50%}.parcel-journey-cue i:nth-child(3){left:100%}
.parcel-journey-cue span{margin-top:24px}
.parcel-future-wrap{font:12px/1.3 IdeaSans,Arial,sans-serif;text-align:right;max-width:170px}
.parcel-future-wrap span{display:block}
.parcel-transitioning .parcel-outgoing{animation:parcel-dissolve-out .7s ease both}
.parcel-journey-running .parcel-journey-arrival{animation:parcel-dissolve-in 1.4s ease both}
.parcel-motion-paused .parcel-outgoing,.parcel-motion-paused .parcel-journey-arrival{animation-play-state:paused}
@keyframes parcel-dissolve-out{from{opacity:1}to{opacity:0}}
@keyframes parcel-dissolve-in{from{opacity:0}to{opacity:1}}
/* Scene 03 onward controls only; its art, selection UI and editorial stay intact. */
.placement-story{min-height:44px;background:none;border:0;padding:0;font-size:calc(21 * var(--placement-unit))}
.placement-footer .placement-story{margin-left:auto}
.placement-load-note{position:absolute;left:calc(620 * var(--placement-unit));bottom:calc(78 * var(--placement-unit));font-size:18px;max-width:520px;margin:0;background:#0d2e24e6;border-radius:4px;color:#ffedc9}
.placement-load-note:empty{display:none}
#fableton-businesses .placement-future:enabled{opacity:1;cursor:pointer}
@media(max-width:1199px){
 #fableton-businesses[data-scene="4"] .business-wordmark{left:20px;top:10px;font-size:28px}
 #fableton-businesses[data-scene="4"] .business-brand-rule{left:137px;top:18px;height:24px}
 #fableton-businesses[data-scene="4"] .business-label{left:148px;top:27px;font-size:10px;letter-spacing:1px}
 #fableton-businesses[data-scene="4"] .business-close{right:17px;top:8px;font-size:18px}
 .parcel-scene{position:relative;inset:auto;width:100%;min-height:calc(100dvh - 60px);display:flex;flex-direction:column}
 .parcel-frame{position:relative;inset:auto;transform:none;width:100%;aspect-ratio:2;flex-shrink:0;z-index:0}
 .parcel-picture[data-art="introduction"] img{object-fit:contain}
 .parcel-shade{display:none}
 .parcel-editorial,.parcel-scene[data-moment="introduction"] .parcel-editorial,.parcel-scene[data-moment="preparation"] .parcel-editorial{position:relative;left:auto;top:auto;width:auto;padding:24px 24px 0;text-shadow:none}
 #parcel-heading span,.parcel-copy p{transform:none}
 .parcel-kicker{font-size:12px;letter-spacing:2px}
 .parcel-rule,.parcel-scene[data-moment="introduction"] .parcel-rule,.parcel-scene[data-moment="preparation"] .parcel-rule{width:330px;max-width:100%;margin:14px 0 20px}
 #parcel-heading,.parcel-scene[data-moment="introduction"] #parcel-heading,.parcel-scene[data-moment="preparation"] #parcel-heading{font-size:clamp(35px,5vw,52px);line-height:1.1;margin:0 0 26px}
 .parcel-scene[data-moment="introduction"] #parcel-heading span:nth-child(3){margin-top:20px}
 .parcel-copy,.parcel-copy p+p,.parcel-scene[data-moment="introduction"] .parcel-copy p:first-child{font-size:22px;line-height:1.4}
 .parcel-copy p{transform:scaleX(1.07);transform-origin:left;margin:0 0 12px}
 .parcel-copy p:nth-child(3),.parcel-scene[data-moment="preparation"] .parcel-copy p:nth-child(3){margin-top:26px}
 .parcel-follow{font-size:23px;margin-top:14px;min-height:48px}
 .parcel-illustrative{position:relative;inset:auto;margin:26px 24px 0;font-size:15px;text-shadow:none;max-width:650px}
 .parcel-illustrative span{font-size:14px}
 .parcel-footer{position:relative;inset:auto;padding:24px;margin-top:auto;flex-wrap:wrap;gap:12px}
 .parcel-footer button{font-size:20px;min-height:48px}
 .parcel-return,.parcel-controls{gap:18px;flex-wrap:wrap}
 .parcel-controls{margin-left:auto;justify-content:end}
 .parcel-progress{position:static;transform:none;justify-content:center;margin:0 auto;order:3}
 .parcel-footer .parcel-progress button{width:44px;min-width:44px;height:48px;padding:17px}
 .parcel-journey-cue{position:relative;inset:auto;order:0;width:auto;margin:26px 30px 0;max-width:600px;font-size:11px}
 .parcel-journey-cue span{margin-top:22px}
 .parcel-journey-cue i{width:12px;height:12px;top:-7px}
 .parcel-future-wrap{font-size:13px}
 .placement-story{font-size:20px;min-height:48px}
 .placement-load-note{position:relative;inset:auto;font-size:18px;padding:0;margin:20px 24px 0;background:none}
}
@media(max-width:599px){
 .parcel-editorial,.parcel-scene[data-moment="introduction"] .parcel-editorial,.parcel-scene[data-moment="preparation"] .parcel-editorial{padding:22px 20px 0}
 #parcel-heading,.parcel-scene[data-moment="introduction"] #parcel-heading,.parcel-scene[data-moment="preparation"] #parcel-heading{font-size:35px}
 .parcel-illustrative{margin-left:20px;margin-right:20px}
 .parcel-footer{padding-left:20px;padding-right:20px}
 .parcel-progress{width:100%}
 .parcel-controls{width:100%;margin:0;justify-content:space-between;gap:8px}
 .parcel-footer .parcel-skip-animation{font-size:13px}
 .parcel-future-wrap{margin-left:auto}
 .parcel-return{justify-content:space-between;width:100%}
}
@media(max-width:359px){
 #fableton-businesses[data-scene="4"] .business-wordmark{left:14px;font-size:25px}
 #fableton-businesses[data-scene="4"] .business-brand-rule{left:115px}
 #fableton-businesses[data-scene="4"] .business-label{left:127px;font-size:9px;letter-spacing:.6px}
 #fableton-businesses[data-scene="4"] .business-close{right:12px;font-size:17px}
 #parcel-heading,.parcel-scene[data-moment="introduction"] #parcel-heading,.parcel-scene[data-moment="preparation"] #parcel-heading{font-size:31px}
 .parcel-copy,.parcel-copy p+p{font-size:21px}
}
@media(prefers-reduced-motion:reduce){.parcel-outgoing{display:none}.parcel-journey-arrival{animation:none!important}}