@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700&display=swap";:root{--red:#c70808;--red2:#8f0000;--ink:#17181b;--muted:#66686d;--paper:#f4f3ef;--line:#ddd9d2;--white:#fff;--steel:#aab1b8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,100% - 40px);margin:0 auto}.eyebrow{letter-spacing:.13em;color:var(--red);margin-bottom:18px;font-size:.78rem;font-weight:800;display:inline-block}.eyebrow.light{color:#ff4b4b}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:700;transition:all .25s;display:inline-flex}.btn-red{background:linear-gradient(180deg,#e01717,var(--red2));color:#fff;box-shadow:0 10px 24px #9c00003d}.btn-red:hover{transform:translateY(-2px);box-shadow:0 15px 30px #9c000057}.btn-ghost{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border-color:#ffffff47}.btn-dark{color:#fff;background:#151515}.btn-wide{border:0;width:100%}.site-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6f5f1e0;border-bottom:1px solid #00000012;position:sticky;top:0}.nav-shell{align-items:center;gap:34px;height:82px;display:flex}.brand{width:180px}.brand img{object-fit:contain;width:auto;height:48px}.nav-links{gap:28px;margin-left:auto;font-size:.95rem;font-weight:600;display:flex}.nav-links a{padding:10px 0;position:relative}.nav-links a:after{content:"";background:var(--red);height:2px;transition:all .25s;position:absolute;bottom:3px;left:0;right:100%}.nav-links a:hover:after,.nav-links a.active:after{right:0}.header-cta{margin-left:10px}.hero{color:#fff;background:radial-gradient(circle at 70% 20%,#c7080847,#0000 32%),linear-gradient(135deg,#0d0e10,#202228 60%,#101113);place-items:center;min-height:690px;display:grid;position:relative;overflow:hidden}.hero-grid-bg{background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.hero-metal-line{opacity:.4;background:linear-gradient(90deg,#0000,#aab1b8,#fff,#7b8087,#0000);width:70%;height:1px;position:absolute;transform:rotate(-10deg)}.hero-metal-line.one{top:26%;left:40%}.hero-metal-line.two{top:68%;left:-12%;transform:rotate(8deg)}.hero-content{z-index:2;grid-template-columns:1.2fr .8fr;align-items:center;gap:80px;padding:90px 0;display:grid;position:relative}.hero h1,.projects-hero h1,.thanks-card h1{text-transform:uppercase;letter-spacing:-.04em;font-family:Archivo Black,Impact,sans-serif}.hero h1{margin:0 0 26px;font-size:clamp(3.3rem,6vw,6.4rem);line-height:.93}.hero p{color:#d9d9dc;max-width:720px;font-size:1.12rem;line-height:1.75}.hero-actions{gap:14px;margin-top:34px;display:flex}.hero-logo-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(160deg,#ffffff1c,#ffffff09);border:1px solid #ffffff24;border-radius:28px;padding:34px;box-shadow:0 25px 80px #0000004d}.hero-logo-panel img{filter:drop-shadow(0 10px 20px #0006)}.hero-stats{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;display:grid}.hero-stats div{background:#ffffff0e;border:1px solid #ffffff14;border-radius:18px;padding:18px}.hero-stats strong{font-size:1.8rem;display:block}.hero-stats span{color:#c9c9ce;margin-top:4px;font-size:.82rem;display:block}.hero-logo-panel small{color:#888b92;margin-top:16px;display:block}.reveal-up{animation:.8s both rise}.delay-1{animation-delay:.15s}@keyframes rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.services-section{padding:110px 0}.section-head{max-width:820px}.section-head h2,.project-teaser h2,.clients-heading h2,.contact-copy h2{text-transform:uppercase;letter-spacing:-.035em;margin:0;font-family:Archivo Black,Impact,sans-serif;font-size:clamp(2.2rem,4vw,4.6rem);line-height:1.02}.services-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:46px;display:grid}.service-card{border:1px solid var(--line);background:#fff;min-height:280px;padding:28px;transition:all .3s;position:relative;overflow:hidden}.service-card:before{content:"";background:radial-gradient(circle,var(--red),transparent 65%);opacity:0;height:70%;transition:all .3s;position:absolute;inset:auto -20% -70%}.service-card:hover{border-color:#c9c4bd;transform:translateY(-7px)}.service-card:hover:before{opacity:.08}.service-card>span{color:#aaa;font-weight:800}.service-card h3{margin:70px 0 10px;font-size:1.45rem}.service-card p{color:var(--muted);line-height:1.65}.project-teaser{padding:20px 0 110px}.project-teaser-grid{grid-template-columns:1fr 1fr 1fr;align-items:stretch;gap:18px;display:grid}.project-visual{background:#191a1e;border-radius:6px;min-height:460px;position:relative;overflow:hidden}.project-visual:after{content:"";background:linear-gradient(#0000 40%,#0000009e);position:absolute;inset:0}.project-visual span{z-index:2;color:#fff;letter-spacing:.08em;font-weight:800;position:absolute;bottom:20px;left:20px}.visual-a{background:linear-gradient(135deg,#24272b,#5d6268 45%,#151619)}.visual-b{background:linear-gradient(145deg,#d3d5d7,#5e6064 55%,#282a2e)}.project-teaser-copy{border:1px solid var(--line);background:#fff;flex-direction:column;justify-content:center;padding:38px;display:flex}.project-teaser-copy h2{font-size:2.5rem}.project-teaser-copy p{color:var(--muted);line-height:1.7}.text-link{color:var(--red);margin-top:18px;font-weight:800}.clients-section{background:#efeee9;border-top:1px solid #dbd8d1;border-bottom:1px solid #dbd8d1;padding:100px 0;overflow:hidden}.clients-heading h2{max-width:800px}.marquee-mask{margin-top:50px;position:relative;overflow:hidden}.marquee-mask:before,.marquee-mask:after{content:"";z-index:2;width:100px;position:absolute;top:0;bottom:0}.marquee-mask:before{background:linear-gradient(90deg,#efeee9,#0000);left:0}.marquee-mask:after{background:linear-gradient(-90deg,#efeee9,#0000);right:0}.marquee-track{gap:18px;width:max-content;animation:28s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}.client-card{background:#fff;border:1px solid #d9d7d2;place-items:center;width:220px;height:160px;padding:20px;display:grid}.client-placeholder{color:#555;text-align:center;font-family:Archivo Black,Impact,sans-serif}@keyframes marquee{to{transform:translate(calc(-50% - 9px))}}.contact-section{padding:110px 0}.contact-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:70px;display:grid}.contact-copy p{color:var(--muted);font-size:1.04rem;line-height:1.75}.contact-form{border:1px solid var(--line);background:#fff;gap:18px;padding:30px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-form label{gap:8px;font-size:.9rem;font-weight:700;display:grid}.contact-form input,.contact-form select,.contact-form textarea{width:100%;font:inherit;background:#faf9f6;border:1px solid #d7d4ce;border-radius:10px;outline:none;padding:14px 15px;transition:all .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #c7080814}.footer{color:#e9eaec;background:#101114;padding:76px 0 26px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:50px;display:grid}.footer-brand img{filter:drop-shadow(0 8px 18px #00000059);width:230px}.footer p{color:#aeb0b5;font-size:.92rem;line-height:1.7}.footer h4{margin:0 0 18px}.footer-bottom{color:#8e9198;border-top:1px solid #2b2d31;justify-content:space-between;gap:20px;margin-top:50px;padding-top:24px;font-size:.82rem;display:flex}.footer-links{gap:20px;display:flex}.projects-page{min-height:70vh}.projects-hero{color:#fff;background:#17181b;padding:90px 0 60px}.projects-hero h1{margin:0 0 20px;font-size:clamp(3rem,6vw,6.5rem)}.projects-hero p{color:#c9c9cc;max-width:680px;line-height:1.7}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:18px;padding-top:50px;padding-bottom:100px;display:grid}.gallery-item{min-height:300px;margin:0}.gallery-placeholder{background:linear-gradient(135deg,#212327,#777b81);place-items:end start;height:100%;min-height:300px;padding:18px;display:grid;position:relative;overflow:hidden}.gallery-placeholder:before{content:"";background:linear-gradient(110deg,#0000 20%,#ffffff1f 40%,#0000 60%);transition:all .8s;position:absolute;inset:-20%;transform:translate(-120%)}.gallery-placeholder:hover:before{transform:translate(120%)}.gallery-placeholder span{color:#fff;letter-spacing:.1em;opacity:.5;font-size:.75rem;font-weight:800}.gallery-item.g2,.gallery-item.g4{grid-row:span 2}.gallery-item.g2 .gallery-placeholder,.gallery-item.g4 .gallery-placeholder{min-height:620px}.thanks-page{background:radial-gradient(circle at 50% 20%,#f0eeee,#d9d6d0);place-items:center;min-height:100vh;padding:40px;display:grid}.thanks-card{text-align:center;background:#fff;border:1px solid #d6d2ca;border-radius:28px;width:min(680px,100%);padding:48px;box-shadow:0 30px 80px #0000001f}.thanks-card img{width:260px;margin:0 auto 30px}.success-mark{color:#fff;background:#121315;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 24px;font-size:1.5rem;display:grid}.thanks-card h1{margin:0;font-size:clamp(2.2rem,5vw,4rem)}.thanks-card p{color:var(--muted);line-height:1.7}.thanks-actions{justify-content:center;gap:12px;margin:28px 0;display:flex}.thanks-card small{color:#8a8a8d}@media (width<=900px){.nav-links{display:none}.header-cta{margin-left:auto}.hero-content{grid-template-columns:1fr;gap:34px}.hero{min-height:auto}.hero h1{font-size:clamp(3rem,13vw,5.5rem)}.services-grid,.project-teaser-grid{grid-template-columns:1fr 1fr}.project-teaser-copy{grid-column:1/-1}.contact-grid{grid-template-columns:1fr}.footer-grid,.gallery-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.container{width:min(100% - 24px,1180px)}.nav-shell{height:70px}.brand{width:145px}.header-cta{min-height:42px;padding:0 13px;font-size:.78rem}.hero-content{padding:70px 0}.hero-actions{flex-direction:column;align-items:stretch}.hero-logo-panel{padding:22px}.hero-stats,.services-grid,.project-teaser-grid,.gallery-grid,.footer-grid,.form-row{grid-template-columns:1fr}.gallery-item.g2,.gallery-item.g4{grid-row:auto}.gallery-item.g2 .gallery-placeholder,.gallery-item.g4 .gallery-placeholder{min-height:300px}.section-head h2,.clients-heading h2,.contact-copy h2{font-size:2.4rem}.project-visual{min-height:320px}.footer-bottom{flex-direction:column}.thanks-card{padding:30px 20px}.thanks-actions{flex-direction:column}}
