@font-face { font-family:"Manrope"; src:url("assets/fonts/manrope.woff2") format("woff2"); font-style:normal; font-weight:400 800; font-display:swap; }
@font-face { font-family:"Barlow Condensed"; src:url("assets/fonts/barlow-condensed-500.woff2") format("woff2"); font-style:normal; font-weight:500; font-display:swap; }
@font-face { font-family:"Barlow Condensed"; src:url("assets/fonts/barlow-condensed-600.woff2") format("woff2"); font-style:normal; font-weight:600; font-display:swap; }
@font-face { font-family:"Barlow Condensed"; src:url("assets/fonts/barlow-condensed-700.woff2") format("woff2"); font-style:normal; font-weight:700; font-display:swap; }
@font-face { font-family:"Barlow Condensed"; src:url("assets/fonts/barlow-condensed-800.woff2") format("woff2"); font-style:normal; font-weight:800; font-display:swap; }

:root { --ink:#11120f; --paper:#f3f1e9; --lime:#dfff00; --muted:#75766f; --line:#d2d0c7; --font-display:"Barlow Condensed"; --font-body:"Manrope"; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-body), sans-serif; }
a { color:inherit; text-decoration:none; }
a:focus-visible,button:focus-visible { outline:3px solid var(--lime); outline-offset:3px; }
img { display:block; width:100%; }
button { font:inherit; }
.topbar { height:34px; padding:0 3vw; display:flex; align-items:center; justify-content:space-between; background:var(--ink); color:#aaa; font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
.topbar a { color:var(--lime); font-weight:800; }
header { height:90px; padding:0 3vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.logo { display:flex; align-items:center; }
.logo img { width:225px; height:64px; object-fit:contain; object-position:left center; }
nav { display:flex; gap:clamp(20px,3vw,48px); font-size:10px; text-transform:uppercase; letter-spacing:.1em; font-weight:800; }
nav a { padding:36px 0; position:relative; }
nav a:after { content:""; position:absolute; bottom:23px; left:0; right:100%; height:2px; background:var(--ink); transition:.2s; }
nav a:hover:after { right:0; }
.header-actions { display:flex; align-items:center; gap:12px; }
.outline-btn { padding:13px 16px; border:1px solid var(--ink); font-size:9px; text-transform:uppercase; letter-spacing:.08em; font-weight:800; }
.outline-btn:hover { background:var(--ink); color:var(--lime); }
.menu-btn { display:none; border:0; background:none; width:38px; height:38px; }
.menu-btn i { display:block; height:2px; margin:6px 0; background:var(--ink); }
.hero { min-height:calc(100vh - 124px); margin:0 18px; position:relative; overflow:hidden; color:#fff; background:#222; }
.hero-photo { position:absolute; inset:0; background:url("https://images.unsplash.com/photo-1487754180451-c456f719a1fc?auto=format&fit=crop&w=2200&q=90") center/cover; transform:scale(1.02); }
.hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,8,7,.94),rgba(7,8,7,.48) 56%,rgba(7,8,7,.12)),linear-gradient(0deg,rgba(7,8,7,.72),transparent 55%); }
.hero-copy { position:relative; z-index:1; width:min(800px,85%); padding:clamp(90px,12vw,160px) 7vw 170px; }
.kicker { display:inline-block; margin-bottom:18px; font-size:9px; text-transform:uppercase; letter-spacing:.18em; font-weight:800; }
.kicker:before { content:""; display:inline-block; width:26px; height:2px; margin:0 10px 3px 0; background:var(--ink); }
.kicker.light { color:var(--lime); }
.kicker.light:before { background:var(--lime); }
h1,h2,h3 { font-family:var(--font-display),sans-serif; }
h1 { margin:0; font-size:clamp(78px,10vw,158px); line-height:.75; letter-spacing:-.045em; text-transform:uppercase; }
.workshop-title { font-size:clamp(64px,7.8vw,122px); line-height:.8; }
em { color:var(--lime); font-style:normal; }
.hero-copy > p { max-width:570px; margin:35px 0; color:#ccc; font-size:15px; line-height:1.7; }
.hero-copy > .hero-brands { max-width:none; margin:30px 0 36px; color:var(--lime); font-family:var(--font-display),sans-serif; font-size:clamp(25px,3vw,42px); font-weight:700; line-height:1.05; letter-spacing:.01em; text-transform:uppercase; }
.hero-buttons { display:flex; gap:10px; }
.btn { display:inline-flex; align-items:center; justify-content:space-between; gap:46px; padding:16px 18px; font-size:9px; text-transform:uppercase; letter-spacing:.1em; font-weight:800; transition:.2s; }
.lime { background:var(--lime); color:var(--ink); }
.lime:hover { background:#fff; }
.glass { border:1px solid #ffffff55; }
.glass:hover { background:#fff; color:var(--ink); }
.hero-trust { position:absolute; z-index:1; left:7vw; right:7vw; bottom:0; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #ffffff33; }
.hero-trust > div,.hero-trust > a { min-height:95px; padding:24px 28px; display:flex; gap:18px; align-items:center; border-right:1px solid #ffffff33; }
.hero-trust > a { transition:.2s; }
.hero-trust > a:hover { background:var(--lime); }
.hero-trust > a:hover strong,.hero-trust > a:hover span { color:var(--ink); }
.hero-trust strong { color:var(--lime); font-family:var(--font-display); font-size:27px; }
.hero-trust span { max-width:160px; color:#bbb; font-size:9px; line-height:1.5; text-transform:uppercase; letter-spacing:.07em; }
.wrap { max-width:1380px; margin:auto; padding:110px 36px; }
.section-head { display:flex; justify-content:space-between; align-items:flex-end; gap:60px; margin-bottom:60px; }
.section-head h2 { margin:0; font-size:clamp(48px,6vw,82px); line-height:.86; letter-spacing:-.035em; text-transform:uppercase; }
.section-head > p { max-width:390px; color:var(--muted); font-size:12px; line-height:1.8; }
.service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; padding:1px; background:var(--line); }
.service-grid article { min-height:220px; padding:22px; border:0; background:var(--paper); position:relative; transition:.25s; }
.service-grid article:hover { background:var(--ink); color:#fff; transform:translateY(-5px); }
.service-grid article > span { color:#aaa; font-family:var(--font-display); font-size:18px; }
.service-grid article > small { position:absolute; top:26px; right:22px; color:#96978f; font-size:7px; text-transform:uppercase; letter-spacing:.12em; font-weight:800; }
.service-grid h3 { margin:30px 0 8px; font-size:25px; line-height:1; text-transform:uppercase; }
.service-grid p { color:var(--muted); font-size:11px; line-height:1.7; }
.service-grid a { position:absolute; bottom:20px; font-size:8px; text-transform:uppercase; letter-spacing:.1em; font-weight:800; border-bottom:1px solid; }
.service-grid article:hover a { color:var(--lime); }
.service-grid article:hover > small { color:var(--lime); }
.workshop { min-height:820px; display:grid; grid-template-columns:1.1fr 1fr; background:var(--ink); color:#fff; }
.workshop-photo { background:url("https://images.unsplash.com/photo-1597766353939-e65e9d2776dc?auto=format&fit=crop&w=1600&q=90") center/cover; min-height:680px; }
.workshop-copy { padding:90px clamp(35px,7vw,110px); }
.workshop h2 { margin:0; font-size:clamp(60px,7vw,105px); line-height:.78; letter-spacing:-.04em; text-transform:uppercase; }
.workshop-copy > p { max-width:530px; color:#aaa; margin:30px 0; font-size:12px; line-height:1.8; }
.workshop ul { list-style:none; margin:35px 0; padding:0; border-top:1px solid #ffffff22; }
.workshop li { padding:15px 0; border-bottom:1px solid #ffffff22; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.workshop li b { display:inline-block; width:45px; color:var(--lime); }
.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.product-card > div { aspect-ratio:1.18/1; position:relative; overflow:hidden; background:#ddd; }
.product-card img { height:100%; object-fit:cover; filter:saturate(.75); transition:.4s; }
.product-card:hover img { transform:scale(1.04); }
.product-card > div span { position:absolute; left:12px; top:12px; padding:7px 9px; background:var(--lime); font-size:8px; text-transform:uppercase; letter-spacing:.1em; font-weight:800; }
.product-card h3 { margin:16px 0 7px; font-size:30px; text-transform:uppercase; line-height:1; }
.product-card > a { display:inline-block; padding-bottom:3px; border-bottom:1px solid; font-size:9px; text-transform:uppercase; letter-spacing:.09em; font-weight:800; }
.product-card > a:hover { color:#666; }
.product-card > p { margin:0; color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.09em; }
.product-card > p b { color:var(--ink); }
.brands { display:grid; grid-template-columns:150px 1fr; align-items:center; gap:28px; margin-top:80px; padding:30px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.brands span { color:var(--muted); font-size:8px; letter-spacing:.12em; }
.brands strong { font-family:var(--font-display); font-size:clamp(24px,3vw,42px); line-height:1; text-transform:uppercase; }
.cta { padding:120px 7vw 0; background:var(--ink); color:#fff; text-align:center; }
.cta h2 { margin:0 0 40px; font-size:clamp(60px,8vw,120px); line-height:.8; text-transform:uppercase; letter-spacing:-.04em; }
.contact-grid { margin-top:100px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #ffffff22; text-align:left; }
.contact-grid div { padding:30px; border-right:1px solid #ffffff22; }
.contact-grid span { display:block; color:#777; margin-bottom:8px; font-size:8px; text-transform:uppercase; letter-spacing:.12em; }
.contact-grid strong { font-family:var(--font-display); font-size:19px; font-weight:500; }
footer { padding:65px 7vw 30px; background:var(--ink); color:#fff; border-top:1px solid #ffffff22; }
.footer-logo { width:max-content; filter:brightness(0) invert(1); }
footer > p { color:#777; font-size:10px; }
footer > div { display:flex; justify-content:flex-end; gap:30px; margin:-35px 0 60px; font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
footer > small { display:block; padding-top:20px; border-top:1px solid #ffffff22; color:#555; font-size:8px; text-transform:uppercase; letter-spacing:.08em; }
.whatsapp-float { position:fixed; z-index:20; right:22px; bottom:20px; width:54px; height:54px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--lime); color:var(--ink); box-shadow:0 8px 30px #0003; transition:.2s; }
.whatsapp-float:hover { transform:translateY(-3px); background:#fff; }
.whatsapp-float img { width:27px; height:27px; }
@media(max-width:900px){
  .topbar span:nth-child(2){display:none}.topbar{padding:0 18px}
  header{height:74px;padding:0 18px}.outline-btn{display:none}.menu-btn{display:block}
  nav{display:none;position:absolute;z-index:20;left:18px;right:18px;top:108px;padding:18px;flex-direction:column;gap:0;background:var(--ink);color:#fff}
  nav.open{display:flex}nav a{padding:14px;border-bottom:1px solid #ffffff22}
  .hero{margin:0;min-height:740px}.hero-overlay{background:linear-gradient(0deg,rgba(7,8,7,.97),rgba(7,8,7,.25) 90%)}
  .hero-copy{width:100%;padding:260px 24px 190px}h1{font-size:clamp(70px,18vw,110px)}.workshop-title{font-size:clamp(52px,12vw,86px)}
  .hero-trust{left:24px;right:24px;grid-template-columns:1fr 1fr}.hero-trust>div,.hero-trust>a{padding:15px}.hero-trust>a{grid-column:1/-1}
  .wrap{padding:80px 22px}.service-grid{grid-template-columns:1fr 1fr}
  .workshop{grid-template-columns:1fr}.workshop-photo{min-height:520px}.workshop-copy{padding:70px 24px}
  .brands{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.contact-grid div{border-bottom:1px solid #ffffff22}
}
@media(max-width:560px){
  .topbar span{display:none}.logo img{width:170px;height:56px}
  .hero-copy{padding-top:240px}.hero-copy>p{font-size:13px}.hero-buttons{display:block}.hero-buttons .btn{width:100%;margin-bottom:8px}
  .section-head{display:block}.section-head>p{margin-top:25px}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:235px}
  .product-grid{display:block}.product-card{display:block;margin-bottom:38px}.workshop-photo{min-height:390px}
  .cta{padding:85px 22px 0}.contact-grid{margin-top:70px}
  footer>div{justify-content:flex-start;margin:30px 0 50px}.whatsapp-float{left:auto;right:18px;width:54px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}