/* BRAXVERA / connected systems. Native scroll, lightweight 3D geometry. */
:root{--bg:#090a0c;--surface:#131518;--muted:#a7a9b0;--orange:#ff784c}
body{background:var(--bg)}
.site-header{position:absolute;background:transparent;border-color:#ffffff12}.nav-shell{height:94px}.brand{letter-spacing:-.055em}.nav-contact{border-radius:100px}.site-header nav>a:not(.nav-contact){position:relative}.site-header nav>a:not(.nav-contact):after{content:'';position:absolute;left:0;bottom:-7px;height:1px;width:100%;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav>a:hover:after{transform:scaleX(1)}
.cinematic{position:relative;height:100svh;min-height:790px;--progress:0;--assembly:0;--spread:0;--tilt-x:0deg;--tilt-y:0deg}.motion-ready .cinematic{height:290svh;min-height:0}.cinematic .hero{position:sticky;top:0;display:block;height:100svh;min-height:740px;overflow:hidden;background:#090a0c;isolation:isolate}.hero:after{display:none}.scene-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 78% 46%,#4b27182d,transparent 46%),linear-gradient(120deg,#090a0c,#0c0d10)}.scene-grid{position:absolute;inset:-25% -20%;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:92px 92px;transform:perspective(700px) rotateX(65deg) translateY(33%);mask-image:radial-gradient(ellipse at 69% 70%,#000,transparent 65%)}.scene-halo{position:absolute;left:49%;top:19%;width:580px;height:580px;border-radius:50%;background:radial-gradient(ellipse,#ff693923,transparent 68%);transform:scale(calc(1 + var(--progress)*.6))}.orbit{position:absolute;width:790px;height:790px;left:49%;top:2%;border:1px solid #e3b28d0d;border-radius:50%;transform:rotateX(52deg) rotateZ(-30deg)}.orbit-two{width:1070px;height:1070px;left:41%;top:-13%;border-style:dashed;border-color:#e3b28d0b}
.hero-layout{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;position:relative;padding-top:64px;padding-bottom:65px}.story-copy{position:relative;z-index:3;min-width:0;align-self:center;display:grid}.story-frame{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(32px);transition:opacity .42s,transform .58s cubic-bezier(.2,.7,.2,1),visibility .42s}.story-frame.is-current{opacity:1;visibility:visible;transform:none}.hero .eyebrow{font-size:11px;font-weight:500;letter-spacing:.16em;gap:9px;color:#b8bbc2;margin-bottom:31px}.status-light,.tag-dot{height:6px;width:6px;flex:0 0 6px;border-radius:50%;background:var(--orange);box-shadow:0 0 16px #ff754885}.hero h1,.hero h2{font-family:var(--display);font-size:clamp(58px,6.55vw,105px);line-height:1.045;font-weight:500;letter-spacing:-.07em;margin:0}.hero h1>span,.hero h2>span{color:var(--orange)}.hero h2{font-size:clamp(52px,5.65vw,87px)}.hero-description{font-size:17px;line-height:1.75;color:#a7aab2;margin-top:29px}.hero-actions{align-items:center;gap:24px;margin-top:32px}.button{transition:background .2s,transform .2s,border-color .2s}.button.primary{border-radius:5px;padding:17px 23px;gap:22px;font-size:14px;min-height:54px}.button.primary:hover{background:#ff976b;transform:translateY(-2px)}.hero-explore{display:inline-flex;align-items:center;gap:16px;font-size:13px;color:#d5d7dc;padding-block:15px}.hero-explore:hover{color:var(--orange)}.story-frame>.hero-explore,.story-frame>.button{margin-top:30px}
.system-scene{position:relative;min-width:0;width:100%;height:570px;perspective:1600px;transform:translateX(20px);z-index:1;pointer-events:none}.system-object{position:absolute;width:430px;height:300px;left:50%;top:50%;transform-style:preserve-3d;transform:translate(-50%,-40%) rotateX(calc(53deg - var(--assembly)*48deg + var(--tilt-y))) rotateZ(calc(-31deg + var(--assembly)*31deg)) rotateY(var(--tilt-x));will-change:transform}.system-plane{position:absolute;inset:0;border:1px solid #686469;border-radius:18px;transform-style:preserve-3d;background:linear-gradient(135deg,#323336,#131419 65%);box-shadow:1px 2px 0 #6b6769,2px 5px 0 #202227,3px 8px 0 #0a0b0e,15px 23px 38px #0005;overflow:visible}.system-plane:before{content:'';position:absolute;inset:8px;border:1px solid #ffffff12;border-radius:12px;pointer-events:none}.plane-edge{position:absolute;left:26px;bottom:-5px;width:calc(100% - 52px);height:3px;border-radius:4px;background:linear-gradient(90deg,transparent,#ff804d 20%,#ffad74 75%,transparent);box-shadow:0 1px 14px #ff682eb0;transform:translateZ(2px)}.data-plane{transform:translateZ(calc(-110px - var(--spread)*80px));opacity:calc(1 - var(--assembly));background:linear-gradient(135deg,#26282d,#111216)}.circuit-grid{position:absolute;inset:25px;border-radius:9px;background:repeating-linear-gradient(90deg,transparent 0 34px,#ff8a4b25 35px 36px,transparent 37px 70px),repeating-linear-gradient(0deg,transparent 0 34px,#ff8a4b20 35px 36px,transparent 37px 70px);mask-image:radial-gradient(ellipse,#000 20%,transparent 77%)}.circuit-chip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:110px;height:84px;display:grid;place-content:center;font:600 35px var(--display);letter-spacing:-.08em;background:#17181b;border:1px solid #ffb07e;box-shadow:0 0 25px #ff7e4c35,inset 0 0 15px #ff7e4c25;color:#f1d6c8}.circuit-chip span{color:var(--orange);position:absolute;right:28px;top:21px}.circuit-chip{padding-right:25px}.plane-code{position:absolute;bottom:20px;left:24px;font:9px var(--font);letter-spacing:.15em;color:#aaa6a3}.chip-dot{position:absolute;height:5px;width:5px;border-radius:50%;background:#ffac67;box-shadow:0 0 14px #ff7858}.dot-a{left:50px;top:51px}.dot-b{right:49px;bottom:80px}.dot-c{left:120px;bottom:42px}.flow-plane{transform:translateZ(calc(6px + var(--spread)*7px)) translateX(calc(var(--spread)*-30px));opacity:calc(1 - var(--assembly));background:linear-gradient(140deg,#333133eb,#131215f2)}.plane-toolbar{position:absolute;left:24px;right:24px;top:24px;display:flex;align-items:center;gap:12px;color:#b1adb1;letter-spacing:.1em;font-size:10px}.plane-toolbar>i{margin-left:auto;width:5px;height:5px;border-radius:50%;background:var(--orange)}.plane-toolbar>b{font:600 17px var(--display);color:#ebe9e5;letter-spacing:-.04em}.plane-toolbar b span{color:var(--orange)}.plane-toolbar>span:not(.small-cross){font-size:8px;letter-spacing:.16em}.flow-diagram{display:flex;position:absolute;inset:90px 25px 70px;align-items:center;gap:15px}.flow-diagram>div{flex:1;padding:22px 9px;text-align:center;background:#17181c;border:1px solid #646069;border-radius:8px;font-size:10px;box-shadow:0 9px 14px #0003}.flow-diagram>div span{display:block;color:var(--orange);font:500 25px var(--display);margin-top:8px}.flow-diagram>b{font-size:22px;font-weight:400;color:var(--orange)}.flow-footer{position:absolute;bottom:28px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.14em;color:#b4ada8}.app-plane{transform:translateZ(calc(130px + var(--spread)*90px - var(--assembly)*130px));border-color:#a9948970;background:linear-gradient(130deg,#414041,#232329 34%,#141519 90%);box-shadow:1px 2px 0 #8b817b,2px 5px 0 #3d3735,3px 8px 0 #161617,20px 26px 45px #0006}.core-emblem{position:absolute;inset:40px 0 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:calc(1 - var(--assembly));transform:translateZ(2px)}.core-emblem>span{font:600 110px/.95 var(--display);letter-spacing:-.125em;padding-right:14px;background:linear-gradient(130deg,#fff5e8,#77767d);color:transparent;background-clip:text}.core-emblem>span>span{color:var(--orange);text-shadow:0 0 60px #ff754870}.core-emblem small{margin-top:22px;text-align:center;font-size:8px;line-height:1.8;letter-spacing:.21em;color:#d4c4ba}.core-dashboard{position:absolute;inset:65px 25px 31px;opacity:var(--assembly);transform:translateZ(2px)}.dashboard-title{display:flex;justify-content:space-between;align-items:start;font:19px/1.3 var(--display);color:#c9cbd0}.dashboard-title b{font-weight:500;color:#fff}.dashboard-title>i{font:8px var(--font);padding:6px 8px;background:#ffffff09;border:1px solid #ffffff14;border-radius:3px}.dashboard-metrics{display:flex;gap:9px;margin-top:14px}.dashboard-metrics>div{flex:1;padding:9px 12px;background:#ffffff05;border:1px solid #ffffff15;border-radius:5px}.dashboard-metrics small{font-size:8px;color:#a8abb5;display:block}.dashboard-metrics b{font:400 26px var(--display);display:block;margin-top:4px}.dashboard-metrics>div:last-child b{color:var(--orange)}.dashboard-chart{height:47px;display:flex;gap:6px;align-items:end;margin-top:12px;position:relative;padding-right:133px}.dashboard-chart>i{flex:1;height:var(--h);background:linear-gradient(0deg,#66351f,var(--orange));border-radius:2px 2px 0 0}.dashboard-chart>span{position:absolute;right:0;bottom:1px;font-size:7px;color:#a9aab0;letter-spacing:.1em}
.scene-tag{position:absolute;border:1px solid #ffffff1c;border-radius:50px;padding:10px 14px;background:#121315d9;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.07em;color:#c9c3c0;z-index:4}.scene-tag-top{right:-5px;top:54px;transform:translateY(calc(var(--spread)*-10px));opacity:calc(1 - var(--assembly))}.scene-tag-bottom{left:-12px;bottom:71px;gap:45px;opacity:calc(1 - var(--assembly))}.scene-caption{position:absolute;bottom:18px;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:.17em;color:#7f8086}.scene-cross{position:absolute;color:#4d4947;font-size:23px;font-weight:300}.cross-one{left:0;top:19px}.cross-two{right:8px;bottom:28px}.connected-notice{position:absolute;left:8%;top:54px;display:flex;align-items:center;gap:11px;padding:14px 18px;background:#1c1d20;border:1px solid #47413d;border-radius:9px;box-shadow:0 12px 30px #0006;opacity:var(--assembly);transform:translateY(calc(25px - var(--assembly)*25px));font-size:12px;z-index:4}.connected-notice>span{display:grid;place-content:center;background:#ff784c20;width:29px;height:29px;border-radius:50%;color:var(--orange)}.connected-notice small{display:block;font-size:9px;color:#9da0a6;margin-top:4px}.scene-phone{position:absolute;right:-10px;bottom:45px;width:158px;height:308px;padding:45px 13px 18px;border:3px solid #666366;border-radius:27px;background:linear-gradient(125deg,#27272b,#111214 70%);box-shadow:3px 4px 0 #28282b,14px 17px 30px #0008;transform:translateY(calc(60px - var(--assembly)*60px)) rotate(6deg);opacity:var(--assembly);z-index:5}.phone-island{position:absolute;left:50%;top:9px;transform:translateX(-50%);width:52px;height:13px;border-radius:40px;background:#050506}.phone-time{position:absolute;top:14px;left:15px;font-size:7px}.phone-brand{font:500 28px var(--display);letter-spacing:-.13em}.phone-brand>span{color:var(--orange)}.scene-phone>p{font:12px/1.45 var(--display);margin-top:10px}.scene-phone>p b{font-weight:500;color:var(--orange)}.phone-task{margin-top:17px;padding:11px 9px;border:1px solid #ffffff15;border-radius:7px;background:#ffffff04}.phone-task small{font-size:5px;letter-spacing:.1em;color:#9d9ca2;display:block}.phone-task strong{font:500 10px var(--display);display:block;margin-top:6px}.phone-task>span{display:flex;justify-content:space-between;font-size:7px;margin-top:7px;color:#b2adb2}.phone-task i{color:var(--orange);font-style:normal}.task-done{margin-top:8px;padding:7px 9px}.task-done>span{margin:0;font-size:6px;color:#edb59f}.phone-bottom{width:44px;height:3px;border-radius:3px;background:#e8e2df;position:absolute;bottom:9px;left:50%;transform:translateX(-50%)}
.story-bottom{position:absolute;bottom:29px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#93969f;z-index:8}.scroll-invitation{display:flex;align-items:center;gap:13px}.scroll-mark:after{animation:none}.story-nav{display:flex;gap:21px}.story-nav button{padding:13px 0;color:#9d9fa7;background:none;border:0;border-bottom:1px solid #393b42;font-size:9px;letter-spacing:.1em;min-width:75px;text-align:left}.story-nav button>span{margin-right:9px;color:#737780}.story-nav button[aria-pressed=true]{color:#f5f0ea;border-color:var(--orange)}.story-nav button[aria-pressed=true]>span{color:var(--orange)}.skip-story{display:flex;gap:18px;align-items:center;padding:12px 0;color:#ddd9d6}.capability-strip{background:#0d0e10;border-color:#ffffff12}.capability-strip .wrap{min-height:86px;letter-spacing:.1em;font-size:10px}.section{padding-block:120px}.section-intro h2,.concept-intro h2{font-size:clamp(40px,4.8vw,70px);letter-spacing:-.055em}.service-tab.active .tab-plus{transform:rotate(45deg)}.tab-plus{transition:transform .25s}.service-panel{position:sticky;top:60px;align-self:start}.interface-preview{box-shadow:0 35px 60px #0007;border-radius:11px}.service-tabs{border-color:#ffffff1a}.service-tab{padding-block:30px}.service-tab:hover .tab-number{color:var(--orange)}
.concepts-section{background:#0d0e10}.concept-intro{margin-bottom:60px}.concept-intro h2{font-family:var(--display);line-height:1.12}.concept-grid{display:grid;grid-template-columns:1fr;gap:34px}.concept-card{display:grid;grid-template-columns:1.7fr 1fr;background:#141518;border:1px solid #ffffff17;border-radius:10px;transition:border-color .25s}.concept-card:hover{border-color:#857263}.concept-preview{aspect-ratio:auto;min-height:405px}.concept-preview>img{position:absolute;inset:0}.concept-card-body{align-self:center;padding:40px}.concept-card-body h3{font-size:34px}.concept-card-body>p:not(.project-category){font-size:15px}.concept-card:nth-child(even){grid-template-columns:1fr 1.7fr}.concept-card:nth-child(even) .concept-preview{order:2}.concept-card:nth-child(even) .concept-card-body{order:1}.concept-preview-title{font-size:42px;bottom:32px}.concept-open{bottom:26px;background:#121516d9}.brasa-preview .concept-preview-title{font-size:41px}.concept-preview-label{font-size:11px}.nexo-card-ui{min-height:405px}.nexo-mini-main{padding:43px 33px}.nexo-mini-side{padding:39px 25px}.nexo-mini-main>strong{font-size:30px}.nexo-mini-metrics{margin-block:22px 15px}.nexo-mini-row{padding-block:18px}.nexo-mini-row em{display:block}.concept-footnote{margin-top:28px;font-size:12px}.tags span{border-radius:3px}
.process-grid article{transition:background .25s}.process-grid article:hover{background:#ffffff03}.process-number{color:#68676a}.process-grid article:hover .process-number{color:var(--orange)}.contact-section{position:relative;isolation:isolate;background:#101113;overflow:hidden}.contact-section:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 85% 80%,#ff784c16,transparent 65%)}.contact-grid h2{letter-spacing:-.055em}.contact-grid #contact-form{background:#141619d9}.faq-list details[open] summary{color:var(--orange)}.phone-link{color:#e4d8d2}.site-footer{padding-block:40px}
.reveal{transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal-pending{opacity:0;transform:translateY(26px)}
@media(min-width:1600px){.hero-layout{width:min(1480px,calc(100% - 140px));gap:35px}.system-object{width:490px;height:332px}.system-scene{height:650px}.core-emblem>span{font-size:125px}.dashboard-chart{height:66px}.scene-phone{right:0;bottom:70px;width:175px;height:333px}.scene-tag-top{right:10px;top:63px}}
@media(max-width:1200px) and (min-width:761px){.site-header nav{gap:20px}.hero h1{font-size:7vw}.hero h2{font-size:6.2vw}.hero-layout{grid-template-columns:1fr 1fr;gap:0}.system-scene{transform:translateX(-10px) scale(.85);width:calc(100% + 35px)}.scene-tag-top{right:-5px}.scene-phone{right:-20px}.hero-actions{gap:16px}.hero-explore{font-size:12px}.hero .eyebrow{font-size:9px}.hero-description{font-size:15px}.button.primary{font-size:12px;padding:15px 17px}.story-bottom{font-size:9px}.scroll-invitation{max-width:130px;line-height:1.6}.concept-card-body{padding:29px}.concept-preview-title{font-size:35px;bottom:80px}.concept-card-body h3{font-size:28px}}
@media(max-width:900px){.concept-card,.concept-card:nth-child(even){grid-template-columns:1.4fr 1fr}.concept-card-body{padding:28px}.concept-preview,.nexo-card-ui{min-height:350px}.concept-card-body h3{font-size:26px}.concept-card-body>p:not(.project-category){font-size:14px}.nexo-mini-side{padding:30px 13px}.nexo-mini-main{padding:31px 20px}.nexo-mini-row em{display:none}.concept-preview-title{bottom:76px;font-size:34px}.concept-open{left:25px;right:auto;bottom:24px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{background:transparent}.nav-shell{height:76px}.site-header .brand{font-size:25px}.site-header nav{top:76px;background:#151619f7;padding:20px;border:1px solid #ffffff20;border-radius:6px}.site-header nav>a{min-height:44px;display:flex;align-items:center}.site-header nav .nav-contact{justify-content:center}.cinematic{height:auto;min-height:0}.motion-ready .cinematic{height:230svh}.cinematic .hero{height:100svh;min-height:720px}.hero-layout{padding-top:105px;padding-bottom:100px;display:flex;flex-direction:column;align-items:stretch;gap:0}.story-copy{align-self:stretch;min-height:300px}.hero .eyebrow{font-size:8px;margin-bottom:22px;letter-spacing:.13em}.hero h1{font-size:clamp(42px,11.35vw,75px);line-height:1.02;letter-spacing:-.065em}.hero h2{font-size:clamp(42px,10.6vw,68px)}.hero-description{font-size:13px;line-height:1.65;margin-top:19px}.hero-description br.desktop-break{display:none}.hero-actions{margin-top:21px;gap:20px}.button.primary{font-size:11px;min-height:46px;padding:12px 16px;gap:12px}.hero-explore{font-size:10px;gap:8px;padding-block:12px}.story-frame>.hero-explore,.story-frame>.button{margin-top:19px}.system-scene{position:absolute;left:50%;bottom:64px;width:520px;height:460px;transform:translateX(-50%) scale(.62);transform-origin:center bottom;z-index:1}.system-object{top:50%;width:400px;height:278px}.scene-tag-top{right:-5px;top:65px}.scene-tag-bottom{left:-10px;bottom:81px}.scene-caption{font-size:10px;bottom:10px;color:#999ba2}.scene-phone{right:5px;bottom:40px;width:153px;height:291px}.connected-notice{top:43px;left:35px}.scene-cross{display:none}.scene-grid{inset:0 -100%;transform:perspective(700px) rotateX(70deg) translateY(50%);mask-image:radial-gradient(ellipse at 50% 70%,#000,transparent 65%)}.scene-halo{left:calc(50% - 240px);top:auto;bottom:-50px;width:480px;height:480px}.orbit{left:calc(50% - 360px);top:auto;bottom:-70px;width:720px;height:720px}.orbit-two{display:none}.story-bottom{bottom:17px;justify-content:space-between;gap:12px;align-items:end}.scroll-invitation{display:none}.story-nav{gap:13px}.story-nav button{font-size:6px;min-width:58px;padding-block:10px;letter-spacing:.07em}.story-nav button>span{margin-right:5px;font-size:8px}.skip-story{font-size:9px;gap:6px;padding-bottom:10px}.capability-strip .wrap{min-height:92px;display:grid;grid-template-columns:1fr 1fr;gap:18px 10px;padding-block:22px;font-size:8px;letter-spacing:.08em}.capability-strip i{display:none}.capability-strip span:before{content:'+';color:var(--orange);margin-right:9px}.section{padding-block:75px}.section-intro h2,.concept-intro h2{font-size:40px}.section-intro{gap:22px;margin-bottom:34px}.service-panel{position:static}.service-tab{padding:22px 0}.service-tab>span:nth-child(2){font-size:20px}.concept-intro{margin-bottom:32px}.concept-grid{gap:27px}.concept-card,.concept-card:nth-child(even){display:flex;flex-direction:column}.concept-card:nth-child(even) .concept-preview{order:0}.concept-card:nth-child(even) .concept-card-body{order:1}.concept-preview{width:100%;min-height:320px}.concept-preview-label{font-size:10px;top:24px}.concept-preview-title,.brasa-preview .concept-preview-title{font-size:34px;bottom:77px}.concept-open{font-size:11px;left:22px;right:auto;bottom:22px}.concept-card-body{width:100%;padding:27px 23px}.concept-card-body h3{font-size:29px}.concept-card-body>p:not(.project-category){font-size:15px}.nexo-card-ui{min-height:320px}.nexo-mini-main>strong{font-size:22px}.nexo-mini-main{padding:28px 20px}.nexo-mini-side{padding:28px 13px}.nexo-mini-row{padding-block:15px}.concept-card .tags{margin-top:15px}.site-footer{flex-wrap:wrap;gap:14px}.site-footer p{margin:0}.site-footer>span{font-size:10px}.contact-grid h2{font-size:clamp(36px,10vw,50px)}.contact-section{padding-block:65px}.hero .story-frame.is-current{position:relative;z-index:3}}
@media(max-width:760px) and (max-height:780px){.cinematic .hero{min-height:680px}.hero-layout{padding-top:94px}.hero h1{font-size:clamp(40px,10.3vw,58px)}.hero h2{font-size:clamp(40px,10vw,54px)}.hero .eyebrow{margin-bottom:17px}.hero-description{font-size:12px;margin-top:15px}.hero-actions{margin-top:16px}.system-scene{transform:translateX(-50%) scale(.52);bottom:62px}.scene-caption{font-size:11px}.story-copy{min-height:265px}}
@media(min-width:761px) and (max-height:739px){.motion-ready .cinematic{height:1800px}.cinematic .hero{min-height:600px}.hero h1{font-size:70px}.hero h2{font-size:62px}.hero-layout{padding-top:70px}.system-scene{transform:translateX(5px) scale(.8);height:470px}.hero-description{font-size:14px;margin-top:22px}.hero .eyebrow{margin-bottom:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .cinematic{height:auto;min-height:0}.cinematic .hero{position:relative}.system-object{will-change:auto}.story-frame{transform:none}.reveal-pending{opacity:1;transform:none}.scene-halo{transform:none}.concept-preview>img{transform:none!important}}
@media(scripting:none){.story-nav{display:none}.cinematic .hero{position:relative}.scene-caption{display:none}}
.story-nav button,.skip-story{min-height:44px}.scene-caption{bottom:-35px}.process-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.process-grid article{min-width:0}
@media(max-width:760px){.scene-caption{display:none}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-nav button{font-size:7px}.skip-story{align-items:center}}
@media(max-width:420px){.process-grid{grid-template-columns:1fr}.process-grid article,.process-grid article+article,.process-grid article:nth-child(3),.process-grid article:nth-child(4){padding:26px 0;border-left:0;border-top:1px solid var(--line)}.process-number{font-size:28px;margin-bottom:14px}.process-grid h3{font-size:25px}.process-grid h3 br{display:none}.process-grid p{max-width:300px}.hero-explore{min-height:44px}}
@media(max-height:600px){.motion-ready .cinematic{height:auto;min-height:0}.cinematic .hero{position:relative;height:690px;min-height:690px}.scene-caption{display:none}}