/* One size system for the existing Zeynah visual design. No fixed text heights. */
:root{--gutter:clamp(18px,4vw,72px);--section-space:clamp(42px,6vw,88px);--gap:clamp(16px,2vw,28px);--card-pad:clamp(20px,2vw,28px);--media-height:clamp(156px,15vw,200px);--action:52px;--radius:22px;--header-height:82px}
*,*:before,*:after{box-sizing:border-box}
*{min-inline-size:0}
html{margin:0;padding:0;inline-size:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 18px);text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0;padding:0;inline-size:100%;font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.65;isolation:isolate;position:relative}
main{display:block;inline-size:100%;position:relative;z-index:1}
h1,h2,h3,p,figure,blockquote{margin:0}
h1,h2{font-family:Instrument,Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.12}
h1{font-size:clamp(36px,4.5vw,66px)}
h2{font-size:clamp(30px,3.2vw,46px)}
h3{font-size:clamp(19px,1.7vw,24px);line-height:1.35;letter-spacing:-.025em;font-weight:550}
p,li,dt,dd,figcaption,label,summary,a,button,span,h1,h2,h3{overflow-wrap:anywhere;word-break:normal}
h1,h2,h3{hyphens:auto}
a{text-decoration:none}
button,input,select{font:inherit}
button{cursor:pointer}
img,video,canvas{display:block;max-inline-size:100%}
img{object-fit:contain}
input,select{max-inline-size:100%}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip{position:fixed;inset-block-start:-100px;inset-inline-start:16px;padding:12px 18px;z-index:50}
.skip:focus{inset-block-start:12px}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.wrap,main>.wrap,.trust-section{inline-size:100%;max-inline-size:none;margin:0;padding-inline:var(--gutter)}
.section,.trust-section,.closing{padding-block:var(--section-space);scroll-margin-top:18px;position:relative;isolation:isolate}
.preview-note{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 12px;min-block-size:28px;padding:5px 16px;font-size:10px;line-height:1.4;letter-spacing:.04em;text-align:center}
.preview-note span{font-size:inherit}
.header{position:sticky;inset-block-start:0;z-index:20;display:flex;align-items:center;gap:20px;min-block-size:var(--header-height);padding:12px var(--gutter);inline-size:100%;border-block-end:1px solid #ebe3d66b}
.brand{display:inline-flex;align-items:center;gap:10px;inline-size:fit-content;max-inline-size:100%;font-size:22px;font-weight:600;letter-spacing:.07em;line-height:1.15}
.header>.brand{margin-inline-end:auto;flex:1 1 auto;min-inline-size:112px}
.header>.brand>span{white-space:nowrap;overflow-wrap:normal}
.header>.language-picker,.header>.menu-button,.header>nav{flex:0 0 auto}
.brand>img{flex:none;inline-size:34px;block-size:46px;max-inline-size:34px;object-fit:contain}
.brand>span{display:block}
.brand-sub{display:block;margin-block-start:7px;font-size:6px;letter-spacing:.05em;line-height:1.35;max-inline-size:195px}
.language-picker{display:block;grid-column:2;grid-row:1}
.language-picker select{display:block;inline-size:132px;min-block-size:var(--action);padding:10px 9px;font-size:12px;border-radius:12px}
.header nav{grid-column:3;grid-row:1;display:flex;align-items:center;gap:clamp(10px,1.25vw,22px);font-size:12px;font-weight:500}
.header nav>a{max-inline-size:165px;line-height:1.45}
.header nav>.button{min-inline-size:130px}
.button,.button.compact,.menu-button,.media-toggle,.case-switch button,.spatial-tour button{min-block-size:var(--action);block-size:auto;padding:11px 16px;border-radius:12px;border-width:1px;border-style:solid;display:inline-flex;justify-content:center;align-items:center;gap:8px;text-align:center;font-size:13px;font-weight:500;line-height:1.4;white-space:normal}
.menu-button{display:none;white-space:nowrap;overflow-wrap:normal}
.button:hover{transform:translateY(-2px)}
.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch;inline-size:100%;max-inline-size:660px}
.actions .button{inline-size:100%;max-inline-size:none;min-block-size:var(--action)}
.motion-panel{position:relative;z-index:3;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 18px;padding:8px var(--gutter);min-block-size:64px}
.motion-panel .media-toggle{margin:0;min-block-size:44px;padding:9px 14px;font-size:12px}
.motion-panel p{font-size:12px;max-inline-size:55ch;line-height:1.5}
.motion-panel p:empty{display:none}
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);min-block-size:calc(100svh - var(--header-height) - 92px);padding-block:clamp(34px,5vh,64px);position:relative;isolation:isolate;overflow:visible}
.hero-copy,.hero-media{position:relative;z-index:1}
.hero-copy{inline-size:100%;max-inline-size:700px}
.hero h1{font-size:clamp(36px,4.5vw,66px);line-height:1.12}
.eyebrow{font-size:11px;line-height:1.6;letter-spacing:.11em;text-transform:uppercase;font-weight:600;margin-block-end:18px}
.dot{display:inline-block;inline-size:6px;block-size:6px;border-radius:50%;margin-inline-end:8px;vertical-align:middle}
.hero .lead{font-size:15px;line-height:1.85;max-inline-size:61ch;margin-block:22px}
.hero .price-hint{font-size:12px;line-height:1.7;margin-block-start:18px;max-inline-size:60ch}
.hero .price-hint span{font-size:inherit}
.hero-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch;inline-size:100%;max-inline-size:700px;margin:0;perspective:1200px;padding:8px 0}
.hero-media .brand-film{display:flex;flex-direction:column;inline-size:100%;transform:none!important}
.hero-media .media-frame{block-size:var(--media-height);aspect-ratio:auto}
.hero-media figcaption{display:flex;align-items:center;min-block-size:58px;padding:12px 14px;font-size:12px;line-height:1.5}
.brand-watermark{position:absolute;inset:24px 4% auto auto;inline-size:120px;block-size:165px;pointer-events:none;z-index:0;overflow:hidden}
.brand-watermark .media-frame{block-size:100%;aspect-ratio:auto}
.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-block:24px;font-size:12px;line-height:1.6}
.principles b{font-size:11px;font-weight:500;display:inline-block;margin-inline-end:10px}
.section-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;gap:var(--gap);margin-block-end:32px}
.section-heading>p{inline-size:100%;max-inline-size:57ch;justify-self:end;font-size:14px;line-height:1.85}
.glass{border-radius:var(--radius);border-width:1px;border-style:solid}
.brand-light,.brand-dark{position:relative;isolation:isolate}
.brand-light:before,.brand-dark:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.brand-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.brand-veil{position:absolute;inset:0;pointer-events:none}
/* Critical: replaced elements never contribute their intrinsic size to grid tracks. */
.media-frame{display:block;position:relative;inline-size:100%;block-size:var(--media-height);aspect-ratio:auto;min-inline-size:0;min-block-size:0;overflow:hidden;isolation:isolate}
.media-frame>video,.media-frame>.media-poster{position:absolute;inset:0;display:block;inline-size:100%;block-size:100%;min-inline-size:0;min-block-size:0;max-inline-size:100%;max-block-size:100%;object-fit:contain;object-position:center}
.media-frame>.media-poster{z-index:1;pointer-events:none}
.media-frame>video{z-index:2}
.media-frame[data-native=true]>.media-poster{display:none}
.brand-background>.media-frame{block-size:100%;inline-size:100%}
.brand-background .media-frame>video,.brand-background .media-poster{object-fit:cover;max-block-size:none;block-size:100%}
.brand-film{display:block;margin:0;border-radius:var(--radius);overflow:hidden;inline-size:100%}
.brand-film figcaption{padding:14px 18px;font-size:12px;line-height:1.6}
.industry-cinema{inline-size:min(100%,760px);margin:0 auto 28px}
.industry-cinema .media-frame,.brand-film-layout>.brand-film .media-frame{block-size:clamp(190px,25vw,310px)}
.brand-film-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap);align-items:center}
.checker-grid{align-items:stretch;grid-auto-rows:1fr}
.branch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);grid-auto-rows:1fr}
.two-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);grid-auto-rows:1fr}
.branch-card{display:flex;flex-direction:column;border-radius:var(--radius);overflow:visible}
.branch-visual,.solution-visual{position:relative;display:block;inline-size:100%;block-size:var(--media-height);flex:none;border-radius:18px;overflow:hidden;margin:0;padding:0}
.branch-visual{border-radius:var(--radius) var(--radius) 0 0}
.branch-visual .media-frame,.solution-visual .media-frame{block-size:100%;border-radius:inherit}
.branch-copy{padding:var(--card-pad);display:flex;flex-direction:column;flex:1}
.branch-copy h3{font-size:21px;line-height:1.4}
.branch-copy p{font-size:14px;line-height:1.75;margin-block:12px}
.branch-copy small{font-size:12px;line-height:1.6;margin-block-end:20px}
.branch-copy .button{inline-size:100%;margin-block-start:auto;min-block-size:var(--action)}
.solution{display:flex;flex-direction:column;padding:var(--card-pad);scroll-margin-top:100px}
.solution-visual{margin-block-end:24px}
.solution .eyebrow{margin-block-end:12px}
.solution h3{font-size:clamp(22px,2vw,27px);margin-block-end:14px;line-height:1.35}
.solution p,.solution li{font-size:14px;line-height:1.8}
.solution ul{padding:0;list-style:none;margin:22px 0 26px}
.solution li{padding-block:9px;border-block-end-width:1px;border-block-end-style:solid}
.solution li:before{content:'＋';margin-inline-end:8px}
.card-foot{display:flex;flex-direction:column;gap:8px;margin-block-start:auto}
.card-foot>span{font-size:12px;line-height:1.6}
.text-link{font-size:14px;font-weight:500;line-height:1.7}
.industry-actions{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--gap);align-items:center;margin-block-start:28px;padding:var(--card-pad)}
.industry-actions p{font-size:14px;margin-block-start:12px}
.original-stills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);margin-block-start:28px}
.original-stills img{inline-size:100%;block-size:var(--media-height);max-block-size:200px;object-fit:contain;border-radius:18px}
.demo-shell{overflow:visible}
.demo-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px var(--card-pad);border-block-end:1px solid var(--line)}
.case-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;border-width:1px;border-style:solid;border-radius:14px;inline-size:min(100%,470px)}
.case-switch button{inline-size:100%;border-radius:10px;min-block-size:var(--action);padding:9px 10px;font-size:12px}
.demo-badge{font-size:11px;max-inline-size:220px;line-height:1.6}
.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.message-panel,.work-panel{padding:var(--card-pad)}
.message-panel{border-inline-end:1px solid var(--line)}
.message-panel blockquote{font-family:Instrument,Georgia,serif;font-size:clamp(23px,2.2vw,31px);line-height:1.5;letter-spacing:-.015em;margin-block:22px 18px;min-block-size:0}
.subtle,.fine{font-size:12px;line-height:1.8}
.voice-bars{display:flex;align-items:center;gap:5px;block-size:28px}
.voice-bars i{display:block;inline-size:3px;block-size:10px;border-radius:3px}
.voice-bars i:nth-child(3n){block-size:27px}.voice-bars i:nth-child(3n + 1){block-size:18px}
.work-head{display:flex;align-items:start;justify-content:space-between;gap:14px}
.work-head .eyebrow{margin:0}
.status{font-size:11px;line-height:1.5;padding:5px 9px;border-radius:20px;flex:none;max-inline-size:45%}
dl{margin-block:20px}
dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:12px;padding-block:12px;border-block-end:1px solid var(--line);font-size:13px;line-height:1.7}
dd{margin:0;text-align:end;max-inline-size:100%;white-space:normal}
.approval{display:flex;align-items:start;gap:14px;padding:16px;border-width:1px;border-style:solid;border-radius:14px}
.approval-symbol{font-size:25px;flex:none}
.approval p{font-size:13px;line-height:1.8}
.approval strong{font-weight:550}
.demo-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:20px var(--card-pad);border-block-start:1px solid var(--line);font-size:12px}
.demo-bottom>span{flex:1 1 280px}
.demo-bottom a{white-space:normal}
.trust-section{margin:0}
.trust-section>.wrap{padding:0;inline-size:100%;max-inline-size:none}
.trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,60px);align-items:center}
.context-image{inline-size:100%;block-size:var(--media-height);max-block-size:200px;object-fit:contain;border-radius:var(--radius);margin-block-end:26px}
.trust-grid>div>p:not(.eyebrow){font-size:14px;line-height:1.85;margin-block:22px;max-inline-size:58ch}
.evidence-stack{display:grid;gap:16px}
.evidence{display:flex;gap:16px;padding:24px;border-radius:var(--radius)}
.evidence-no{font-size:12px;flex:none}
.evidence h3{font-size:18px;line-height:1.45}
.evidence p{font-size:13px;line-height:1.8;margin-block:12px}
.evidence a{font-size:12px;line-height:1.65}
.sister-logo{float:inline-end;inline-size:38px;block-size:38px;margin-inline-start:12px;margin-block-end:8px}
.pilot-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:start}
.pilot-steps article{display:flex;gap:20px;padding-block:24px;border-block-end:1px solid var(--line)}
.pilot-steps article>span{font-size:12px;flex:none;padding-block-start:3px}
.pilot-steps h3{font-size:19px;line-height:1.45}
.pilot-steps p{font-size:14px;line-height:1.8;margin-block-start:10px}
.pilot-card{padding:var(--card-pad)}
.pilot-card h3{font-family:Instrument,Georgia,serif;font-size:32px;line-height:1.2;font-weight:400;letter-spacing:-.025em}
.price-film{inline-size:100%;block-size:var(--media-height);overflow:hidden;border-radius:16px;margin-block-end:22px}
.price-film .media-frame{block-size:100%}
.big-price{font-size:48px;line-height:1.3;font-weight:450;letter-spacing:-.04em;margin-block-start:24px}
.big-price span{font-size:14px;letter-spacing:0}
.pilot-card>p:not(.eyebrow):not(.fine){font-size:13px;margin-block-start:6px}
.costs>div{font-size:13px;line-height:1.7;padding-block:12px}
.costs dd{font-weight:500;white-space:normal}
.costs .total{border:0;padding-block-start:18px}
.pilot-card>.button{inline-size:100%;margin-block-start:24px}
.small-link{display:block;font-size:12px;text-align:center;margin-block-start:16px}
.calculator{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
.calculator-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-content:start;padding:var(--card-pad)}
.calculator-inputs label{font-size:13px;line-height:1.7}
.calculator-inputs input{display:block;inline-size:100%;min-inline-size:0;block-size:52px;margin-block-start:9px;padding:11px 12px;border-width:1px;border-style:solid;border-radius:10px;font-size:17px}
.calculator-inputs>.fine{grid-column:1/-1}
.calculator-results{padding:var(--card-pad);border-inline-start:1px solid var(--line);border-radius:0 var(--radius) var(--radius) 0}
.saved-time{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px}
.saved-time strong{font-size:52px;line-height:1.2;font-weight:400;letter-spacing:-.05em}
.saved-time span{font-size:13px}
.calculator-results>.button{inline-size:100%;margin-block:20px 10px}
.faq-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,64px)}
.faq-film{inline-size:min(100%,250px);block-size:var(--media-height);border-radius:20px;overflow:hidden;margin-block-end:24px}
.faq-film .media-frame{block-size:100%}
.faq details{border-block-end:1px solid var(--line)}
.faq summary{display:flex;align-items:start;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;font-size:15px;line-height:1.6;padding-block:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'＋';flex:none}
.faq details[open] summary:after{content:'−'}
.faq p{font-size:14px;line-height:1.85;padding-block-end:20px}
.closing{text-align:center;display:flex;flex-direction:column;align-items:center}
.closing>h2,.closing>p,.closing-note{inline-size:100%}
.closing h2{font-size:clamp(32px,3.6vw,52px);max-inline-size:24ch}
.closing p:not(.eyebrow){font-size:15px;line-height:1.8;margin-block:22px;max-inline-size:62ch}
.closing-film{inline-size:200px;block-size:var(--media-height);margin:0 auto 26px;overflow:hidden;border-radius:20px}
.closing-film .media-frame{block-size:100%}
.closing>.button{inline-size:min(100%,320px);min-inline-size:0}
.closing-note{display:block;font-size:12px;margin-block-start:18px}
.footer{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;inline-size:100%;padding:18px var(--gutter);position:relative;z-index:1;font-size:11px;line-height:1.6}
.footer .brand{font-size:16px;gap:8px}
.footer .brand img{inline-size:24px;max-inline-size:24px;block-size:34px}
.footer>span{margin-inline-end:auto}
.footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px}
.footer nav a{padding-block:8px}
.brand-orbit{position:relative;block-size:340px;inline-size:100%;max-inline-size:520px;margin-inline:auto}
.scene{position:absolute;inset:20px 0 36px}
.scene canvas{position:relative;z-index:1;inline-size:100%;block-size:100%}
.scene-fallback{position:absolute;inset:0;display:grid;place-items:center}
.scene-fallback img{inline-size:120px;block-size:175px;object-fit:contain}
.scene.ready .scene-fallback{display:none}
.orbit-label{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 14px;border-width:1px;border-style:solid;border-radius:14px;inline-size:min(68%,245px);max-inline-size:calc(100% - 16px);pointer-events:none;transform:none!important}
.orbit-label small{display:block;font-size:9px;letter-spacing:.06em;line-height:1.5;margin-block-end:4px}
.orbit-label strong{font-size:12px;line-height:1.6;font-weight:500}
.top-label{inset:0 auto auto 8px}.output-label{inset:auto 8px 45px auto}
.mini-icon{display:grid;place-items:center;flex:none;inline-size:30px;block-size:30px;border-radius:10px;border-width:1px;border-style:solid;font-size:18px}
.scene-caption{position:absolute;inset:auto 8px 0;display:flex;justify-content:center;text-align:center;font-size:10px;line-height:1.6;letter-spacing:.04em}
.spatial-tour{inline-size:100%;margin-block-end:30px;border-radius:var(--radius);border-width:1px;border-style:solid;overflow:hidden}
.spatial-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap);padding:var(--card-pad);align-items:center;border-block-end:1px solid #f0e9dd30}
.spatial-top p{font-size:13px;line-height:1.7}
.spatial-worlds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;inline-size:100%}
.spatial-viewport{position:relative;inline-size:100%;block-size:clamp(250px,34vw,390px);overflow:hidden}
.spatial-viewport canvas{position:relative;z-index:1;inline-size:100%;block-size:100%;touch-action:pan-y;cursor:grab}
.spatial-poster{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:contain}
.spatial-tour[data-ready=true] .spatial-poster{display:none}
.spatial-caption{position:absolute;inset:16px auto auto 20px;z-index:2;display:flex;align-items:center;gap:8px;max-inline-size:calc(100% - 40px);font-size:10px;line-height:1.5;letter-spacing:.04em;pointer-events:none}
.spatial-caption img{inline-size:21px;block-size:30px;flex:none}
.spatial-note{position:absolute;inset:auto 16px 14px auto;z-index:2;max-inline-size:calc(100% - 32px);font-size:10px;line-height:1.5;padding:6px 9px;border-radius:8px;pointer-events:none}
.spatial-bottom{padding:var(--card-pad)}
.spatial-description{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:var(--gap);margin-block-end:22px;min-block-size:94px}
.spatial-description h3{font-family:Instrument,Georgia,serif;font-size:30px;line-height:1.25;font-weight:400}
.spatial-description p{font-size:13px;line-height:1.8}
.spatial-stations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;grid-auto-rows:1fr}
.spatial-tour button{inline-size:100%;font-size:12px;min-block-size:var(--action);line-height:1.45;padding:10px}
.spatial-actions{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:16px;padding:20px var(--card-pad);border-block-start:1px solid #f0e9dd40}
.spatial-camera{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.spatial-state{min-block-size:36px;padding:0 var(--card-pad) 18px;font-size:12px;line-height:1.7}
.media-recovery{position:absolute;inset:auto 8px 40px;z-index:5;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:10px;border-radius:12px;border-width:1px;border-style:solid;font-size:11px;line-height:1.4;text-align:center;max-block-size:calc(100% - 48px);overflow:auto}
.media-recovery span{flex-basis:100%}
.media-recovery button,.media-recovery a{display:inline-flex;align-items:center;justify-content:center;font-size:11px;min-block-size:40px;padding:8px 10px;border-width:1px;border-style:solid;border-radius:8px;line-height:1.4}
.motion-panel>.media-recovery{position:static;flex-basis:100%;max-inline-size:700px;max-block-size:none}
.cinematic{--tilt-x:0deg;--tilt-y:0deg;transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] .pilot-card h3,[dir=rtl] .spatial-description h3,[dir=rtl] blockquote{font-family:Arial,sans-serif;letter-spacing:0;line-height:1.45}
[dir=rtl] .language-picker select{direction:ltr}
[dir=rtl] .brand-sub{letter-spacing:0}
@media(min-width:1700px){.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.hero-media{max-inline-size:760px;justify-self:end}.section-heading>p{max-inline-size:66ch}}
@media(max-width:1180px){.header{grid-template-columns:minmax(0,1fr) auto auto;gap:12px}.header nav{display:none;position:absolute;inset:100% 0 auto;grid-column:auto;grid-row:auto;padding:18px var(--gutter);font-size:14px;border-block-end:1px solid var(--line)}.header nav.open{display:flex;flex-wrap:wrap;gap:16px 24px}.header nav>a{max-inline-size:100%}.menu-button{display:inline-flex;inline-size:76px;grid-column:3;grid-row:1;min-inline-size:72px}.hero{gap:28px}.hero h1{font-size:clamp(35px,4.7vw,55px)}.hero .actions{grid-template-columns:1fr}.branch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spatial-actions{grid-template-columns:1fr}.spatial-camera{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){:root{--gutter:24px;--header-height:76px;--section-space:48px;--media-height:170px}.hero{grid-template-columns:1fr;gap:28px;min-block-size:calc(100svh - 168px);padding-block:32px}.hero-copy{max-inline-size:720px}.hero h1{font-size:clamp(36px,6.6vw,52px)}.hero .lead{max-inline-size:68ch}.hero .actions{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-media{max-inline-size:none;grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.hero-media .media-frame{block-size:150px}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading>p{justify-self:start;max-inline-size:65ch}.brand-film-layout,.trust-grid,.pilot-layout,.calculator,.faq-section{grid-template-columns:1fr;gap:28px}.industry-actions{grid-template-columns:1fr}.brand-orbit{max-inline-size:540px}.calculator{gap:0}.calculator-results{border-inline-start:0;border-block-start:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius)}.faq-film{inline-size:100%;max-inline-size:320px}.demo-grid{grid-template-columns:1fr}.message-panel{border-inline-end:0;border-block-end:1px solid var(--line)}.demo-top{flex-wrap:wrap}.demo-badge{max-inline-size:none}.case-switch{inline-size:100%;max-inline-size:none}.trust-grid>div>.context-image{inline-size:100%;block-size:180px}.spatial-top{grid-template-columns:1fr;gap:16px}.spatial-description{grid-template-columns:1fr;gap:12px;min-block-size:150px}.spatial-viewport{block-size:300px}.footer>span{font-size:11px}.footer nav{inline-size:100%;justify-content:flex-start}}
@media(max-width:620px){:root{--gutter:18px;--card-pad:20px;--media-height:156px;--gap:18px;--section-space:40px}.header{gap:8px;padding-block:10px}.header .brand{font-size:18px;gap:7px;letter-spacing:.04em}.header .brand img{inline-size:29px;block-size:40px}.header .brand-sub{display:none}.language-picker select{inline-size:92px;min-block-size:46px;font-size:11px;padding:9px 4px}.menu-button{inline-size:58px;min-inline-size:58px;min-block-size:46px;padding:9px 8px;font-size:11px;gap:3px}.header nav.open{flex-direction:column;align-items:stretch;max-block-size:calc(100svh - 76px);overflow:auto}.header nav>a{padding:10px 0}.header nav>.button{padding:11px}.hero{min-block-size:calc(100svh - 168px);padding-block:28px;gap:22px}.hero .eyebrow{font-size:10px;letter-spacing:.08em}.hero h1{font-size:clamp(34px,9vw,43px)}.hero .lead{font-size:14px;line-height:1.8;margin-block:18px}.hero .actions{gap:10px}.actions .button{font-size:12px;padding:11px 10px}.hero .price-hint{font-size:11px;margin-block-start:14px}.hero-media{gap:12px}.hero-media .media-frame{block-size:124px}.hero-media figcaption{font-size:11px;min-block-size:54px;padding:10px;line-height:1.5}.brand-watermark{inline-size:90px;block-size:130px;inset:20px 16px auto auto}.principles{gap:12px;padding-block:18px;font-size:11px}.principles b{display:block;margin-block-end:4px}.branch-grid,.two-grid{grid-template-columns:1fr}.branch-copy h3{font-size:21px;min-block-size:0}.branch-copy p{min-block-size:0}.branch-copy small{min-block-size:0}.branch-copy .button{margin-block-start:auto}.section-heading{margin-block-end:25px}.section-heading h2{font-size:32px}.section-heading>p{font-size:14px}.original-stills{gap:10px}.original-stills img{block-size:105px}.industry-cinema .media-frame,.brand-film-layout>.brand-film .media-frame{block-size:190px}.brand-film figcaption{padding:12px 15px;font-size:11px}.demo-top{padding:16px}.case-switch{gap:4px}.case-switch button{font-size:11px;padding:9px 6px}.work-head{gap:8px}.work-head .eyebrow{font-size:10px}.message-panel blockquote{font-size:25px}.message-panel,.work-panel{padding:20px}.calculator-inputs{gap:18px}.calculator-inputs label{font-size:12px}.calculator-inputs input{font-size:16px}.costs>div{font-size:12px;gap:10px}.evidence{padding:20px;gap:12px}.spatial-top,.spatial-bottom{padding:20px}.spatial-stations{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.spatial-tour button{font-size:11px}.spatial-actions{padding:18px 20px;gap:12px}.spatial-camera{grid-template-columns:repeat(2,minmax(0,1fr))}.spatial-viewport{block-size:270px}.spatial-description{min-block-size:154px}.spatial-caption{inset-inline-start:15px;font-size:9px}.spatial-note{font-size:9px;max-inline-size:80%}.spatial-state{font-size:11px;padding-inline:20px}.brand-orbit{block-size:315px}.orbit-label{inline-size:68%;padding:10px 12px}.orbit-label strong{font-size:11px}.orbit-label small{font-size:8px}.scene-caption{font-size:9px}.footer{gap:10px 18px}.footer .brand{font-size:15px}.footer nav{gap:4px 14px;font-size:11px}}
@media(max-width:360px){:root{--gutter:14px;--card-pad:17px}.header{gap:6px}.header .brand{font-size:16px;gap:5px}.header .brand img{inline-size:26px;block-size:37px}.language-picker select{inline-size:85px;font-size:10px}.header>.brand{min-inline-size:100px}.menu-button{inline-size:53px;min-inline-size:53px;padding-inline:6px}.menu-button span{display:none}.hero h1{font-size:34px}.hero .actions{grid-template-columns:1fr}.hero-media .media-frame{block-size:110px}.hero-media figcaption{font-size:10px}.calculator-inputs{grid-template-columns:1fr}.calculator-inputs>.fine{grid-column:auto}.principles{font-size:10px}.spatial-worlds{grid-template-columns:1fr}.spatial-description{min-block-size:174px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v6: media composition, based on the actual tablet screenshots. */
.hero{grid-template-columns:minmax(0,1.5fr) minmax(220px,.8fr);column-gap:clamp(24px,5vw,76px);row-gap:26px;align-items:center;min-block-size:calc(100svh - var(--header-height));padding-block:36px}
.hero-heading{grid-column:1;grid-row:1;position:relative;z-index:1;align-self:start;inline-size:100%}
.hero-feature{grid-column:2;grid-row:1 / span 2;align-self:start;inline-size:100%;max-inline-size:360px;justify-self:center;overflow:hidden;opacity:1;filter:none;mix-blend-mode:normal}
.hero-feature .media-frame{block-size:auto;aspect-ratio:1;width:100%;height:auto}
.hero-feature video,.hero-feature .media-poster{object-fit:contain;filter:none;mix-blend-mode:normal}
.hero-feature .motion-panel{min-block-size:0;padding:10px;gap:6px;background:transparent;color:var(--ink)}
.hero-feature .motion-panel button{inline-size:100%;min-block-size:44px;font-size:12px}
.hero-copy{grid-column:1;grid-row:2;max-inline-size:none}
.hero-copy .lead{margin-block:0 20px;font-size:14px;line-height:1.75}
.hero .actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero-media{grid-column:1 / -1;grid-row:3;max-inline-size:none;width:100%;padding:0;gap:var(--gap)}
.hero-media .brand-film{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center}
.hero-media .media-frame{block-size:auto;height:auto;aspect-ratio:16/9}
.hero-media figcaption{min-block-size:0;padding:14px;font-size:12px}
.hero h1{font-size:clamp(48px,8.5vw,106px);line-height:1.03}
.hero-heading .eyebrow{margin-block-end:15px}
.header{padding-block:9px;min-block-size:72px}
:root{--header-height:72px}
.hero .media-frame[data-painted=true]>video{opacity:1}
.media-frame[data-native=true],.industry-cinema .media-frame,.brand-film-layout>.brand-film .media-frame{aspect-ratio:16/9;block-size:auto;height:auto;width:100%}
.media-frame[data-native=true]>video{position:relative;aspect-ratio:16/9;height:auto;width:100%;object-fit:contain}
.branch-visual,.solution-visual{block-size:auto;height:auto;aspect-ratio:16/9}
.branch-visual .media-frame,.solution-visual .media-frame{height:100%;block-size:100%}
.checker-grid,.branch-grid,.two-grid{grid-auto-rows:auto}
.branch-copy{gap:0;padding:20px}
.branch-copy .button{margin-block-start:auto}
.branch-copy p{margin-block:10px 12px}
.branch-copy small{margin-block-end:18px}
.source-film{position:absolute;inset:auto 10px 10px auto;z-index:4;max-inline-size:calc(100% - 20px);padding:6px 10px;border-radius:9px;font-size:11px;color:#faf7f2;background:#303134d9;border:1px solid #faf7f24d;backdrop-filter:blur(8px)}
.faq-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:0 24px;align-items:center}
.faq-intro .faq-film{grid-column:2;grid-row:1 / span 2;inline-size:100%;block-size:auto;aspect-ratio:16/9;margin:0;max-inline-size:none}
.faq-intro .eyebrow,.faq-intro h2{grid-column:1}
.faq-intro .eyebrow{margin-block-end:12px}
.spatial-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px var(--card-pad)}
.spatial-actions>[data-tour-play]{grid-column:1 / -1;inline-size:calc((100% - 20px)/3);justify-self:center}
.spatial-camera{grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.spatial-description{min-block-size:0;margin-block-end:18px}
.spatial-viewport{height:clamp(280px,37vw,440px);block-size:clamp(280px,37vw,440px)}
.brand-film-layout{gap:24px}
.brand-orbit{block-size:300px;max-inline-size:420px}
.preview-note{font-size:10px;min-block-size:0;padding:8px}
@media(min-width:1181px){.hero-media{max-inline-size:1000px;justify-self:start}.hero-feature{max-inline-size:380px}.hero{grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr)}}
@media(max-width:820px){.hero{grid-template-columns:minmax(0,1.45fr) minmax(180px,.8fr);gap:22px;min-block-size:0}.hero-feature{grid-row:1}.hero-copy{grid-column:1 / -1}.hero h1{font-size:clamp(44px,8.6vw,70px)}.hero .price-hint{max-inline-size:none}.faq-section{gap:26px}.spatial-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.spatial-actions>[data-tour-play]{inline-size:calc((100% - 10px)/2)}.brand-orbit{block-size:290px}}
@media(max-width:540px){.hero{grid-template-columns:minmax(0,1fr);padding-block:26px;gap:20px}.hero-feature{grid-column:1;grid-row:2;max-inline-size:210px;justify-self:center}.hero-copy{grid-column:1;grid-row:3}.hero-media{grid-row:4;gap:12px}.hero-media .brand-film{display:flex;flex-direction:column;align-items:stretch}.hero-media figcaption{font-size:11px;padding:10px;flex:1}.hero h1{font-size:clamp(44px,14vw,56px)}.hero .actions{grid-template-columns:1fr}.hero .lead{font-size:14px}.faq-intro{grid-template-columns:minmax(0,1fr) minmax(100px,.65fr);gap:14px}.faq-intro h2{font-size:29px}.faq-intro .eyebrow{font-size:9px}.branch-copy{padding:20px}.spatial-viewport{height:290px;block-size:290px}.spatial-camera{grid-template-columns:repeat(2,minmax(0,1fr))}.spatial-actions>[data-tour-play]{inline-size:100%}.source-film{font-size:10px}.brand-orbit{block-size:290px}}
.spatial-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.spatial-camera{display:contents}
.spatial-actions button,.spatial-actions>[data-tour-play]{inline-size:calc((100% - 40px)/5);min-block-size:54px}
@media(max-width:620px){.spatial-actions button,.spatial-actions>[data-tour-play]{inline-size:calc((100% - 10px)/2)}}

/* Film tiles open one screen-sized player, preserving the complete frame. */
.media-frame>.media-expand{position:absolute;inset:0;z-index:4;display:flex;align-items:flex-end;justify-content:flex-end;inline-size:100%;block-size:100%;max-inline-size:none;margin:0;padding:12px;border:0;border-radius:inherit;background:transparent;box-shadow:none;backdrop-filter:none;color:#faf7f2;cursor:pointer;text-decoration:none;transform:none;animation:none}
.media-expand>span{display:block;max-inline-size:100%;padding:8px 12px;border:1px solid #faf7f2a8;border-radius:10px;background:#303134cc;box-shadow:inset 0 1px #faf7f266,0 6px 18px #30313433;backdrop-filter:blur(10px);font-size:11px;line-height:1.4;color:#faf7f2}
.media-frame>.media-expand-native{inset:10px 10px auto auto;inline-size:auto;block-size:auto;padding:0}
.media-expand:focus-visible{outline:2px solid #7fbcff;outline-offset:-4px}
html.film-viewer-open{overflow:hidden}
.film-viewer{position:fixed;inset:0;z-index:2147483647;inline-size:100%;block-size:100vh;block-size:100dvh;max-inline-size:none;max-block-size:none;margin:0;padding:0;background:#404144;color:#faf7f2;isolation:isolate;overflow:hidden}
.film-viewer:fullscreen{inline-size:100%;block-size:100%;border:0}
.film-viewer>video{display:block;position:absolute;inset:0;inline-size:100%;block-size:100%;max-inline-size:none;max-block-size:none;object-fit:cover;opacity:1;filter:none;transform:none;animation:none;background:#404144}
.film-viewer-toolbar{position:absolute;inset:0 0 auto;z-index:2;display:flex;align-items:center;gap:12px;padding:calc(12px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) 24px calc(16px + env(safe-area-inset-left,0px));background:linear-gradient(#404144e6,#40414400);pointer-events:none}
.film-viewer-title{flex:1;min-inline-size:0;font-size:13px;line-height:1.4}
.film-viewer-toolbar button{pointer-events:auto;flex:none;min-block-size:44px;min-inline-size:88px;padding:10px 14px;border:1px solid #faf7f299;border-radius:12px;color:#faf7f2;background:linear-gradient(135deg,#faf7f240,#303134cc);backdrop-filter:blur(12px);box-shadow:inset 0 1px #faf7f266;font-size:13px;line-height:1.4;cursor:pointer}
.film-viewer-status{position:absolute;inset:auto 18px 90px;z-index:2;margin:0;text-align:center;font-size:14px;color:#faf7f2;pointer-events:none;text-shadow:0 2px 8px #404144}
.closing{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,80px);text-align:start}
.closing-copy{grid-column:1;grid-row:1;min-inline-size:0}
.closing-copy h2{max-inline-size:none;font-size:clamp(30px,4vw,56px)}
.closing-copy p:not(.eyebrow){margin-block:20px;max-inline-size:56ch}
.closing-copy>.button{inline-size:min(100%,340px);min-inline-size:0}
.closing .closing-film{grid-column:2;grid-row:1;inline-size:100%;max-inline-size:560px;block-size:auto;aspect-ratio:16/9;margin:0;justify-self:center;border:1px solid #faf7f28c;box-shadow:inset 0 1px #faf7f2cc,0 20px 50px -22px #40414499;background:#faf7f21a}
.closing-film .media-frame{inline-size:100%;block-size:100%;aspect-ratio:16/9}
@media(max-width:540px){.closing{grid-template-columns:minmax(0,1fr) minmax(120px,.85fr);gap:18px}.closing-copy{display:contents}.closing-copy>.eyebrow{grid-column:1/-1;margin:0}.closing-copy>h2{grid-column:1;grid-row:2;font-size:clamp(24px,6vw,32px)}.closing .closing-film{grid-column:2;grid-row:2}.closing-copy>p:not(.eyebrow),.closing-copy>.button,.closing-copy>.closing-note{grid-column:1/-1}.closing-copy>p:not(.eyebrow){margin:0}.closing-copy>.closing-note{margin:0}.film-viewer-title{font-size:11px}.film-viewer-toolbar{gap:8px;padding-inline:10px}.film-viewer-toolbar button{min-inline-size:72px;padding:9px;font-size:12px}}

/* v11: the pricing introduction uses the same text-and-film composition. */
.pilot-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(12px,2vw,26px);margin-block-end:22px}
.pilot-heading{grid-column:1;grid-row:1;min-inline-size:0}
.pilot-heading .eyebrow{margin-block-end:12px;font-size:10px;letter-spacing:.06em}
.pilot-heading h3{font-size:clamp(22px,2.8vw,34px);line-height:1.2}
.pilot-heading .big-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 9px;font-size:clamp(32px,4vw,48px);margin-block-start:18px}
.pilot-heading>p:not(.eyebrow){font-size:13px;line-height:1.6;margin-block-start:6px}
.pilot-intro>.price-film{grid-column:2;grid-row:1;align-self:center;inline-size:100%;block-size:auto;aspect-ratio:16/9;margin:0;overflow:hidden;border-radius:16px}
.pilot-intro .price-film .media-frame{inline-size:100%;block-size:auto;aspect-ratio:16/9}
.price-film .media-expand{padding:8px}
.price-film .media-expand>span{font-size:0;padding:6px 10px;line-height:1}
.price-film .media-expand>span:after{content:"⛶";font-size:22px;line-height:1}
@media(max-width:540px){.pilot-intro{gap:12px}.pilot-heading h3{font-size:22px}.pilot-heading .eyebrow{font-size:9px}.pilot-heading .big-price{font-size:34px}.pilot-heading .big-price span,.pilot-heading>p:not(.eyebrow){font-size:12px}}

/* v13: fill the industry preview; the full-screen player keeps the original ratio. */
.hero-media .media-frame[data-preview-fill=true]>video,
.hero-media .media-frame[data-preview-fill=true]>.media-poster{object-fit:cover;object-position:center;transform:none;animation:none}
/* Give the fitted 3D scene enough vertical space without changing any model size. */
.spatial-viewport{height:clamp(330px,46vw,540px);block-size:clamp(330px,46vw,540px)}
@media(max-width:540px){.spatial-viewport{height:330px;block-size:330px}}

/* v14: every branch preview fills its equal-sized frame; full player is unchanged. */
.branch-visual .media-frame[data-preview-fill=true]>video,
.branch-visual .media-frame[data-preview-fill=true]>.media-poster{
  object-fit:cover;object-position:var(--preview-position,center);transform:none;animation:none;
}

/* v15: playback fills the screen. The fit button can show the complete source. */
.film-viewer>video{width:100%;height:100%;min-width:0;min-height:0;max-width:none;max-height:none;aspect-ratio:auto;border:0;border-radius:0;margin:0;padding:0;object-position:center}
.film-viewer[data-fit=contain]>video{object-fit:contain}
.film-viewer:fullscreen{inset:0!important;width:100%!important;height:100%!important;inline-size:100%!important;block-size:100%!important}
.film-viewer:-webkit-full-screen{inset:0!important;width:100%!important;height:100%!important;inline-size:100%!important;block-size:100%!important}
.film-viewer-toolbar{flex-wrap:wrap;align-items:flex-start}
.film-viewer-toolbar button{white-space:normal;min-inline-size:0;flex:0 1 auto}
@media(max-width:620px){.film-viewer-title{flex-basis:100%;font-size:11px}.film-viewer-toolbar button{flex:1;min-block-size:44px;font-size:11px;padding:8px}.film-viewer-toolbar{gap:6px}}

/* v16: buyer examples inherit the approved glass, colour and spacing system. */
.branch-detail{display:block;text-align:center;font-size:12px;line-height:1.5;padding:14px 8px 0;text-decoration:underline;text-underline-offset:4px}
.case-picker{display:grid;gap:8px;inline-size:min(100%,420px);font-size:12px}
.case-picker select{inline-size:100%;min-block-size:var(--action);padding:12px 16px;border:1px solid #faf7f299;border-radius:12px;background:var(--glass-dark);color:#faf7f2;box-shadow:var(--glass-edge);font-size:16px}
.case-picker option{background:#303134;color:#faf7f2}
#erleben .work-panel dl>div{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
#erleben .work-panel dd{text-align:start}
#erleben .message-panel blockquote{font-size:clamp(24px,2.8vw,36px);line-height:1.35}
#erleben .demo-bottom{align-items:flex-start}
#erleben .demo-bottom a{max-inline-size:30ch}
.buyer-brief{border-block-start:1px solid var(--line)}
.buyer-brief>summary{cursor:pointer;padding:20px var(--card-pad);font-size:15px;font-weight:550}
.buyer-brief-body{padding:0 var(--card-pad) var(--card-pad)}
.buyer-brief-body>.fine{margin-block:0 16px;max-inline-size:85ch}
.brief-category{font-weight:550;margin-block-end:16px}
#project-brief{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#project-brief label{display:grid;gap:8px;font-size:13px;align-content:start}
#project-brief .brief-task{grid-column:1/-1}
#project-brief :is(input,textarea){display:block;inline-size:100%;max-inline-size:100%;min-block-size:var(--action);padding:12px 14px;border:1px solid #faf7f299;border-radius:12px;color:#faf7f2;background:linear-gradient(135deg,#303134db,#303134a8);font:inherit;font-size:16px;line-height:1.6;box-shadow:inset 0 1px #faf7f24d}
#project-brief textarea{resize:vertical}
#project-brief .button{align-self:end;inline-size:100%}
.industry-entry{display:grid;gap:18px;align-content:center}
.industry-entry .actions{grid-template-columns:1fr}
.industry-entry>.small-link{text-align:center}
.pilot-scope{margin-block:18px 0}
.pilot-scope dd{text-align:start}
:is(.case-picker select,.buyer-brief>summary,#project-brief input,#project-brief textarea,.branch-detail):focus-visible{outline:2px solid #7fbcff;outline-offset:4px}
@media(max-width:540px){#project-brief{grid-template-columns:minmax(0,1fr)}#erleben .work-panel dl>div{grid-template-columns:1fr;gap:5px}#erleben .work-panel dt{font-weight:550}.pilot-scope>div{grid-template-columns:1fr;gap:4px}.case-picker{inline-size:100%}}

/* v19: cinema and floating glass */
.cinema-note{font-size:11px;line-height:1.6;margin-block:12px 24px;max-inline-size:90ch}
.cinema-stills .media-frame{aspect-ratio:16/9;block-size:auto;min-block-size:0}
.cinema-stills .media-frame>.media-poster,.cinema-stills .media-frame>video{block-size:100%;max-block-size:none;object-fit:contain}
.cinema-stills figcaption{font-size:12px;min-block-size:50px;padding:12px 16px}
.branch-card{transition:transform .3s ease,box-shadow .3s ease}
.branch-card:hover,.branch-card:focus-within{transform:translateY(-5px);box-shadow:var(--glass-edge),0 28px 46px -25px #303134b3}
.branch-card[data-tone=dark]{background:linear-gradient(135deg,#303134e8,#303134ba 56%,#303134dd)}
.branch-card[data-tone=light]{background:linear-gradient(135deg,#faf7f2e8,#f0e9ddba 56%,#faf7f2d9)}
.cinema-stills>.brand-film{animation:cinema-float 8s ease-in-out infinite}
.cinema-stills>.brand-film:nth-child(2){animation-delay:-2.6s}
.cinema-stills>.brand-film:nth-child(3){animation-delay:-5.2s}
@keyframes cinema-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
html[data-motion=off] .cinema-stills>.brand-film{animation:none}
@media(max-width:620px){.cinema-stills{grid-template-columns:1fr;gap:16px}.cinema-stills figcaption{min-block-size:44px}}
@media(prefers-reduced-motion:reduce){.cinema-stills>.brand-film{animation:none}.branch-card{transition:none}.branch-card:hover,.branch-card:focus-within{transform:none}}