:root{--black:#030303;--charcoal:#0b0b0b;--panel:#111;--panel2:#171512;--white:#fff;--muted:#b9b9b9;--soft:#d8d8d8;--gold:#c9a227;--gold2:#e4c65c;--deep:#8f6d13;--max:1220px;--radius:30px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.65;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 8%,rgba(201,162,39,.13),transparent 30%),radial-gradient(circle at 92% 20%,rgba(201,162,39,.08),transparent 28%),linear-gradient(120deg,rgba(255,255,255,.025),transparent 35%);z-index:-1}a{color:inherit;text-decoration:none}p{color:var(--muted);font-size:16px;margin:0 0 18px}h1,h2,h3{margin:0;color:#fff;letter-spacing:-.055em;line-height:1.02}h1{font-size:clamp(46px,6vw,84px);max-width:760px}h2{font-size:clamp(34px,4vw,60px)}h3{font-size:22px}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:12px;font-weight:900;color:var(--gold2);margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:14px 22px;font-weight:900;border:1px solid rgba(201,162,39,.32);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px);border-color:rgba(228,198,92,.75);box-shadow:0 18px 40px rgba(0,0,0,.32),0 0 24px rgba(201,162,39,.11)}.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold),var(--deep));color:#070707;border-color:rgba(255,255,255,.12)}.btn-ghost{background:rgba(255,255,255,.035);color:#fff}.site-header{position:fixed;top:0;left:0;right:0;height:76px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 max(4%,calc((100vw - var(--max))/2));background:rgba(4,4,4,.74);backdrop-filter:blur(18px);border-bottom:1px solid rgba(201,162,39,.18)}.logo{font-weight:950;text-transform:uppercase;letter-spacing:.11em;font-size:18px}.logo span{color:var(--gold)}.nav{display:flex;align-items:center;gap:24px;color:#ddd;font-size:14px}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--gold2);transition:.25s}.nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:10px}.menu-btn{display:none;background:rgba(255,255,255,.05);color:#fff;border:1px solid rgba(201,162,39,.28);border-radius:14px;padding:11px 13px;font-size:20px}.hero{position:relative;min-height:100vh;padding:112px max(4%,calc((100vw - var(--max))/2)) 70px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(120deg,rgba(0,0,0,.75),rgba(0,0,0,.4)),url('assets/images/hero.svg') center/cover}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(201,162,39,.07),transparent 20%,rgba(255,255,255,.04) 45%,transparent 48%);opacity:.9}.hero-glow{position:absolute;right:-10%;top:10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(201,162,39,.22),transparent 58%);filter:blur(20px);opacity:.55}.hero-inner{position:relative;width:100%;max-width:var(--max);margin:auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.72fr);gap:46px;align-items:center}.dummy-logo{width:150px;height:150px;border:1px solid rgba(228,198,92,.7);border-radius:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.02));box-shadow:0 30px 90px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.12);margin-bottom:28px;text-transform:uppercase;font-weight:950;font-size:34px;letter-spacing:.08em}.dummy-logo span{color:var(--gold2)}.dummy-logo small{font-size:12px;letter-spacing:.28em;color:#fff;margin-top:6px}.gold-line{width:0;height:2px;background:linear-gradient(90deg,var(--gold2),transparent);margin:26px 0;animation:lineReveal 1.3s .45s forwards}.lead{font-size:21px;color:#f1f1f1;max-width:690px}.support{max-width:720px}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-form-card,.stat,.work-card,.service-card,.form-card,.image-card,.work-form-inner{background:linear-gradient(145deg,rgba(255,255,255,.082),rgba(255,255,255,.025));border:1px solid rgba(201,162,39,.24);box-shadow:0 28px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07)}.hero-form-card{border-radius:34px;padding:30px;backdrop-filter:blur(10px)}.hero-form-card h2{font-size:42px}.hero-form-card p{margin-bottom:20px}.hero-form-card input,.hero-form-card textarea,.hero-form-card select,.work-form input,.work-form textarea{width:100%;margin:7px 0;padding:14px 16px;border-radius:16px;border:1px solid rgba(201,162,39,.25);background:rgba(2,2,2,.82);color:#fff;outline:none;font-size:14px}.hero-form-card textarea,.work-form textarea{min-height:98px;resize:vertical}.hero-form-card input:focus,.hero-form-card textarea:focus,.hero-form-card select:focus,.work-form input:focus,.work-form textarea:focus{border-color:var(--gold2);box-shadow:0 0 0 3px rgba(201,162,39,.13)}.section{padding:100px max(4%,calc((100vw - var(--max))/2));position:relative}.section:before{content:"";position:absolute;top:0;left:50%;width:min(720px,72vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(201,162,39,.48),transparent)}.section-head{max-width:840px;margin:0 auto 44px;text-align:center}.section-head p{max-width:720px;margin-left:auto;margin-right:auto}.proof{padding-top:100px}.stats{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{border-radius:24px;padding:26px;min-height:126px;position:relative;overflow:hidden}.stat strong{display:block;font-size:36px;color:var(--gold2);line-height:1;margin-bottom:12px;letter-spacing:-.04em}.stat span{display:block;color:#f0f0f0;font-size:14px;line-height:1.55}.split{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}.image-card{border-radius:34px;overflow:hidden}.image-card img{display:block;width:100%;min-height:360px;object-fit:cover}.card-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{cursor:pointer;border-radius:26px;padding:14px 14px 18px;position:relative;overflow:hidden;transition:.28s;text-align:left}.service-card:before,.work-card:before,.stat:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.08) 36%,transparent 55%);transform:translateX(-120%);transition:.55s}.service-card:hover:before,.work-card:hover:before,.stat:hover:before{transform:translateX(120%)}.service-card:hover,.work-card:hover,.stat:hover{transform:translateY(-5px);border-color:rgba(228,198,92,.72);box-shadow:0 34px 95px rgba(0,0,0,.48),0 0 42px rgba(201,162,39,.1),inset 0 1px 0 rgba(255,255,255,.09)}.service-card img{height:116px;width:100%;object-fit:cover;border-radius:18px;margin-bottom:16px;filter:saturate(.94) contrast(1.06)}.service-card h3{font-size:19px;margin-bottom:8px}.service-card p{font-size:14px;margin:0;line-height:1.55}.work-track{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.work-card{border-radius:24px;min-height:110px;padding:22px;display:flex;align-items:flex-end;text-align:left;color:#fff;font-size:19px;font-weight:950;line-height:1.25;letter-spacing:-.035em;cursor:pointer}.work-card{font-family:inherit;background:linear-gradient(145deg,rgba(255,255,255,.082),rgba(255,255,255,.025))}.swipe-hint{display:none;color:rgba(255,255,255,.62);font-size:11px;text-transform:uppercase;letter-spacing:.22em;text-align:right;margin:14px auto 0;max-width:var(--max)}.swipe-hint span{color:var(--gold2);display:inline-block;animation:nudge 1.6s infinite}.tick-list{list-style:none;padding:0;margin:24px 0 0}.tick-list li{position:relative;padding-left:32px;margin:12px 0;color:#d8d8d8}.tick-list li:before{content:"✓";position:absolute;left:0;top:-1px;color:var(--gold2);font-weight:900}.work-form-section{padding-top:100px}.work-form-inner{max-width:var(--max);margin:auto;border-radius:34px;padding:44px;display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:start}.work-form{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}.work-form textarea,.work-form button{grid-column:1/-1}.contact{background:radial-gradient(circle at center,rgba(201,162,39,.11),transparent 58%)}.contact-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}footer{padding:58px max(4%,calc((100vw - var(--max))/2)) 28px;background:#020202;border-top:1px solid rgba(201,162,39,.22);display:grid;grid-template-columns:2fr 1fr;gap:34px}footer p{margin:8px 0}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.08);padding-top:18px}.sticky-whatsapp{position:fixed;right:22px;bottom:22px;z-index:60;background:linear-gradient(135deg,var(--gold2),var(--gold),var(--deep));color:#050505;border-radius:999px;padding:14px 20px;font-weight:950;box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.12) inset;opacity:0;pointer-events:none;transform:translateY(14px) scale(.96);transition:.28s}.sticky-whatsapp.show{opacity:1;pointer-events:auto;transform:none}.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@keyframes lineReveal{to{width:210px}}@keyframes nudge{50%{transform:translateX(5px)}}@media(max-width:1160px){.card-grid{grid-template-columns:repeat(3,1fr)}.hero-inner{grid-template-columns:1fr .82fr}.nav{gap:14px}}@media(max-width:940px){.site-header{height:68px;padding:0 5%}.nav{position:absolute;top:78px;left:5%;right:5%;display:none;flex-direction:column;align-items:flex-start;background:rgba(6,6,6,.98);border:1px solid rgba(201,162,39,.3);border-radius:18px;padding:18px;box-shadow:0 22px 70px rgba(0,0,0,.45)}.nav.open{display:flex}.menu-btn{display:block}.header-wa{display:none}.call-btn{font-size:0;padding:11px 13px}.call-btn:before{content:"☎";font-size:17px}.hero{padding:98px 5% 64px;align-items:flex-start}.hero-inner{grid-template-columns:1fr;gap:30px}.dummy-logo{width:124px;height:124px;border-radius:28px;font-size:26px}.hero-form-card{max-width:620px}.section{padding:76px 5%}.section-head{text-align:left;margin-bottom:30px}.section-head p{margin-left:0}.stats,.work-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);padding:2px 0 8px}.stats::-webkit-scrollbar,.work-track::-webkit-scrollbar{display:none}.stat,.work-card{flex:0 0 78vw;scroll-snap-align:center}.work-card{min-height:112px}.swipe-hint{display:block}.split,.work-form-inner,footer{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}.work-form{grid-template-columns:1fr}.image-card img{min-height:260px}.contact-actions .btn{width:100%;max-width:420px}.sticky-whatsapp{right:14px;bottom:14px;padding:12px 16px}}@media(max-width:560px){h1{font-size:42px}.lead{font-size:18px}.hero-buttons .btn,.hero-form-card .btn,.work-form .btn{width:100%}.card-grid{grid-template-columns:1fr}.service-card img{height:132px}.hero-form-card,.work-form-inner{padding:24px;border-radius:26px}.stat,.work-card{flex-basis:82vw}.section-head h2{font-size:38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}


/* Refinements 2026-05-22: cleaner header/footer and wider About/Experience sections */
.header-actions{gap:0}
.section.split{max-width:none;width:auto;margin:0;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}
.section.split .text-col{max-width:620px}
.section.split .image-card{width:100%}
@media(max-width:940px){.section.split{grid-template-columns:1fr}.section.split .text-col{max-width:720px}}
.hero .hero-media-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero:before{z-index:1}.hero-glow{z-index:2}.hero-inner{z-index:3}.image-card video{display:block;width:100%;min-height:360px;object-fit:cover}.service-card video{height:116px;width:100%;object-fit:cover;border-radius:18px;margin-bottom:16px;filter:saturate(.94) contrast(1.06)}@media(max-width:940px){.image-card video{min-height:260px}}@media(max-width:560px){.service-card video{height:132px}}

/* Footer credit refinement */
.copyright{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.copyright a{color:var(--gold2);font-weight:800}.copyright a:hover{text-decoration:underline}@media(max-width:560px){.copyright{display:block}.copyright span{display:block}.copyright span+span{margin-top:8px}}
.hero:before{background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.58) 54%,rgba(0,0,0,.38)),linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.5));opacity:1}
.one-line-title{white-space:nowrap;font-size:46px}@media(max-width:760px){.one-line-title{white-space:normal;font-size:38px}}

/* About section: keep the video paragraph-sized for sharper-looking visuals */
#about{grid-template-columns:minmax(0,620px) minmax(280px,460px);justify-content:space-between;align-items:center}
#about>.reveal:first-child{max-width:620px}
#about .image-card{max-width:460px;justify-self:end;aspect-ratio:16/9}
#about .image-card video{width:100%;height:100%;min-height:0;object-fit:cover}
@media(max-width:940px){#about{grid-template-columns:1fr}#about .image-card{max-width:720px;justify-self:start;width:100%}}
