:root{--ink:#111214;--paper:#f2f0ea;--muted:#aaa9a4;--line:#d7d3ca;--accent:#e65f24;--panel:#1b1d20}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(242,240,234,.96);backdrop-filter:blur(12px);z-index:20}
.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:42px;height:42px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:"Barlow Condensed";font-weight:800;font-size:20px}.brand strong{font:800 25px/1 "Barlow Condensed";letter-spacing:.04em}.brand small{display:block;font-size:8px;letter-spacing:.22em;margin-top:4px}
nav{display:flex;gap:28px;font-weight:700;font-size:13px;text-transform:uppercase}.menu{display:none;border:0;background:none;font-size:25px}
.hero{min-height:650px;padding:7vw 5vw;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:6vw;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;opacity:.34;mask-image:linear-gradient(to right,#000,transparent 75%);z-index:-1}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.22em;color:var(--accent);margin:0 0 14px}.hero h1,.section h2{font-family:"Barlow Condensed";font-weight:800;letter-spacing:-.03em;margin:0}.hero h1{font-size:clamp(60px,8vw,120px);line-height:.77}.hero h1 span{color:transparent;-webkit-text-stroke:2px var(--ink)}.lede{font-size:19px;line-height:1.6;max-width:620px;margin:28px 0}.actions{display:flex;gap:12px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:15px 22px;border:1px solid var(--ink);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.08em;cursor:pointer}.btn.primary{background:var(--accent);border-color:var(--accent);color:white}.btn.ghost{background:transparent}.hero-card,.about-photo{background:var(--panel);color:#777;min-height:410px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #2c2e31}.hero-card span,.about-photo span{font:700 24px "Barlow Condensed";letter-spacing:.1em}.hero-card small{margin-top:10px}
.strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:#fff;padding:22px 5vw;gap:20px;font:700 14px "Barlow Condensed";letter-spacing:.1em}.strip b{color:var(--accent);margin-right:8px}
.section{padding:95px 5vw}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-head h2,.about h2,.quote h2{font-size:clamp(48px,6vw,82px);line-height:.9}.section-head>p{max-width:500px;color:#5c5c59;line-height:1.6}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.filter{border:1px solid var(--line);padding:9px 14px;background:transparent;font-weight:700;cursor:pointer}.filter.active{background:var(--ink);color:white}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{background:#fff;border:1px solid var(--line)}.product-image{aspect-ratio:4/3;background:#d8d5cd center/cover no-repeat;display:grid;place-items:center;color:#888;font:700 18px "Barlow Condensed";letter-spacing:.08em}.product-body{padding:20px}.product-meta{display:flex;justify-content:space-between;gap:20px}.product h3{font:800 25px "Barlow Condensed";margin:0}.price{font-weight:800;color:var(--accent);white-space:nowrap}.product p{color:#686763;line-height:1.5;font-size:14px}.tag{font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.1em}
.dark{background:var(--ink);color:white}.dark .section-head>p{color:#aaa}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#35373a;border:1px solid #35373a}.service{background:var(--panel);padding:34px;min-height:220px}.service b{color:var(--accent);font:700 13px "Barlow Condensed"}.service h3{font:700 30px "Barlow Condensed";margin:30px 0 12px}.service p{color:#aaa;font-size:14px;line-height:1.6}
.about{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.about-copy>p:last-of-type{line-height:1.8;color:#5f5e5a}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.stats strong{font:800 25px "Barlow Condensed";display:block}.stats span{font-size:11px;color:#777}
.quote{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:#e7e3da}.quote form{background:#fff;padding:35px;border:1px solid var(--line)}label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:15px}input,select,textarea{width:100%;margin-top:7px;padding:13px;border:1px solid #c9c6bf;background:#faf9f6;font:inherit}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-note{display:block;margin-top:12px;color:#777}
footer{padding:35px 5vw;background:#0d0e0f;color:#fff;display:flex;align-items:center;justify-content:space-between}footer p,footer a{font-size:12px;color:#aaa}
.admin-shell{max-width:1100px;margin:45px auto;padding:0 24px}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-head h1{font:800 48px "Barlow Condensed";margin:0}.admin-card{background:#fff;border:1px solid var(--line);padding:25px;margin-bottom:18px}.admin-card h2{font:700 28px "Barlow Condensed";margin-top:0}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-row{display:grid;grid-template-columns:80px 1fr 120px 90px;gap:12px;align-items:center;border-top:1px solid var(--line);padding:12px 0}.thumb{width:70px;height:55px;background:#ddd center/cover}.danger{background:#fff;border:1px solid #c9c6bf;padding:10px;cursor:pointer}.notice{padding:14px;background:#fff4d8;border:1px solid #e9ce83;font-size:13px;line-height:1.5}
@media(max-width:850px){nav{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:80px}.hero-card{min-height:300px}.strip{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}.about,.quote{grid-template-columns:1fr}.section-head{display:block}.section-head>p{margin-top:18px}.admin-grid{grid-template-columns:1fr}}
@media(max-width:560px){.product-grid,.service-grid{grid-template-columns:1fr}.strip{grid-template-columns:1fr}.two{grid-template-columns:1fr}.hero h1 span{-webkit-text-stroke:1px var(--ink)}footer{gap:20px;flex-direction:column;align-items:flex-start}.admin-row{grid-template-columns:60px 1fr}.admin-row>*:nth-child(n+3){grid-column:2}}