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

:root { --ink:#181817; --bone:#f5f1e8; --acid:#d7ff35; --coral:#ff5e48; --line:rgba(24,24,23,.22); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--bone); font-family:"Space Grotesk",sans-serif; }
a { color:inherit; }
.skip-link { position:absolute; left:-999px; top:10px; background:var(--acid); padding:10px 14px; z-index:10; }
.skip-link:focus { left:10px; }
.utility-bar { min-height:35px; padding:7px clamp(18px,4vw,64px); display:flex; justify-content:space-between; gap:16px; background:var(--ink); color:var(--bone); font:500 11px/1.4 "DM Mono",monospace; text-transform:uppercase; letter-spacing:.06em; }
.utility-bar p { margin:0; } .utility-bar a { color:var(--acid); text-decoration:none; white-space:nowrap; }.utility-bar .inquiry-link { color:var(--bone); margin-left:auto; }
.header-main { padding:22px clamp(18px,4vw,64px); display:flex; align-items:center; justify-content:space-between; gap:28px; border-bottom:1px solid var(--line); background:var(--bone); }
.brand { display:inline-flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font-family:"Archivo Black",sans-serif; letter-spacing:-.07em; line-height:.75; font-size:21px; }
.brand em { color:var(--coral); font-style:normal; }.brand-mark { display:grid; place-items:center; height:42px; width:42px; border-radius:50%; background:var(--ink); color:var(--acid); font:14px "DM Mono",monospace; letter-spacing:-.13em; }
.category-nav { display:flex; align-items:center; gap:clamp(14px,2vw,29px); font-weight:600; font-size:14px; }.category-nav a { text-decoration:none; white-space:nowrap; padding:8px 0; border-bottom:2px solid transparent; }.category-nav a:hover,.category-nav a:focus,.category-nav .is-active { border-color:var(--coral); }.category-nav .custom-link { color:var(--coral); }
.menu-toggle { display:none; border:0; background:transparent; font:600 12px "DM Mono",monospace; text-transform:uppercase; gap:8px; align-items:center; }.menu-lines,.menu-lines:before,.menu-lines:after { display:block; width:19px; height:2px; background:var(--ink); content:""; position:relative; }.menu-lines:before { position:absolute; top:-6px; }.menu-lines:after { position:absolute; top:6px; }
.hero { display:grid; grid-template-columns:1.15fr .85fr; min-height:500px; border-bottom:1px solid var(--line); }.hero-copy { padding:clamp(55px,8vw,120px) clamp(18px,7vw,105px); }.eyebrow { margin:0 0 17px; color:#64635e; font:500 11px "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }.hero h1,.shop-heading h2 { margin:0; font-family:"Archivo Black",sans-serif; letter-spacing:-.075em; }.hero h1 { font-size:clamp(51px,8vw,112px); line-height:.83; }.hero h1 span { color:var(--coral); }.hero-text { max-width:455px; margin:29px 0; font-size:17px; line-height:1.5; }.button { display:inline-flex; gap:18px; align-items:center; padding:14px 19px; background:var(--ink); color:var(--bone); text-decoration:none; font:500 12px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.04em; transition:transform .2s; }.button:hover { transform:translate(-3px,-3px); box-shadow:4px 4px 0 var(--coral); }
.hero-art { position:relative; overflow:hidden; display:grid; place-items:center; background:var(--acid); border-left:1px solid var(--line); }.hero-art p { z-index:2; margin:0; transform:rotate(-8deg); font:clamp(52px,7vw,100px)/.78 "Archivo Black",sans-serif; letter-spacing:-.1em; text-align:center; color:var(--ink); }.burst { position:absolute; width:650px; aspect-ratio:1; background:var(--coral); clip-path:polygon(50% 0%,58% 34%,73% 4%,69% 37%,91% 17%,77% 42%,100% 42%,79% 51%,98% 64%,76% 60%,89% 87%,68% 67%,65% 100%,53% 70%,42% 99%,40% 68%,16% 90%,30% 63%,0% 68%,26% 52%,0% 37%,29% 42%,9% 17%,35% 37%,31% 4%,46% 34%); }.burst-one { left:-250px; top:-250px; }.burst-two { width:430px; right:-230px; bottom:-220px; transform:rotate(32deg); }.stamp { position:absolute; bottom:35px; right:38px; width:79px; height:79px; display:grid; place-items:center; border:2px solid var(--ink); border-radius:50%; font:10px/1.1 "DM Mono",monospace; text-align:center; transform:rotate(14deg); }
.inquiries { display:grid; grid-template-columns:1fr 1.15fr; gap:50px; align-items:end; padding:clamp(55px,7vw,95px) clamp(18px,12vw,180px); background:var(--coral); border-bottom:1px solid var(--ink); }.inquiries .eyebrow { color:var(--ink); margin:0 0 13px; }.inquiries h2 { margin:0; font:clamp(44px,6vw,86px)/.84 "Archivo Black",sans-serif; letter-spacing:-.075em; }.inquiries h2 span { color:var(--bone); }.inquiries > p:last-child { max-width:500px; margin:0; font-size:clamp(18px,2.1vw,26px); line-height:1.28; font-weight:600; }.inquiries > p:last-child a { color:var(--bone); text-underline-offset:5px; }
.shop-section { padding:clamp(50px,7vw,95px) clamp(18px,4vw,64px); }.shop-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; max-width:1300px; margin:0 auto 26px; }.shop-heading h2 { font-size:clamp(37px,5vw,68px); line-height:.9; }.shop-heading > a { font:500 12px "DM Mono",monospace; text-transform:uppercase; text-underline-offset:6px; white-space:nowrap; }.store-frame-wrap { position:relative; max-width:1300px; min-height:760px; margin:auto; border:1px solid var(--ink); background:#fff; box-shadow:8px 8px 0 var(--ink); }.store-frame-wrap #myShop { min-height:760px; }.store-frame-wrap > #myShop > a { display:grid; min-height:760px; place-items:center; color:var(--ink); font:500 12px "DM Mono",monospace; text-transform:uppercase; }
.site-footer { padding:35px clamp(18px,4vw,64px) 23px; display:grid; grid-template-columns:1fr auto; gap:25px; background:var(--ink); color:var(--bone); }.footer-brand { color:var(--bone); font-size:24px; }.site-footer p { margin:0; }.footer-links { display:flex; gap:18px; align-items:center; font-size:14px; }.footer-links a { color:var(--acid); }.copyright { grid-column:1/-1; padding-top:17px; border-top:1px solid #55554f; color:#a8a69d; font:11px "DM Mono",monospace; }
@media (max-width:900px) { .header-main { flex-wrap:wrap; }.menu-toggle { display:flex; }.category-nav { display:none; width:100%; flex-wrap:wrap; padding-top:12px; }.category-nav.is-open { display:flex; }.hero { grid-template-columns:1fr; }.hero-art { min-height:320px; border-left:0; border-top:1px solid var(--line); }.inquiries { grid-template-columns:1fr; gap:25px; } }
@media (max-width:560px) { .utility-bar p { display:none; }.utility-bar { justify-content:center; }.utility-bar .inquiry-link { margin-left:0; }.hero-copy { padding:62px 22px; }.hero-text { font-size:16px; }.shop-heading { align-items:start; flex-direction:column; }.site-footer { grid-template-columns:1fr; gap:17px; }.store-frame-wrap { min-height:680px; box-shadow:5px 5px 0 var(--ink); }.store-frame-wrap #myShop { min-height:680px; } }