:root{--ink: #16181d;--ink-soft: #3c434c;--paper: #e7eef3;--paper-2: #f7fafc;--line: #c5d0d8;--signal: #d92f24;--pine: #1f5c45;--foam: #d7e56a;--hero-text: #f4f7f8;--shadow: 0 1px 0 rgba(22, 24, 29, .08);--font-display: "Bricolage Grotesque", "Avenir Next", sans-serif;--font-body: "Figtree", "Avenir Next", sans-serif;--space: clamp(1rem, 2vw, 1.5rem);color:var(--ink);background:radial-gradient(circle at 1px 1px,rgba(22,24,29,.08) 1px,transparent 0) 0 0 / 14px 14px,linear-gradient(165deg,#d5e3ea 0%,var(--paper) 42%,#eef3ea 100%);font-family:var(--font-body);font-size:1.05rem;line-height:1.5}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh}img{max-width:100%;display:block}a{color:inherit}.skip{position:absolute;left:1rem;top:-4rem;background:var(--paper-2);color:var(--ink);padding:.5rem .8rem;z-index:5}.skip:focus{top:1rem}.topnav{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;justify-content:flex-end;gap:1.6rem;padding:1.1rem var(--space)}.topnav a{color:var(--hero-text);text-decoration:none;font-weight:600;letter-spacing:.01em}.topnav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--foam)}.page-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1.1rem var(--space);background:#f7fafce6;border-bottom:1px solid var(--line)}.page-header .word{font-family:var(--font-display);font-weight:800;font-size:1.35rem;letter-spacing:-.04em;text-decoration:none}.page-header nav{display:flex;gap:1.1rem}.page-header nav a{text-decoration:none;font-weight:600}.page-header nav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--signal)}.hero{position:relative;min-height:100svh;display:grid;align-items:end;overflow:hidden;color:var(--hero-text)}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 72%;transform-origin:center 60%;animation:drift 22s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0e10126b,#0e101200 16% 52%,#0e1012c7)}.hero-copy{position:relative;z-index:1;padding:12vh var(--space) 8vh;max-width:46rem;animation:rise .9s ease both}.brand{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(3.4rem,11vw,7.4rem);line-height:.86;letter-spacing:-.06em}.hero h1{margin:.85rem 0 0;font-family:var(--font-display);font-weight:560;font-size:clamp(1.5rem,3vw,2.15rem);letter-spacing:-.03em}.lede{margin:.7rem 0 0;max-width:34rem;font-size:1.12rem}.cta{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center;margin:1.4rem 0 0}.btn{display:inline-block;background:var(--foam);color:var(--ink);text-decoration:none;font-weight:700;padding:.75rem 1rem;border-radius:2px}.cta a:not(.btn){color:var(--hero-text);font-weight:600}.section{padding:4.5rem var(--space) 5rem;max-width:72rem;margin:0 auto}.section h2,.page-intro h1{font-family:var(--font-display);font-weight:750;letter-spacing:-.04em;font-size:clamp(2rem,4vw,3.2rem);line-height:.95;margin:0}.section .support,.page-intro p{max-width:38rem;color:var(--ink-soft)}.page-intro{padding:3.5rem var(--space) .5rem;max-width:72rem;margin:0 auto}.products{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.25rem 1rem}.piece{display:grid;gap:.45rem;text-decoration:none;color:var(--ink);animation:rise .7s ease both}.piece img{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#d5dee4}.piece-shop{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--pine);font-weight:700}.piece-title{font-weight:600;line-height:1.3}.piece:hover .piece-title,.piece:focus-visible .piece-title{text-decoration:underline;text-underline-offset:.18em}.more{display:inline-block;margin-top:1.6rem;font-weight:700;color:var(--signal)}.filters{display:flex;gap:1rem;margin-top:1.4rem}.filters button{background:none;border:0;padding:.2rem 0;font:inherit;font-weight:700;color:var(--ink-soft);cursor:pointer;box-shadow:inset 0 -2px 0 transparent}.filters button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--signal)}.groups{display:grid;gap:2.5rem;margin-top:2rem}.groups h2{font-size:clamp(1.6rem,3vw,2.2rem)}.groups ul{margin:.6rem 0 0;padding:0;list-style:none;columns:2;column-gap:2rem}.groups li{break-inside:avoid;margin:0 0 .45rem}.groups a{color:var(--pine);font-weight:600}.coupon{margin-top:1.5rem;max-width:36rem}.coupon code{display:inline-block;margin:.4rem 0;padding:.15rem .35rem;background:var(--foam);font-family:var(--font-display);font-size:1.6rem;font-weight:800;letter-spacing:.04em}.note{color:var(--ink-soft);font-size:.95rem}.site-footer{padding:2rem var(--space) 2.5rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;justify-content:space-between;color:var(--ink-soft);font-size:.95rem}.site-footer a{color:var(--ink);font-weight:600}.empty{margin-top:1.5rem;color:var(--ink-soft)}@media(max-width:640px){.groups ul{columns:1}.page-header{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.hero-media,.hero-copy,.piece{animation:none}html{scroll-behavior:auto}}@keyframes drift{0%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}