/*
  WR / Motion System 3.0 — editorial, architectural, hardware accelerated.
  Transform/opacity first; progressive enhancement; prefers-reduced-motion respected.
  Visual design inspired by premium editorial product launches, not Apple's marks or assets.
*/
:root{--ease-expo:cubic-bezier(.16,1,.3,1);--ease-fluid:cubic-bezier(.22,1,.36,1);--motion-orange:#e8420a;--motion-ink:#071626}
html{scroll-padding-top:85px}body{overflow-x:clip}
.scroll-track{position:fixed;z-index:1500;left:0;right:0;top:0;height:3px;background:transparent;pointer-events:none}
.scroll-track span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff9a66,#e8420a 55%,#ff683b);transform-origin:left;transform:scaleX(0);box-shadow:0 0 15px rgba(232,66,10,.22);will-change:transform}
.header{transition:box-shadow .45s ease,background .4s ease}.header.is-scrolled{background:rgba(255,255,255,.92);box-shadow:0 14px 45px rgba(5,25,41,.085)}
.header .brand-caption{color:#364e5f;font-size:9px}.announce{background:#e8420a;color:#fff}.announce b,.announce a{color:#fff}.announce .wrap{min-height:36px}
/* Hero as a sequence of five visual beats */
.hero{background:radial-gradient(circle at 33% 40%,#182c3d 0%,#091726 64%)}
.hero-copy{isolation:isolate}.hero-glow{position:absolute;z-index:-1;width:550px;height:550px;left:-24%;top:2%;border-radius:50%;background:radial-gradient(circle,rgba(255,100,42,.14),transparent 66%);pointer-events:none;filter:blur(25px);animation:breath 10s ease-in-out infinite alternate}
.hero .eyebrow{font-size:11px;letter-spacing:.19em;font-weight:800;padding:10px 14px;border:1px solid rgba(255,133,92,.3);background:rgba(236,85,23,.065);align-self:flex-start;margin-bottom:30px}
.hero .eyebrow:before{width:18px}.hero-line{display:block;overflow:hidden;padding-bottom:.065em;margin-bottom:-.065em}.hero-line>span{display:block;will-change:transform,opacity;animation:heroWord 1.23s var(--ease-expo) both}
.hero-line:nth-child(1)>span{animation-delay:.1s}.hero-line:nth-child(2)>span{animation-delay:.23s}.hero-line:nth-child(3)>span{animation-delay:.36s}
.hero .intro{animation:fadeArrive 1.15s .67s var(--ease-fluid) both}.hero-cta-row{animation:fadeArrive 1.1s .79s var(--ease-fluid) both}.hero-foot{animation:fadeArrive 1.1s .94s var(--ease-fluid) both}
.hero-image{overflow:hidden;--depth-y:0px}.hero-image img{transform:scale(1.1) translate3d(0,var(--depth-y),0);animation:heroImageIn 1.8s .2s var(--ease-expo) both;will-change:transform}.hero-image:after{background:linear-gradient(90deg,rgba(8,25,40,.24),transparent 55%),linear-gradient(0deg,rgba(8,25,40,.65),transparent 60%)}
.hero-image-sheen{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.13) 46%,transparent 60%);transform:translateX(-160%) skewX(-13deg);animation:heroSweep 2.7s 1.2s var(--ease-fluid) both}
.hero-plate{animation:fadeArrive 1.2s .98s var(--ease-fluid) both}.hero-corner{animation:fadeArrive .9s 1.1s var(--ease-fluid) both}
@keyframes heroWord{from{opacity:0;transform:translate3d(0,110%,0) rotate(2deg)}to{opacity:1;transform:translate3d(0,0,0) rotate(0)}}
@keyframes heroImageIn{from{opacity:.3;transform:scale(1.23) translate3d(0,25px,0)}to{opacity:1;transform:scale(1.07) translate3d(0,var(--depth-y),0)}}
@keyframes fadeArrive{from{opacity:0;transform:translate3d(0,25px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes heroSweep{0%{transform:translateX(-170%) skewX(-13deg)}70%,100%{transform:translateX(185%) skewX(-13deg)}}
@keyframes breath{to{transform:translate(12%,5%) scale(1.25);opacity:.46}}
/* A carefully muted brand ribbon, not a loud automated carousel */
.identity-strip{position:relative;overflow:hidden;background:#e8420a;color:#fff;height:48px;display:flex;align-items:center;white-space:nowrap;border-top:1px solid rgba(255,255,255,.2)}
.identity-strip:before,.identity-strip:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:10%;pointer-events:none}.identity-strip:before{left:0;background:linear-gradient(90deg,#e8420a,transparent)}.identity-strip:after{right:0;background:linear-gradient(270deg,#e8420a,transparent)}
.identity-strip-track{display:flex;align-items:center;gap:41px;min-width:max-content;animation:ribbonSlide 34s linear infinite}.identity-strip-track span{font-size:10px;font-weight:900;letter-spacing:.23em}.identity-strip-track b{font-size:16px;opacity:.62;font-weight:400}
@keyframes ribbonSlide{to{transform:translate3d(-50%,0,0)}}
/* Reveal with progressive enhancement: no content hidden without an active observer */
.js-motion .motion-rise:not(.is-visible),.js-motion .section-head:not(.is-visible),.js-motion .product:not(.is-visible),.js-motion .app-card:not(.is-visible),.js-motion .step:not(.is-visible),.js-motion .story-photo:not(.is-visible),.js-motion .story-copy:not(.is-visible),.js-motion .process-head:not(.is-visible),.js-motion .doc-card:not(.is-visible),.js-motion .docs-toolbar:not(.is-visible),.js-motion .faq-item:not(.is-visible){opacity:0;transform:translate3d(0,38px,0);filter:blur(6px)}
.motion-rise,.section-head,.product,.app-card,.step,.story-photo,.story-copy,.process-head,.doc-card,.docs-toolbar,.faq-item{transition:opacity .85s var(--ease-fluid),transform .85s var(--ease-fluid),filter .85s var(--ease-fluid),box-shadow .3s ease,border-color .3s ease}
.motion-rise.is-visible,.section-head.is-visible,.product.is-visible,.app-card.is-visible,.step.is-visible,.story-photo.is-visible,.story-copy.is-visible,.process-head.is-visible,.doc-card.is-visible,.docs-toolbar.is-visible,.faq-item.is-visible{opacity:1;transform:translate3d(0,0,0);filter:none}
.js-motion .catalog-grid>.product:nth-child(3n+2){transition-delay:.08s}.js-motion .catalog-grid>.product:nth-child(3n+3){transition-delay:.14s}.js-motion .app-card:nth-child(2n){transition-delay:.12s}
/* elegant interaction, avoiding mouse-follow cursor or distracting hover noise */
@media(hover:hover) and (pointer:fine){.product,.app-card,.doc-card{--rx:0deg;--ry:0deg;transform-style:preserve-3d}.product.is-visible:hover{transform:perspective(950px) rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0,-7px,0)!important;box-shadow:0 28px 65px rgba(7,26,42,.14)}.doc-card.is-visible:hover{transform:translateY(-6px)!important}.intent-choice:hover .icon{transform:translateY(-4px) scale(1.06)}.intent-choice .icon{transition:transform .5s var(--ease-fluid)}.filter{transition:color .3s ease,border-color .3s ease,background .3s ease}}
/* Architectural layers: sticky, scroll-tied cinematic sequence */
.film-sequence{height:235vh;position:relative;background:#071625;color:#fff}.film-sticky{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;isolation:isolate;display:flex;align-items:center;background:linear-gradient(125deg,#071625,#10283b 60%,#071a29)}
.film-backdrop{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:68px 68px;mask-image:radial-gradient(ellipse,black,transparent 83%)}
.film-orbit{position:absolute;width:min(75vw,860px);height:min(75vw,860px);border:1px solid rgba(123,174,203,.08);border-radius:50%;left:47%;top:50%;transform:translate(-50%,-50%)}.film-orbit.orbit-two{width:min(55vw,620px);height:min(55vw,620px);border-color:rgba(255,255,255,.065)}
.film-crosshair{width:9px;height:9px;position:absolute;top:15%;right:14%;border:1px solid rgba(255,255,255,.25)}
.film-layout{width:100%;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:70px;align-items:center;position:relative;z-index:1}.film-copy{padding:80px 0 70px;position:relative;z-index:5}.film-index{display:flex;align-items:center;gap:14px;font-size:10px;color:#a7b8c7;letter-spacing:.22em;font-weight:800}.line-marker{height:1px;width:31px;background:#fa7842}.film-scenes{position:relative;min-height:380px;margin-top:52px}.film-scene{position:absolute;top:0;left:0;right:0;max-width:570px;opacity:0;visibility:hidden;transform:translate3d(0,34px,0);transition:opacity .72s var(--ease-expo),transform .82s var(--ease-expo),visibility 0s .82s;pointer-events:none}.film-scene.active{opacity:1;visibility:visible;transform:translate3d(0,0,0);transition-delay:0s;pointer-events:auto}
.film-step{color:#fb7b4e;font-size:12px;font-weight:900;letter-spacing:.2em}.film-step span{color:#758999}.film-scene h2{font-size:clamp(40px,5.1vw,77px);margin:23px 0;letter-spacing:-.078em}.film-scene h2 em{color:#e8420a;font-style:normal}.film-scene p{color:#a9bcc9;font-size:14px;line-height:1.85;max-width:455px}.film-nav{display:flex;gap:10px;align-items:center;margin-top:17px}.film-dot{padding:16px 3px;background:none;border:0;min-width:38px}.film-dot span{height:3px;width:100%;display:block;background:#405568;transition:background .4s,width .4s}.film-dot.active span{background:#fa7947}.film-progress-track{position:absolute;left:0;right:0;bottom:0;height:3px;background:#263e51}.film-progress-track span{display:block;background:#f77c4e;width:100%;height:100%;transform-origin:left;transform:scaleX(0)}
.film-art{position:relative;height:min(570px,80svh);z-index:1;perspective:1150px;display:flex;align-items:center;justify-content:center}.film-art-halo{position:absolute;width:min(55vw,650px);height:min(55vw,650px);border-radius:50%;background:radial-gradient(circle,rgba(232,66,10,.17),transparent 65%);filter:blur(26px);transform:scale(1.1)}
.panel-model{--panel-spread:0px;--panel-tilt:-16deg;position:relative;width:min(34vw,460px);height:min(28vw,355px);transform-style:preserve-3d;transform:rotateY(-30deg) rotateX(16deg) rotateZ(var(--panel-tilt)) scale(1.04);transition:transform .32s linear;filter:drop-shadow(0 45px 35px rgba(0,0,0,.32))}
.panel-layer{position:absolute;inset:0;border-radius:3px;transform-style:preserve-3d;border:1px solid rgba(226,241,252,.8);background:#d9e3e8;box-shadow:0 18px 45px rgba(0,0,0,.15);transition:transform .65s var(--ease-fluid),filter .4s ease}
.panel-layer:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 34px,rgba(27,54,71,.085) 35px 37px,transparent 38px 72px),linear-gradient(135deg,rgba(255,255,255,.7),transparent 65%)}
.panel-layer>span{position:absolute;bottom:15px;left:17px;font-size:9px;letter-spacing:.17em;font-weight:900;color:#2f566e;transform:translateZ(1px)}
.panel-front{transform:translateZ(calc(58px + var(--panel-spread)));background:linear-gradient(135deg,#e9f0f4,#b8cbd7)}.panel-core{transform:translateZ(25px);background:#e2c681;border:4px solid rgba(255,232,171,.8)}.panel-core:before{background:repeating-linear-gradient(35deg,rgba(185,131,38,.17) 0 2px,transparent 2px 13px)}.panel-core>span{color:#7e621c}.panel-back{transform:translateZ(calc(0px - var(--panel-spread)));background:linear-gradient(135deg,#8aa7b8,#e1eaf1)}
.model-line{position:absolute;left:10%;right:10%;height:1px;background:rgba(255,166,115,.3);z-index:-1}.model-line.line-top{top:-7%;transform:translateZ(35px)}.model-line.line-bottom{bottom:-7%;transform:translateZ(35px)}
.film-art-label{position:absolute;right:0;bottom:10%;font-size:10px;letter-spacing:.18em;line-height:1.85;text-align:right;color:#849cab;font-weight:800}.film-art-label b{font-weight:600;color:#f58a5b;font-size:9px}
/* Global Metecno: dark immersive atlas, paths adapt with display width */
.world-stage{position:relative;isolation:isolate;background:#071524;color:#fff;padding:clamp(92px,9vw,145px) 0 93px;overflow:hidden}
.world-ambient{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 52% 35% at 56% 49%,rgba(21,63,91,.75),transparent 95%),linear-gradient(135deg,#071524,#0e2336 65%,#071524)}
.world-ambient:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(144,193,212,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(144,193,212,.028) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 80% at center,#000,transparent)}
.world-intro{display:grid;grid-template-columns:1.4fr .6fr;gap:80px;align-items:end;margin-bottom:55px}.world-eyebrow{color:#ff9367}.world-kicker{display:flex;align-items:center;gap:9px;font-size:10px;color:#a3bbc9;font-weight:700;letter-spacing:.19em;margin-top:28px}.live-dot{width:7px;height:7px;border-radius:50%;background:#ff7b46;box-shadow:0 0 0 5px rgba(232,66,10,.1);animation:mapDotPulse 2.4s ease-in-out infinite}.world-headline{font-size:clamp(46px,6.65vw,101px);margin:15px 0 0;letter-spacing:-.079em}.world-headline em{font-style:normal;color:#ef6b3a}.world-intro-aside{border-left:1px solid rgba(210,230,243,.2);padding:10px 0 9px 27px;max-width:415px}.world-outline-label{color:#ff9066;font-size:10px;font-weight:800;letter-spacing:.16em}.world-intro-aside p{font-size:13px;line-height:1.84;color:#a9bac8;margin:17px 0 18px}.world-action{color:#fff;font-size:12px;border-bottom:1px solid #ff7746;padding-bottom:6px;font-weight:800;display:inline-flex;gap:20px}.world-action span{color:#ff8556}
.world-display{position:relative;overflow:hidden;border:1px solid rgba(167,192,211,.19);background:linear-gradient(135deg,rgba(17,47,68,.62),rgba(6,22,37,.86) 63%),radial-gradient(circle at 65% 50%,rgba(255,111,62,.07),transparent 55%)}
.world-display:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.95%,rgba(193,221,241,.045) 50%,transparent 50.05%),linear-gradient(0deg,transparent 49.95%,rgba(193,221,241,.045) 50%,transparent 50.05%)}
.world-display-top,.world-display-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:21px 27px;position:relative;z-index:3}.world-display-top{border-bottom:1px solid rgba(167,192,211,.17)}.map-coordinate,.map-live{font-size:9px;font-weight:800;letter-spacing:.2em;color:#8fa8b8}.map-live{color:#cddde6;display:flex;align-items:center;gap:11px}.map-live i{display:block;width:5px;height:5px;background:#ff7c4a;box-shadow:0 0 12px #ff7c4a;border-radius:50%}
.world-globe{width:100%;height:auto;max-height:690px;min-height:370px;display:flex;justify-content:center;align-items:center;position:relative;padding:15px 25px 20px;isolation:isolate}.world-globe svg{position:relative;z-index:2;width:100%;height:auto;max-height:630px;overflow:visible;filter:drop-shadow(0 15px 55px rgba(2,17,28,.4))}.wm-land{fill:rgba(128,171,191,.11);stroke:rgba(171,204,221,.22);stroke-width:.55;transition:fill .4s}.wm-link{stroke:rgba(239,118,70,.36);stroke-width:1.1;fill:none;stroke-dasharray:4 7;animation:worldRoute 27s linear infinite}.wm-node-g{pointer-events:none;transition:opacity .3s}.wm-node{fill:#eb6d3f;stroke:#fff;stroke-width:.7}.wm-pulse{fill:rgba(232,66,10,.25);transform-box:fill-box;transform-origin:center;animation:mapDotPulse 2.5s ease-in-out infinite}.wm-node-g:nth-child(3n) .wm-pulse{animation-delay:1s}.wm-node-g:nth-child(2n) .wm-pulse{animation-delay:.6s}.wm-halo{fill:rgba(255,115,60,.15);opacity:0;transition:opacity .3s,transform .3s;transform-box:fill-box;transform-origin:center}.wm-label{fill:#e8f6ff;font-size:12px;font-weight:800;letter-spacing:.015em;opacity:0;transition:opacity .25s;paint-order:stroke;stroke:#071524;stroke-width:4px;stroke-linejoin:round;pointer-events:none}.wm-country{cursor:pointer;fill:transparent;stroke:transparent;stroke-width:1.1;outline:none;transition:fill .35s ease,stroke .35s ease,filter .35s ease;pointer-events:all}.wm-country.is-active,.wm-country:hover,.wm-country:focus-visible{fill:rgba(232,66,10,.44);stroke:#ff995f;filter:drop-shadow(0 1px 7px rgba(232,66,10,.35))}.wm-node-g.is-active .wm-node{fill:#fff;stroke:#ff773e;stroke-width:1.5}.wm-node-g.is-active .wm-halo{opacity:1;transform:scale(1.5)}.wm-node-g.is-active .wm-label{opacity:1}.wm-node-g.is-active .wm-pulse{animation:none;opacity:0}
.map-scanning-line{position:absolute;top:9%;bottom:10%;left:0;width:2px;background:linear-gradient(to bottom,transparent,rgba(255,148,110,.25),transparent);box-shadow:0 0 50px rgba(255,148,110,.1);opacity:.7;z-index:1;animation:scanAtlas 16s linear infinite}
.world-display-bottom{border-top:1px solid rgba(167,192,211,.17);padding-top:23px;padding-bottom:23px}.world-selected{min-width:200px;display:grid;gap:5px}.selected-mini{color:#fa8152;font-size:9px;letter-spacing:.17em;font-weight:800}.world-selected strong{font-size:25px;font-weight:800;letter-spacing:-.035em}.selected-sub{font-size:11px;color:#93abbc}.world-display-note{max-width:410px;color:#8ca4b6;font-size:11px;line-height:1.7;margin:0}.world-map-controls{display:flex;gap:7px}.world-map-controls button{border:1px solid rgba(200,223,234,.24);background:rgba(255,255,255,.04);color:#fff;width:43px;height:43px;font-size:20px;transition:background .25s,border-color .25s}.world-map-controls button:hover{border-color:#fc8453;background:rgba(255,123,71,.12)}
.world-directory{display:grid;grid-template-columns:225px 1fr;gap:32px;padding-top:36px}.directory-label .eyebrow{color:#f28b64}.directory-label .eyebrow:before{display:none}.directory-label p{font-size:11px;color:#8ea5b6;margin-top:7px}.world-chips{display:flex;flex-wrap:wrap;gap:7px}.country-chip{border:1px solid rgba(196,214,226,.18);background:rgba(255,255,255,.025);padding:10px 13px;color:#a9bfcd;font-size:11px;font-weight:700;transition:background .25s,border-color .25s,color .25s}.country-chip:hover,.country-chip[aria-pressed=true]{color:#fff;border-color:rgba(249,137,90,.8);background:rgba(232,66,10,.22)}
.world-disclaimer{display:flex;align-items:start;gap:9px;border-top:1px solid rgba(192,218,234,.13);margin-top:33px;padding-top:14px}.world-asterisk{color:#f58a60;font-weight:900}.world-disclaimer p{font-size:10px;line-height:1.7;color:#849bab;margin:0;max-width:860px}
@keyframes worldRoute{to{stroke-dashoffset:-330}}@keyframes scanAtlas{0%,100%{transform:translateX(0);opacity:0}20%{opacity:.7}75%{opacity:.7}90%{transform:translateX(72vw);opacity:0}}@keyframes mapDotPulse{0%,100%{transform:scale(.8);opacity:.34}50%{transform:scale(1.55);opacity:.88}}
/* The second page gets the same visual rhythm, without needless animated gimmicks */
.docs-hero{isolation:isolate;background:radial-gradient(circle at 80% 25%,#1a364a,#091929 67%)}.docs-hero:before{content:"";position:absolute;z-index:-1;right:8%;top:6%;width:350px;height:350px;border:1px solid rgba(255,255,255,.08);transform:rotate(35deg);box-shadow:0 0 0 50px rgba(255,255,255,.015),0 0 0 100px rgba(255,255,255,.01)}.docs-hero h1{animation:fadeArrive 1s .15s var(--ease-fluid) both}.docs-hero p{animation:fadeArrive 1s .3s var(--ease-fluid) both}.docs-mini{animation:fadeArrive 1s .43s var(--ease-fluid) both}
/* Responsive and motion safeguards */
@media(max-width:1180px){.world-intro{grid-template-columns:1.2fr .8fr;gap:44px}.world-headline{font-size:clamp(48px,6.2vw,77px)}.film-layout{gap:38px}.film-scene h2{font-size:clamp(43px,5vw,67px)}}
@media(max-width:950px){.film-sequence{height:190vh}.film-sticky{min-height:550px}.film-layout{grid-template-columns:1fr 1fr;gap:20px}.film-scenes{min-height:365px}.film-scene h2{font-size:clamp(37px,5.3vw,59px)}.film-art{height:470px}.panel-model{width:min(38vw,400px);height:min(31vw,315px)}.world-intro{grid-template-columns:1fr}.world-intro-aside{max-width:750px}.world-display-note{max-width:295px}}
@media(max-width:670px){.identity-strip{height:39px}.identity-strip-track{gap:22px}.identity-strip-track span{font-size:9px;letter-spacing:.16em}.hero .eyebrow{font-size:9px;padding:8px 9px;letter-spacing:.09em}.hero-line{letter-spacing:-.08em}.film-sequence{height:186svh}.film-sticky{height:100svh;min-height:610px;align-items:stretch}.film-layout{display:block;padding-top:58px}.film-copy{padding:0;max-width:none}.film-index{font-size:8px;letter-spacing:.16em}.film-scenes{margin-top:22px;min-height:250px}.film-scene{max-width:460px}.film-scene h2{font-size:clamp(38px,9.4vw,55px);margin:15px 0 12px}.film-scene p{font-size:12px;line-height:1.7;max-width:420px}.film-nav{margin-top:4px}.film-art{height:300px;margin-top:0;position:absolute;bottom:28px;left:0;right:0;opacity:.9;z-index:0}.panel-model{width:min(55vw,250px);height:min(42vw,185px);margin-left:50px}.film-art-label{right:var(--page);bottom:0;font-size:8px}.film-copy{z-index:2}.world-stage{padding:76px 0 65px}.world-intro{gap:25px;margin-bottom:31px}.world-headline{font-size:clamp(45px,10.5vw,71px)}.world-intro-aside{padding-left:17px}.world-intro-aside p{font-size:12px}.world-display-top{padding:16px}.map-coordinate-last{display:none}.map-coordinate,.map-live{font-size:8px;letter-spacing:.08em}.world-globe{padding:0 3px;min-height:245px;max-height:340px}.world-globe svg{width:116%;max-width:none;flex:0 0 auto}.wm-label{font-size:17px}.wm-link{stroke-width:1.3}.world-display-bottom{padding:15px;gap:12px}.world-selected{min-width:130px}.world-selected strong{font-size:19px}.world-display-note{display:none}.world-map-controls button{width:37px;height:37px}.world-directory{grid-template-columns:1fr;gap:14px}.world-chips{gap:6px}.country-chip{padding:8px 10px;font-size:10px}.world-disclaimer{margin-top:24px}.world-disclaimer p{font-size:9px}.docs-hero:before{width:250px;height:250px;right:-20%;top:10%}}
@media(max-width:420px){.film-sequence{height:185svh}.film-art{height:220px;bottom:15px}.film-art-label{display:none}.film-scenes{min-height:270px}.film-scene h2{font-size:37px}.panel-model{width:220px;height:150px}.world-globe{min-height:200px}.world-headline{font-size:42px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js-motion .motion-rise:not(.is-visible),.js-motion .section-head:not(.is-visible),.js-motion .product:not(.is-visible),.js-motion .app-card:not(.is-visible),.js-motion .step:not(.is-visible),.js-motion .story-photo:not(.is-visible),.js-motion .story-copy:not(.is-visible),.js-motion .process-head:not(.is-visible),.js-motion .doc-card:not(.is-visible),.js-motion .docs-toolbar:not(.is-visible),.js-motion .faq-item:not(.is-visible){opacity:1;transform:none;filter:none}.hero-line>span{opacity:1;transform:none}.hero-image img{transform:none}.map-scanning-line{display:none}.film-sequence{height:auto!important}.film-sticky{position:relative;height:auto;min-height:570px}.film-art{opacity:1}.film-progress-track{display:none}}
/* Typographic calibration: each hero beat occupies one intentional line on widescreens. */
@media(min-width:951px){.hero h1{font-size:clamp(46px,4.55vw,73px)}.hero-line>span{white-space:nowrap}}
@media(min-width:671px) and (max-width:950px){.hero h1{font-size:clamp(44px,7.5vw,77px)}.hero-line>span{white-space:normal}}
@media(max-width:670px){.hero h1{font-size:clamp(38px,10vw,60px)}.hero-line>span{white-space:normal}}
/* Exploded-view offsets: front and back separate diagonally as the middle beat enters. */
.panel-model{--front-x:0px;--front-y:0px;--back-x:0px;--back-y:0px}
.panel-front{transform:translate3d(var(--front-x),var(--front-y),calc(58px + var(--panel-spread)))}
.panel-back{transform:translate3d(var(--back-x),var(--back-y),calc(0px - var(--panel-spread)))}