:root{
  --red:#e0001b;
  --red-deep:#9f0013;
  --red-glow:rgba(224,0,27,.22);
  --black:#050505;
  --surface:#0c0c0d;
  --surface-2:#121214;
  --graphite:#1b1b1e;
  --line:rgba(255,255,255,.11);
  --line-red:rgba(224,0,27,.48);
  --text:#f4f4f4;
  --muted:#aaaab0;
  --muted-2:#707078;
  --display:"Barlow Condensed",Impact,sans-serif;
  --body:"Inter",Arial,sans-serif;
  --max:1440px;
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--black);color:var(--text);font-family:var(--body);overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
::selection{background:var(--red);color:#fff}

body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}
.scroll-progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:2000;background:rgba(255,255,255,.03)}
.scroll-progress span{display:block;height:100%;width:0;background:var(--red);box-shadow:0 0 14px var(--red)}

.site-header{height:86px;position:fixed;left:0;right:0;top:0;z-index:1000;display:grid;grid-template-columns:230px 1fr auto;align-items:center;gap:28px;padding:0 max(28px,calc((100vw - var(--max))/2));background:linear-gradient(180deg,rgba(4,4,4,.94),rgba(4,4,4,.72));border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(18px)}
.site-header:after{content:"";position:absolute;left:0;bottom:-1px;width:28%;height:1px;background:var(--red);box-shadow:0 0 10px rgba(224,0,27,.4)}
.brand{width:190px;display:flex;align-items:center;position:relative;z-index:2}
.brand img{width:100%;height:60px;object-fit:contain;object-position:left center}
.main-nav{display:flex;justify-content:center;gap:30px;align-items:center}
.main-nav a{font-family:var(--display);font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:#bdbdc2;position:relative;padding:32px 0 29px;transition:color .25s ease}
.main-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:22px;height:1px;background:var(--red);transition:.25s ease}
.main-nav a:hover,.main-nav a.active{color:#fff}
.main-nav a.active:after,.main-nav a:hover:after{left:0;right:0}
.header-cta{display:inline-flex;align-items:center;gap:16px;padding:14px 20px;background:linear-gradient(135deg,var(--red-deep),var(--red));clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;box-shadow:0 8px 35px rgba(224,0,27,.18)}
.header-cta span{font-size:17px;transition:transform .25s ease}.header-cta:hover span{transform:translate(3px,-3px)}
.menu-toggle{display:none;background:none;border:0;color:#fff;width:44px;height:44px;padding:10px;cursor:pointer}
.menu-toggle span{display:block;height:1px;background:#fff;margin:6px 0;transition:.25s ease}

.hero{min-height:900px;padding:160px max(28px,calc((100vw - var(--max))/2)) 90px;position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(480px,.98fr);align-items:center;gap:70px;overflow:hidden;background:radial-gradient(circle at 76% 45%,rgba(134,0,15,.2),transparent 32%),linear-gradient(135deg,#050505 0%,#080808 58%,#020202 100%)}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,transparent,#050505);pointer-events:none}
.hero-grid-lines{position:absolute;inset:0;opacity:.22;background:linear-gradient(116deg,transparent 0 66%,rgba(224,0,27,.35) 66.08%,transparent 66.2%),linear-gradient(116deg,transparent 0 69%,rgba(255,255,255,.10) 69.06%,transparent 69.14%),linear-gradient(90deg,transparent 49.95%,rgba(255,255,255,.04) 50%,transparent 50.05%)}
.hero-red-beam{position:absolute;top:34%;right:-11%;width:50%;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent);transform:rotate(-54deg);box-shadow:0 0 32px rgba(224,0,27,.55)}
.hero-content{position:relative;z-index:2;max-width:720px}
.eyebrow{font-family:var(--display);font-size:14px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:#d6d6d8;display:flex;align-items:center;gap:13px;margin-bottom:24px}
.eyebrow span{display:block;width:42px;height:1px;background:var(--red);box-shadow:0 0 10px rgba(224,0,27,.45)}
.hero h1{margin:0;font-family:var(--display);font-size:clamp(76px,8vw,126px);line-height:.78;text-transform:uppercase;letter-spacing:-.035em;font-style:italic;font-weight:700}
.hero h1 span,.hero h1 strong{display:block}
.hero h1 span{background:linear-gradient(#fff,#b9bac0 70%,#6f7074);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 7px 24px rgba(255,255,255,.06)}
.hero h1 strong{font-weight:800;color:var(--red);margin-top:10px;text-shadow:0 12px 45px rgba(224,0,27,.18)}
.hero-content>p{font-size:18px;line-height:1.72;color:#b8b8bd;max-width:620px;margin:32px 0 34px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{height:54px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 28px;font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:.065em;text-transform:uppercase;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);transition:transform .25s ease,background .25s ease,border-color .25s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--red-deep),var(--red));box-shadow:0 12px 40px rgba(224,0,27,.18)}
.btn-secondary{border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.025);color:#e6e6e8}
.btn-secondary:hover{border-color:var(--red)}
.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:68px;max-width:690px}
.hero-metrics div{border-top:1px solid var(--line);padding-top:16px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.hero-metrics b{font-family:var(--display);color:var(--red);font-size:18px;letter-spacing:.08em}
.hero-metrics span{font-size:12px;line-height:1.4;text-transform:uppercase;letter-spacing:.1em;color:#8d8d94}
.hero-visual{position:relative;z-index:1;min-height:650px;align-self:stretch;display:flex;align-items:center}
.hero-photo-frame{width:100%;height:700px;position:relative;overflow:hidden;clip-path:polygon(17% 0,100% 0,100% 88%,88% 100%,0 100%,0 24%);background:#090909;border:1px solid var(--line)}
.hero-photo-frame:before{content:"";position:absolute;inset:12px;z-index:3;pointer-events:none;clip-path:inherit;border:1px solid rgba(255,255,255,.12)}
.hero-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:52% top;filter:contrast(1.12) brightness(.85) saturate(.85);transform:scale(1.03)}
.hero-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.75) 0,transparent 35%),linear-gradient(180deg,transparent 60%,rgba(0,0,0,.85) 100%),radial-gradient(circle at 45% 45%,transparent,rgba(0,0,0,.25) 70%)}
.hero-photo-frame:after{content:"";position:absolute;left:-15%;top:24%;width:120%;height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent);box-shadow:0 0 18px var(--red-glow);transform:rotate(-48deg)}
.hero-tech-label{position:absolute;right:24px;top:35%;z-index:4;writing-mode:vertical-rl;font-family:var(--display);font-weight:600;font-style:italic;letter-spacing:.25em;font-size:12px;color:#ccc}
.hero-logo-mark{position:absolute;left:4%;bottom:38px;z-index:5;width:280px;padding:10px 16px;background:rgba(0,0,0,.7);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);backdrop-filter:blur(12px)}
.hero-logo-mark img{width:100%}
.scroll-cue{position:absolute;left:50%;bottom:25px;z-index:5;transform:translateX(-50%);display:flex;align-items:center;gap:14px;font-family:var(--display);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#777}
.scroll-cue i{display:block;width:42px;height:1px;background:linear-gradient(90deg,var(--red),transparent)}

.section-shell{max-width:var(--max);margin:0 auto;padding:120px 28px}
.section-heading{max-width:760px;margin-bottom:55px}
.section-heading h2,.premium-copy h2,.structure-copy h2,.contact h2{font-family:var(--display);font-size:clamp(48px,5.4vw,82px);font-weight:700;font-style:italic;text-transform:uppercase;line-height:.94;letter-spacing:-.025em;margin:0}
.section-heading h2 em,.structure-copy h2 em{font-style:inherit;color:var(--red)}
.section-heading p{font-size:16px;line-height:1.75;color:var(--muted);max-width:680px;margin:22px 0 0}
.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading.centered .eyebrow{justify-content:center}

.services{position:relative}.services:before{content:"";position:absolute;inset:0 auto auto 50%;width:100vw;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--line-red),transparent)}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.service-card{height:500px;position:relative;overflow:hidden;background:#0a0a0b;clip-path:polygon(18px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 18px);border:1px solid rgba(224,0,27,.52)}
.service-card:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);pointer-events:none}
.service-card-media{position:absolute;inset:0}.service-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.4) 0%,rgba(5,5,5,.42) 28%,rgba(5,5,5,.94) 74%,#070707 100%)}
.service-card-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08);transition:transform .6s var(--ease),filter .4s ease}
.service-card:hover .service-card-media img{transform:scale(1.055);filter:saturate(.92) contrast(1.1)}
.service-card-top{position:absolute;left:24px;right:24px;top:23px;z-index:2;display:flex;justify-content:space-between;align-items:center}
.service-number{font-family:var(--display);font-size:13px;letter-spacing:.18em;color:#777}
.service-card svg{width:36px;height:36px;fill:none;stroke:var(--red);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.service-card-copy{position:absolute;z-index:3;left:24px;right:24px;bottom:26px}
.service-card h3{font-family:var(--display);font-size:34px;font-style:italic;text-transform:uppercase;margin:0 0 10px;letter-spacing:.02em}
.service-card p{font-size:13px;line-height:1.6;color:#afafb4;margin:0 0 24px;max-width:270px}
.service-card a{font-family:var(--display);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.11em;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;color:#ddd}
.service-card a span{color:var(--red);transition:transform .25s ease}.service-card:hover a span{transform:translate(3px,-3px)}

.premium-band{display:grid;grid-template-columns:1.05fr .95fr;min-height:620px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#080809}
.premium-image{position:relative;overflow:hidden;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
.premium-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.55) 80%,#080809),linear-gradient(0deg,rgba(0,0,0,.55),transparent 55%)}
.premium-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(1.12)}
.premium-copy{padding:100px max(50px,calc((100vw - var(--max))/2)) 85px 50px;display:flex;flex-direction:column;justify-content:center}
.premium-copy h2 strong{color:var(--red);font-weight:inherit}
.premium-copy p{color:#aaaab0;line-height:1.75;max-width:610px;font-size:16px;margin:26px 0 34px}
.brand-strip{display:flex;gap:14px;flex-wrap:wrap}
.brand-strip span{font-family:var(--display);font-size:13px;letter-spacing:.13em;color:#d3d3d5;border:1px solid rgba(255,255,255,.13);padding:10px 13px;background:rgba(255,255,255,.02)}

.why{padding-top:130px;padding-bottom:130px}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.why-item{padding:34px 30px 38px;min-height:250px;border-right:1px solid var(--line);position:relative;overflow:hidden}
.why-item:last-child{border-right:0}.why-item:before{content:"";position:absolute;top:0;left:0;width:0;height:2px;background:var(--red);transition:width .45s var(--ease)}.why-item:hover:before{width:100%}
.why-item>span{font-family:var(--display);font-size:13px;letter-spacing:.18em;color:var(--red)}
.why-item h3{font-family:var(--display);font-size:26px;font-style:italic;text-transform:uppercase;line-height:1.05;margin:30px 0 14px}
.why-item p{font-size:13px;line-height:1.65;color:#96969c;margin:0}

.editorial{display:grid;grid-template-columns:1.35fr .8fr .8fr;min-height:680px;gap:1px;background:var(--line)}
.editorial-panel{position:relative;overflow:hidden;background:#090909;min-height:680px}.editorial-panel img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15) saturate(.72) brightness(.78);transition:transform .8s var(--ease),filter .5s ease}.editorial-panel:hover img{transform:scale(1.035);filter:grayscale(0) saturate(.86) brightness(.84)}
.editorial-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.12) 45%,rgba(0,0,0,.88) 100%),linear-gradient(90deg,rgba(0,0,0,.35),transparent)}
.editorial-copy{position:absolute;left:34px;right:34px;bottom:38px;z-index:2}.editorial-copy span{font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:.28em;color:var(--red)}
.editorial-copy h2,.editorial-copy h3{font-family:var(--display);font-style:italic;text-transform:uppercase;margin:12px 0 8px;line-height:.94}.editorial-copy h2{font-size:clamp(48px,5vw,78px)}.editorial-copy h3{font-size:39px}.editorial-copy p{margin:0;color:#b5b5ba;font-size:14px}.editorial-large img{object-position:50% 42%}

.structure{display:grid;grid-template-columns:.84fr 1.16fr;gap:70px;align-items:center;padding-top:140px;padding-bottom:140px}
.structure-copy p{color:#aaaab0;line-height:1.75;max-width:590px;margin:26px 0 38px}.structure-copy ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.structure-copy li{padding:18px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.structure-copy li:nth-child(odd){border-right:1px solid var(--line);padding-right:24px}.structure-copy li:nth-child(even){padding-left:24px}.structure-copy b{font-family:var(--display);font-size:18px;text-transform:uppercase;letter-spacing:.08em;color:#eee}.structure-copy li span{font-size:12px;color:#777}
.structure-media{height:590px;position:relative;overflow:hidden;clip-path:polygon(6% 0,100% 0,100% 91%,94% 100%,0 100%,0 9%)}.structure-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.6)),linear-gradient(90deg,rgba(0,0,0,.25),transparent 40%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}.structure-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.1)}
.structure-stamp{position:absolute;right:28px;bottom:26px;z-index:3;font-family:var(--display);font-weight:800;font-style:italic;font-size:40px;line-height:.78;color:#fff;text-align:right}.structure-stamp small{font-size:11px;letter-spacing:.3em;color:var(--red)}

.contact{max-width:var(--max);margin:0 auto 48px;display:grid;grid-template-columns:1.4fr .6fr;background:linear-gradient(135deg,#0d0d0f,#070708);border:1px solid var(--line);clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);position:relative}.contact:before{content:"";position:absolute;left:0;top:0;width:40%;height:2px;background:var(--red)}
.contact-main{padding:70px 70px 74px}.contact-main h2{max-width:760px}.contact-main>p{max-width:620px;color:#a4a4aa;line-height:1.7;margin:22px 0 32px}
.contact-whatsapp{max-width:510px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;border:1px solid rgba(255,255,255,.18);padding:17px 18px;background:rgba(255,255,255,.025);transition:border-color .25s ease,background .25s ease}.contact-whatsapp:hover{border-color:var(--red);background:rgba(224,0,27,.04)}.wa-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--red);font-size:24px;box-shadow:0 0 28px var(--red-glow)}.contact-whatsapp span:nth-child(2){display:flex;flex-direction:column;gap:2px}.contact-whatsapp small{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#7f7f86}.contact-whatsapp b{font-family:var(--display);font-size:28px;letter-spacing:.04em}.contact-whatsapp i{font-style:normal;color:var(--red);font-size:23px}
.contact-side{border-left:1px solid var(--line);padding:70px 48px;display:flex;flex-direction:column;justify-content:center}.contact-label{font-family:var(--display);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--red);margin-bottom:20px}.contact-side address{font-style:normal;font-family:var(--display);font-size:27px;line-height:1.2;text-transform:uppercase;color:#e4e4e6}.contact-side>a{font-family:var(--display);font-size:13px;text-transform:uppercase;letter-spacing:.12em;margin-top:26px;color:#b8b8be}.contact-side>a:hover{color:var(--red)}

.site-footer{max-width:var(--max);margin:0 auto;padding:44px 28px 34px;border-top:1px solid var(--line);display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:30px}.footer-brand img{width:190px}.site-footer>p{font-family:var(--display);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#777}.site-footer>p span{color:var(--red);margin:0 8px}.footer-meta{display:flex;gap:30px;font-size:11px;color:#686870}.footer-meta a:hover{color:#fff}

.floating-whatsapp{position:fixed;right:24px;bottom:24px;z-index:900;display:flex;align-items:center;gap:10px;background:#161618;border:1px solid rgba(255,255,255,.15);padding:11px 16px 11px 11px;box-shadow:0 14px 45px rgba(0,0,0,.45);font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:background .25s ease,border-color .25s ease,transform .25s ease}.floating-whatsapp:hover{background:#1d1d20;border-color:var(--red);transform:translateY(-2px)}.floating-whatsapp svg{width:28px;height:28px;fill:#fff;background:#1fae57;border-radius:50%;padding:5px}

.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in-view{opacity:1;transform:none}.reveal-delay-1{transition-delay:.09s}.reveal-delay-2{transition-delay:.18s}.reveal-delay-3{transition-delay:.27s}

@media (max-width:1180px){
  .site-header{grid-template-columns:180px 1fr auto;padding:0 22px}.brand{width:165px}.main-nav{gap:18px}.main-nav a{font-size:13px}.header-cta{font-size:13px;padding:13px 16px}
  .hero{grid-template-columns:1fr 1fr;gap:35px;padding-left:40px;padding-right:40px}.hero h1{font-size:82px}.hero-photo-frame{height:620px}
  .service-grid{grid-template-columns:repeat(2,1fr)}.service-card{height:470px}
  .premium-copy{padding-right:45px}.why-grid{grid-template-columns:repeat(2,1fr)}.why-item:nth-child(2){border-right:0}.why-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .editorial{grid-template-columns:1fr 1fr}.editorial-large{grid-column:1/-1;min-height:560px}.editorial-panel{min-height:520px}
  .structure{gap:45px}.contact{margin-left:28px;margin-right:28px}.site-footer{grid-template-columns:190px 1fr}.footer-meta{grid-column:1/-1;justify-content:space-between}
}

@media (max-width:900px){
  .site-header{height:74px;grid-template-columns:1fr auto auto}.brand{width:150px}.header-cta{display:none}.menu-toggle{display:block;z-index:1002}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .main-nav{position:fixed;inset:0;background:rgba(5,5,5,.98);display:flex;flex-direction:column;justify-content:center;gap:8px;transform:translateX(100%);transition:transform .45s var(--ease);z-index:1001}.main-nav.open{transform:none}.main-nav a{font-size:34px;padding:9px 0}.main-nav a:after{display:none}
  .hero{min-height:auto;grid-template-columns:1fr;padding:130px 28px 80px}.hero h1{font-size:clamp(68px,16vw,102px)}.hero-visual{min-height:540px;margin-top:10px}.hero-photo-frame{height:570px}.hero-logo-mark{width:240px}.hero-metrics{margin-top:48px}.scroll-cue{display:none}
  .section-shell{padding:90px 24px}.service-grid{grid-template-columns:1fr 1fr}.premium-band{grid-template-columns:1fr}.premium-image{height:480px;clip-path:none}.premium-copy{padding:70px 28px 80px}.why{padding-top:95px;padding-bottom:95px}.editorial{grid-template-columns:1fr}.editorial-large{grid-column:auto}.editorial-panel,.editorial-large{min-height:540px}.structure{grid-template-columns:1fr}.structure-media{height:520px}.contact{grid-template-columns:1fr}.contact-main{padding:58px 40px}.contact-side{border-left:0;border-top:1px solid var(--line);padding:45px 40px}.site-footer{grid-template-columns:1fr;justify-items:start}
}

@media (max-width:620px){
  .site-header{padding:0 16px}.brand{width:142px}.hero{padding:112px 18px 64px}.eyebrow{font-size:11px;letter-spacing:.22em}.hero h1{font-size:64px}.hero-content>p{font-size:15px;margin:26px 0}.hero-actions{display:grid;grid-template-columns:1fr}.btn{width:100%;padding:0 20px}.hero-metrics{grid-template-columns:1fr;gap:10px}.hero-metrics div{grid-template-columns:36px 1fr}.hero-visual{min-height:420px}.hero-photo-frame{height:450px;clip-path:polygon(11% 0,100% 0,100% 92%,92% 100%,0 100%,0 11%)}.hero-logo-mark{width:190px;bottom:20px}.hero-tech-label{display:none}
  .section-shell{padding:78px 18px}.section-heading{margin-bottom:36px}.section-heading h2,.premium-copy h2,.structure-copy h2,.contact h2{font-size:48px}.service-grid{grid-template-columns:1fr}.service-card{height:460px}.premium-image{height:390px}.premium-copy{padding:58px 18px 66px}.brand-strip span{font-size:11px}.why-grid{grid-template-columns:1fr}.why-item,.why-item:nth-child(2){border-right:0}.why-item:nth-child(-n+3){border-bottom:1px solid var(--line)}.editorial-panel,.editorial-large{min-height:480px}.editorial-copy{left:22px;right:22px;bottom:25px}.editorial-copy h2{font-size:52px}.editorial-copy h3{font-size:35px}.structure{padding-top:90px;padding-bottom:90px}.structure-copy ul{grid-template-columns:1fr}.structure-copy li:nth-child(odd){border-right:0;padding-right:0}.structure-copy li:nth-child(even){padding-left:0}.structure-media{height:400px}.contact{margin:0 12px 30px;clip-path:none}.contact-main{padding:48px 22px}.contact-whatsapp{grid-template-columns:auto 1fr;padding:14px}.contact-whatsapp b{font-size:23px}.contact-whatsapp i{display:none}.contact-side{padding:38px 22px}.contact-side address{font-size:23px}.site-footer{padding:34px 18px}.floating-whatsapp{right:14px;bottom:14px;padding-right:11px}.floating-whatsapp span{display:none}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.service-card-media img,.editorial-panel img,.btn,.floating-whatsapp{transition:none}}

/* =========================================================
   PREMIUM SCROLL MOTION
   Movimento contínuo, discreto e cinematográfico durante a rolagem.
   ========================================================= */

html{scroll-padding-top:86px}
body.motion-ready{--scroll-velocity:0}
.site-header{transition:height .38s var(--ease),background .38s ease,border-color .38s ease,box-shadow .38s ease}
.site-header.scrolled{height:74px;background:rgba(4,4,4,.93)!important;border-bottom-color:rgba(224,0,27,.20);box-shadow:0 14px 45px rgba(0,0,0,.34)}
.site-header.scrolled .brand img{height:52px}
.site-header.scrolled .main-nav a{padding-top:26px;padding-bottom:24px}
.site-header.scrolled .main-nav a:after{bottom:17px}
.brand img,.main-nav a{transition:height .38s var(--ease),padding .38s var(--ease),color .25s ease}

/* Hero em camadas: conteúdo, linhas e fotografia se movem em velocidades distintas */
.hero-content h1{transform:translate3d(0,var(--hero-title-y,0px),0);opacity:var(--hero-title-opacity,1);will-change:transform,opacity}
.hero-content>p,.hero-actions{transform:translate3d(0,var(--hero-copy-y,0px),0);will-change:transform}
.hero-metrics{transform:translate3d(0,var(--hero-metrics-y,0px),0);will-change:transform}
.hero-grid-lines{transform:translate3d(var(--hero-grid-x,0px),var(--hero-grid-y,0px),0) scale(1.04);will-change:transform}
.hero-red-beam{transform:translate3d(var(--hero-beam-x,0px),var(--hero-beam-y,0px),0) rotate(-54deg);will-change:transform}
.hero-photo-frame{transform:translate3d(0,var(--hero-frame-y,0px),0);will-change:transform}
.hero-logo-mark{transform:translate3d(var(--hero-logo-x,0px),var(--hero-logo-y,0px),0);will-change:transform}

/* Parallax fotográfico contínuo */
.motion-parallax{will-change:transform;transform:translate3d(0,var(--parallax-y,0px),0) scale(1.075)!important;transition:filter .45s ease!important}
.service-card:hover .motion-parallax{transform:translate3d(0,var(--parallax-y,0px),0) scale(1.115)!important;filter:saturate(.92) contrast(1.12)}
.editorial-panel:hover .motion-parallax{transform:translate3d(0,var(--parallax-y,0px),0) scale(1.105)!important}

/* Entrada premium: menos “fade genérico”, mais profundidade e recorte */
.reveal{opacity:0;transform:translate3d(0,52px,0) scale(.985);filter:blur(7px);clip-path:inset(0 0 10% 0);transition:opacity .82s var(--ease),transform .9s var(--ease),filter .72s ease,clip-path .92s var(--ease)}
.reveal.in-view{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);clip-path:inset(0 0 0 0)}
.premium-image.reveal,.structure-media.reveal{transform:translate3d(-56px,18px,0) scale(.985);clip-path:inset(0 14% 0 0)}
.premium-image.reveal.in-view,.structure-media.reveal.in-view{transform:translate3d(0,0,0) scale(1);clip-path:inset(0 0 0 0)}
.premium-copy.reveal,.contact-side.reveal{transform:translate3d(56px,18px,0) scale(.985);clip-path:inset(0 0 0 14%)}
.premium-copy.reveal.in-view,.contact-side.reveal.in-view{transform:translate3d(0,0,0) scale(1);clip-path:inset(0 0 0 0)}

/* Cards entram em cascata com leve inclinação técnica */
.service-card.reveal,.why-item.reveal{transform:translate3d(0,58px,0) scale(.975);transform-origin:50% 100%}
.service-card.reveal.in-view,.why-item.reveal.in-view{transform:translate3d(0,0,0) scale(1)}

/* Linhas de energia acompanham a posição de cada seção */
.section-heading{position:relative}
.section-heading:after{content:"";display:block;width:min(280px,42vw);height:1px;margin-top:28px;background:linear-gradient(90deg,var(--red),rgba(224,0,27,.18),transparent);transform-origin:left center;transform:scaleX(var(--section-line,0));opacity:.9;transition:transform .16s linear}
.section-heading.centered:after{margin-left:auto;margin-right:auto;transform-origin:center}

.premium-band,.structure,.contact,.editorial-panel{--section-shift:0px}
.premium-band:after{content:"";position:absolute;left:-8%;right:-8%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent);transform:translate3d(var(--section-shift),0,0);opacity:.45;pointer-events:none}
.structure-media:after{transform:translate3d(var(--structure-glow-x,0px),0,0)}

/* Editorial ganha sensação de câmera, sem exagero */
.editorial-panel{transform:translate3d(0,var(--panel-y,0px),0);will-change:transform}
.editorial-copy{transform:translate3d(var(--copy-x,0px),var(--copy-y,0px),0);will-change:transform}

/* Microanimação do indicador de scroll */
.scroll-cue i{position:relative;overflow:hidden}
.scroll-cue i:after{content:"";position:absolute;inset:0;background:#fff;transform:translateX(-120%);animation:scrollCueSweep 2.2s var(--ease) infinite}
@keyframes scrollCueSweep{0%,18%{transform:translateX(-120%)}58%,100%{transform:translateX(140%)}}

/* Reação sutil ao sentido da rolagem */
body.scrolling-down .floating-whatsapp{transform:translateY(4px)}
body.scrolling-up .floating-whatsapp{transform:translateY(-2px)}

@media (max-width:900px){
  html{scroll-padding-top:74px}
  .site-header.scrolled{height:68px}
  .site-header.scrolled .main-nav a{padding:9px 0}
  .motion-parallax{transform:translate3d(0,var(--parallax-y,0px),0) scale(1.055)!important}
  .service-card:hover .motion-parallax,.editorial-panel:hover .motion-parallax{transform:translate3d(0,var(--parallax-y,0px),0) scale(1.075)!important}
}

@media (prefers-reduced-motion:reduce){
  .site-header,.brand img,.main-nav a{transition:none}
  .hero-content h1,.hero-content>p,.hero-actions,.hero-metrics,.hero-grid-lines,.hero-red-beam,.hero-photo-frame,.hero-logo-mark,.motion-parallax,.editorial-panel,.editorial-copy{transform:none!important;opacity:1!important}
  .section-heading:after{transform:scaleX(1)!important;transition:none}
  .scroll-cue i:after{animation:none}
}