:root{--ink: #1a1f26;--paper: #f4f2ed;--white: #fff;--muted: #5a6470;--line: #d5d0c6;--accent: #3d6b4f;--navy: #1a2330;--max: 1200px;--font-display: "Syne", ui-sans-serif, system-ui, sans-serif;--font-body: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.55;font-size:1rem}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.section-shell{width:min(var(--max),calc(100% - clamp(32px,6vw,96px)));margin-inline:auto}.section-pad{padding-block:clamp(56px,8vw,104px)}.overline{margin:0 0 10px;font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.section-head{max-width:640px;margin-bottom:32px}.section-head h2,.intro-grid h2{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,4vw,2.6rem);letter-spacing:-.03em;line-height:1.1}.section-summary{margin:10px 0 0;color:var(--muted);font-size:.95rem}.site-header{position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px clamp(18px,4vw,40px);border-bottom:1px solid transparent;transition:background .2s ease,border-color .2s ease}.site-header.is-scrolled{background:#fffffff5;border-bottom-color:var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand img{width:110px;height:48px;object-fit:contain;object-position:left center}.page-home .site-header .brand img{width:132px;height:58px}.nav-toggle{display:none;border:1px solid var(--line);padding:8px 12px;background:var(--white);color:var(--ink);cursor:pointer;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.top-nav{display:flex;align-items:center;gap:22px}.top-nav a{font-size:.88rem;color:var(--ink);opacity:.82}.top-nav a:hover,.top-nav a:focus-visible{opacity:1;color:var(--accent)}.nav-cta{border:1px solid var(--ink);padding:8px 12px;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.hero{position:relative;min-height:72svh;display:grid;align-items:end;overflow:hidden;background:var(--navy)}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay,.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#1a1f2626,#1a1f26d1)}.hero-copy,.page-hero-copy{position:relative;z-index:1;padding:120px 0 56px;color:var(--white);max-width:680px}.hero-copy h1,.page-hero-copy h1{margin:0 0 14px;font-family:var(--font-display);font-size:clamp(2rem,6vw,3.4rem);letter-spacing:-.04em;line-height:1.05}.hero-copy>p:not(.overline),.page-hero-copy>p:not(.overline){margin:0;color:#ffffffd6;font-size:1.02rem;max-width:52ch}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero-cta{display:inline-flex;align-items:center;padding:12px 18px;background:var(--accent);color:var(--white);font-family:var(--font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase}.hero-link{display:inline-flex;align-items:center;padding:12px 0;color:#ffffffe6;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.35)}.intro-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:start}.intro-grid p{margin:0;color:var(--muted)}.category-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.category-card{background:var(--white);border:1px solid var(--line)}.category-card a{display:grid;height:100%}.category-card-media{position:relative;aspect-ratio:4 / 3;overflow:hidden}.category-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.category-card:hover img{transform:scale(1.03)}.category-count{position:absolute;right:8px;bottom:8px;padding:4px 8px;background:#1a1f26c7;color:var(--white);font-family:var(--font-mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}.category-card-body{padding:14px 14px 16px}.category-card-body h3{margin:0 0 8px;font-family:var(--font-display);font-size:1.05rem;letter-spacing:-.02em}.category-card-body p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.45}.category-jump{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0 0;border-bottom:1px solid var(--line)}.category-jump a{padding:6px 10px;border:1px solid var(--line);background:var(--white);font-size:.78rem;color:var(--muted)}.category-jump a:hover{color:var(--ink);border-color:var(--ink)}.archive-section+.archive-section{border-top:1px solid var(--line)}.archive-head{max-width:640px;margin-bottom:24px}.archive-head h2{margin:0 0 12px;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.03em}.archive-lead{margin:0;color:var(--muted)}.archive-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}.archive-tags li{padding:5px 10px;border:1px solid var(--line);background:var(--white);font-size:.78rem;color:var(--muted)}.category-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.gallery-cell{margin:0;aspect-ratio:4 / 3;overflow:hidden;background:var(--white);border:1px solid var(--line)}.gallery-cell img{width:100%;height:100%;object-fit:cover}.page-hero{position:relative;min-height:48svh;display:grid;align-items:end;overflow:hidden;background:var(--navy)}.page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.contact-strip{background:var(--navy);color:var(--white);padding:40px 0}.contact-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.contact-strip h2{margin:8px 0 0;font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.03em}.contact-strip a{border:1px solid rgba(255,255,255,.4);padding:12px 16px;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.contact-layout{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,.55fr);gap:32px}.contact-identity h2{margin:8px 0 10px;font-family:var(--font-display);font-size:1.8rem;letter-spacing:-.03em}.contact-identity p{margin:0;color:var(--muted)}.contact-list{display:grid;gap:12px}.contact-list a,.contact-list>div{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.contact-list span{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.contact-list b{font-weight:600}.contact-wa{grid-column:1 / -1;display:inline-flex!important;width:fit-content;margin-top:8px;padding:12px 16px!important;border:1px solid var(--accent)!important;color:var(--accent)!important;font-family:var(--font-mono);font-size:.62rem!important;letter-spacing:.1em;text-transform:uppercase}.stock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stock-card{padding:16px;background:var(--white);border:1px solid var(--line)}.stock-card h3{margin:0 0 10px;font-size:1rem}.stock-colors{display:flex;flex-wrap:wrap;gap:6px}.stock-colors span{padding:4px 8px;border:1px solid var(--line);font-size:.78rem}.stock-colors .is-empty{color:var(--muted);border-style:dashed}.stock-card small{display:block;margin-top:12px;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.stock-loading,.stock-foot p{color:var(--muted);font-size:.86rem}.stock-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.stock-foot a{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.site-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:40px 0 56px;border-top:1px solid var(--line)}.site-footer img{width:96px;height:42px;object-fit:contain;object-position:left}.site-footer p{margin:10px 0 0;max-width:360px;color:var(--muted);font-size:.84rem}.footer-meta{font-family:var(--font-mono);font-size:.62rem!important;letter-spacing:.08em;text-transform:uppercase}.site-footer nav{display:flex;flex-wrap:wrap;gap:14px}.site-footer nav a{font-size:.84rem;color:var(--muted)}.admin-body{background:var(--paper)}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:16px clamp(18px,4vw,40px);border-bottom:1px solid var(--line);background:var(--white)}.admin-header a:last-child{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.admin-main{padding:40px 0 80px}.admin-intro h1{margin:8px 0 10px;font-family:var(--font-display);font-size:2rem;letter-spacing:-.03em}.admin-intro p{margin:0;color:var(--muted);max-width:560px}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:32px;padding:16px;background:var(--navy);color:var(--white)}.admin-toolbar p{margin:0;color:#ffffffc2;font-size:.82rem}.admin-toolbar>div{display:flex;flex-wrap:wrap;gap:8px}.admin-login{display:grid;grid-template-columns:minmax(200px,.48fr) minmax(260px,.52fr);gap:24px;margin-top:32px;padding:20px;background:var(--white);border:1px solid var(--line)}.admin-login h2{margin:10px 0 8px;font-family:var(--font-display);font-size:1.6rem;letter-spacing:-.03em}.admin-login p{max-width:500px;margin:0;color:var(--muted);font-size:.86rem}.admin-login form,.admin-login label,.admin-add label{display:grid;gap:7px}.admin-login span,.admin-add span{color:var(--accent);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.admin-login input,.admin-add input,.admin-product input{width:100%;min-height:40px;border:1px solid var(--line);padding:0 10px;background:var(--white);color:var(--ink);font:inherit}.admin-login button,.admin-toolbar button,.admin-add button,.admin-color-form button{min-height:40px;border:1px solid var(--accent);padding:0 14px;background:transparent;color:var(--accent);cursor:pointer;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.admin-toolbar .admin-logout{border-color:#ffffff59;color:#ffffffbf}.admin-status{min-height:22px;margin:10px 0 0;color:var(--muted);font-size:.8rem}.admin-status[data-type=success]{color:var(--accent)}.admin-status[data-type=error]{color:#cf243d}.admin-add{display:grid;grid-template-columns:minmax(160px,.26fr) minmax(0,.74fr);gap:22px;margin-top:40px;padding:20px;background:var(--white);border:1px solid var(--line)}.admin-add h2,.admin-section-head h2{margin:10px 0 0;font-family:var(--font-display);font-size:1.5rem;letter-spacing:-.03em}.admin-add form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:end}.admin-products{margin-top:48px}.admin-section-head{margin-bottom:16px}.admin-product-list{display:grid;gap:1px;background:var(--line)}.admin-product{display:grid;gap:14px;padding:16px;background:var(--white)}.admin-product-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.admin-product-head input{font-weight:600}.admin-delete{border:1px solid rgba(207,36,61,.45);padding:0 10px;background:transparent;color:#cf243d;cursor:pointer;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.admin-color-list{display:flex;flex-wrap:wrap;gap:6px}.admin-color-list button{border:1px solid var(--line);padding:6px 8px;background:var(--white);color:var(--muted);cursor:pointer;font-size:.72rem}.admin-color-form{display:grid;grid-template-columns:minmax(0,260px) auto;gap:8px;justify-content:start}.quote-widget{position:fixed;z-index:30;right:18px;bottom:18px;display:grid;justify-items:end;gap:8px;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .28s ease,transform .28s ease}.quote-widget.is-ready{opacity:1;pointer-events:auto;transform:translateY(0)}.quote-toggle{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:12px 14px;background:var(--navy);color:var(--white);cursor:pointer;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.quote-toggle span{width:7px;height:7px;background:var(--accent)}.quote-card{position:relative;width:min(340px,calc(100vw - 28px));display:none;padding:22px;background:var(--navy);color:var(--white);box-shadow:0 18px 48px #00000038}.quote-widget.is-open .quote-card{display:block}.quote-card h2{margin:12px 0 10px;font-family:var(--font-display);font-size:1.45rem;letter-spacing:-.03em}.quote-card>p:not(.overline){color:#ffffffb8;font-size:.88rem}.quote-card a{display:block;margin-top:16px;border:1px solid rgba(255,255,255,.35);padding:12px;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-align:center;text-transform:uppercase}.quote-close{position:absolute;top:8px;right:8px;border:0;background:transparent;color:var(--white);cursor:pointer;font-size:1.3rem}@media(max-width:960px){.nav-toggle{display:inline-flex}.top-nav{position:fixed;inset:64px 16px auto;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px;background:#fffffffa;border:1px solid var(--line)}.top-nav.is-open{display:flex}.top-nav a{padding:12px 10px;border-bottom:1px solid var(--line);opacity:1}.top-nav a:last-child{border-bottom:0}.intro-grid,.contact-layout,.contact-strip-inner{grid-template-columns:1fr;display:grid}.category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.category-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-add,.admin-login{grid-template-columns:1fr}.admin-add form{grid-template-columns:1fr 1fr}.admin-add button{grid-column:span 2}}@media(max-width:620px){.section-shell{width:min(var(--max),calc(100% - 28px))}.brand img{width:96px;height:42px}.page-home .site-header .brand img{width:115px;height:50px}.hero-copy,.page-hero-copy{padding-top:100px}.category-cards,.category-gallery,.stock-grid{grid-template-columns:1fr}.site-footer{display:grid}.contact-list a,.contact-list>div{grid-template-columns:1fr;gap:4px}.admin-toolbar{display:grid}.admin-add form{grid-template-columns:1fr}.admin-add button{grid-column:auto}.admin-product-head,.admin-color-form{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}}
