/* PakTech Shop. One ground, one ink, one green accent; one typeface. */
:root{--ground:#f5f4ee;--surface:#ffffff;--ink:#101a14;--muted:#4a544e;--field:#01411c;--on-field:#f5f4ee;--accent:#0b6b3a;
  --font:"Inter Tight",system-ui,sans-serif;--edge:clamp(16px,4vw,48px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:18px/1.55 var(--font);color:var(--ink);background:var(--ground)}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
.wrap{max-width:1280px;margin:0 auto;padding:0 var(--edge)}
nav.top{display:flex;align-items:center;gap:28px;padding:20px var(--edge);max-width:1280px;margin:0 auto}
nav.top .mark{font-weight:800;font-size:20px;text-decoration:none;letter-spacing:-.02em}
nav.top .links{display:flex;gap:24px;margin-left:auto}
nav.top .links a{text-decoration:none;font-weight:500}
nav.top .links a:hover{text-decoration:underline}
.btn{display:inline-block;background:var(--ink);color:var(--ground);text-decoration:none;font-weight:700;padding:14px 22px;border-radius:999px;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-2px)}
.btn.light{background:var(--on-field);color:var(--field)}
h1,h2,h3{letter-spacing:-.03em;line-height:1.02;margin:0}
h1{font-size:clamp(44px,7.4vw,104px);font-weight:800}
h2{font-size:clamp(34px,4.6vw,64px);font-weight:800}
h3{font-size:clamp(22px,2vw,28px);font-weight:700;letter-spacing:-.02em;line-height:1.15}
.lead{font-size:clamp(19px,1.6vw,22px);max-width:34em;margin:28px 0 32px}
section{padding:120px 0}
.hero{padding:56px 0 120px}
.hero .grid{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.hero figure{margin:0}
.hero figure img{border-radius:6px;box-shadow:0 30px 60px -30px rgba(16,26,20,.35)}
.note{color:var(--muted);font-size:15px;margin-top:14px}
.field{background:var(--field);color:var(--on-field)}
.field .muted{color:#c9d6cd}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.facts{list-style:none;padding:0;margin:28px 0 36px;display:grid;gap:14px}
.facts li{font-size:19px}
.facts b{display:block;font-size:15px;font-weight:600;opacity:.75}
.kits{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;margin-top:56px;align-items:start}
.kit img{border-radius:6px}
.kit .row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:20px}
.kit .price{font-size:28px;font-weight:800}
.kit p{color:var(--muted);margin:10px 0 18px;max-width:30em}
.kit.small{margin-top:120px}
.print{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.print .pics{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.print .pics img{border-radius:6px}
.posts{list-style:none;padding:0;margin:48px 0 0}
.posts li a{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:baseline;padding:28px 0;text-decoration:none;border-top:2px solid var(--ink)}
.posts li a:hover h3{text-decoration:underline}
.posts small{color:var(--muted);font-size:15px}
footer{background:var(--ink);color:var(--ground);padding:96px 0 40px}
footer .name{font-size:clamp(56px,12vw,180px);font-weight:800;letter-spacing:-.05em;line-height:.9;margin:0 0 48px}
footer .cols{display:flex;flex-wrap:wrap;gap:24px 48px;font-size:16px}
footer .cols a{text-decoration:none}footer .cols a:hover{text-decoration:underline}
footer .small{margin-top:40px;font-size:14px;color:#a9b3ad}
article{max-width:720px;margin:0 auto;padding:40px var(--edge) 120px}
article h1{font-size:clamp(38px,5.4vw,64px)}
article h2{font-size:28px;letter-spacing:-.02em;margin:48px 0 12px}
article p,article li{font-size:19px}
article figure{margin:32px 0}
article figcaption{color:var(--muted);font-size:15px;margin-top:8px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.btn{transition:none}}
@media (max-width:860px){
  nav.top .links{display:none}
  .hero .grid,.split,.kits,.print{grid-template-columns:1fr;gap:36px}
  .kit.small{margin-top:0}
  section{padding:88px 0}
  .posts li a{grid-template-columns:1fr}
}