@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{
  --bg:#0b0c10; --bg2:#111318; --paper:#f4f1ea; --text:#17181b;
  --muted:#71747d; --line:#d9d6cf; --accent:#d7ff36; --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Manrope,Arial,sans-serif;background:var(--paper);color:var(--text)}
a{color:inherit;text-decoration:none}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(11,12,16,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;color:#fff}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--accent);color:#0b0c10;font:800 19px/1 Space Grotesk;border-radius:3px}
.brand-name{font:700 18px Space Grotesk;letter-spacing:.22em}
.menu{display:flex;align-items:center;gap:30px;color:#fff;font-size:14px}
.menu a:not(.btn){opacity:.8}.menu a:hover{opacity:1}
.menu-toggle{display:none;background:none;border:0;color:white;font-size:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#0b0c10;border:0;padding:15px 23px;border-radius:3px;font-weight:800;cursor:pointer;transition:.2s}
.btn:hover{transform:translateY(-2px);filter:brightness(.96)}
.btn-small{padding:11px 17px}
.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}
.hero{position:relative;overflow:hidden;background:var(--bg);color:#fff;padding:110px 0 90px;min-height:760px;display:flex;align-items:center}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}
.hero-copy{position:relative;z-index:3}
.eyebrow{font-weight:800;font-size:12px;letter-spacing:.22em;color:#8a8d94;margin:0 0 18px}
.hero .eyebrow,.section-dark .eyebrow,.contact .eyebrow{color:var(--accent)}
.hero h1{font:700 clamp(58px,7vw,104px)/.88 Space Grotesk;margin:0;letter-spacing:-.055em}
.hero h1 span{color:var(--accent)}
.lead{max-width:670px;font-size:19px;line-height:1.7;color:#b7bac2;margin:30px 0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-points{display:flex;gap:25px;flex-wrap:wrap;margin-top:28px;font-size:12px;color:#aeb0b8}
.hero-art{height:520px;position:relative}
.plate{position:absolute;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02));backdrop-filter:blur(10px);box-shadow:0 30px 70px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;font:700 20px Space Grotesk;letter-spacing:.12em}
.plate-1{width:290px;height:360px;right:80px;top:50px;transform:rotate(7deg);flex-direction:column}
.plate-1 b{font-size:88px;color:var(--accent);letter-spacing:-.07em}.plate-1 small{font-size:12px;color:#aaa}
.plate-2{width:310px;height:100px;left:10px;bottom:60px;transform:rotate(-8deg)}
.plate-3{width:190px;height:85px;right:0;bottom:0;transform:rotate(5deg);background:var(--accent);color:#111}
.laser-line{position:absolute;right:15px;top:90px;width:430px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 22px var(--accent);transform:rotate(-25deg)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.16}.glow-a{width:420px;height:420px;background:var(--accent);right:5%;top:5%}.glow-b{width:280px;height:280px;background:#fff;left:-100px;bottom:-70px}
.strip{background:var(--accent)}
.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0}
.strip-grid div{display:flex;align-items:center;gap:12px;border-right:1px solid rgba(0,0,0,.18);padding:0 24px}
.strip-grid div:first-child{padding-left:0}.strip-grid div:last-child{border:0}
.strip-grid strong{font:700 12px Space Grotesk;opacity:.5}.strip-grid span{font-weight:800}
.section{padding:110px 0}
.section-heading{max-width:720px;margin-bottom:48px}
.section-heading h2,.split h2,.contact h2{font:700 clamp(40px,5vw,66px)/1 Space Grotesk;letter-spacing:-.045em;margin:0 0 20px}
.section-heading>p:last-child,.muted{color:var(--muted);line-height:1.75}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:#fff;padding:32px 26px;border:1px solid #e2dfd8;min-height:390px;transition:.25s}
.card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,.08)}
.card.featured{background:var(--bg);color:white;border-color:var(--bg)}
.icon{font-size:28px;color:#8f9e18;margin-bottom:50px}.featured .icon{color:var(--accent)}
.card h3{font:700 23px Space Grotesk;margin:0 0 16px}
.card p{color:#777;line-height:1.65}.featured p{color:#aaa}
.card ul{padding:0;margin:28px 0 0;list-style:none;border-top:1px solid #e2dfd8}.featured ul{border-color:#303238}
.card li{padding:11px 0;border-bottom:1px solid #e2dfd8;font-size:13px}.featured li{border-color:#303238}
.section-dark{background:var(--bg2);color:#fff}
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.section-dark .muted{color:#a7aab1;font-size:17px}.text-link{display:inline-block;margin-top:25px;color:var(--accent);font-weight:800}
.process{border-top:1px solid #34363d}
.process-item{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:27px 0;border-bottom:1px solid #34363d}
.process-item>span{color:var(--accent);font:700 12px Space Grotesk}
.process h3{margin:0 0 6px;font:700 20px Space Grotesk}.process p{margin:0;color:#9497a0;line-height:1.6}
.row-heading{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:40px}
.row-heading>p{max-width:340px}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:260px;gap:16px}
.work{position:relative;overflow:hidden;background:#17191f;color:white}
.work-large{grid-row:span 2}.work-wide{grid-column:span 2}
.work-bg{position:absolute;inset:0;transition:.4s}
.work:hover .work-bg{transform:scale(1.04)}
.work-copy{position:absolute;inset:auto 24px 22px;z-index:2}.work-copy span{font-size:10px;letter-spacing:.2em;color:var(--accent);font-weight:800}.work-copy h3{font:700 23px Space Grotesk;margin:7px 0 0}
.work:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.78))}
.laser{background:radial-gradient(circle at 30% 25%,rgba(215,255,54,.45),transparent 10%),repeating-linear-gradient(45deg,#1e2025 0 20px,#15171b 20px 40px)}
.plexi{background:linear-gradient(135deg,#303943,#0c0d10 55%,#778695)}
.print{background:linear-gradient(125deg,#111 0 25%,#d7ff36 25% 48%,#f3f0e9 48% 72%,#24262b 72%)}
.graphic{background:repeating-linear-gradient(90deg,#14161a 0 60px,#d7ff36 60px 62px),repeating-linear-gradient(0deg,transparent 0 60px,rgba(255,255,255,.15) 60px 62px),#14161a}
.about{background:#fff}
.big-text{font:600 clamp(25px,3vw,38px)/1.3 Space Grotesk;margin-top:0}
.contact{background:var(--bg);color:#fff}
.contact-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}
.contact-box>div>p:last-child{color:#aaa;line-height:1.7;max-width:520px}
.contact-form{background:#15171c;padding:34px;border:1px solid #2b2e35}
.contact-form label{display:block;font-size:12px;font-weight:700;color:#bfc1c7;margin-bottom:18px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
input,select,textarea{width:100%;margin-top:8px;background:#0f1014;border:1px solid #34363d;color:white;padding:14px 14px;font:inherit;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--accent)}
.contact-form small{display:block;color:#777;margin-top:13px;line-height:1.5}
footer{background:#07080a;color:#fff;padding:70px 0 20px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.footer-grid p{color:#70737a}.footer-grid h4{font-size:12px;letter-spacing:.16em;color:#8c8f96}
.footer-grid>div:not(:first-child) a{display:block;color:#b5b7bc;margin:10px 0;font-size:13px}
.copyright{margin-top:55px;padding-top:20px;border-top:1px solid #24262b;color:#6d7077;font-size:12px}

@media(max-width:900px){
  .menu-toggle{display:block}.menu{display:none;position:absolute;top:76px;left:0;right:0;background:#0b0c10;padding:25px 20px;flex-direction:column;align-items:stretch}.menu.open{display:flex}
  .hero{padding-top:80px;min-height:auto}.hero-grid,.split,.contact-box{grid-template-columns:1fr}.hero-art{height:390px}.cards{grid-template-columns:1fr 1fr}.portfolio-grid{grid-template-columns:1fr 1fr}.work-wide{grid-column:span 1}.row-heading{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .container{width:min(100% - 28px,1180px)}
  .hero h1{font-size:56px}.hero-art{height:330px}.plate-1{width:220px;height:280px;right:30px}.plate-1 b{font-size:68px}.plate-2{width:230px;left:0;bottom:30px}.plate-3{width:150px}
  .strip-grid{grid-template-columns:1fr 1fr;gap:14px}.strip-grid div{border:0;padding:3px 0}
  .section{padding:80px 0}.cards,.portfolio-grid,.form-row,.footer-grid{grid-template-columns:1fr}.work-large{grid-row:span 1}.portfolio-grid{grid-auto-rows:240px}.contact-form{padding:24px}
}