@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&display=swap');
:root{--ink:#17191b;--paper:#f4f4f0;--line:#d5d6d2;--muted:#71736f}
body{background:var(--paper)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero{position:relative;display:block;height:100svh;min-height:590px;overflow:hidden;background:#abb8c8;color:var(--ink)}
.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 70%}
.hero-navigation{position:absolute;z-index:2;top:0;left:0;padding:clamp(24px,3vw,54px);display:flex;flex-direction:column;align-items:flex-start;gap:30px}
.wordmark{display:block;width:clamp(175px,17vw,290px)}.wordmark img{width:100%}
.hero-navigation nav{width:100%}.shop-link{width:100%;display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid #222b34;padding-top:12px;font:500 clamp(14px,1.05vw,17px) 'DM Mono',monospace;letter-spacing:.08em}.shop-link span{font-size:20px;line-height:1}.shop-link:hover{text-decoration:underline;text-underline-offset:5px}
.collection{padding:0 clamp(18px,3vw,54px) 110px;scroll-margin-top:0}.collection-top{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink)}.collection-wordmark{font:800 21px 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.025em}.bag-button{border:0;background:none;padding:10px 0;font:500 13px 'DM Mono',monospace;letter-spacing:.04em}.bag-button span{display:inline-grid;place-items:center;width:25px;height:25px;margin-left:10px;border:1px solid currentColor;border-radius:50%;font-size:11px}
.collection-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:85px 0 32px}.collection-heading h2{margin:0;font:800 clamp(5rem,13vw,12rem)/.75 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.055em}.collection-heading>span{font:500 13px 'DM Mono',monospace}
.shop-controls{border-bottom:1px solid var(--ink);margin-top:0}.filters{display:flex;gap:38px}.filters button{border:0;border-bottom:2px solid transparent;background:none;padding:0 0 15px;color:var(--muted);font:500 13px 'DM Mono',monospace}.filters button:hover,.filters button.active{color:var(--ink)}.filters button.active{border-bottom-color:var(--ink)}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px;row-gap:50px;margin-top:18px}.product-card{min-width:0}.product-info{padding-top:13px}.product-info p{font-size:12px}.product-info h3{font-size:16px}.product-info>span{font-size:12px}.catalog-note{margin:52px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
footer{display:flex;justify-content:space-between;align-items:end;gap:20px;border-top:1px solid var(--ink);padding:32px clamp(18px,3vw,54px) 40px;background:var(--paper)}footer a{font:800 clamp(25px,3vw,42px) 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.03em}footer span{font:500 12px 'DM Mono',monospace}
.detail-description{font-size:15px}.section-index,.detail-type,.detail-price span{font-size:12px}.detail-caveat{font-size:13px}.bag-top>div>span,.bag-empty>span{font-size:12px}
@media(max-width:900px){.hero-image{object-position:center 61%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hero{height:100svh;min-height:520px;display:block}.hero-image{object-position:73% center}.hero-navigation{padding:25px 20px;gap:22px}.wordmark{width:175px}.shop-link{font-size:14px}.collection{padding:0 4vw 95px}.collection-top{height:62px}.collection-wordmark{font-size:19px}.collection-heading{padding:65px 0 28px}.collection-heading h2{font-size:clamp(5rem,24vw,8rem)}.collection-heading>span{font-size:11px}.shop-controls{margin-top:0}.filters{gap:25px;overflow-x:auto}.filters button{flex:none;font-size:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:9px;row-gap:32px}.product-info h3{font-size:14px}.product-info>span{font-size:11px}.catalog-note{margin-top:38px;font-size:12px}footer{padding:30px 4vw}}
