/* value-reel.css */
/* One cinema surface with a stable reading rail, not a second workspace UI. */
#living-world.value-reel{height:auto;background:#071018;padding:64px var(--pad);scroll-margin-top:78px;overflow:hidden}
.value-reel-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.value-reel-heading>p{margin:0;color:#a9bcc6;font-size:15px}.value-reel-heading strong{color:#edf5f6;font-weight:500}
.value-reel-toolbar{display:flex;gap:10px}.value-reel button{font:inherit;color:#edf5f6;cursor:pointer;min-height:44px;border:1px solid #45606c;background:transparent;padding:10px 17px;border-radius:4px}
.value-reel button:hover{border-color:#4fd6e8;color:#4fd6e8}.value-reel :focus-visible{outline:2px solid #4fd6e8;outline-offset:4px}
.value-reel-cinema{position:relative;isolation:isolate;background:#061018;aspect-ratio:16/9;overflow:hidden}
.value-reel-cinema video{display:block;width:100%;height:100%;object-fit:contain}
.value-reel-cinema::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#071018cf 0,transparent 52%),linear-gradient(0deg,#071018dc 0,transparent 45%);z-index:1}
.value-reel-title{position:absolute;z-index:2;inset-inline-start:4%;top:8%;max-width:42%;margin:0;color:#edf5f6;font-size:clamp(28px,4vw,66px);line-height:1.04;font-weight:500;letter-spacing:-.04em;text-wrap:balance}
.value-reel-copy{position:absolute;z-index:2;bottom:7%;inset-inline-start:4%;width:min(430px,42%);display:grid;gap:12px}
.value-reel-copy p{margin:0;line-height:1.35;transition:opacity .32s,transform .5s;opacity:.2;transform:translateY(4px)}
.value-reel-copy [data-value-beat=concern]{font-size:clamp(15px,1.6vw,24px)}
.value-reel-copy [data-value-beat=work]{font-size:clamp(14px,1.35vw,20px)}
.value-reel-copy [data-value-beat=responsibility]{font-size:13px;color:#a9bcc6}
.value-reel-copy p.is-current{opacity:1;transform:translateY(0)}
.value-reel-copy [data-value-beat=concern].is-current{color:#f7948b}
.value-reel-copy [data-value-beat=work].is-current{color:#4fd6e8}
.value-reel-copy [data-value-beat=responsibility] span{display:block;font-size:12px;margin-bottom:5px;color:#a9bcc6}
.value-reel-copy [data-value-beat=responsibility] strong{font-size:16px;font-weight:500;color:#edf5f6}
.value-reel-mark{position:absolute;z-index:2;top:8%;inset-inline-end:4%;font-size:12px;color:#bdced3;display:flex;align-items:center;gap:10px}
.value-reel-mark::before{content:'';width:5px;height:5px;border-radius:50%;background:#4fd6e8}
.value-reel-chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #344954;margin:0;gap:0}
.value-reel-chapters button{position:relative;padding:18px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:0;border-bottom:1px solid #344954;font-size:15px;text-align:start;line-height:1.35}
.value-reel-chapters button b{font-size:12px;font-weight:400;color:#8eaab6}
.value-reel-chapters button[aria-pressed=true]{background:#4fd6e80c;color:#4fd6e8}
.value-reel-chapters button[aria-pressed=true]::before{content:'';position:absolute;inset:0 0 auto;height:2px;background:#4fd6e8;transform:scaleX(var(--shot-progress,0));transform-origin:left}
.value-reel-progress{display:flex;align-items:center;gap:20px;margin:20px 0}
.value-reel-progress input{min-width:0;flex:1;accent-color:#4fd6e8;cursor:pointer;height:22px}.value-reel-progress span{font-size:12px;color:#a9bcc6;font-variant-numeric:tabular-nums;white-space:nowrap}
.value-reel-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px}
.value-reel-bottom p{font-size:12px;color:#a9bcc6;line-height:1.6;margin:0}.value-reel-bottom b{font-weight:500;color:#edf5f6}
.value-reel-bottom a{color:#4fd6e8;font-size:14px;text-decoration:none;border-bottom:1px solid #4fd6e866;padding-bottom:4px}
.value-reel-disclosure{margin-top:24px;border-top:1px solid #344954;padding-top:18px;max-width:860px;color:#a9bcc6;font-size:14px;line-height:1.7}
.value-reel-disclosure summary{cursor:pointer;color:#edf5f6}.value-reel-disclosure p{margin:18px 0}.value-reel-disclosure a{color:#4fd6e8}
.value-reel-error{position:relative;display:grid;place-content:center;gap:18px;background:#071018ed;color:#edf5f6;padding:24px;text-align:center}
.value-reel [hidden]{display:none!important}
/* One selected record moves from Monitor to Operate without changing its evidence. */
.value-case{position:absolute;z-index:3;inset-inline-start:4%;top:29%;width:43%;max-width:570px;color:#edf5f6;opacity:var(--case-reveal,0);transform:translateY(calc(12px * (1 - var(--case-reveal,0))))}
.value-case-heading{display:flex;align-items:center;gap:12px;padding:0 0 10px;border-bottom:1px solid #4fd6e859;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.08em}
.value-case-heading [data-value-workspace]{color:#4fd6e8;font-size:13px;font-weight:500;letter-spacing:0}
.value-case-heading [data-value-case]{margin-inline-start:auto;color:#a9bcc6}
.value-case-link{color:#4fd6e8;transition:transform .4s}.value-case[data-workspace=operate] .value-case-link{transform:translate(4px,-3px)}
.value-case h3{font-size:clamp(19px,2vw,32px);font-weight:500;line-height:1.15;letter-spacing:-.02em;margin:14px 0 7px}
.value-case-explanation{font-size:clamp(12px,1.15vw,17px);line-height:1.5;color:#bdced3;margin:0 0 14px;max-width:34em}
.value-case-evidence{display:flex;gap:16px;align-items:center;padding:12px 0;border-block:1px solid #344954}
.value-case-capture{position:relative;flex:0 0 29%;max-width:130px;border:1px solid #4fd6e8}
.value-case-capture img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.value-case-capture>span{position:absolute;inset:100% auto auto 0;margin-top:4px;color:#a9bcc6;font-size:12px;line-height:1.1}
.value-case-origin{display:grid;gap:5px;min-width:0}.value-case-origin>strong{font-size:clamp(13px,1.25vw,18px);font-weight:500}
.value-case-origin>span{color:#a9bcc6;font-size:12px;overflow-wrap:anywhere}.value-case-origin b{font-weight:400;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.value-case-context{position:relative;margin-top:16px;max-width:420px;opacity:.2;transition:opacity .4s}
.value-case-context svg{display:block;width:100%;height:64px}.value-map-rooms{stroke:#5c7784;stroke-width:1}.value-map-route{stroke:#5c7784;stroke-dasharray:4 6}
.value-map-path{stroke:#4fd6e8;stroke-width:2;stroke-dasharray:140;stroke-dashoffset:calc(140 * (1 - var(--context-progress,0)))}
.value-map-ring{stroke:#f7948b;stroke-width:1;transform-origin:120px 66px;transform:scale(calc(.5 + var(--context-progress,0) * .5))}.value-map-point{fill:#f7948b}.value-map-arrow{stroke:#4fd6e8;stroke-width:2;opacity:var(--context-progress,0)}
.value-case-context>span{position:absolute;inset-inline-end:0;top:0;font-size:12px;color:#a9bcc6}
.value-reel[data-step=locate] .value-case-context{opacity:1}
.value-case-task{opacity:var(--task-reveal,0);transform:translateY(calc(10px * (1 - var(--task-reveal,0))));display:flex;gap:12px;padding:16px 0 0;align-items:start}
.value-case-task-icon{color:#4fd6e8;font-size:27px;line-height:1}
.value-case-task>div{display:grid;gap:5px}.value-case-task small{color:#4fd6e8;font-size:12px}.value-case-task strong{font-size:clamp(13px,1.25vw,18px);font-weight:500;line-height:1.35}.value-case-task [data-value-case-owner]{font-size:12px;color:#bdced3}
.value-case-authority{opacity:var(--authority-reveal,0);transform:translateX(calc(-8px * (1 - var(--authority-reveal,0))));display:flex;gap:12px;align-items:center;margin-top:14px;padding:12px;border-inline-start:2px solid #f6b960;background:#f6b9600d}
.value-case-authority svg{width:24px;height:24px;stroke:#f6b960;stroke-width:1.4;flex-shrink:0}
.value-case-authority strong{display:block;color:#f6b960;font-size:14px;font-weight:500}.value-case-authority span{display:block;font-size:12px;color:#bdced3;margin-top:5px}
.value-case-benefit{font-size:clamp(12px,1.1vw,16px);line-height:1.45;margin:16px 0 0;color:#edf5f6;max-width:36em}
.value-reel:not([data-step=observe]) .value-reel-title{font-size:clamp(22px,2.5vw,40px);max-width:47%;transition:font-size .35s}
.value-reel:not([data-step=observe]) .value-reel-copy{visibility:hidden}
.value-reel[data-step=assign] .value-case-context,.value-reel[data-step=authorise] .value-case-context{display:none}
.value-reel[data-step=retain] .value-case-benefit,.value-reel[data-step=locate] .value-case-benefit{visibility:hidden}
@media(max-width:680px){
 #living-world.value-reel{padding:36px 18px}
 .value-reel-heading{flex-wrap:wrap;gap:14px}.value-reel-heading>p{font-size:14px}.value-reel-toolbar{width:100%;justify-content:space-between}.value-reel button{font-size:12px;padding:9px 12px}
 .value-reel-cinema{aspect-ratio:auto;overflow:visible;display:flex;flex-direction:column;background:none}
 .value-reel-cinema video{aspect-ratio:16/9;height:auto;order:1}.value-reel-cinema::after{display:none}
 .value-reel-title{position:relative;inset:auto;max-width:100%;font-size:34px;min-height:2.1em;margin:10px 0 20px;order:0}
 .value-reel-copy{position:relative;inset:auto;width:100%;min-height:126px;gap:9px;margin-top:20px;order:2}
 .value-reel-copy [data-value-beat=concern]{font-size:17px}.value-reel-copy [data-value-beat=work]{font-size:15px}
 .value-reel-copy [data-value-beat=responsibility]{display:flex;gap:8px;align-items:baseline}.value-reel-copy [data-value-beat=responsibility] span{font-size:12px}.value-reel-copy [data-value-beat=responsibility] strong{font-size:13px}
 .value-reel-mark{position:relative;inset:auto;order:3;margin:4px 0 20px;font-size:12px}
 .value-reel-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.value-reel-chapters button{flex-direction:row;justify-content:flex-start;gap:10px;font-size:13px;padding:12px 10px;min-height:52px}.value-reel-chapters button:last-child{grid-column:1/-1}.value-reel-chapters button b{font-size:12px}
 .value-reel-bottom{align-items:start;gap:12px}.value-reel-bottom p{font-size:12px}.value-reel-bottom a{font-size:12px;white-space:nowrap}.value-reel-progress{gap:10px}
}
@media(max-width:1000px){
 .value-reel-cinema{display:grid;grid-template-columns:minmax(0,1fr);aspect-ratio:auto;overflow:visible;background:none}
 .value-reel-cinema::after{display:none}
 .value-reel-cinema video{grid-row:2;aspect-ratio:16/9;height:auto}.value-reel-title,.value-reel:not([data-step=observe]) .value-reel-title{position:relative;inset:auto;grid-row:1;font-size:32px;max-width:100%;min-height:2.1em;margin:10px 0 20px;transition:none}
 .value-reel-copy{position:relative;inset:auto;width:100%;grid-row:3;grid-column:1;min-height:350px;align-content:start;margin-top:20px}
 .value-case{position:relative;inset:auto;grid-row:3;grid-column:1;width:100%;max-width:none;margin-top:20px;min-height:350px}
 .value-reel-mark{position:relative;inset:auto;grid-row:4;margin:4px 0 20px}.value-case h3{font-size:23px}.value-case-explanation{font-size:14px}
 .value-case-evidence{padding:10px 0;gap:14px}.value-case-origin>strong,.value-case-task strong{font-size:15px}
 .value-case-benefit{font-size:14px}.value-case-context svg{height:64px}.value-case-authority strong{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.value-reel-copy p,.value-case-link,.value-case-context{transition:none;transform:none}.value-reel:not([data-step=observe]) .value-reel-title{transition:none}}

/* Keep source and retained capture in the same orientation; Arabic reads inside the reserved margin. */
[dir=rtl] .value-reel-title,[dir=rtl] .value-reel-copy,[dir=rtl] .value-case{inset-inline-start:auto;left:4%;right:auto}
[dir=rtl] .value-reel-mark{inset-inline-end:auto;right:4%;left:auto}
[dir=rtl] .value-reel-chapters button[aria-pressed=true]::before{transform-origin:right}
@media(max-width:1000px){
 [dir=rtl] .value-reel-title,[dir=rtl] .value-reel-copy,[dir=rtl] .value-case,[dir=rtl] .value-reel-mark{left:auto;right:auto}
}

/* Exterior and interior are separate cases; the bookmarks preserve that scope on replay. */
.value-school-views{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 0}
.value-school-views>span{font-size:12px;color:#a9bcc6;margin-inline-end:8px}
.value-school-views button{font-size:13px;padding:8px 14px}
.value-school-views button[aria-pressed=true]{border-color:#4fd6e8;color:#4fd6e8;background:#4fd6e812}
.value-reel[data-school-shot=perimeter][data-step=retain] .value-case-context{opacity:1}
.value-reel[data-school-shot=corridor] .value-case-capture{border-color:#f6b960}
@media(max-width:680px){.value-school-views{display:grid;grid-template-columns:1fr 1fr}.value-school-views>span{grid-column:1/-1}.value-school-views button{padding:10px 8px;font-size:12px}}
/* Capture and context labels occupy their own line rather than overlapping the image. */
.value-case-capture{margin-bottom:20px}.value-case-capture>span{position:static;display:block;margin-top:4px;line-height:1.4;overflow-wrap:anywhere}.value-case-context>span{position:static;display:block;text-align:end;line-height:1.4}.value-reel-chapters button{min-width:0;overflow-wrap:anywhere}.value-reel-chapters button b{flex-shrink:0}
/* hero-loop.css */
/* Preserve the original suspended field, central headline and masked soft focus. */
.connected-stage .connected-fallback canvas{width:100%;aspect-ratio:16/9;border:1px solid #aeb6bf44}
.connected-stage[data-unavailable=true] .connected-fallback{display:grid}
.hero-fallback-notice{position:absolute;z-index:7;bottom:76px;left:var(--pad);right:var(--pad);font-size:13px;text-align:center;color:#aeb6bf}
.hero-fallback-notice[hidden]{display:none}
.connected-actions .button{color:#071018}

/* Short phones keep the same surrounding field without colliding with the bottom controls. */
@media(max-width:760px) and (max-height:650px){
 .connected-copy{top:104px}
 .connected-copy h1{font-size:37px;line-height:1.02}
 .connected-copy>p{font-size:14px;line-height:1.4;margin-top:18px}
 .connected-actions{margin-top:20px;gap:14px}
 .connected-actions .button,.connected-actions .text-link{font-size:12px;white-space:nowrap}
 .connected-actions .button{padding:10px 12px;min-height:44px}
 .connected-bottom{bottom:24px}
}

/* The fallback is a failure view, never a different layout flashed during loading. */
.connected-stage .connected-fallback{display:none}
.connected-stage[data-unavailable=true] .connected-fallback{display:grid}
.connected-stage[data-unavailable=true] .camera-field{visibility:hidden}

/* The floating source and school source share one pixel frame at handoff.
   Phase-specific minimum heights used to move the sticky endpoint on phones. */
#connected-stage,#school-stage{height:100svh;min-height:0;bottom:auto}
/* product-video.css */
/* The invitation belongs to the opening copy; no extra scroll chapter or pin. */
html{scrollbar-gutter:stable}
.connected-actions{flex-wrap:wrap;gap:16px 28px}
.connected-actions .product-video-launch{display:flex;align-items:center;justify-content:center;gap:19px;color:var(--ink,#f0f4f4);text-align:start;text-decoration:none;min-height:86px;flex-basis:100%;width:max-content;max-width:100%;border-radius:6px}
.product-video-symbol{position:relative;display:grid;place-items:center;width:76px;height:76px;flex:0 0 76px;border:1px solid #4fd6e8aa;border-radius:50%;background:#071018bf;transition:transform .25s ease,background .25s ease;box-shadow:0 0 0 6px #4fd6e809}
.product-video-symbol::before{content:'';position:absolute;inset:-7px;border:1px solid #4fd6e838;border-radius:50%;clip-path:polygon(50% 0,100% 0,100% 100%,0 100%,0 50%,50% 50%);transition:transform .5s ease}
.product-video-symbol svg{width:25px;height:29px;margin-inline-start:4px;fill:currentColor}
.product-video-label{display:grid;gap:6px}
.product-video-label strong{font-size:clamp(20px,2vw,26px);font-weight:550;letter-spacing:-.02em}
.product-video-label small{font-size:12px;line-height:1.4;letter-spacing:.025em;color:#b8c9ce}
.product-video-launch:hover .product-video-symbol{background:#12323b;transform:scale(1.06)}
.product-video-launch:hover .product-video-symbol::before{transform:rotate(90deg)}
.product-video-launch:focus-visible{outline:2px solid #4fd6e8;outline-offset:7px}
.connected-actions>a:not(.product-video-launch){font-size:13px}
.product-video-dialog{position:fixed;inset:0;margin:auto;width:min(1320px,calc(100vw - 40px));max-width:none;max-height:calc(100svh - 32px);padding:0;border:1px solid #4fd6e85c;border-radius:10px;background:#071018;color:#f0f4f4;overflow:auto;overscroll-behavior:contain;box-shadow:0 32px 130px #000d}
.product-video-dialog[open]{animation:product-video-enter .24s ease-out both}
.product-video-dialog::backdrop{background:#02090fea;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.product-video-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-bottom:1px solid #ffffff1a}
.product-video-heading h2{margin:0;font-size:clamp(15px,1.7vw,22px);font-weight:500;line-height:1.25}
.product-video-heading button{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff40;border-radius:50%;background:transparent;color:inherit;font-size:28px;line-height:1;cursor:pointer}
.product-video-frame{position:relative;background:#000;line-height:0}
.product-video-frame video{display:block;width:100%;height:auto;max-height:calc(100svh - 176px);object-fit:contain;aspect-ratio:16/9;background:#000}
.product-video-resume{position:absolute;inset:0;margin:auto;width:max-content;height:54px;padding:0 24px;border:1px solid #4fd6e8;border-radius:28px;background:#071018ed;color:#f0f4f4;font:inherit;line-height:1.3;cursor:pointer}
.product-video-resume[hidden],.product-video-error[hidden]{display:none}
.product-video-error{margin:0;padding:14px 22px;color:#f2c078;font-size:14px;line-height:1.5}
.product-video-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;color:#bac7ce;font-size:12px;line-height:1.5}
.product-video-footer p{margin:0;color:inherit;font-size:inherit}
/* Sharing (Yusuf, 11 October 2026): one button per service, the link and the system share sheet. Each opens the service
   with the page and the film named; nothing is sent before a reader chooses. */
.product-video-share{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.product-video-share-label{margin-inline-end:4px;color:#bac7ce;font-size:13px}
.share-target{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid #526773;border-radius:50%;background:#101e27;color:#dcecf1;cursor:pointer;padding:0;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
.share-target svg{width:18px;height:18px}
.share-target:hover,.share-target:focus-visible{background:#163040;border-color:#4fd6e8;color:#fff}
.share-target:focus-visible{outline:2px solid #4fd6e8;outline-offset:2px}
.share-target[hidden]{display:none}
.product-video-share-panel{padding:0 22px 16px;font:400 13px/1.5 var(--sans);color:#bac7ce}
.product-video-share-panel[hidden],.product-video-share-panel [hidden]{display:none}
.product-video-share-panel label{display:flex;align-items:center;gap:12px}
.product-video-share-panel input{flex:1;min-width:0;min-height:44px;border:1px solid #526773;border-radius:4px;background:#101e27;color:#eef6f8;font:inherit;padding:8px 12px}
.product-video-share-panel p{margin:8px 0 0;font:inherit}
.product-video-dialog :is(button,input,select):focus-visible{outline:2px solid #4fd6e8;outline-offset:3px}
.product-video-dialog[data-orientation=portrait]{width:min(460px,calc(100vw - 24px))}
.product-video-dialog[data-orientation=portrait] .product-video-heading h2{max-width:245px}
.product-video-dialog[data-orientation=portrait] .product-video-footer{flex-wrap:wrap}
@keyframes product-video-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:760px){
 .connected-actions{gap:10px 20px;margin-top:18px}
 .connected-actions .product-video-launch{min-height:72px;gap:15px}
 .product-video-symbol{width:60px;height:60px;flex-basis:60px}
 .product-video-symbol svg{width:20px;height:23px}
 .product-video-label strong{font-size:21px}
 .product-video-label small{font-size:12px}
 .product-video-heading{padding:10px 14px}
 .product-video-footer{padding:10px 14px}
 .product-video-frame video{max-height:calc(100svh - 174px)}
}
@media(max-height:700px){
 .connected-copy{top:16svh}
 .connected-copy h1{font-size:clamp(36px,6.3vw,82px)}
 .connected-copy>p{font-size:14px;line-height:1.4;margin-top:16px}
 .connected-actions{margin-top:14px;gap:9px 20px}
 .connected-actions .product-video-launch{min-height:64px}
 .product-video-symbol{width:54px;height:54px;flex-basis:54px}
 .product-video-label strong{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.product-video-dialog[open]{animation:none}.product-video-symbol,.product-video-symbol::before{transition:none}}
.reduced-motion .product-video-dialog[open]{animation:none}

.product-video-dialog[data-orientation=portrait] video{aspect-ratio:9/16}

.product-video-captions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.product-video-captions>button,.product-video-caption-language select{min-height:44px;border:1px solid #ffffff40;border-radius:6px;background:#101e27;color:#eef6f8;font:inherit;font-size:13px}
.product-video-captions>button{display:flex;align-items:center;gap:8px;padding:8px 13px;cursor:pointer}
.product-video-captions>button>span[aria-hidden]{font-size:12px;font-weight:650;border:1px solid currentColor;border-radius:2px;padding:0 3px;line-height:1.4}
.product-video-captions>button[aria-pressed=true]{background:#153641;border-color:#4fd6e8;color:#78e6f3}
.product-video-caption-language select{padding:8px 30px 8px 11px;max-width:160px;cursor:pointer}
.product-video-caption-language>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.product-video-captions :focus-visible{outline:2px solid #4fd6e8;outline-offset:3px}
.product-video-caption-error{margin:0;padding:0 22px 14px;color:#f2c078;font-size:13px;line-height:1.5}
.product-video-caption-error[hidden]{display:none}
@media(max-width:600px){.product-video-footer{flex-wrap:wrap;gap:10px}.product-video-caption-error{padding-inline:14px}}

/* Sector invitations reuse the player without adding a scroll scene. */
.sector-film-launch{display:flex;align-items:center;gap:14px;text-decoration:none;text-align:start;min-height:74px;color:inherit}
.sector-film-launch .product-video-symbol{width:46px;height:46px;flex-basis:46px;color:#eef6f8}
.sector-film-launch .product-video-symbol svg{width:16px;height:19px}
.sector-film-launch .product-video-label strong{font:500 17px/1.3 var(--sans);letter-spacing:0}
.sector-film-launch .product-video-label small{font:400 12px/1.4 var(--sans);color:inherit;opacity:.8}
.sector-entry>.sector-film-launch{padding:19px 0 6px;margin-top:18px;border-top:1px solid var(--rule,#56646d);display:flex}
.sector-entry>.sector-film-launch span{margin:0}
.editorial-hero>.sector-film-launch{position:absolute;inset-inline-start:24px;bottom:24px;max-width:calc(100% - 48px);padding:18px 24px;background:#071018eb;color:#f0f4f4;border:1px solid #4fd6e866;border-radius:6px}
.editorial-hero .sector-film-launch .product-video-label strong{font-size:clamp(18px,2vw,26px)}
.places-heading>.sector-film-launch{width:max-content;max-width:100%;margin-top:24px}
.product-video-loading{position:absolute;inset-inline:0;top:16px;width:max-content;max-width:90%;margin:auto;padding:9px 14px;border-radius:5px;background:#071018e8;color:#eef6f8;font:400 14px/1.4 var(--sans);pointer-events:none}
.product-video-caption-note{margin:0;padding:0 22px 8px;color:#bac7ce;font:400 13px/1.5 var(--sans)}
.product-video-landscape{margin:0 22px 14px;min-height:44px;padding:8px 13px;border:1px solid #ffffff40;border-radius:6px;background:#101e27;color:#eef6f8;font:400 13px/1.4 var(--sans);cursor:pointer}
.product-video-captions>button:disabled{cursor:default}
.product-video-error a{color:inherit;text-decoration:underline;display:inline-block;padding:8px 0;min-height:44px}
.product-video-dialog [hidden]{display:none}
@media(max-width:600px){.editorial-hero>.sector-film-launch{inset-inline-start:14px;bottom:14px;max-width:calc(100% - 28px);padding:14px}.product-video-caption-note{padding-inline:14px}.product-video-landscape{margin-inline:14px}.product-video-dialog[data-orientation=landscape]{width:calc(100vw - 16px)}}

/* The four place cards' films (Yusuf, 12 October 2026). "Explore the place"'s rule, `.sector-entry a>span`, also matched
   the film button's two spans and outranked them: the ring lost its grid, so the triangle sat in its top corner, and the
   film's title ran into "Watch film · 1:42" in the link's colour (additions.css now leaves the film out). The button now
   stands at the centre of the card's picture, the way a film is offered, and the rest of the picture still opens the
   place's page with the card's words. The title and length sit under the ring on a plain dark plate; no blur, a blurred
   panel being one of the creative direction's refusals. The four pictures share one height, so the titles under them
   start on one line (the first card has no start padding, and at one aspect ratio its picture stood taller). */
/* Five places since 12 October (Yusuf: the fifth film's card, Retail & venues, with its page): five columns, near-square
   pictures, a slightly smaller ring so the ring and its two-line plate stay inside the picture. */
#sector-guides .sector-entries{--sector-media-h:clamp(210px,15vw,280px);--sector-ring:54px}
/* Equal pictures need equal columns: the first card has no start padding and the others have 25 px each side, so its
   column gives up what the others spend on padding (experience.css), and all five pictures come out the same width. */
#sector-guides .sector-entries{grid-template-columns:minmax(0,calc(20% - 20px)) repeat(4,minmax(0,calc(20% + 5px)))}
#sector-guides .sector-entry{display:grid;grid-template-columns:minmax(0,1fr);align-content:start}
/* The cards' padding and dividers in the reading direction: experience.css sets them on the right and left, so in Arabic
   the dividers stood at the wrong edges (one at the outer edge, none between the last two) and each picture pressed on
   its divider. The same values, by start and end. */
#sector-guides .sector-entry{padding-block:32px 20px;padding-inline:0 25px;border-right:0;border-inline-end:1px solid var(--rule)}
#sector-guides .sector-entry+.sector-entry{padding-inline-start:25px}
#sector-guides .sector-entry:last-child{border-inline-end:0}

#sector-guides .sector-entry>a{grid-area:1/1}
#sector-guides .sector-entry img{height:var(--sector-media-h);aspect-ratio:auto}
#sector-guides .sector-entry>.sector-film-launch{z-index:2;align-self:start;justify-self:center;flex-direction:column;gap:10px;min-height:0;max-width:calc(100% - 24px);margin:calc(var(--sector-media-h) / 2 - var(--sector-ring) / 2) 0 0;padding:0;border:0}
#sector-guides .sector-film-launch .product-video-symbol{width:var(--sector-ring);height:var(--sector-ring);flex-basis:auto;background:#071018cc}
#sector-guides .sector-film-launch:hover .product-video-symbol{background:#12323b}
#sector-guides .sector-film-launch .product-video-symbol svg{width:19px;height:22px;color:#f4fbfc}
#sector-guides .sector-film-launch .product-video-label{justify-items:center;gap:2px;padding:7px 12px 8px;border-radius:6px;background:#071018d9;border:1px solid #4fd6e833;color:#f0f4f4;text-align:center}
#sector-guides .sector-film-launch .product-video-label strong{font:500 15px/1.3 var(--sans);color:#f4fbfc}
#sector-guides .sector-film-launch .product-video-label small{font:400 12px/1.35 var(--sans);opacity:.85}
@media(max-width:1100px){#sector-guides .sector-entries{--sector-media-h:clamp(240px,34vw,380px);--sector-ring:60px;grid-template-columns:minmax(0,calc(50% - 12px)) minmax(0,calc(50% + 12px))}#sector-guides .sector-entry:nth-child(2n){border-inline-end:0}#sector-guides .sector-entry:nth-child(2n+1){padding-inline-start:0}}
@media(max-width:760px){#sector-guides .sector-entries{--sector-media-h:calc(100vw - 2 * var(--pad,24px));--sector-ring:56px;grid-template-columns:1fr}#sector-guides .sector-entry,#sector-guides .sector-entry+.sector-entry{padding-block:27px;padding-inline:0;border-inline-end:0}}
/* scene-refinement.css */
/* Causal scene controls share the native page's existing clock. */
.platform-work-readout{margin-top:24px;position:relative}.platform-work-readout ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0}.platform-work-readout li{position:relative;padding-top:13px;color:#91a4ad;border-top:2px solid #edf5f629;font:500 14px/1.25 var(--sans)}.platform-work-readout li[data-state=complete]{color:#c0e4e8;border-top-color:#4fd6e8}.platform-work-readout li[data-state=current]{color:#edf5f6;border-top-color:#4fd6e8}.platform-work-readout li[data-work-step=authority][data-state=current]{border-top-color:#f05a4f}.platform-detail{padding:22px 22px 18px!important}.platform-detail .icon-button{right:16px;top:16px}.platform-detail h3{padding-right:44px}.platform-flow .platform-layers{bottom:255px}.platform-flow .platform-detail{min-height:180px}.platform-flow .platform-detail p{max-width:410px}
@media(max-width:760px){.platform-chapter{height:1080px;min-height:1080px}.platform-flow .platform-layers{bottom:auto}.platform-flow .platform-detail{min-height:0}.platform-work-readout{margin-top:18px}.platform-work-readout li{font-size:13px}.platform-detail{padding:18px!important}.platform-copy{top:48px}#platform-canvas{inset:27% -25% 23% -45%}.platform-flow{bottom:26px}}
@media(prefers-reduced-motion:reduce){.platform-work-readout *{transition:none!important}}