/* ROBEX CINEMATIC V2 — final public-facing visual layer */
:root{
  --c-bg:#050608;--c-panel:#0d1014;--c-panel-2:#15191f;--c-ivory:#ece9e2;
  --c-soft:#b6b7b9;--c-red:#f1263a;--c-red-2:#ff5b43;--c-line:rgba(255,255,255,.13);
  --c-radius:24px;--c-max:1480px;--c-ease:cubic-bezier(.16,1,.3,1);
  --display:"Arial Narrow","Bahnschrift SemiCondensed","Aptos Display",sans-serif;
  --body:"Aptos","Segoe UI Variable Text","Segoe UI",system-ui,sans-serif
}
html{background:var(--c-bg);scroll-padding-top:118px}body{background:var(--c-bg);color:#fff;font-family:var(--body);overflow-x:hidden}
body::before{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(circle at 12% 8%,rgba(241,38,58,.13),transparent 24%),radial-gradient(circle at 85% 62%,rgba(255,91,67,.07),transparent 28%),#050608;pointer-events:none}
.container{width:min(calc(100% - 56px),var(--c-max));max-width:var(--c-max)}
.section{padding:78px 28px}.section.light{background:var(--c-ivory);color:#0b0d10}.section.gray{background:transparent}
h1,h2,h3,.btn,.brand,.nav-links,.eyebrow,.footer-signal{font-family:var(--display)}
.eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:20px;color:#d8b881;font-size:.58rem;letter-spacing:.24em}.eyebrow::before{width:28px;background:var(--c-red)}
.section-head{align-items:end;margin-bottom:38px}.section-head h2,.page-hero h1{font-size:clamp(3rem,5.5vw,6.3rem);line-height:.82;letter-spacing:-.065em}.section-head p{max-width:420px;color:#8e9298}
.btn{min-height:54px;padding:0 24px;border:1px solid transparent;border-radius:999px;background:linear-gradient(120deg,var(--c-red),var(--c-red-2));font-size:.62rem;letter-spacing:.16em;box-shadow:0 15px 35px rgba(241,38,58,.22)}
.btn.ghost{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.22);box-shadow:none}.btn.dark{background:#07090c;color:#fff}
.arrow-link{color:var(--c-red);font-size:.65rem;letter-spacing:.14em}

/* Tall cinematic masthead */
.header{top:0;height:118px;padding:0 22px;background:rgba(5,6,8,.86);border-bottom:1px solid rgba(255,255,255,.11);box-shadow:0 18px 60px rgba(0,0,0,.28);backdrop-filter:blur(28px) saturate(1.25)}
.nav{height:118px;max-width:var(--c-max);display:grid;grid-template-columns:1fr auto 1fr;margin:auto;padding:0 6px;gap:24px;background:transparent;border:0;border-radius:0;box-shadow:none}
.nav::before{left:6px;right:6px;height:2px;background:linear-gradient(90deg,var(--c-red) 0 12%,rgba(255,255,255,.13) 12% 100%)}
.brand{min-width:0;gap:15px}.brand img{width:67px;height:76px;border-radius:19px;box-shadow:0 17px 44px rgba(241,38,58,.3)}.brand-copy b{font-size:1.08rem;letter-spacing:.18em}.brand-copy small{font-size:.55rem;letter-spacing:.3em;color:#868b93}
.nav-links{align-self:center;display:flex;gap:5px;padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.045)}
.nav-links a{min-width:auto;display:flex;align-items:center;gap:7px;padding:12px 16px;border:0!important;border-radius:999px;color:#8f949c;font-size:.59rem}.nav-links a span{display:none}.nav-links a::after{display:none}.nav-links a:hover{background:rgba(255,255,255,.08)}.nav-links a.active{color:#090a0c;background:var(--c-ivory);box-shadow:0 8px 28px rgba(0,0,0,.3)}
.nav-actions{justify-self:end}.nav-status{min-height:auto;padding:11px 17px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.035);font-size:.5rem}.menu-toggle{border-radius:16px;background:rgba(255,255,255,.065)}

/* Loader and page changes */
.site-loader{background:#040507}.site-loader::before,.site-loader::after{height:35%;background:linear-gradient(90deg,transparent,rgba(241,38,58,.15),transparent)}
.loader-mark{width:108px;height:132px;filter:drop-shadow(0 24px 35px rgba(241,38,58,.3))}.loader-line{height:3px;border-radius:99px}.loader-line i{background:linear-gradient(90deg,var(--c-red),#fff,var(--c-red-2))}
.route-curtain{background:#060709}.route-curtain::before{z-index:0;background:linear-gradient(115deg,var(--c-red),#a8091a);clip-path:polygon(0 0,63% 0,48% 100%,0 100%)}.route-curtain::after{z-index:0;background:linear-gradient(115deg,#171a20,#050608);clip-path:polygon(53% 0,100% 0,100% 100%,38% 100%)}
.curtain-word{z-index:2;color:#fff;font-size:clamp(4rem,14vw,13rem);opacity:.92;letter-spacing:-.08em;text-shadow:0 25px 70px rgba(0,0,0,.25)}.curtain-number,.curtain-line{z-index:3}
#main{filter:blur(7px);transform:translate3d(0,25px,0) scale(.985);transition:opacity .65s var(--c-ease),transform .9s var(--c-ease),filter .7s}.page-ready#main{filter:none;transform:none}
.reveal{transform:translate3d(0,55px,0) scale(.975);filter:blur(8px);clip-path:inset(0 0 10%);transition:opacity .75s var(--c-ease),transform 1s var(--c-ease),filter .75s,clip-path 1s var(--c-ease)}.reveal.visible{filter:none;transform:none}

/* Home: framed cinematic hero */
.home-hero{width:calc(100% - 36px);height:calc(100svh - 144px);min-height:650px!important;margin:18px;border:1px solid rgba(255,255,255,.16);border-radius:34px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.46)}
.home-hero::after{background:linear-gradient(90deg,#050608 0%,rgba(5,6,8,.87) 32%,rgba(5,6,8,.15) 72%),linear-gradient(0deg,#050608 0,transparent 34%)}
.home-hero .hero-inner{min-height:100%!important;padding:105px clamp(25px,5vw,76px) 115px;display:flex;flex-direction:column;justify-content:center}
.home-hero h1{max-width:900px;font-size:clamp(4.2rem,7.2vw,8.8rem);line-height:.78}.home-hero p{max-width:540px;color:#d1d2d4;font-size:1rem}.hero-trust{max-width:690px;border-radius:999px;overflow:hidden;background:rgba(6,7,9,.58);backdrop-filter:blur(18px)}
.hero-slider-controls{right:34px;bottom:34px;border-radius:999px}.hero-proof{right:34px;bottom:105px;border-radius:18px;border:1px solid rgba(255,255,255,.15)}.hero-note{display:none}
.home-stats{position:relative;z-index:8;max-width:1180px;display:grid;grid-template-columns:repeat(4,1fr);margin:-60px auto 0;padding:0 18px}.home-stats .stat{min-height:118px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(14,17,21,.94);box-shadow:0 24px 60px rgba(0,0,0,.35)}.home-stats .stat:first-child{border-left:1px solid rgba(255,255,255,.12)}
.home-marquee{height:56px;border:0;background:#0b0d10;color:#fff}.home-marquee span{font-size:1.2rem;color:#c4c6ca}.home-marquee b{color:var(--c-red)}

/* Home story and compact bento areas */
.home-story{background:#080a0d!important;color:#fff!important}.home-story::before{color:rgba(255,255,255,.025)}.home-story .intro-grid{grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.home-story .intro-media{height:430px;border-radius:28px;clip-path:polygon(0 0,94% 0,100% 12%,100% 100%,6% 100%,0 88%);box-shadow:none}.home-story .intro-copy h2{color:#fff}.home-story .story-lead{color:#d3d4d6}.home-story .intro-copy>p:not(.story-lead){color:#898d94}.home-story .check{border-color:rgba(255,255,255,.13)}.story-seal{right:18px;bottom:18px;width:106px;height:106px}
.home-collections{background:var(--c-ivory)!important;color:#0a0c0f}.home-collections::before{opacity:.25}.home-collections .eyebrow{color:#a30d1c}.home-collections .section-aside p{color:#5b5e63!important;border-color:#bbb5aa}.home-collections .card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.home-collections .category-card,.home-collections .category-card:nth-child(n){height:300px;border-radius:20px;box-shadow:0 18px 45px rgba(27,23,18,.12)}.home-collections .category-card::before{border-radius:inherit}.home-collections .category-card::after{background:linear-gradient(0deg,rgba(4,5,7,.95),transparent 72%)}.home-collections .card-copy h3{color:#fff}
.home-featured{background:#07090c}.home-featured .product-grid{grid-template-columns:repeat(4,1fr);gap:12px}.home-featured .product-art{height:360px;aspect-ratio:auto;border:0;border-radius:22px;background:#dcd8d0}.home-featured .product-card{padding:10px 10px 18px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:linear-gradient(145deg,#14171c,#0a0c0f)}.home-featured .product-copy{padding-inline:6px}.product-copy h3{min-height:auto}.product-rule{display:none}
.home-process{background:linear-gradient(160deg,#11141a,#07090c)!important;color:#fff!important}.home-process .section-aside p{color:#969aa1}.home-process .process-grid{grid-template-columns:repeat(3,1fr);gap:12px}.home-process .process-card{display:grid;grid-template-columns:180px 1fr;min-height:180px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#11141a;color:#fff;overflow:hidden;box-shadow:none}.home-process .process-media{height:100%}.home-process .process-number{top:12px;right:auto;left:12px;width:42px;height:42px;border-radius:11px;background:var(--c-red)}.home-process .process-body{min-height:0;padding:32px 20px 20px}.home-process .process-body h3{font-size:1.25rem}.home-process .process-body p{color:#92969d}
.partnership-section{background:linear-gradient(125deg,#f32a3d,#9e0717)!important}.partnership-section::after{color:rgba(0,0,0,.08)}.partnership-intro{grid-template-columns:1.2fr .8fr;margin-bottom:34px}.partnership-intro .eyebrow{color:#fff}.partnership-intro p{color:rgba(255,255,255,.82)}.partnership-section .capabilities{border-color:rgba(255,255,255,.24);border-radius:24px;background:rgba(5,6,8,.14)}.partnership-section .capability{min-height:205px;padding:30px;border-color:rgba(255,255,255,.2)}.home-cta{background:var(--c-ivory);color:#090b0e}.home-cta .eyebrow{color:#a30d1c}.home-cta p{color:#66696e}.home-cta .cta-inner{padding-block:70px}.home-cta .btn{background:#090b0e;color:#fff}

/* Shared internal page language */
.page-hero{min-height:440px;display:flex;align-items:end;padding:90px 28px 70px;background:radial-gradient(circle at 82% 25%,rgba(241,38,58,.38),transparent 24%),linear-gradient(135deg,#171a20,#07090c 68%);border:0}.page-hero::before{content:"ROBEX";position:absolute;right:2vw;top:15%;color:rgba(255,255,255,.035);font:900 18vw/.8 var(--display);letter-spacing:-.09em}.page-hero::after{height:4px;background:linear-gradient(90deg,var(--c-red),var(--c-red-2),transparent 70%)}.page-hero .container{grid-template-columns:1.35fr .65fr;align-items:end}.page-hero p{padding:22px;border-left:1px solid var(--c-red);background:rgba(255,255,255,.035);backdrop-filter:blur(12px)}
.catalogue-section{padding-top:42px;background:#07090c}.catalogue-meta{padding:14px 0;color:#838891}.filters{top:118px;gap:7px;margin-bottom:32px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(8,10,13,.88)}.filter,.filter:first-child{border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:10px 16px}.filter.active,.filter:hover{background:var(--c-red);color:#fff}
body[data-page="products"] .product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 11px}body[data-page="products"] .product-art{border-radius:18px}body[data-page="products"] .product-copy h3{font-size:1.2rem}
.product-detail-section{padding-top:62px;background:linear-gradient(145deg,#080a0d,#11141a)}.detail{grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);gap:55px}.product-gallery{top:140px}.viewer{border-radius:28px;background:#e3dfd7;box-shadow:0 35px 90px rgba(0,0,0,.38)}.viewer>img{border-radius:inherit}.gallery-thumbs{gap:8px}.gallery-thumb{border-radius:15px;overflow:hidden}.detail-copy{padding:30px;border:1px solid rgba(255,255,255,.11);border-radius:28px;background:rgba(255,255,255,.035)}.detail-copy h1{font-size:clamp(3.1rem,5vw,5.7rem)}.product-trust{border-radius:18px;overflow:hidden}.specs{display:grid;grid-template-columns:1fr 1fr}.spec{grid-template-columns:1fr;gap:5px;padding:15px;border-right:1px solid var(--c-line)}.spec:nth-child(2n){border-right:0}.product-info{border:1px solid var(--c-line);border-radius:24px;overflow:hidden}.similar-products{margin-top:78px}.similar-grid{grid-template-columns:repeat(3,1fr)}
body[data-page="process"] main .section.light{background:#080a0d;color:#fff}body[data-page="process"] main .process-grid{grid-template-columns:repeat(3,1fr);gap:14px}body[data-page="process"] main .process-card{border:1px solid var(--c-line);border-radius:24px;background:#11141a;color:#fff;overflow:hidden}body[data-page="process"] main .process-body p{color:#92969d}
.prose{max-width:1000px;padding:50px;border:1px solid var(--c-line);border-radius:28px;background:linear-gradient(145deg,#14171c,#090b0e)}.prose p{font-size:1.05rem}.quote-layout{grid-template-columns:.68fr 1.32fr;gap:28px}.contact-cards{padding:25px;border:1px solid var(--c-line);border-radius:28px;background:#0f1216}.contact-card{padding:25px 5px}.form{padding:28px;border:1px solid var(--c-line);border-radius:28px;background:#0f1216}.field input,.field textarea,.field select{border-radius:14px;background:#080a0d}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--c-red)}

/* Footer and utility */
.social-strip{padding:28px;background:var(--c-ivory);color:#090b0e}.social{border-radius:50%;background:#fff}.footer{padding:0 28px 28px;background:#040507}.footer-signal{padding:55px 0 32px;color:#fff}.footer-signal em{color:#242830}.footer-grid{padding-top:45px}.footer-actions .btn{border-radius:999px}.whatsapp-float{background:var(--c-red);box-shadow:0 18px 45px rgba(241,38,58,.32)}
.lightbox-panel{border-radius:28px;background:#090b0e}.lightbox-stage{background:radial-gradient(circle,#272b33,#090b0e 68%)}

/* Mobile: cinematic without excessive scroll */
@media(max-width:1100px){.nav{grid-template-columns:1fr auto auto}.nav-links{inset:118px 12px auto;display:none;border-radius:20px;background:rgba(5,6,8,.98)}.nav-links.open{display:flex}.nav-actions{display:flex}.home-process .process-grid{grid-template-columns:repeat(2,1fr)}body[data-page="products"] .product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
  html{scroll-padding-top:92px}.container{width:min(calc(100% - 28px),var(--c-max))}.section{padding:50px 14px}.header{height:92px;padding:0 8px}.nav,.header.mobile-compact .nav{height:92px;padding:0 8px}.nav::before{left:8px;right:8px}.brand{gap:10px}.brand img,.header.mobile-compact .brand img{width:54px;height:62px;border-radius:16px}.brand-copy b{font-size:.82rem}.brand-copy small{font-size:.44rem}.menu-toggle,.header.mobile-compact .menu-toggle{width:50px;height:50px;border-radius:15px}.nav-links{inset:92px 8px auto;height:calc(100dvh - 100px);border-radius:20px}.filters{top:92px}
  .home-hero{width:calc(100% - 16px);height:650px;min-height:650px!important;margin:8px;border-radius:24px}.home-hero .hero-inner{height:650px;min-height:650px!important;padding:155px 16px 38px;justify-content:flex-end}.home-hero .eyebrow{max-width:100%;font-size:.48rem;letter-spacing:.15em;white-space:normal}.home-hero h1{font-size:clamp(3.1rem,14vw,4rem)}.home-hero p{font-size:.82rem;line-height:1.55}.hero-proof{display:none}.hero-slider-controls{top:112px;right:12px;bottom:auto}.hero-trust{border-radius:16px}.home-stats{display:flex;margin-top:-22px;padding-inline:12px}.home-stats .stat{flex:0 0 40vw;min-height:88px}.home-marquee{height:42px}
  .home-story,.home-collections,.home-featured,.home-process,.partnership-section{padding-block:48px}.home-story .intro-grid{grid-template-columns:1fr;gap:26px}.home-story .intro-media{height:230px;border-radius:20px}.home-story .intro-copy h2{font-size:2.75rem}.home-story .check-grid{display:none}.home-story .intro-copy>p:not(.story-lead){display:none}
  .section-head h2,.page-hero h1{font-size:clamp(2.75rem,12vw,3.55rem)}.section-aside{display:none}.home-collections .category-card,.home-collections .category-card:nth-child(n){height:285px;border-radius:20px}.home-featured .product-grid,.home-collections .card-grid,.home-process .process-grid,.partnership-section .capabilities{display:flex}.home-featured .product-card{flex-basis:calc(100vw - 44px);width:calc(100vw - 44px)}.home-featured .product-art{height:285px}.home-process .process-card{display:block;flex-basis:calc(100vw - 44px);width:calc(100vw - 44px)}.home-process .process-media{height:170px}.home-process .process-body{min-height:112px}.home-process .process-body p{display:none}.partnership-intro{grid-template-columns:1fr;margin-bottom:24px}.partnership-intro p{display:none}.partnership-section .capability{min-height:155px}.partnership-section .capability p{display:none}.home-cta .cta-inner{padding:52px 16px 66px}.home-cta h2{font-size:2.9rem}
  .page-hero{min-height:340px;padding:62px 14px 45px}.page-hero .container{grid-template-columns:1fr}.page-hero p{margin-top:18px;padding:15px}.catalogue-section{padding-top:25px}body[data-page="products"] .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 9px}body[data-page="products"] .product-art{aspect-ratio:1/1.18}body[data-page="products"] .product-copy h3{font-size:1rem}body[data-page="products"] .product-copy p{display:none}
  .product-detail-section{padding-top:30px}.detail{grid-template-columns:1fr;gap:28px}.viewer{border-radius:20px}.detail-copy{padding:21px;border-radius:22px}.detail-copy h1{font-size:3.2rem}.specs{grid-template-columns:1fr}.spec{border-right:0}.product-info{grid-template-columns:1fr;border-radius:20px}.similar-grid{display:flex;overflow-x:auto}.similar-grid .product-card{flex:0 0 78vw}.quote-layout{grid-template-columns:1fr}.contact-cards,.form{padding:18px;border-radius:20px}.prose{padding:28px 20px;border-radius:22px}
  .social-strip{padding:24px 14px}.footer{padding-inline:14px}.footer-signal{font-size:clamp(3.7rem,17vw,5rem)}.footer-grid{padding-top:30px;gap:22px}.mobile-action-bar{border-radius:18px}
}
@media(prefers-reduced-motion:reduce){#main{filter:none}.reveal{filter:none}.route-curtain{display:none}.home-hero,.product-card,.category-card,.process-card{transform:none!important}.hero-gridlines{animation:none}}
