:root{
  --ink:#080a08;--ink-soft:#0d110d;--panel:#111611;--paper:#f4f6f0;--muted:#a5ada1;--muted-2:#7d877a;
  --line:rgba(214,227,208,.12);--line-strong:rgba(214,227,208,.22);--acid:#b8ff36;--acid-soft:#d9ff92;
  --max:1380px;--gutter:clamp(1rem,4vw,4rem);--r-sm:18px;--r-md:28px;--r-lg:42px;--r-xl:56px;
  --shadow:0 24px 80px rgba(0,0,0,.28);--ease:cubic-bezier(.22,.8,.24,1)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;min-height:100vh;background:
radial-gradient(circle at 12% 8%,rgba(184,255,54,.055),transparent 30rem),
radial-gradient(circle at 88% 34%,rgba(164,255,173,.035),transparent 34rem),var(--ink);color:var(--paper);font-family:"Estedad","Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;font-weight:400;font-kerning:normal;font-synthesis:none;line-height:1.85;text-rendering:optimizeLegibility;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{font:inherit;color:inherit}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:999;top:.7rem;right:.7rem;background:var(--acid);color:#061006;padding:.65rem 1rem;border-radius:999px;transform:translateY(-170%);transition:transform .2s var(--ease)}.skip-link:focus{transform:none}:focus-visible{outline:2px solid var(--acid);outline-offset:4px}
.site-header{height:88px;max-width:var(--max);margin:auto;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:60}.brand{display:flex;align-items:center;gap:.8rem;direction:ltr}.brand-logo{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,rgba(184,255,54,.16),rgba(184,255,54,.035));border:1px solid rgba(184,255,54,.22);box-shadow:inset 0 1px rgba(255,255,255,.08)}.brand-logo svg{width:31px;height:31px;overflow:visible}.brand>span:last-child{display:grid;line-height:1}.brand strong{font-family:"Estedad",Arial,sans-serif;font-size:.88rem;letter-spacing:.17em}.brand small{font-size:.63rem;color:var(--muted);margin-top:.34rem;direction:rtl}.site-nav{display:flex;align-items:center;gap:clamp(.3rem,1.2vw,.8rem);padding:.35rem;border:1px solid var(--line);border-radius:999px;background:rgba(13,17,13,.58);backdrop-filter:blur(18px)}.site-nav a{min-height:42px;display:flex;align-items:center;padding:0 1.05rem;border-radius:999px;color:#c6cdc2;font-size:.81rem;transition:background .25s var(--ease),color .25s var(--ease),transform .25s var(--ease)}.site-nav a:hover{background:rgba(255,255,255,.055);color:#fff}.site-nav .nav-call{background:var(--acid);color:#081008;font-weight:750}.site-nav .nav-call:hover{background:var(--acid-soft);color:#081008;transform:translateY(-1px)}
.mobile-dock{display:none}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.hero{max-width:var(--max);min-height:calc(100svh - 88px);margin:auto;padding:clamp(2rem,5vw,5rem) var(--gutter) clamp(4rem,7vw,7rem);display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(2.5rem,6vw,7rem);align-items:center;position:relative}.hero-copy{position:relative;z-index:3}.location-line{font-size:.76rem;color:#c0c8bc;display:flex;align-items:center;gap:.7rem;margin:0 0 1.45rem}.location-line span{width:10px;height:10px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 7px rgba(184,255,54,.08)}.hero h1,.page-hero h1,.contact-hero h1{font-size:clamp(3.3rem,6.6vw,7rem);line-height:1.05;letter-spacing:-.025em;margin:0;max-width:9ch;font-weight:760}.hero h1{max-width:none}.hero-title-line{display:block;white-space:nowrap}.hero h1 em{font-style:normal;font-weight:500;color:#dce4d8}.hero-lead{max-width:46ch;color:#adb6aa;font-size:clamp(.96rem,1.2vw,1.12rem);margin:2rem 0 2.25rem}.hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.button{min-height:51px;display:inline-flex;align-items:center;justify-content:center;gap:.68rem;padding:.74rem 1.22rem;border:1px solid var(--line-strong);border-radius:999px;font-weight:750;font-size:.84rem;transition:transform .28s var(--ease),box-shadow .28s var(--ease),background .28s var(--ease),border-color .28s var(--ease);will-change:transform}.button.primary{background:var(--acid);color:#071007;border-color:var(--acid);box-shadow:0 10px 34px rgba(184,255,54,.1)}.button.primary:hover{background:var(--acid-soft);box-shadow:0 13px 38px rgba(184,255,54,.17)}.button.secondary{background:rgba(255,255,255,.025);color:#fff}.button.secondary:hover{border-color:rgba(184,255,54,.42);background:rgba(184,255,54,.045)}.button svg{width:18px}.text-link{display:inline-flex;gap:.45rem;align-items:center;color:#d4dbd0;font-size:.84rem;padding:.65rem .2rem}.text-link span{transition:transform .25s var(--ease)}.text-link:hover span{transform:translateX(-5px)}
.hero-stage{position:relative;min-width:0;direction:ltr}.stage-frame{position:relative;height:min(70vh,710px);min-height:540px;overflow:hidden;background:#101410;border-radius:var(--r-xl) var(--r-xl) 120px var(--r-xl);border:1px solid var(--line);box-shadow:var(--shadow);isolation:isolate;transform:translateZ(0)}.stage-frame:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(6,9,6,.03) 30%,rgba(6,9,6,.68) 100%);pointer-events:none}.stage-frame img{width:100%;height:100%;object-fit:cover;object-position:51% 48%;filter:saturate(.84) contrast(1.05);transform:scale(1.03) translate3d(var(--px,0),var(--py,0),0);transition:transform .7s var(--ease)}.surface-light{position:absolute;z-index:3;width:240px;height:240px;border-radius:50%;left:var(--lx,64%);top:var(--ly,33%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(225,255,205,.22) 0,rgba(184,255,54,.09) 24%,rgba(184,255,54,0) 68%);filter:blur(1px);mix-blend-mode:screen;pointer-events:none;transition:left .55s var(--ease),top .55s var(--ease)}.surface-light:after{content:"";position:absolute;inset:25%;border:1px solid rgba(218,255,171,.24);border-radius:50%}.stage-chip{position:absolute;z-index:5;right:22px;bottom:22px;max-width:260px;padding:14px 16px 13px;border-radius:22px;background:rgba(8,11,8,.74);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px);direction:rtl}.stage-chip small{display:block;color:var(--acid);font-size:.64rem;margin-bottom:.15rem}.stage-chip strong{font-size:.86rem;font-weight:650}.stage-float{position:absolute;z-index:6;left:-26px;top:16%;width:132px;height:132px;border-radius:42% 58% 57% 43%/48% 44% 56% 52%;display:grid;place-items:center;background:rgba(15,20,15,.76);border:1px solid rgba(184,255,54,.18);backdrop-filter:blur(16px);box-shadow:0 20px 60px rgba(0,0,0,.2);animation:floaty 7s ease-in-out infinite}.stage-float svg{width:58px;height:58px}.stage-dots{position:absolute;left:-5px;bottom:12%;display:grid;gap:9px}.stage-dots i{width:7px;height:7px;border-radius:50%;background:#74806e}.stage-dots i:first-child{background:var(--acid);box-shadow:0 0 18px rgba(184,255,54,.5)}
.soft-marquee{max-width:var(--max);margin:0 auto 1rem;padding:0 var(--gutter);overflow:hidden}.soft-marquee-track{display:flex;gap:.65rem;width:max-content;animation:marquee 28s linear infinite}.soft-pill{min-height:45px;display:flex;align-items:center;gap:.6rem;padding:0 1rem;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#c5cdc1;font-size:.76rem;white-space:nowrap}.soft-pill svg{width:17px;height:17px;color:var(--acid)}
.service-intro,.work-preview,.product-note,.final-cta,.page-hero,.service-detail,.service-list,.contact-hero,.visit,.not-found,.surface-experience{max-width:var(--max);margin:auto;padding-inline:var(--gutter)}.service-intro,.work-preview,.product-note,.surface-experience{padding-block:clamp(5rem,10vw,10rem)}.section-heading{display:grid;grid-template-columns:.54fr 1.35fr .45fr;align-items:end;gap:2rem;margin-bottom:3rem}.section-kicker,.section-heading>p,.product-note>div>p:first-child,.visit>div>p:first-child{color:var(--acid);font-size:.72rem;margin:0}.section-heading h2,.product-note h2,.final-cta h2,.detail-copy h2,.visit h2,.surface-copy h2{font-size:clamp(2.25rem,4.5vw,4.85rem);line-height:1.14;letter-spacing:-.02em;margin:0;max-width:12ch}.section-heading .text-link{justify-self:end}
.service-orbits{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;isolation:isolate}.service-orbits:before{content:"";position:absolute;z-index:-1;width:58%;height:55%;left:19%;top:20%;background:radial-gradient(circle,rgba(184,255,54,.065),transparent 68%);filter:blur(20px)}.service-bubble{position:relative;min-height:230px;padding:1.7rem;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid var(--line);overflow:hidden;transition:transform .35s var(--ease),border-color .35s var(--ease),background .35s var(--ease);display:flex;flex-direction:column;justify-content:space-between}.service-bubble:nth-child(1){border-radius:34px 34px 82px 34px}.service-bubble:nth-child(2){border-radius:76px 34px 34px 34px}.service-bubble:nth-child(3){border-radius:34px 72px 34px 34px}.service-bubble:nth-child(4){border-radius:34px 34px 34px 78px}.service-bubble:nth-child(5){border-radius:72px 34px 72px 34px}.service-bubble:nth-child(6){border-radius:34px 80px 34px 80px}.service-bubble:nth-child(2),.service-bubble:nth-child(5){transform:translateY(22px)}.service-bubble:hover{transform:translateY(-5px) scale(1.008);border-color:rgba(184,255,54,.26);background:linear-gradient(145deg,rgba(184,255,54,.06),rgba(255,255,255,.018))}.service-bubble:nth-child(2):hover,.service-bubble:nth-child(5):hover{transform:translateY(17px) scale(1.008)}.service-icon{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:rgba(184,255,54,.075);border:1px solid rgba(184,255,54,.16);color:var(--acid)}.service-icon svg{width:31px;height:31px}.service-bubble h3{font-size:1.14rem;margin:1.25rem 0 .35rem}.service-bubble p{margin:0;color:#9fa99b;font-size:.79rem;max-width:33ch}.service-bubble .bubble-arrow{position:absolute;left:18px;top:18px;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.045);color:#a8b1a3;transition:transform .3s var(--ease),background .3s var(--ease),color .3s var(--ease)}.service-bubble:hover .bubble-arrow{transform:translate(-3px,3px);background:var(--acid);color:#071007}
.surface-experience{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(2.5rem,7vw,7rem);align-items:center}.surface-copy p:not(.section-kicker){color:#a9b2a5;max-width:46ch;margin:1.5rem 0 1.8rem}.surface-hints{display:flex;gap:.6rem;flex-wrap:wrap}.surface-hints span{border:1px solid var(--line);background:rgba(255,255,255,.02);padding:.45rem .78rem;border-radius:999px;color:#b9c2b5;font-size:.7rem}.surface-lab{position:relative;height:610px;border-radius:64px 64px 64px 150px;overflow:hidden;border:1px solid var(--line);background:#0f130f;box-shadow:var(--shadow);cursor:crosshair;isolation:isolate}.surface-lab img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08);transform:scale(1.03);transition:transform .6s var(--ease),filter .6s var(--ease)}.surface-lab:hover img{transform:scale(1.055);filter:saturate(.82) contrast(1.08)}.surface-lab:after{content:"";position:absolute;inset:0;background:radial-gradient(circle 220px at var(--sx,65%) var(--sy,42%),rgba(234,255,219,.28),rgba(184,255,54,.07) 28%,transparent 68%),linear-gradient(180deg,transparent 55%,rgba(3,6,3,.64));mix-blend-mode:screen;pointer-events:none}.surface-reticle{position:absolute;z-index:3;left:var(--sx,65%);top:var(--sy,42%);width:56px;height:56px;border-radius:50%;border:1px solid rgba(184,255,54,.55);transform:translate(-50%,-50%);box-shadow:0 0 0 8px rgba(184,255,54,.04);pointer-events:none;transition:left .3s var(--ease),top .3s var(--ease)}.surface-reticle:before,.surface-reticle:after{content:"";position:absolute;background:rgba(184,255,54,.52)}.surface-reticle:before{width:20px;height:1px;top:50%;left:18px}.surface-reticle:after{height:20px;width:1px;left:50%;top:18px}.surface-caption{position:absolute;z-index:4;right:22px;bottom:22px;padding:13px 15px;border-radius:20px;background:rgba(6,9,6,.72);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(14px);font-size:.74rem;color:#d6ded1}.surface-caption b{color:var(--acid);font-weight:700;margin-left:.35rem}
.work-preview{position:relative}.work-preview:before{content:"";position:absolute;inset:5% 0 auto;height:70%;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent);z-index:-1}.work-reel{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter))) 28px;margin-inline:calc((100vw - min(100vw,var(--max)))/-2 - var(--gutter));cursor:grab}.work-reel::-webkit-scrollbar{display:none}.work-reel.dragging{cursor:grabbing;scroll-snap-type:none}.work-card{flex:0 0 clamp(300px,38vw,520px);height:560px;position:relative;overflow:hidden;border-radius:40px;scroll-snap-align:center;background:#111611;border:1px solid var(--line);box-shadow:0 16px 54px rgba(0,0,0,.17);user-select:none}.work-card:nth-child(even){height:500px;margin-top:30px}.work-card img{width:100%;height:100%;object-fit:cover;pointer-events:none;filter:saturate(.8);transition:transform .6s var(--ease),filter .6s var(--ease)}.work-card:hover img{transform:scale(1.035);filter:saturate(.9)}.work-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,7,4,.7));pointer-events:none}.work-card figcaption{position:absolute;z-index:2;right:20px;left:20px;bottom:18px;display:flex;align-items:end;justify-content:space-between;gap:1rem}.work-card figcaption span:first-child{font-size:.86rem;font-weight:700}.work-card figcaption span:last-child{font-size:.65rem;color:#b9c3b5;border:1px solid rgba(255,255,255,.16);padding:.35rem .6rem;border-radius:999px;backdrop-filter:blur(8px)}.reel-hint{display:flex;align-items:center;gap:.6rem;color:#8f9a8b;font-size:.68rem}.reel-hint svg{width:26px;color:var(--acid)}
.product-note{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem);align-items:center}.product-note>div:first-child>p:not(:first-child){color:#aab3a6;max-width:50ch;margin:1.6rem 0}.product-cloud{height:540px;position:relative}.product-cloud img{position:absolute;object-fit:cover;border-radius:28px;border:1px solid var(--line);box-shadow:0 24px 70px rgba(0,0,0,.24);filter:saturate(.82);transition:transform .5s var(--ease),z-index .1s}.product-cloud img:nth-child(1){width:34%;height:68%;left:1%;top:19%;transform:rotate(-5deg)}.product-cloud img:nth-child(2){width:42%;height:89%;left:29%;top:3%;z-index:2}.product-cloud img:nth-child(3){width:34%;height:72%;right:0;bottom:4%;transform:rotate(5deg)}.product-cloud:hover img:nth-child(1){transform:translateX(-7px) rotate(-7deg)}.product-cloud:hover img:nth-child(2){transform:translateY(-6px)}.product-cloud:hover img:nth-child(3){transform:translateX(7px) rotate(7deg)}
.final-cta{padding-block:clamp(5rem,11vw,10rem);margin-top:2rem;border-top:1px solid var(--line);display:grid;grid-template-columns:.55fr 1.25fr .65fr;gap:2rem;align-items:center;position:relative}.final-cta>p{color:#aab3a6;max-width:30ch}.final-cta>div:last-child{display:grid;gap:.75rem}.cta-orb{position:absolute;left:4%;top:50%;width:160px;height:160px;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle at 40% 35%,rgba(184,255,54,.22),rgba(184,255,54,.04) 38%,transparent 68%);filter:blur(.2px);pointer-events:none;animation:pulse 6s ease-in-out infinite}.site-footer{max-width:var(--max);margin:auto;padding:3.5rem var(--gutter) 4.5rem;border-top:1px solid var(--line);display:grid;grid-template-columns:1.35fr .65fr .8fr;gap:3rem;color:#929d8e;font-size:.76rem}.site-footer p{max-width:42ch}.footer-links,.footer-contact{display:grid;align-content:start;gap:.68rem}.footer-links a:hover,.footer-contact a:hover{color:#fff}.footer-brand{margin-bottom:1rem}
.page-hero{padding-top:clamp(5rem,9vw,9rem);padding-bottom:clamp(5rem,9vw,8rem);display:grid;grid-template-columns:.42fr 1.08fr .72fr;gap:2rem;align-items:end}.page-hero h1{font-size:clamp(3.4rem,6vw,6.5rem);max-width:11ch}.page-hero>p:last-child{color:#aab4a6;max-width:47ch}.service-detail{padding-block:clamp(4rem,7vw,7rem);display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:center}.service-detail+.service-detail{border-top:1px solid var(--line)}.service-detail.reverse .detail-media{order:2}.detail-media{height:580px;overflow:hidden;position:relative;border-radius:48px 48px 100px 48px;border:1px solid var(--line)}.service-detail.reverse .detail-media{border-radius:48px 100px 48px 48px}.detail-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:transform .65s var(--ease)}.detail-media:hover img{transform:scale(1.035)}.detail-copy>span{display:inline-flex;align-items:center;gap:.5rem;color:var(--acid);font-size:.72rem}.detail-copy>span:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--acid)}.detail-copy h2{margin:.72rem 0 1.2rem}.detail-copy p{color:#aab3a6;max-width:48ch;margin-bottom:1.8rem}.service-list{padding-block:clamp(4rem,7vw,7rem);display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-list>div{position:relative;background:rgba(255,255,255,.025);border:1px solid var(--line);padding:2rem;border-radius:30px}.service-list span{color:var(--acid);font-family:"Estedad",Arial,sans-serif;font-size:.7rem}.service-list h3{font-size:1.25rem;margin:.5rem 0}.service-list p{color:#9ca69a;font-size:.82rem}.final-cta.compact{margin-top:3rem}
.filters{max-width:var(--max);margin:0 auto;padding:1rem var(--gutter) 2.2rem;display:flex;gap:.55rem;flex-wrap:wrap}.filters button{background:rgba(255,255,255,.025);border:1px solid var(--line);color:#acb6a8;padding:.55rem 1rem;min-height:44px;cursor:pointer;border-radius:999px;transition:.25s var(--ease)}.filters button:hover{border-color:var(--line-strong);color:#fff}.filters button.is-active{background:var(--acid);border-color:var(--acid);color:#071007}.gallery{max-width:var(--max);margin:auto;padding:0 var(--gutter) clamp(5rem,9vw,8rem);display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:160px;gap:12px}.gallery-item{position:relative;overflow:hidden;border:1px solid var(--line);background:#101410;padding:0;grid-column:span 4;grid-row:span 2;cursor:zoom-in;color:white;border-radius:30px}.gallery-item:nth-child(3n+1){border-radius:30px 30px 70px 30px}.gallery-item.wide{grid-column:span 8}.gallery-item.tall{grid-row:span 3}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease),filter .5s var(--ease);filter:saturate(.8)}.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.035);filter:saturate(.9)}.gallery-item span{position:absolute;right:14px;bottom:14px;background:rgba(7,10,7,.67);border:1px solid rgba(255,255,255,.11);padding:.42rem .72rem;border-radius:999px;font-size:.69rem;backdrop-filter:blur(10px)}.gallery-item[hidden]{display:none}.lightbox{width:min(92vw,1040px);height:min(88vh,880px);padding:10px;border:1px solid var(--line-strong);border-radius:34px;background:#080b08;color:#fff;box-shadow:0 30px 120px rgba(0,0,0,.55)}.lightbox::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}.lightbox img{width:100%;height:calc(100% - 60px);object-fit:contain;background:#050705;border-radius:26px}.lightbox p{height:50px;margin:0;display:flex;align-items:center;padding:0 .7rem;color:#c1cabd}.lightbox-close{position:absolute;z-index:2;top:20px;left:20px;width:44px;height:44px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(8,11,8,.78);color:#fff;font-size:1.5rem;cursor:pointer;backdrop-filter:blur(8px)}
.contact-hero{padding-top:clamp(5rem,9vw,9rem);padding-bottom:clamp(5rem,8vw,8rem);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(3rem,8vw,8rem)}.contact-hero>div:first-child>p:last-child{color:#aab3a6;max-width:50ch;margin-top:2rem}.contact-lines{display:grid;gap:10px}.contact-lines a{min-height:104px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-content:center;column-gap:1rem;position:relative;padding:1rem 1.4rem;border-radius:26px;background:rgba(255,255,255,.025);border:1px solid var(--line);transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease)}.contact-lines a:hover{transform:translateX(-4px);border-color:rgba(184,255,54,.24);background:rgba(184,255,54,.04)}.contact-lines small{color:#919c8e;font-size:.7rem}.contact-lines strong{font-family:"Estedad",Arial,Tahoma,sans-serif;font-size:clamp(1.25rem,1.8vw,1.8rem);font-weight:500}.contact-lines span{grid-column:2;grid-row:1/3;align-self:center;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(184,255,54,.07);color:var(--acid)}.visit{padding-block:clamp(5rem,9vw,8rem);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);align-items:center}.visit-visual{height:520px;overflow:hidden;position:relative;border-radius:52px 52px 120px 52px;border:1px solid var(--line)}.visit-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}.visit h2{margin:.7rem 0 1.2rem}.visit>div:last-child>p:not(:first-child){color:#aab3a6;max-width:50ch;margin-bottom:1.8rem}.not-found{min-height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.not-found>p{font:700 7rem/1 "Estedad",Arial;color:transparent;-webkit-text-stroke:1px var(--acid);margin:0}.not-found h1{font-size:clamp(2rem,6vw,5rem);margin:1rem 0 2rem}
.reveal{opacity:1;transform:none;animation:gentleIn .72s var(--ease) both}.reveal.is-visible{opacity:1;transform:none}
@keyframes gentleIn{from{opacity:.001;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes floaty{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes marquee{to{transform:translateX(50%)}}@keyframes pulse{0%,100%{opacity:.45;transform:translateY(-50%) scale(.92)}50%{opacity:.9;transform:translateY(-50%) scale(1.08)}}
@media(max-width:960px){.site-nav{display:none}.site-header{height:76px}.hero{min-height:auto;grid-template-columns:1fr;padding-top:3rem;gap:3rem}.hero h1{font-size:clamp(3.2rem,12vw,6rem)}.stage-frame{height:68svh;min-height:500px;max-height:680px}.stage-float{left:10px;top:18%}.section-heading{grid-template-columns:1fr;gap:.6rem}.section-heading .text-link{justify-self:start}.service-orbits{grid-template-columns:repeat(2,1fr)}.service-bubble:nth-child(2),.service-bubble:nth-child(5){transform:none}.service-bubble:nth-child(2):hover,.service-bubble:nth-child(5):hover{transform:translateY(-5px) scale(1.008)}.surface-experience,.product-note{grid-template-columns:1fr}.surface-lab{height:560px}.product-cloud{height:470px}.final-cta{grid-template-columns:1fr}.cta-orb{display:none}.site-footer{grid-template-columns:1fr 1fr}.page-hero{grid-template-columns:1fr;padding-top:4rem}.service-detail,.visit{grid-template-columns:1fr}.service-detail.reverse .detail-media{order:0}.service-list{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:250px}.gallery-item,.gallery-item.wide{grid-column:span 1}.gallery-item.tall{grid-row:span 2}.contact-hero{grid-template-columns:1fr}.contact-lines{margin-top:1rem}}
@media(max-width:680px){body{padding-bottom:94px}.site-header{padding-inline:1rem;height:70px}.brand-logo{width:42px;height:42px;border-radius:14px}.brand strong{font-size:.78rem}.brand small{font-size:.57rem}.mobile-dock{position:fixed;z-index:90;display:grid;grid-template-columns:repeat(4,1fr);left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));height:76px;padding:7px;border-radius:26px;background:rgba(12,16,12,.82);border:1px solid rgba(255,255,255,.11);box-shadow:0 18px 55px rgba(0,0,0,.42);backdrop-filter:blur(22px) saturate(1.2)}.mobile-dock a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:19px;color:#8f9a8b;font-size:.58rem;transition:background .28s var(--ease),color .28s var(--ease),transform .28s var(--ease)}.mobile-dock a svg{width:22px;height:22px;transition:transform .28s var(--ease)}.mobile-dock a[aria-current="page"]{background:linear-gradient(180deg,rgba(184,255,54,.18),rgba(184,255,54,.07));color:var(--acid-soft)}.mobile-dock a[aria-current="page"] svg{transform:translateY(-1px)}.mobile-dock a:active{transform:scale(.94)}.hero{padding:2.4rem 1rem 4.5rem;gap:2.3rem}.hero h1{font-size:clamp(2.7rem,12.5vw,3.45rem);max-width:none}.hero-title-line{white-space:nowrap}.hero-lead{margin:1.35rem 0 1.6rem;font-size:.91rem}.hero-actions{align-items:stretch;gap:.7rem}.hero-actions .button{width:100%}.hero-actions .text-link{margin-inline:auto}.stage-frame{height:57svh;min-height:430px;max-height:560px;border-radius:34px 34px 76px 34px}.stage-float{width:92px;height:92px;border-radius:34px;left:-2px;top:14%}.stage-float svg{width:43px;height:43px}.stage-chip{right:14px;left:14px;bottom:14px;max-width:none;border-radius:18px}.stage-dots{display:none}.surface-light{width:190px;height:190px}.soft-marquee{padding-inline:1rem;margin-bottom:0}.service-intro,.work-preview,.product-note,.surface-experience{padding-block:4.5rem}.service-intro,.work-preview,.product-note,.final-cta,.page-hero,.service-detail,.service-list,.contact-hero,.visit,.not-found,.surface-experience{padding-inline:1rem}.section-heading{margin-bottom:2rem}.section-heading h2,.product-note h2,.final-cta h2,.detail-copy h2,.visit h2,.surface-copy h2{font-size:clamp(2.2rem,10vw,3.25rem)}.service-orbits{grid-template-columns:1fr;gap:10px}.service-bubble{min-height:200px;padding:1.35rem;border-radius:28px}.service-icon{width:52px;height:52px;border-radius:18px}.surface-experience{gap:2.4rem}.surface-lab{height:470px;border-radius:36px 36px 36px 88px}.surface-reticle{width:48px;height:48px}.work-reel{padding-inline:1rem;margin-inline:-1rem;gap:10px}.work-card{flex-basis:82vw;height:470px;border-radius:32px}.work-card:nth-child(even){height:430px;margin-top:20px}.product-note{gap:2.3rem}.product-cloud{height:390px}.product-cloud img{border-radius:22px}.final-cta{padding-block:4.5rem}.site-footer{grid-template-columns:1fr;padding:3rem 1rem 2rem}.page-hero{padding-bottom:3.5rem}.page-hero h1{font-size:clamp(3rem,13vw,4.4rem)}.detail-media{height:430px;border-radius:34px 34px 78px 34px}.service-detail.reverse .detail-media{border-radius:34px 78px 34px 34px}.service-detail{padding-block:3.8rem}.service-list{gap:10px;padding-block:0}.gallery{grid-template-columns:1fr;grid-auto-rows:320px;gap:9px;padding-inline:1rem}.gallery-item,.gallery-item.wide,.gallery-item.tall{grid-column:span 1;grid-row:span 1;border-radius:26px}.filters{position:sticky;top:0;z-index:30;background:rgba(8,10,8,.83);backdrop-filter:blur(15px);overflow-x:auto;flex-wrap:nowrap;padding:12px 1rem}.filters button{white-space:nowrap}.contact-hero{padding-top:4rem}.contact-hero h1{font-size:clamp(3rem,13vw,4.4rem)}.contact-lines a{min-height:94px;border-radius:22px}.visit-visual{height:430px;border-radius:36px 36px 90px 36px}.lightbox{width:94vw;height:84vh;border-radius:26px}.lightbox img{border-radius:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1!important;transform:none!important}.stage-frame img,.surface-lab img,.work-card img,.gallery-item img{transform:none!important}.surface-light,.surface-reticle{display:none}}

/* v3 — softer brand system + game-like hero */
.brand-logo{border-radius:50% 50% 46% 54%/46% 54% 46% 54%;background:radial-gradient(circle at 35% 28%,rgba(184,255,54,.18),rgba(184,255,54,.045) 55%,rgba(255,255,255,.015));border-color:rgba(184,255,54,.18);box-shadow:0 10px 34px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.08)}
.brand-logo svg{width:33px;height:33px;fill:none;stroke:#e8eee4;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.brand-logo .lotus-petal{stroke:var(--acid)}
.brand-logo circle{fill:var(--acid);stroke:none}
.hero-game{grid-template-columns:minmax(330px,.78fr) minmax(520px,1.22fr);gap:clamp(2rem,4.5vw,5.5rem);padding-top:clamp(1.4rem,3vw,3rem);padding-bottom:clamp(3.2rem,5vw,5rem)}
.hero-game .hero-copy{padding-block:2rem}
.hero-game h1{font-size:clamp(3.7rem,6.3vw,7.2rem);line-height:1.01;letter-spacing:-.025em}
.hero-game h1 em{color:#f2f5ef;font-weight:420}
.hero-game .hero-lead{font-size:clamp(.98rem,1.1vw,1.08rem);line-height:1.95;color:#b8c0b4}
.play-hint{display:flex;align-items:center;gap:.65rem;margin-top:1.6rem;color:#7f8a7c;font-size:.69rem}
.play-hint span{width:22px;height:22px;border-radius:50%;border:1px solid rgba(184,255,54,.32);position:relative}
.play-hint span:before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 18px rgba(184,255,54,.4);animation:gamePulse 2.4s ease-in-out infinite}
.drive-stage{height:min(78vh,780px);min-height:610px;position:relative;direction:ltr;perspective:1100px;outline:none}
.drive-world{--drive-x:0;--drive-y:0;--light-x:58%;--light-y:38%;position:absolute;inset:0;overflow:hidden;isolation:isolate;border:1px solid rgba(226,238,219,.1);border-radius:68px 68px 138px 68px;background:radial-gradient(circle at 50% 37%,rgba(184,255,54,.07),transparent 25%),linear-gradient(180deg,#0d120e 0%,#080b09 52%,#050706 100%);box-shadow:0 40px 110px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.04);transform:rotateX(calc(var(--drive-y) * -1.2deg)) rotateY(calc(var(--drive-x) * 1.2deg));transition:transform .45s var(--ease)}
.drive-world:before{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(circle 260px at var(--light-x) var(--light-y),rgba(222,255,183,.16),rgba(184,255,54,.045) 30%,transparent 68%);mix-blend-mode:screen;pointer-events:none}
.drive-world:after{content:"";position:absolute;z-index:8;inset:0;background:linear-gradient(180deg,rgba(3,5,3,.08),transparent 32%,transparent 64%,rgba(2,4,2,.68));pointer-events:none}
.drive-grid{position:absolute;z-index:0;left:-22%;right:-22%;bottom:-18%;height:55%;opacity:.24;background-image:linear-gradient(rgba(184,255,54,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(184,255,54,.17) 1px,transparent 1px);background-size:44px 44px;transform:perspective(440px) rotateX(62deg) translateY(calc(var(--drive-y) * 4px));transform-origin:bottom;mask-image:linear-gradient(to top,#000 20%,transparent 90%);animation:gridDrive 9s linear infinite}
.drive-gate{position:absolute;z-index:1;left:50%;top:7%;width:min(58%,410px);aspect-ratio:1;transform:translateX(calc(-50% + var(--drive-x) * -8px)) translateY(calc(var(--drive-y) * -5px));display:grid;place-items:center;opacity:.9;transition:transform .5s var(--ease)}
.drive-gate:before,.drive-gate:after,.drive-gate i{content:"";position:absolute;border-radius:50%;border:1px solid rgba(184,255,54,.13)}
.drive-gate:before{inset:1%;box-shadow:0 0 90px rgba(184,255,54,.06),inset 0 0 80px rgba(184,255,54,.025)}
.drive-gate:after{inset:13%;border-color:rgba(184,255,54,.22)}
.drive-gate i:nth-of-type(1){inset:25%;border-color:rgba(232,245,223,.11)}
.drive-gate i:nth-of-type(2){inset:35%;border-color:rgba(184,255,54,.17)}
.drive-gate i:nth-of-type(3){inset:-4%;border-style:dashed;animation:gateSpin 26s linear infinite}
.drive-gate svg{width:44%;height:44%;fill:none;stroke:rgba(216,255,150,.62);stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 18px rgba(184,255,54,.18));animation:gateBreath 4.8s ease-in-out infinite}
.drive-gate svg circle{fill:var(--acid);stroke:none}
.drive-car{position:absolute;z-index:4;inset:10% -4% -6%;transform:translate3d(calc(var(--drive-x) * 19px),calc(var(--drive-y) * 10px),0) rotateY(calc(var(--drive-x) * -2.8deg));transition:transform .42s var(--ease);transform-origin:50% 70%}
.drive-car img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.68) contrast(1.12) brightness(.78);-webkit-mask-image:radial-gradient(ellipse 73% 70% at 50% 49%,#000 35%,rgba(0,0,0,.96) 53%,transparent 88%);mask-image:radial-gradient(ellipse 73% 70% at 50% 49%,#000 35%,rgba(0,0,0,.96) 53%,transparent 88%);transition:filter .45s var(--ease),transform .45s var(--ease)}
.drive-stage:hover .drive-car img,.drive-stage:focus-visible .drive-car img{filter:saturate(.78) contrast(1.12) brightness(.86)}
.drive-beam{position:absolute;z-index:5;width:280px;height:280px;left:var(--light-x);top:var(--light-y);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(238,255,224,.18),rgba(184,255,54,.07) 26%,transparent 67%);mix-blend-mode:screen;filter:blur(2px);pointer-events:none;transition:left .28s var(--ease),top .28s var(--ease)}
.drive-hud{position:absolute;z-index:10;font-family:"Estedad",Arial,sans-serif;letter-spacing:.14em;font-size:.58rem;color:#83907e;display:flex;gap:.6rem;align-items:center}.drive-hud-top{top:25px;left:28px}.drive-hud-top b{font-size:inherit;color:var(--acid);font-weight:700}.drive-hud-side{right:24px;top:26px}.drive-hud-side i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 16px rgba(184,255,54,.5)}
.drive-services{position:absolute;z-index:10;right:24px;bottom:25px;display:flex;gap:7px}.drive-services span{font:600 .55rem/1 "Estedad",Arial,sans-serif;letter-spacing:.08em;color:#aab5a5;border:1px solid rgba(255,255,255,.1);padding:.5rem .62rem;border-radius:999px;background:rgba(7,10,7,.42);backdrop-filter:blur(12px)}
.drive-meter{position:absolute;z-index:10;left:28px;bottom:32px;width:130px;height:2px;background:rgba(255,255,255,.12);border-radius:99px}.drive-meter i{position:absolute;left:calc(50% + var(--drive-x) * 46%);top:50%;width:10px;height:10px;border-radius:50%;background:var(--acid);box-shadow:0 0 18px rgba(184,255,54,.42);transform:translate(-50%,-50%);transition:left .32s var(--ease)}
.drive-tip{position:absolute;z-index:11;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:.45rem;color:#a7b1a2;font-size:.64rem;background:rgba(8,11,8,.55);border:1px solid rgba(255,255,255,.08);padding:.42rem .7rem;border-radius:999px;backdrop-filter:blur(10px)}
.drive-tip-icon{color:var(--acid);font-size:.9rem}
.service-console{max-width:var(--max);margin:auto;padding:clamp(5rem,10vw,10rem) var(--gutter);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2.5rem,7vw,7rem);align-items:center}
.console-copy h2{font-size:clamp(2.25rem,4.5vw,4.85rem);line-height:1.14;letter-spacing:-.045em;margin:.4rem 0 0;max-width:10ch}
.console-copy>p:not(.section-kicker){color:#a9b2a5;max-width:44ch;margin:1.5rem 0 1.8rem}
.console-tabs{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:1.3rem}
.console-tabs button{min-height:44px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#b4bdb0;padding:.5rem 1rem;cursor:pointer;transition:background .28s var(--ease),color .28s var(--ease),border-color .28s var(--ease),transform .28s var(--ease)}
.console-tabs button:hover{transform:translateY(-2px);border-color:rgba(184,255,54,.26)}
.console-tabs button.is-active{background:var(--acid);border-color:var(--acid);color:#071007;font-weight:750}
.console-result{min-height:126px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border-radius:30px 30px 66px 30px;padding:1.2rem 1.3rem;display:flex;flex-direction:column;justify-content:center;transition:transform .35s var(--ease),border-color .35s var(--ease)}
.console-result.is-changing{transform:scale(.985);border-color:rgba(184,255,54,.3)}
.console-result small{color:#7f8a7c;font-size:.66rem}.console-result strong{font-size:1.05rem;margin:.15rem 0 .15rem}.console-result span{color:#aab3a6;font-size:.78rem}
.console-visual{--cx:66%;--cy:44%;position:relative;height:610px;border-radius:70px 70px 70px 150px;overflow:hidden;isolation:isolate;border:1px solid var(--line);background:#0b0f0c;box-shadow:var(--shadow);transition:border-radius .55s var(--ease)}
.console-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.68) contrast(1.08) brightness(.78);transform:scale(1.035);transition:transform .65s var(--ease),filter .65s var(--ease),object-position .65s var(--ease)}
.console-visual:after{content:"";position:absolute;z-index:2;inset:0;background:radial-gradient(circle 220px at var(--cx) var(--cy),rgba(227,255,203,.19),rgba(184,255,54,.045) 30%,transparent 68%),linear-gradient(180deg,transparent 45%,rgba(3,6,3,.58));mix-blend-mode:screen;pointer-events:none}
.console-ring{position:absolute;z-index:3;left:var(--cx);top:var(--cy);width:86px;height:86px;border-radius:50%;border:1px solid rgba(184,255,54,.42);transform:translate(-50%,-50%);box-shadow:0 0 0 12px rgba(184,255,54,.025),0 0 42px rgba(184,255,54,.08);transition:left .65s var(--ease),top .65s var(--ease)}
.console-ring:before{content:"";position:absolute;inset:17px;border:1px dashed rgba(218,255,161,.25);border-radius:50%;animation:gateSpin 10s linear infinite}
.console-focus{position:absolute;z-index:4;left:var(--cx);top:var(--cy);width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 20px rgba(184,255,54,.55);transform:translate(-50%,-50%);transition:left .65s var(--ease),top .65s var(--ease)}
.console-label{position:absolute;z-index:5;right:20px;bottom:20px;display:flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.1);background:rgba(6,9,6,.62);backdrop-filter:blur(12px);border-radius:999px;padding:.5rem .75rem;color:#b8c1b4;font:600 .6rem/1 "Estedad",Arial,sans-serif;letter-spacing:.1em}.console-label i{width:7px;height:7px;border-radius:50%;background:var(--acid)}
@keyframes gamePulse{0%,100%{transform:scale(.78);opacity:.65}50%{transform:scale(1.12);opacity:1}}@keyframes gateSpin{to{transform:rotate(360deg)}}@keyframes gateBreath{0%,100%{opacity:.55;transform:scale(.97)}50%{opacity:.92;transform:scale(1.025)}}@keyframes gridDrive{to{background-position:0 44px,44px 0}}
@media(max-width:960px){.hero-game{grid-template-columns:1fr;gap:2rem}.hero-game .hero-copy{padding-block:1rem}.drive-stage{height:min(72svh,700px);min-height:560px}.service-console{grid-template-columns:1fr}.console-visual{height:560px}}
@media(max-width:680px){.hero-game{padding-top:1.4rem;gap:1.5rem}.hero-game h1{font-size:clamp(2.9rem,13vw,3.75rem);line-height:1.02}.hero-game .hero-lead{margin:1.2rem 0 1.45rem}.play-hint{margin-top:1rem;justify-content:center}.drive-stage{height:56svh;min-height:450px;max-height:540px}.drive-world{border-radius:34px 34px 86px 34px}.drive-gate{width:72%;top:8%}.drive-car{inset:6% -13% -8%}.drive-hud-top{top:17px;left:17px}.drive-hud-side{top:18px;right:17px}.drive-services{right:14px;bottom:18px;gap:4px}.drive-services span{font-size:.48rem;padding:.42rem .5rem}.drive-meter{display:none}.drive-tip{bottom:17px;left:31%;font-size:.58rem}.service-console{padding:4.5rem 1rem;gap:2.2rem}.console-copy h2{font-size:clamp(2.2rem,10vw,3.25rem)}.console-visual{height:470px;border-radius:36px 36px 36px 88px}.console-result{border-radius:24px 24px 52px 24px}.console-ring{width:70px;height:70px}}
@media(prefers-reduced-motion:reduce){.drive-world,.drive-car,.drive-gate,.drive-meter i,.console-ring,.console-focus,.console-result{transition:none!important;transform:none!important}.drive-grid,.drive-gate i,.drive-gate svg,.play-hint span:before,.console-ring:before{animation:none!important}}

/* v3.1 — integrate the car into the scene instead of showing a photo card */
.drive-world{border-color:transparent;background:radial-gradient(circle at 47% 36%,rgba(184,255,54,.055),transparent 24%),radial-gradient(ellipse at 50% 74%,rgba(255,255,255,.025),transparent 43%),transparent;box-shadow:none}
.drive-world:after{background:linear-gradient(180deg,rgba(8,10,8,.18),transparent 26%,transparent 68%,rgba(8,10,8,.62))}
.drive-car{inset:20% -8% 8%;display:grid;place-items:center}
.drive-car img{width:112%;height:100%;object-fit:contain;object-position:center;filter:saturate(.72) contrast(1.08) brightness(.82) drop-shadow(0 34px 40px rgba(0,0,0,.48));-webkit-mask-image:none;mask-image:none}
.drive-gate{top:5%;width:min(64%,450px);opacity:1}
.drive-gate svg{width:48%;height:48%;stroke:rgba(200,255,112,.72)}
.drive-grid{opacity:.19;bottom:-22%}
@media(max-width:960px){.drive-stage{margin-top:-1rem}}
@media(max-width:680px){.drive-stage{margin-top:-2.2rem}.drive-car{inset:24% -19% 9%}.drive-car img{width:128%}.drive-gate{top:7%;width:78%}.drive-tip{bottom:18px}}
/* Make the CARLOTUS mark read as the checkpoint behind the car. */
.drive-gate{top:-3%;width:min(78%,560px)}
.drive-gate svg{width:54%;height:54%}
@media(max-width:680px){.drive-gate{top:-1%;width:92%}.drive-gate svg{width:56%;height:56%}}

/* v4 — CARLOTUS brand arena hero: no photographic hero, no HUD-game chrome */
.hero-orbit{min-height:calc(100svh - 88px);grid-template-columns:minmax(330px,.82fr) minmax(520px,1.18fr);gap:clamp(1.5rem,4vw,4.5rem);padding-top:clamp(2.5rem,4.5vw,5rem);padding-bottom:clamp(3rem,5vw,5.5rem);overflow:hidden}
.hero-orbit:before{content:"";position:absolute;inset:4% 0 0 34%;background:radial-gradient(circle at 56% 46%,rgba(184,255,54,.07),transparent 22rem);pointer-events:none}
.hero-orbit .hero-copy{position:relative;z-index:5;align-self:center}
.hero-orbit h1{font-size:clamp(3.45rem,6.7vw,6.8rem);line-height:.98;max-width:8.7ch;letter-spacing:-.025em}
.hero-orbit h1 em{display:block;color:var(--paper);-webkit-text-stroke:0;text-shadow:0 14px 55px rgba(0,0,0,.18)}
.hero-orbit .hero-lead{max-width:47ch;font-size:clamp(.94rem,1.1vw,1.06rem);color:#b0b8ac;margin:1.65rem 0 1.85rem}
.arena-status{margin-top:2.1rem;display:inline-flex;align-items:center;gap:.72rem;padding:.72rem .9rem .72rem 1.1rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.026);backdrop-filter:blur(14px)}
.arena-status-dot{width:9px;height:9px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 5px rgba(184,255,54,.08),0 0 22px rgba(184,255,54,.28)}
.arena-status div{display:grid;line-height:1.15}.arena-status small{font-size:.58rem;color:#788175}.arena-status strong{font-size:.74rem;font-weight:700;margin-top:.18rem;color:#dfe5dc}
.brand-arena{--ax:0;--ay:0;position:relative;height:min(74svh,760px);min-height:620px;isolation:isolate;outline:none;transform-style:preserve-3d;perspective:1100px}
.brand-arena:before{content:"";position:absolute;z-index:-3;inset:5% 2% 1%;border-radius:50% 48% 46% 52%/48% 52% 46% 54%;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.025),rgba(255,255,255,.008) 40%,transparent 72%);border:1px solid rgba(255,255,255,.045);transform:rotate(-4deg)}
.brand-arena:after{content:"";position:absolute;z-index:-4;width:72%;height:20%;left:14%;bottom:9%;border-radius:50%;background:rgba(184,255,54,.05);filter:blur(50px);transform:translate3d(calc(var(--ax) * -10px),0,0)}
.arena-glow{position:absolute;z-index:-2;left:50%;top:48%;width:62%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) translate3d(calc(var(--ax)*13px),calc(var(--ay)*8px),0);background:radial-gradient(circle,rgba(184,255,54,.11),rgba(184,255,54,.025) 38%,transparent 70%);filter:blur(8px);transition:transform .5s var(--ease)}
.arena-carline{position:absolute;z-index:1;inset:11% 1% 7%;width:98%;height:82%;overflow:visible;transform:translate3d(calc(var(--ax)*8px),calc(var(--ay)*4px),0);transition:transform .52s var(--ease)}
.arena-carline path{fill:none;stroke:rgba(225,234,221,.15);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.arena-carline .car-shell{stroke:rgba(230,238,226,.32);stroke-width:1.7;filter:drop-shadow(0 0 12px rgba(184,255,54,.06))}
.arena-carline .glass-line{stroke:rgba(184,255,54,.3)}.arena-carline .light-line{stroke:rgba(217,255,146,.56);stroke-width:2.1}.arena-carline .floor-line{stroke:rgba(184,255,54,.1);stroke-dasharray:5 12}
.arena-core{position:absolute;z-index:6;left:50%;top:48%;width:250px;height:250px;transform:translate(-50%,-50%) translate3d(calc(var(--ax)*-8px),calc(var(--ay)*-5px),0);display:grid;place-items:center;border-radius:50%;transition:transform .55s var(--ease)}
.core-ring{position:absolute;inset:0;border:1px solid rgba(184,255,54,.13);border-radius:50%}.core-ring.r2{inset:15%;border-color:rgba(255,255,255,.08);border-style:dashed;animation:arenaSpin 28s linear infinite}.core-ring.r3{inset:30%;border-color:rgba(184,255,54,.22);animation:arenaSpinReverse 18s linear infinite}
.core-logo{width:110px;height:110px;fill:none;stroke:var(--acid);stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 20px rgba(184,255,54,.16));transition:transform .5s var(--ease),filter .5s var(--ease)}
.core-logo .logo-car{stroke:#dbe3d8}.core-logo circle{fill:var(--acid);stroke:none}.brand-arena:hover .core-logo,.brand-arena:focus-visible .core-logo{transform:scale(1.045);filter:drop-shadow(0 0 30px rgba(184,255,54,.24))}
.core-word{position:absolute;top:72%;font:700 .55rem/1 "Estedad",Arial,sans-serif;letter-spacing:.32em;color:#96a190;direction:ltr}
.arena-node{position:absolute;z-index:9;width:108px;min-height:108px;padding:.65rem;border:0;background:transparent;color:#bac4b6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.46rem;cursor:pointer;transition:transform .36s var(--ease),color .3s var(--ease)}
.arena-node:before{content:"";position:absolute;inset:8px;border-radius:35% 50% 42% 55%/50% 35% 58% 42%;background:rgba(12,16,12,.72);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);box-shadow:0 16px 45px rgba(0,0,0,.18);transition:background .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease),transform .35s var(--ease)}
.arena-node:nth-of-type(even):before{border-radius:52% 36% 55% 40%/38% 58% 39% 56%}.arena-node span{position:relative;z-index:1}.node-icon{width:46px;height:46px;display:grid;place-items:center;color:var(--acid)}.node-icon svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.arena-node>span:last-child{font-size:.66rem;font-weight:700;white-space:nowrap}
.arena-node:hover,.arena-node:focus-visible,.arena-node.is-active{color:#fff;transform:translateY(-5px) scale(1.05);outline:none}.arena-node:hover:before,.arena-node:focus-visible:before,.arena-node.is-active:before{background:rgba(19,26,18,.94);border-color:rgba(184,255,54,.34);box-shadow:0 18px 50px rgba(0,0,0,.28),0 0 34px rgba(184,255,54,.07);transform:rotate(4deg)}
.node-polish{left:3%;top:17%}.node-ceramic{left:15%;bottom:7%}.node-interior{right:10%;bottom:3%}.node-pdr{right:1%;top:29%}.node-wash{right:24%;top:2%}.node-detail{left:30%;top:0%}
.arena-caption{position:absolute;z-index:8;left:50%;bottom:1%;transform:translateX(-50%);width:min(76%,560px);text-align:center;display:grid;gap:.22rem;pointer-events:none}.arena-caption small{font:700 .55rem/1 "Estedad",Arial,sans-serif;letter-spacing:.18em;color:var(--acid);direction:ltr}.arena-caption strong{font-size:.76rem;color:#aab4a6;font-weight:500}
.arena-cursor{position:absolute;z-index:2;left:50%;top:48%;width:190px;height:190px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(220,255,165,.10),rgba(184,255,54,.025) 33%,transparent 68%);mix-blend-mode:screen;pointer-events:none;transition:left .25s var(--ease),top .25s var(--ease)}
.service-ticker{overflow:hidden;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055);padding:.9rem 0;background:rgba(255,255,255,.012)}
.service-ticker-track{width:max-content;display:flex;align-items:center;gap:1rem;animation:tickerMove 32s linear infinite}.service-ticker span{font-size:.72rem;color:#9ca69a;white-space:nowrap}.service-ticker i{width:5px;height:5px;border-radius:50%;background:var(--acid);opacity:.55}
.service-orbits-v2 .service-icon{background:radial-gradient(circle at 35% 25%,rgba(184,255,54,.13),rgba(184,255,54,.035));border-color:rgba(184,255,54,.15)}.service-orbits-v2 .service-icon .icon{width:34px;height:34px;stroke-width:1.55}
.service-orbits-v2 .service-bubble:nth-child(1){border-radius:34px 34px 86px 34px}.service-orbits-v2 .service-bubble:nth-child(2){border-radius:82px 34px 34px 34px}.service-orbits-v2 .service-bubble:nth-child(3){border-radius:34px 78px 34px 34px}.service-orbits-v2 .service-bubble:nth-child(4){border-radius:34px 34px 34px 82px}.service-orbits-v2 .service-bubble:nth-child(5){border-radius:74px 34px 74px 34px}.service-orbits-v2 .service-bubble:nth-child(6){border-radius:34px 84px 34px 74px}
@keyframes arenaSpin{to{transform:rotate(360deg)}}@keyframes arenaSpinReverse{to{transform:rotate(-360deg)}}@keyframes tickerMove{to{transform:translateX(50%)}}
@media(max-width:1040px){.hero-orbit{grid-template-columns:1fr;gap:1rem}.hero-orbit .hero-copy{padding-top:1rem}.brand-arena{height:620px;min-height:620px}.hero-orbit h1{max-width:9.5ch}.hero-orbit:before{inset:30% 0 0}}
@media(max-width:680px){.hero-orbit{padding-top:1rem;padding-bottom:2.2rem;gap:.2rem}.hero-orbit h1{font-size:clamp(2.9rem,13.7vw,4rem);line-height:1.01;max-width:none}.hero-orbit .hero-lead{font-size:.9rem;margin:1.15rem 0 1.35rem}.arena-status{margin-top:1.15rem}.brand-arena{height:490px;min-height:490px;margin-inline:-.5rem}.brand-arena:before{inset:3% 0 0}.arena-carline{inset:14% -8% 8%;width:116%}.arena-core{width:168px;height:168px;top:48%}.core-logo{width:78px;height:78px}.core-word{font-size:.45rem;top:74%}.arena-node{width:82px;min-height:82px;padding:.35rem}.arena-node:before{inset:5px}.node-icon{width:34px;height:34px}.node-icon svg{width:31px;height:31px}.arena-node>span:last-child{font-size:.55rem}.node-polish{left:0;top:16%}.node-ceramic{left:6%;bottom:12%}.node-interior{right:7%;bottom:9%}.node-pdr{right:-1%;top:30%}.node-wash{right:23%;top:0}.node-detail{left:24%;top:1%}.arena-caption{bottom:-2%;width:88%}.arena-caption strong{font-size:.67rem}.arena-cursor{width:130px;height:130px}.service-ticker{margin-top:0}.service-ticker-track{animation-duration:26s}}
@media(prefers-reduced-motion:reduce){.core-ring,.service-ticker-track{animation:none!important}.arena-glow,.arena-carline,.arena-core,.arena-cursor,.arena-node{transition:none!important}}
/* v4.1 visual QA refinements */
.hero-orbit h1{font-size:clamp(3.35rem,5.25vw,5.4rem);max-width:9.8ch}
.hero-orbit .hero-title-line{white-space:normal!important}
.hero-orbit h1 em{margin-top:.08em}
@media(max-width:1040px){.hero-orbit h1{font-size:clamp(3.2rem,8vw,5rem);max-width:10.5ch}.hero-orbit .hero-copy{max-width:680px}}
@media(max-width:680px){.hero-orbit h1{font-size:clamp(2.55rem,11vw,3.35rem);line-height:1.06;max-width:9.5ch}.hero-orbit .hero-copy{padding-top:.5rem}.brand-arena{height:445px;min-height:445px;margin-top:.35rem}.arena-status{margin-top:.9rem}.node-polish{left:2%;top:17%}.node-pdr{right:1%;top:31%}.node-detail{left:26%;top:0}.node-wash{right:22%;top:1%}.arena-caption{bottom:-1%}}
@media(max-width:680px){.hero-orbit .arena-status{display:none}.brand-arena{margin-top:-2.7rem;height:430px;min-height:430px}.arena-core{top:50%}.arena-caption{bottom:-2%}}

/* final Estedad overflow polish */
html,body{max-width:100%;overflow-x:hidden}
*,*:before,*:after{box-sizing:border-box}
.hero-orbit,.hero-orbit *{min-width:0}
.hero-orbit h1{overflow-wrap:break-word;text-wrap:balance;max-width:10ch;line-height:1.08}
.hero-orbit .hero-lead{line-height:1.9}
.brand-arena{max-width:100%;}
.arena-carline{max-width:100%;}
.arena-node{contain:layout paint}
@media(max-width:680px){
 .hero-orbit h1{font-size:clamp(2.35rem,10.5vw,3.25rem);line-height:1.12;max-width:100%}
 .hero-orbit .hero-copy{overflow:hidden}
 .brand-arena{margin-inline:0;height:410px;min-height:410px}
 .arena-carline{inset:16% -2% 10%;width:104%}
 .arena-node{transform:scale(.92)}
 .arena-caption{width:92%;}
}
@media(min-width:681px){
 .hero-orbit h1{max-width:8.8ch}
 .hero-orbit{overflow:hidden}
}

/* v5 — Studio hero: clean interactive detailing bay, no orbiting circles */
.hero-studio{min-height:calc(100svh - 88px);grid-template-columns:minmax(330px,.78fr) minmax(560px,1.22fr);gap:clamp(2rem,4.5vw,5.5rem);padding-top:clamp(2.4rem,4vw,4.5rem);padding-bottom:clamp(3rem,5vw,5.5rem);overflow:hidden}
.hero-studio .hero-copy{position:relative;z-index:4;align-self:center;min-width:0}
.hero-studio h1{font-size:clamp(3.25rem,5.3vw,5.65rem);line-height:1.07;letter-spacing:-.018em;max-width:9.4ch;margin:0;text-wrap:balance;overflow-wrap:normal}
.hero-studio h1 em{display:block;font-style:normal;font-weight:520;color:#dfe6dc;margin-top:.08em}
.hero-studio .hero-lead{max-width:48ch;font-size:clamp(.94rem,1.08vw,1.06rem);line-height:1.95;color:#aeb7aa;margin:1.65rem 0 1.85rem}
.studio-location span{width:18px;height:2px;border-radius:0;background:var(--acid);box-shadow:none}
.detail-stage{--mx:50%;--my:44%;--scan:56%;position:relative;min-width:0;height:min(69svh,700px);min-height:590px;overflow:hidden;isolation:isolate;direction:ltr;border-radius:46px 46px 116px 46px;background:linear-gradient(145deg,rgba(255,255,255,.026),rgba(255,255,255,.006) 42%,rgba(184,255,54,.018)),radial-gradient(ellipse at var(--mx) var(--my),rgba(184,255,54,.07),transparent 31%),#0b0e0b;border:1px solid rgba(255,255,255,.07);box-shadow:0 36px 90px rgba(0,0,0,.25);outline:none;transition:border-color .35s var(--ease),box-shadow .35s var(--ease)}
.detail-stage:focus-visible{border-color:rgba(184,255,54,.35);box-shadow:0 36px 90px rgba(0,0,0,.25),0 0 0 3px rgba(184,255,54,.08)}
.detail-stage:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(115deg,transparent 0 47%,rgba(255,255,255,.025) 50%,transparent 53%);transform:translateX(calc((var(--scan) - 50%) * .15));pointer-events:none}
.detail-stage:after{content:"";position:absolute;z-index:0;left:5%;right:5%;bottom:116px;height:1px;background:linear-gradient(90deg,transparent,rgba(184,255,54,.12) 22%,rgba(255,255,255,.1) 50%,rgba(184,255,54,.12) 78%,transparent)}
.studio-wordmark{position:absolute;z-index:0;left:6%;top:6%;font:800 clamp(3.8rem,7.8vw,8.5rem)/.85 "Estedad",sans-serif;letter-spacing:.12em;color:rgba(255,255,255,.018);direction:ltr;user-select:none;pointer-events:none;white-space:nowrap}
.studio-mark{position:absolute;z-index:1;left:7%;top:16%;width:clamp(90px,12vw,155px);height:auto;fill:none;stroke:rgba(184,255,54,.28);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 24px rgba(184,255,54,.07));transform:translate3d(calc((var(--mx) - 50%) * -.025),calc((var(--my) - 50%) * -.018),0);transition:transform .45s var(--ease)}
.studio-mark .mark-road{stroke:rgba(225,234,221,.22)}
.studio-car{position:absolute;z-index:2;left:2%;right:2%;top:10%;width:96%;height:70%;overflow:hidden;transform:translate3d(calc((var(--mx) - 50%) * .012),calc((var(--my) - 50%) * .007),0);transition:transform .45s var(--ease)}
.studio-car path,.studio-car circle,.studio-car ellipse{vector-effect:non-scaling-stroke}
.car-body{fill:rgba(255,255,255,.018);stroke:url(#carGlow);stroke-width:1.7;filter:drop-shadow(0 18px 40px rgba(0,0,0,.32))}
.car-roof,.car-belt{fill:none;stroke:rgba(230,237,227,.26);stroke-width:1.35;stroke-linecap:round}
.brand-thread{fill:none;stroke:rgba(184,255,54,.18);stroke-width:1.2;stroke-dasharray:2 9;stroke-linecap:round}
.car-glass{fill:rgba(190,225,183,.025);stroke:rgba(194,210,191,.17);stroke-width:1.1}
.car-accent,.car-light,.car-pdr,.car-wash,.car-cabin,.car-ceramic{fill:none;stroke:rgba(184,255,54,.18);stroke-width:1.55;stroke-linecap:round;opacity:.16;transition:opacity .35s var(--ease),stroke .35s var(--ease),filter .35s var(--ease)}
.car-light{stroke:rgba(224,255,170,.38)}
.wheel{fill:#0b0e0b;stroke:rgba(228,236,225,.2);stroke-width:1.35}.wheel-inner{fill:none;stroke:rgba(184,255,54,.18);stroke-width:1.1}.wheel-shadow{fill:rgba(0,0,0,.28)}.floor{fill:none;stroke:rgba(184,255,54,.1);stroke-width:1;stroke-dasharray:4 14}
.detail-stage[data-active="detail"] .zone-detail,.detail-stage[data-active="polish"] .zone-paint,.detail-stage[data-active="ceramic"] .zone-ceramic,.detail-stage[data-active="interior"] .zone-interior,.detail-stage[data-active="pdr"] .zone-pdr,.detail-stage[data-active="wash"] .zone-wash{opacity:1;stroke:var(--acid);filter:drop-shadow(0 0 9px rgba(184,255,54,.35))}
.studio-scan{position:absolute;z-index:3;top:9%;bottom:126px;left:var(--scan);width:1px;background:linear-gradient(180deg,transparent,rgba(184,255,54,.72) 25%,rgba(184,255,54,.18) 75%,transparent);box-shadow:0 0 28px rgba(184,255,54,.18);pointer-events:none;transition:left .28s var(--ease)}
.studio-scan:before{content:"";position:absolute;top:0;bottom:0;left:-42px;width:84px;background:linear-gradient(90deg,transparent,rgba(184,255,54,.025),transparent)}
.studio-readout{position:absolute;z-index:5;right:5%;top:7%;width:min(280px,39%);direction:rtl;text-align:right;display:grid;gap:.2rem;padding-right:14px;border-right:2px solid rgba(184,255,54,.65)}
.studio-readout small{font-size:.58rem;color:#7f8a7b}.studio-readout strong{font-size:.9rem;color:#eef3eb;font-weight:720}.studio-readout p{font-size:.66rem;line-height:1.75;color:#8e998b;margin:.2rem 0 0}
.studio-services{position:absolute;z-index:7;left:4%;right:4%;bottom:24px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;direction:rtl}
.studio-service{min-width:0;min-height:72px;border:1px solid rgba(255,255,255,.065);border-radius:17px;background:rgba(8,11,8,.62);backdrop-filter:blur(14px);color:#8f998c;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem .45rem;cursor:pointer;transition:background .28s var(--ease),border-color .28s var(--ease),color .28s var(--ease),transform .28s var(--ease);font-family:inherit}
.studio-service svg{width:25px;height:25px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.studio-service span{font-size:.62rem;font-weight:700;white-space:nowrap}.studio-service:hover,.studio-service:focus-visible{color:#dfe7dc;border-color:rgba(184,255,54,.22);outline:none;transform:translateY(-2px)}.studio-service.is-active{color:#071007;background:var(--acid);border-color:var(--acid);box-shadow:0 9px 28px rgba(184,255,54,.1)}
@media(max-width:1040px){.hero-studio{grid-template-columns:1fr;gap:2rem}.hero-studio .hero-copy{max-width:720px}.hero-studio h1{max-width:10.5ch}.detail-stage{height:610px;min-height:610px}.studio-car{top:7%;height:72%}}
@media(max-width:680px){.hero-studio{padding-top:1rem;padding-bottom:2.4rem;gap:1.35rem}.hero-studio h1{font-size:clamp(2.5rem,10.8vw,3.3rem);line-height:1.12;max-width:100%}.hero-studio .hero-lead{font-size:.9rem;line-height:1.9;margin:1.15rem 0 1.35rem}.detail-stage{height:430px;min-height:430px;border-radius:30px 30px 72px 30px}.studio-wordmark{left:5%;top:5%;font-size:3.5rem}.studio-mark{left:5%;top:14%;width:76px}.studio-car{left:-8%;width:116%;top:13%;height:60%;max-width:none}.studio-readout{right:5%;top:6%;width:56%;padding-right:10px}.studio-readout small{font-size:.52rem}.studio-readout strong{font-size:.76rem}.studio-readout p{display:none}.studio-scan{top:10%;bottom:104px}.detail-stage:after{bottom:94px}.studio-services{left:10px;right:10px;bottom:12px;display:flex;gap:6px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:2px}.studio-services::-webkit-scrollbar{display:none}.studio-service{flex:0 0 92px;min-height:66px;scroll-snap-align:start;border-radius:15px;flex-direction:column;gap:.25rem}.studio-service svg{width:23px;height:23px}.studio-service span{font-size:.56rem}.studio-service:hover,.studio-service:focus-visible{transform:none}}
@media(prefers-reduced-motion:reduce){.studio-mark,.studio-car,.studio-scan,.studio-service,.car-accent,.car-light,.car-pdr,.car-wash,.car-cabin,.car-ceramic{transition:none!important}}

/* v5.1 mobile composition: keep the interactive rail clear of the fixed dock */
@media(max-width:680px){
  .hero-studio{gap:1.1rem;padding-bottom:1.4rem}
  .detail-stage{height:380px;min-height:380px;margin-bottom:88px}
  .studio-car{top:14%;height:58%}
  .studio-readout{top:5%}
  .studio-scan{bottom:92px}
  .detail-stage:after{bottom:84px}
  .studio-services{bottom:10px}
}
@media(max-width:680px){
  .studio-services{bottom:66px}
  .studio-scan{bottom:148px}
  .detail-stage:after{bottom:138px}
  .studio-car{top:12%;height:54%}
}
@media(max-width:680px){
  .detail-stage{height:420px;min-height:420px}
  .studio-car{top:10%;height:49%}
  .studio-services{left:10px;right:10px;bottom:58px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:visible;padding:0}
  .studio-service{min-width:0;min-height:48px;flex:initial;flex-direction:row;border-radius:13px;padding:.4rem .32rem;gap:.3rem}
  .studio-service svg{width:19px;height:19px}.studio-service span{font-size:.52rem}
  .studio-scan{bottom:170px}.detail-stage:after{bottom:160px}
}
@media(max-width:680px){
  .studio-car{top:9%;height:43%}
  .studio-services{bottom:116px}
  .studio-scan{bottom:228px}.detail-stage:after{bottom:218px}
}


/* v6 — awwwards-inspired cinematic hero */
.hero-cinematic{grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);gap:clamp(2rem,5vw,5.7rem);padding-top:clamp(1.8rem,4vw,4rem);padding-bottom:clamp(3rem,5vw,5.6rem)}
.hero-cinematic .hero-copy{max-width:540px}
.hero-cinematic h1{font-size:clamp(3.55rem,6.15vw,6.5rem);line-height:1.02;letter-spacing:-.03em;max-width:8.6ch;text-wrap:balance}
.hero-cinematic h1 em{display:block;font-style:normal;font-weight:510;color:#edf2ea}
.hero-cinematic .hero-lead{max-width:46ch;line-height:1.95;color:#aeb7aa}
.cinematic-location span{width:18px;height:2px;border-radius:999px;box-shadow:none;background:var(--acid)}
.cinema-stage{--mx:62%;--my:36%;--beam:52%;position:relative;min-width:0;height:min(72svh,760px);min-height:610px;overflow:hidden;border-radius:44px 44px 112px 44px;background:#0a0d0a;border:1px solid rgba(255,255,255,.08);box-shadow:0 32px 90px rgba(0,0,0,.34);isolation:isolate;outline:none}
.cinema-stage:focus-visible{border-color:rgba(184,255,54,.28);box-shadow:0 32px 90px rgba(0,0,0,.34),0 0 0 3px rgba(184,255,54,.08)}
.cinema-backdrop,.cinema-frame{position:absolute;inset:0}
.cinema-backdrop{overflow:hidden}
.cinema-backdrop:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(8,10,8,.86) 0%,rgba(8,10,8,.48) 36%,rgba(8,10,8,.18) 68%,rgba(8,10,8,.62) 100%),linear-gradient(180deg,rgba(8,10,8,.08),rgba(8,10,8,.62) 76%,rgba(8,10,8,.88));pointer-events:none}
.cinema-backdrop:after{content:"";position:absolute;inset:0;z-index:3;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.16),rgba(184,255,54,.08) 16%,transparent 34%);mix-blend-mode:screen;pointer-events:none}
.cinema-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.035);transition:opacity .65s var(--ease),transform .85s var(--ease);filter:saturate(.85) contrast(1.04) brightness(.88)}
.cinema-image.is-active{opacity:1;transform:scale(1.01)}
.cinema-image[data-cinema-image="finish"]{object-position:72% 42%}
.cinema-image[data-cinema-image="polish"]{object-position:72% 52%}
.cinema-image[data-cinema-image="ceramic"]{object-position:52% 46%}
.cinema-image[data-cinema-image="interior"]{object-position:58% 38%}
.cinema-wash{position:absolute;inset:-10% -15%;z-index:1;background:radial-gradient(circle at 78% 28%,rgba(184,255,54,.11),transparent 17%),radial-gradient(circle at 84% 52%,rgba(255,255,255,.09),transparent 15%),radial-gradient(circle at 70% 72%,rgba(184,255,54,.06),transparent 22%);filter:blur(22px);pointer-events:none}
.cinema-logo-field{position:absolute;z-index:1;right:6%;top:8%;display:grid;gap:.55rem;justify-items:end;opacity:.22;mix-blend-mode:screen;pointer-events:none}
.cinema-logo-field svg{width:124px;height:auto;fill:none;stroke:rgba(220,255,192,.62);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 18px rgba(184,255,54,.12))}
.cinema-logo-field span{font:780 clamp(1.2rem,2vw,1.9rem)/1 "Estedad",sans-serif;letter-spacing:.36em;color:#edf2ea;direction:ltr}
.cinema-beam{position:absolute;z-index:4;top:11%;bottom:16%;left:var(--beam);width:1px;background:linear-gradient(180deg,transparent,rgba(250,255,246,.18) 12%,rgba(184,255,54,.66) 46%,rgba(250,255,246,.18) 85%,transparent);box-shadow:0 0 24px rgba(184,255,54,.2);pointer-events:none;transition:left .4s var(--ease)}
.cinema-beam:before{content:"";position:absolute;top:0;bottom:0;left:-38px;width:76px;background:linear-gradient(90deg,transparent,rgba(184,255,54,.055),transparent)}
.cinema-frame{z-index:5;padding:clamp(1.1rem,2.2vw,1.55rem);display:grid;grid-template-rows:auto 1fr auto;gap:1rem}
.cinema-headline{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#d9e1d5;direction:ltr}
.cinema-headline small{font-size:.64rem;letter-spacing:.24em;color:#8b9687;text-transform:uppercase}
.cinema-headline strong{font-size:.7rem;font-weight:700;letter-spacing:.12em;color:#9fa99c;white-space:nowrap}
.cinema-float{max-width:min(350px,45%);padding:1rem 1.05rem 1rem 1.1rem;border:1px solid rgba(255,255,255,.095);border-radius:26px;background:rgba(9,12,9,.52);backdrop-filter:blur(18px) saturate(1.05);box-shadow:0 18px 42px rgba(0,0,0,.18)}
.cinema-float span{display:block;font-size:.62rem;color:var(--acid);margin-bottom:.22rem}
.cinema-float strong{display:block;font-size:.98rem;line-height:1.55;color:#eef3eb;font-weight:690}
.cinema-float p{margin:.45rem 0 0;color:#a5aea2;font-size:.73rem;line-height:1.9}
.cinema-float-top{justify-self:start;align-self:start;margin-top:clamp(2rem,5vw,5rem)}
.cinema-float-bottom{justify-self:end;align-self:end;text-align:right;direction:rtl;margin-bottom:5.4rem}
.cinema-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;align-self:end}
.cinema-tab{min-width:0;min-height:78px;border-radius:20px;border:1px solid rgba(255,255,255,.085);background:rgba(8,11,8,.58);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;gap:.72rem;padding:.75rem .7rem;cursor:pointer;color:#a6afa3;transition:transform .28s var(--ease),border-color .28s var(--ease),background .28s var(--ease),color .28s var(--ease)}
.cinema-tab svg{width:24px;height:24px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cinema-tab span{font-size:.67rem;font-weight:710;white-space:nowrap}
.cinema-tab:hover,.cinema-tab:focus-visible{outline:none;border-color:rgba(184,255,54,.24);color:#edf2ea;transform:translateY(-2px)}
.cinema-tab.is-active{background:linear-gradient(180deg,rgba(184,255,54,.22),rgba(184,255,54,.1));border-color:rgba(184,255,54,.34);color:#f7fff2;box-shadow:0 14px 32px rgba(184,255,54,.08)}
@media(max-width:1040px){.hero-cinematic{grid-template-columns:1fr;gap:1.8rem}.hero-cinematic .hero-copy{max-width:700px}.cinema-stage{height:630px;min-height:630px}.cinema-float{max-width:360px}}
@media(max-width:680px){.hero-cinematic{padding-top:1rem;padding-bottom:2rem;gap:1.3rem}.hero-cinematic h1{font-size:clamp(2.58rem,10.8vw,3.4rem);line-height:1.08;max-width:9.5ch}.cinema-stage{height:440px;min-height:440px;border-radius:30px 30px 72px 30px}.cinema-logo-field{right:6%;top:6%}.cinema-logo-field svg{width:74px}.cinema-logo-field span{font-size:.86rem;letter-spacing:.26em}.cinema-headline{align-items:flex-start;flex-direction:column;gap:.25rem}.cinema-headline strong{font-size:.62rem}.cinema-float{max-width:calc(100% - 28px);padding:.88rem .92rem;border-radius:20px}.cinema-float-top{margin-top:1rem}.cinema-float-top strong{font-size:.84rem}.cinema-float-bottom{justify-self:stretch;margin-inline:auto;margin-bottom:5rem}.cinema-float-bottom strong{font-size:.82rem;line-height:1.65}.cinema-float-bottom p{font-size:.68rem;line-height:1.75}.cinema-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem}.cinema-tab{min-height:58px;border-radius:16px;gap:.45rem;padding:.55rem .45rem}.cinema-tab svg{width:20px;height:20px}.cinema-tab span{font-size:.58rem}.cinema-beam{top:10%;bottom:22%;left:var(--beam)} }
@media(max-width:380px){.cinema-stage{height:430px;min-height:430px}.cinema-float-bottom{margin-bottom:5.2rem}.cinema-tab{min-height:54px;padding:.48rem .35rem}.cinema-tab span{font-size:.54rem}}
@media(prefers-reduced-motion:reduce){.cinema-image,.cinema-beam,.cinema-tab{transition:none!important}}


/* v6.1 — isolate hero copy from the cinematic media */
.hero-cinematic{grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);column-gap:clamp(3.2rem,6.5vw,7rem)}
.hero-cinematic .hero-copy{width:100%;max-width:470px;justify-self:end;align-self:center;min-width:0}
.hero-cinematic h1{max-width:470px;font-size:clamp(3.35rem,5.25vw,5.7rem);line-height:1.07;overflow-wrap:normal;word-break:normal}
.hero-cinematic .hero-title-line{white-space:normal!important;display:block}
.hero-cinematic h1 em{max-width:8.1ch}
.hero-cinematic .hero-lead{max-width:430px}
.cinema-stage{width:100%;max-width:100%;justify-self:stretch;min-width:0}
@media(max-width:1180px) and (min-width:1041px){.hero-cinematic{grid-template-columns:minmax(320px,.68fr) minmax(0,1.32fr);column-gap:2.8rem}.hero-cinematic h1{font-size:clamp(3.1rem,4.8vw,4.6rem);max-width:420px}.hero-cinematic .hero-copy{max-width:420px}}
@media(max-width:1040px){.hero-cinematic{grid-template-columns:1fr}.hero-cinematic .hero-copy{justify-self:stretch;max-width:720px}.hero-cinematic h1{max-width:10ch}.hero-cinematic .hero-lead{max-width:52ch}}
@media(max-width:680px){.hero-cinematic .hero-copy{max-width:100%}.hero-cinematic h1{font-size:clamp(2.45rem,10.4vw,3.28rem);max-width:9.2ch}.hero-cinematic h1 em{max-width:9.2ch}}