@font-face{font-family:Inter;src:url(inter-400.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(inter-600.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url(inter-700.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url(inter-800.ttf) format("truetype");font-weight:800;font-display:swap}
:root{--bg:#080909;--surface:#101212;--line:#292c2c;--text:#f5f3ef;--muted:#a7aaa8;--orange:#ff792e;--cyan:#85c9cb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(52px,5.9vw,94px);margin-bottom:28px}h2{font-size:clamp(36px,4vw,62px);margin-bottom:32px}h3{font-size:27px;letter-spacing:-.025em}em{font-style:normal;color:var(--orange)}p{color:var(--muted)}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff12;background:#080909f5;position:sticky;top:0;z-index:20;gap:24px}.brand{font-size:25px;font-weight:600;letter-spacing:-1px;line-height:1}.brand-note{display:block;font-size:8px;font-weight:400;letter-spacing:2px;margin-top:10px;color:var(--muted)}nav{display:flex;align-items:center;gap:40px;font-size:14px}nav>a[aria-current],nav a:hover{color:var(--orange)}.nav-drop{position:relative}.nav-drop>button{background:none;border:0;color:var(--text);padding:18px 0;font-size:14px}.nav-drop>button span{margin-left:12px}.nav-menu{position:absolute;top:55px;left:-25px;width:300px;background:#131515;border:1px solid var(--line);padding:14px}.nav-menu a{display:block;padding:12px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:17px 25px;background:var(--orange);border:1px solid var(--orange);color:#100b08;font-size:14px;font-weight:600;transition:background .2s}.button:hover{background:#ff965a}.button span{font-size:20px;line-height:1}.button.small{padding:12px 20px;font-size:13px}.button.secondary{background:transparent;color:var(--text);border-color:#676c68}.hero{position:relative;min-height:700px;height:calc(100vh - 100px);max-height:1000px;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080909b3,transparent 68%);z-index:-2}.hero-copy{padding:9vh 6% 90px;max-width:900px}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:600;color:#c7cbc6;margin-bottom:30px}.eyebrow>span{width:6px;height:6px;display:inline-block;background:var(--orange);margin-right:10px;border-radius:50%}.intro{font-size:18px;max-width:490px;line-height:1.65;margin-bottom:38px}.hero-caption{position:absolute;bottom:28px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#b8bbb7}.hero-caption a{font-size:12px;letter-spacing:.3px}.section{padding:100px 6%;border-top:1px solid var(--line)}.intro-section{padding:110px 6%;display:grid;grid-template-columns:1fr 2fr;gap:40px;border-top:1px solid var(--line)}.intro-section>div>p{max-width:630px;font-size:18px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-heading>p{font-size:15px;max-width:300px}.solution-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line);gap:22px}.solution-tabs button{color:var(--muted);border:0;border-bottom:2px solid transparent;padding:22px 0;text-align:left;background:none;line-height:1.4;font-size:13px}.solution-tabs button span{display:block;color:#777e79;font-size:10px;letter-spacing:1px;margin-bottom:12px}.solution-tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--orange)}.solution-tabs button[aria-selected=true] span{color:var(--orange)}.solution-panel{min-height:390px;display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:50px;padding:55px 0 20px}.solution-panel h3{font-size:40px}.solution-panel p{max-width:435px}.solution-panel img{width:100%;height:auto;display:block}.arrow-link{display:inline-flex;gap:30px;align-items:center;font-size:14px;border-bottom:1px solid #626662;padding-bottom:10px}.arrow-link:hover{color:var(--orange)}.slider-controls{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:2px;color:var(--muted)}.slider-controls button{height:42px;width:48px;border:1px solid var(--line);background:none;color:var(--text);font-size:20px;margin-left:7px}.slider-controls button:hover{border-color:var(--orange)}.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:50px}.three-columns article{border-top:1px solid var(--line);padding-top:24px}.three-columns article>span{font-size:10px;letter-spacing:2px;color:var(--orange);display:block;margin-bottom:25px}.three-columns p{font-size:15px;max-width:370px}.project-prompt{display:grid;grid-template-columns:1fr 2fr;gap:40px;background:#0d1010}.project-prompt p{max-width:630px}.closing{padding:95px 6%;background:#141513;position:relative;border-top:1px solid var(--line)}.closing .button{position:absolute;right:6%;top:50%}.closing h2{margin-bottom:0}footer{padding:65px 6% 105px}.footer-top{display:grid;grid-template-columns:1.2fr 1.4fr 1fr;gap:50px;margin-bottom:65px}.footer-links{display:flex;flex-direction:column;gap:12px;font-size:13px;color:var(--muted)}.footer-links a:hover,.footer-bottom a:hover{color:var(--text)}.footer-bottom{padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:var(--muted);gap:20px}.footer-bottom>div{display:flex;gap:25px}.text-button{border:0;background:none;padding:0;color:inherit;font-size:inherit}.whatsapp{position:fixed;bottom:22px;right:25px;z-index:25;background:#171d1a;border:1px solid #4b6656;border-radius:30px;padding:10px 18px;font-size:12px;box-shadow:0 5px 30px #0007}.whatsapp span{color:#9adaaf;font-size:19px;margin-right:5px}.cookie{position:fixed;bottom:20px;left:25px;z-index:30;background:#191c1b;border:1px solid #464a45;box-shadow:0 8px 50px #0009;max-width:630px;padding:24px}.cookie p{font-size:12px;margin:8px 0 18px;line-height:1.6}.cookie strong{font-size:15px;font-weight:400}.cookie a,.check a{text-decoration:underline}.cookie-actions{display:flex;gap:12px}.skip{position:fixed;top:-100px;left:10px;z-index:100;background:var(--orange);padding:10px;color:#000}.skip:focus{top:10px}.project-page{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-top:80px}.project-page h1{font-size:60px}.contact-note{border-top:1px solid var(--line);margin-top:65px;padding-top:24px}.contact-note p{font-size:13px}.muted{color:var(--muted);font-size:12px}.form-notice{font-size:13px;background:#131818;border-left:2px solid var(--cyan);padding:18px;margin-bottom:30px}.form-notice strong{color:var(--text)}form label{display:flex;flex-direction:column;font-size:13px;color:#d8dbd6;gap:9px;margin-bottom:22px}form label>span:not(.muted){color:inherit}form label>span:first-child{color:var(--orange)}input,select,textarea{min-width:0;background:#111413;border:1px solid #373d38;color:var(--text);border-radius:0;padding:13px;width:100%;font-size:14px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.check{display:flex;flex-direction:row;align-items:flex-start;font-size:12px}.check input{width:17px;height:17px;flex:none;accent-color:var(--orange);margin-top:4px}.upload{padding:18px;border:1px dashed #50574f}.upload input{padding:5px;border:0;background:none;font-size:12px}input::file-selector-button{background:#242b25;color:#fff;border:1px solid #555e54;padding:8px;margin-right:10px;cursor:pointer}.error{color:#ffb49b;font-size:13px}#form-result{border:1px solid #49726b;padding:22px;margin-top:25px}#form-result h3{font-size:24px}#form-result p{font-size:13px}.legal{max-width:1000px;margin:auto}.legal h1{font-size:64px}.legal>section{margin-top:45px}.legal h2{font-size:25px;letter-spacing:-.02em;margin-bottom:15px}.not-found{padding-top:120px;padding-bottom:150px}.noscript{padding:25px;background:#30261c}.legal+.closing{display:none}@media(min-width:1800px){.hero-copy{padding-top:13vh}}@media(max-width:1000px){header{padding:0 4%;gap:15px}nav{gap:20px}.hero{min-height:650px}.hero-copy{padding:90px 6%}.hero-art{opacity:.65}.hero-shade{background:linear-gradient(90deg,#080909de,transparent)}.project-page{gap:5%}.project-page h1{font-size:44px}.closing h2{font-size:42px}.solution-tabs{gap:10px}.solution-panel{gap:25px}.three-columns{gap:25px}}@media(max-width:700px){header{height:85px;flex-wrap:wrap;gap:10px}.brand{font-size:20px}.brand-note{font-size:6px}nav{gap:14px}nav>a{display:none}header>.button{padding:10px;font-size:11px;gap:8px}.nav-menu{left:auto;right:-100px;width:270px}.hero{height:auto;min-height:640px}.hero-copy{padding-top:85px}.hero-art{object-position:center bottom;opacity:.55}.hero h1{font-size:56px}.intro{font-size:16px}.hero-caption>span{display:none}.hero-caption{justify-content:flex-end}.section,.intro-section{padding:65px 6%}.intro-section,.project-prompt,.project-page{grid-template-columns:1fr;gap:24px}.section-heading{display:block}.solution-tabs{display:flex;overflow-x:auto;gap:20px}.solution-tabs button{min-width:145px}.solution-panel{grid-template-columns:1fr;gap:20px}.solution-panel h3{font-size:34px}.three-columns{grid-template-columns:1fr;gap:22px}.closing{padding:65px 6%}.closing .button{position:static;margin-top:30px}.closing h2{font-size:37px}.footer-top{grid-template-columns:1fr;gap:35px}.footer-bottom{flex-direction:column}.footer-bottom>div{flex-wrap:wrap;gap:18px}.cookie{left:12px;right:12px;bottom:12px;padding:18px}.cookie-actions{flex-wrap:wrap}.cookie .button{font-size:11px}.project-page h1{font-size:47px}.contact-note{margin:30px 0}.form-row{grid-template-columns:1fr;gap:0}.legal h1{font-size:46px}.whatsapp{bottom:14px;right:14px}.hero-caption{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep required markers beside their labels and controls on their own row. */
form label:not(.check){display:block}form label:not(.check)>input,form label:not(.check)>select,form label:not(.check)>textarea{display:block;margin-top:9px}.upload .muted{display:block;margin-top:10px}.hero-caption{right:190px}@media(max-width:700px){.hero-caption{bottom:78px;right:6%}}
.brand img{width:158px;height:auto;display:block;object-fit:contain}footer .brand img{width:210px}@media(max-width:700px){.brand img{width:115px}}
:root{--bg:#050505;--surface:#0d0f12;--text:#fff;--muted:#d6d8dc;--orange:#ff5a00;--cyan:#21b8ff}h1{font-size:clamp(52px,5.1vw,82px);font-weight:800;letter-spacing:-.045em}h2{font-size:clamp(36px,3.6vw,54px);font-weight:700}h3{font-weight:700}.button{background:#0d0f12;color:#fff;border-color:var(--orange);box-shadow:0 0 18px #ff5a0012}.button:hover{background:#251408;box-shadow:0 0 22px #ff5a002e}.button span{transition:transform .2s}.button:hover span{transform:translateX(4px)}.brand img{width:145px}.hero-copy{max-width:850px}.eyebrow{font-size:12px;letter-spacing:2px}.hero-caption{font-size:10px}.cursor-halo{pointer-events:none;position:fixed;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle,#b5d4eb20,transparent 70%);z-index:99;transform:translate(-50%,-50%);opacity:0}.cursor-halo.hot{background:radial-gradient(circle,#ff5a0033,transparent 70%)}.usecase-list{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.usecase-list article{padding:32px 0;border-top:1px solid var(--line)}.usecase-list h3{font-size:26px}.usecase-list p{max-width:520px}.pillars{display:flex;flex-wrap:wrap;gap:22px}.pillars a{padding:15px 0;border-bottom:1px solid var(--orange)}@media(max-width:700px){.usecase-list{grid-template-columns:1fr}.brand img{width:115px}}
.scene-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:6%}.scene-layout>img{display:block;width:100%;height:auto}.scene-layout>div>p{max-width:580px;font-size:18px}.capability-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 20px}.capability-tabs button{background:transparent;color:#d6d8dc;border:1px solid #3a3e43;padding:10px 14px;font-size:12px}.capability-tabs button[aria-selected=true]{border-color:var(--orange);background:#281305;color:#fff}.capability-detail{min-height:140px}.capability-detail h3{font-size:24px;margin-bottom:12px}.capability-detail p{font-size:15px;max-width:540px}.page-index{padding:30px 6%;display:flex;flex-wrap:wrap;gap:22px;border-top:1px solid var(--line);font-size:12px;background:#0d0f12}.page-index a:hover{color:var(--orange)}.hero-art{width:65%;left:auto;right:0;object-fit:contain;opacity:.7}.hero-shade{background:linear-gradient(90deg,#050505 30%,#050505de 43%,transparent 75%)}.hero-copy{position:relative;z-index:1;max-width:900px}.hero-caption{z-index:2}.solution-panel img{opacity:.8}.capability-scene{min-height:730px}@media(max-width:800px){.scene-layout{grid-template-columns:1fr}.scene-layout>img{max-height:260px;object-fit:contain}.capability-scene{min-height:0}.hero-art{width:100%;opacity:.35}.hero-shade{background:linear-gradient(90deg,#050505dd,transparent)}.page-index{display:flex}.page-index a{display:block}}
.drift-group .capability-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:14px;max-width:580px;scrollbar-color:#ff5a00 #131313;touch-action:pan-x}.drift-group .capability-tabs button{flex:0 0 130px;min-height:70px;text-align:left}.drift-controls{display:flex;gap:10px;margin-bottom:20px}.drift-controls button{background:none;color:#ddd;border:1px solid #444;padding:7px 12px;font-size:12px}.drift-controls button[aria-pressed=true]{border-color:var(--orange)}

body,input,select,textarea,button{font-family:Inter,Arial,sans-serif}

/* Approved scene originals: preserve complete framing and limit display width. */
.hero-art{width:100%;max-width:1920px;height:100%;right:0;object-fit:contain;opacity:1}.hero-shade{background:linear-gradient(90deg,#050505 0%,#050505bc 22%,#05050533 46%,transparent 65%)}
.scene-layout{position:relative;display:flex;align-items:center;min-height:620px;isolation:isolate;overflow:hidden}.scene-layout>div{position:relative;z-index:2;width:46%;padding:32px 0;background:linear-gradient(90deg,#050505e8,#050505b5 65%,transparent)}.scene-layout>img{position:absolute;inset:0 0 0 auto;width:100%;height:100%;max-width:1920px;object-fit:contain;z-index:0}.scene-layout .capability-tabs{max-width:600px}.scene-art{object-fit:contain!important}.solution-panel img{height:auto;max-width:100%;object-fit:contain;opacity:1}.wearable-scenes{margin-bottom:36px}
@media(max-width:900px){.scene-layout{display:flex;flex-direction:column;min-height:0;overflow:visible}.scene-layout>div{width:100%;background:none;padding:20px 0}.scene-layout>img{position:relative;width:100%;height:auto;max-height:none;order:2}.hero-art{opacity:.65}.hero-shade{background:linear-gradient(90deg,#050505e8,#05050588 60%,#05050533)}}

/* Mobile and tablet layouts: full-frame artwork, touch controls, compact navigation. */
.mobile-menu-toggle{display:none}
@media(max-width:900px){
 html{scroll-padding-top:90px}
 header{height:76px;padding:0 20px;gap:12px;flex-wrap:nowrap}
 header .brand img{width:90px}
 header>.button.small{margin-left:auto;padding:10px 12px;min-height:44px;font-size:12px;gap:10px;white-space:nowrap}
 .mobile-menu-toggle{display:flex;align-items:center;gap:7px;order:3;background:none;border:1px solid #444;color:#fff;padding:10px;min-height:44px;font-size:12px}
 header nav{display:none;position:absolute;top:76px;left:0;right:0;max-height:calc(100dvh - 76px);overflow-y:auto;padding:18px 24px;background:#0d0f12;border-bottom:1px solid #444;font-size:16px}
 header nav.mobile-open{display:flex;flex-direction:column;align-items:stretch;gap:4px}
 header nav>a{display:block;padding:12px 0}
 .nav-drop>button{width:100%;text-align:left;min-height:48px;font-size:16px}
 .nav-menu{position:static;width:100%;padding:4px 12px;margin:0 0 8px;border:0;border-left:2px solid var(--orange);background:transparent}
 .nav-menu a{padding:12px 8px;min-height:44px}
 .hero{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;padding-bottom:24px;overflow:visible}
 .hero-copy{order:0;padding:52px 24px 20px;max-width:740px}
 .hero h1{font-size:clamp(36px,7vw,60px);line-height:1.08;margin-bottom:22px}
 .hero-art{position:relative;inset:auto;order:1;width:100%;height:auto;max-width:100%;opacity:1;z-index:0;display:block;object-fit:contain}
 .hero-shade{display:none}
 .hero-caption{position:static;order:2;padding:18px 24px 0;display:flex;justify-content:flex-end}
 .hero-caption>span{display:none}
 .intro{font-size:16px;max-width:590px;margin-bottom:24px}
 .section,.intro-section{padding:56px 24px}
 h2{font-size:clamp(30px,5vw,42px);margin-bottom:24px}
 .eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:22px}
 .scene-layout{gap:0;width:100%}
 .scene-layout>div{width:100%;padding:0;background:none}
 .scene-layout>div>p{font-size:16px}
 .scene-layout>img{margin-top:28px;position:relative;inset:auto;width:100%;height:auto;object-fit:contain;max-width:100%}
 .capability-scene{min-height:0}
 .capability-tabs{gap:8px;margin:24px 0 18px}
 .capability-tabs button{min-height:44px;padding:10px 12px;line-height:1.45;text-align:left;font-size:13px;max-width:100%}
 .capability-detail{min-height:0;margin-bottom:26px}
 .capability-detail h3{font-size:23px}
 .drift-group .capability-tabs{max-width:100%;touch-action:pan-x pan-y}
 .drift-controls button{min-height:44px}
 .page-index{padding:18px 24px;gap:8px 20px}
 .page-index a{padding:10px 0;font-size:13px;min-height:44px}
 .solution-tabs{display:flex;overflow-x:auto;gap:20px;scrollbar-width:thin}
 .solution-tabs button{flex:0 0 155px;min-height:80px;padding:14px 0}
 .solution-panel{grid-template-columns:1fr;gap:24px;padding-top:30px;min-height:0}
 .solution-panel h3{font-size:32px}
 .slider-controls{margin-top:18px}
 .slider-controls button{min-height:44px}
 .intro-section,.project-prompt,.project-page{grid-template-columns:1fr;gap:28px}
 .project-page h1,.legal h1{font-size:clamp(36px,6vw,52px)}
 .contact-note{margin-top:30px}
 .closing{padding:52px 24px}
 .closing .button{position:static;margin-top:26px}
 .closing h2{font-size:36px}
 footer{padding:48px 24px 110px}
 .footer-top{grid-template-columns:1fr 1fr;gap:28px;margin-bottom:36px}
 .footer-top>.brand{grid-column:1/-1}
 footer .brand img{width:145px}
 .footer-links{gap:2px}
 .footer-links a{padding:10px 0;min-height:44px}
 .footer-bottom{flex-direction:column;gap:12px}
 .footer-bottom>div{flex-wrap:wrap;gap:8px 20px}
 .footer-bottom a,.footer-bottom button{min-height:44px;display:inline-flex;align-items:center}
 .whatsapp{right:16px;bottom:max(14px,env(safe-area-inset-bottom));min-height:44px}
 .cookie{left:12px;right:12px;bottom:12px;max-width:none;max-height:70dvh;overflow:auto;padding:18px}
 .cookie-actions{flex-wrap:wrap}
 .cookie .button{min-height:44px;font-size:12px}
 input,select,textarea{font-size:16px;min-height:48px}
 input[type=checkbox]{min-height:20px;width:20px;height:20px}
 .check{min-height:44px;gap:12px}
 .upload{padding:14px;overflow-wrap:anywhere}
 .upload input{font-size:13px;max-width:100%}
 .form-row{grid-template-columns:1fr;gap:0}
 .project-page form{min-width:0}
 .button,.arrow-link{min-height:44px;max-width:100%}
 .cursor-halo{display:none}
}
@media(max-width:420px){
 header{padding:0 14px;gap:8px}header .brand img{width:72px}
 header>.button.small{font-size:11px;padding:10px;gap:7px}
 .mobile-menu-toggle{font-size:11px;padding:10px 8px}
 .hero-copy,.section,.intro-section{padding-left:20px;padding-right:20px}
 .hero h1{font-size:36px}.hero-copy{padding-top:40px}
 .footer-top{grid-template-columns:1fr}
 .capability-tabs button{font-size:12px}
 .cookie-actions .button{width:100%}
}


/* About page — approved 2026 structure */
.about-step-grid,.about-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:34px}
.about-step-grid>div,.about-value-grid>div{border:1px solid var(--line);background:linear-gradient(180deg,#111315,#0a0b0c);padding:22px;min-height:150px;display:flex;flex-direction:column;gap:10px}
.about-step-grid span{font-size:11px;letter-spacing:2px;color:var(--orange)}
.about-step-grid strong,.about-value-grid strong{font-size:17px;color:#fff}
.about-step-grid small,.about-value-grid small{font-size:13px;line-height:1.55;color:#aeb2b7}
.about-process em,.about-why em{color:var(--orange);font-style:normal}
@media(max-width:900px){.about-step-grid,.about-value-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.about-step-grid,.about-value-grid{grid-template-columns:1fr}.about-step-grid>div,.about-value-grid>div{min-height:0}}

/* v5 — clean master visual system for EN today and AR-ready layouts later */
:root{
  --media-frame-ratio:16/9;
  --scene-scale:1.12;
  --scene-focus-x:72%;
  --solution-scale:1.06;
  --solution-focus-x:60%;
}
@media(min-width:901px){
  .solution-panel,
  .scene-layout{
    display:grid;
    grid-template-columns:minmax(320px,.9fr) minmax(0,1.25fr);
    gap:clamp(28px,3vw,48px);
    align-items:center;
  }
  .solution-panel,
  .scene-layout{
    position:relative;
    min-height:0;
    overflow:hidden;
    isolation:isolate;
  }
  .scene-layout>div,
  .solution-panel>div,
  .solution-panel>article,
  .solution-panel>section{
    position:relative;
    z-index:2;
    width:auto;
    padding:0;
    background:none;
  }
  .scene-layout>img,
  .solution-panel>img{
    position:relative;
    inset:auto;
    width:100%;
    height:clamp(420px,34vw,760px);
    aspect-ratio:var(--media-frame-ratio);
    max-width:none;
    display:block;
    margin:0;
    z-index:1;
    opacity:1;
    object-fit:cover;
    object-position:var(--scene-focus-x) 50%;
    transform:scale(var(--scene-scale));
    transform-origin:var(--scene-focus-x) 50%;
    will-change:transform;
  }
  .solution-panel>img{
    object-position:var(--solution-focus-x) 50%;
    transform:scale(var(--solution-scale));
    transform-origin:var(--solution-focus-x) 50%;
  }
  .scene-layout>img[data-focus-x]{
    object-position:var(--scene-focus-x) 50%;
    transform-origin:var(--scene-focus-x) 50%;
  }
  [dir='rtl'] .solution-panel,
  [dir='rtl'] .scene-layout{
    grid-template-columns:minmax(0,1.25fr) minmax(320px,.9fr);
  }
  [dir='rtl'] .scene-layout>img,
  [dir='rtl'] .solution-panel>img{
    grid-column:1;
  }
  [dir='rtl'] .scene-layout>div,
  [dir='rtl'] .solution-panel>div,
  [dir='rtl'] .solution-panel>article,
  [dir='rtl'] .solution-panel>section{
    grid-column:2;
  }
  .capability-scene{min-height:0}
}
@media(max-width:900px){
  .scene-layout,
  .solution-panel{overflow:visible}
  .scene-layout>img,
  .solution-panel>img{
    aspect-ratio:16/9;
    object-fit:cover;
    object-position:center center;
    transform:none;
    height:auto;
    max-height:none;
  }
}

/* September 30 asset refresh: show complete supplied compositions. */
.scene-layout>img,.solution-panel>img{transform:none!important;object-fit:contain!important;object-position:center!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important}
.delivery-overview,.accessibility-example{margin:48px 0 0}.delivery-overview img,.accessibility-example img{display:block;width:100%;height:auto;object-fit:contain}.accessibility-example{max-width:960px;margin-left:auto;margin-right:auto}.accessibility-example figcaption{color:var(--muted);font-size:13px;margin-top:12px}

/* Requested full-brightness VR/MR images, September 30 correction. */
[data-clear-visual] .scene-art{opacity:1!important;filter:none!important;mask-image:none!important;-webkit-mask-image:none!important;transform:none!important;object-fit:contain!important}
[data-clear-visual] .scene-layout::before,[data-clear-visual] .scene-layout::after{content:none!important;background:none!important}
[data-clear-visual] .scene-layout>div{background:none!important}