@layer reset, base, layout, components, utilities;

@layer reset {
  *,*::before,*::after{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body,h1,h2,h3,p,figure,blockquote,dl,dd{margin:0}
  ul{margin:0;padding:0}
  img,picture{display:block;max-width:100%}
  button,input,textarea{font:inherit}
}

@layer base {
  :root{
    color-scheme:dark;
    --night:#090b0a;--ink:#fffdf7;--cream:#f0eadf;--silver:#b9beb7;--muted:#858b84;
    --surface:#141915;--surface-2:#1a211c;--forest:#1e3929;--green:#5f936e;--amber:#f1b34b;--amber-hot:#ffc766;
    --line:rgba(255,255,255,.12);--line-strong:rgba(255,255,255,.22);--max:1240px;
    --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --display:Georgia,"Times New Roman",serif;--shadow:0 24px 70px rgba(0,0,0,.45);
  }
  body{min-width:320px;background:var(--night);color:var(--ink);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased}
  body::before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 78% 2%,rgba(55,112,77,.22),transparent 34%),linear-gradient(160deg,#0e130f 0%,#090b0a 58%,#0d120f 100%)}
  body::after{content:"";position:fixed;inset:0;z-index:-1;opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}
  a{color:inherit;text-decoration-color:rgba(241,179,75,.65);text-underline-offset:.22em}
  a:hover{color:var(--amber-hot)}
  :focus-visible{outline:3px solid var(--amber);outline-offset:4px;border-radius:5px}
  ::selection{background:var(--amber);color:var(--night)}
  h1,h2,h3{font-family:var(--sans);font-weight:800;line-height:.98;letter-spacing:-.045em;text-wrap:balance}
  h1{font-size:clamp(3.3rem,8.3vw,7.8rem)}
  h2{font-size:clamp(2.35rem,5vw,4.8rem)}
  h3{font-size:clamp(1.25rem,2vw,1.65rem);letter-spacing:-.025em;line-height:1.1}
  p{max-width:68ch;color:var(--silver)}
  small{color:var(--muted)}
}

@layer layout {
  .shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
  .site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);background:rgba(9,11,10,.9);backdrop-filter:blur(18px)}
  .header-inner{min-height:78px;display:flex;align-items:center;gap:24px}
  .brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}
  .brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--amber);color:#111510;font-weight:900;font-family:var(--display);font-size:1.3rem}
  .brand-text{display:grid;line-height:1.1}.brand-text strong{text-transform:uppercase;letter-spacing:.11em;font-size:.78rem}.brand-text small{font-size:.66rem;margin-top:4px;letter-spacing:.04em}
  .nav-list{list-style:none;display:flex;align-items:center;gap:clamp(10px,2vw,28px)}
  .nav-list a{min-height:44px;display:flex;align-items:center;text-decoration:none;color:var(--silver);font-size:.8rem;font-weight:700}
  .nav-list a[aria-current="page"]{color:var(--ink)}
  .header-shop{min-height:42px;display:inline-flex;align-items:center;padding:0 19px;border-radius:999px;background:var(--amber);color:#111510;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:900}
  .header-shop:hover{background:var(--amber-hot);color:#111510}
  .menu-button{display:none;min-width:44px;min-height:44px;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--ink)}
  main{overflow:hidden}
  section{padding-block:clamp(76px,9vw,132px)}
  .footer{border-top:1px solid var(--line);padding:80px 0 30px;background:#080a09}
  .footer-top{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,1fr);gap:80px}.footer-top h2{margin:8px 0 20px;max-width:10ch}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:38px}.footer-links ul{list-style:none;margin-top:16px;display:grid;gap:6px}.footer-links a{min-height:42px;display:inline-flex;align-items:center}.footer-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--amber);font-weight:850}.footer-meta{margin-top:65px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}
}

@layer components {
  .skip-link{position:fixed;top:10px;left:10px;z-index:100;transform:translateY(-160%);padding:12px 18px;background:var(--amber);color:#090b0a;font-weight:900}.skip-link:focus{transform:none}
  .eyebrow,.product-category{color:var(--amber);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:900}
  .button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 22px;border:1px solid var(--amber);border-radius:999px;background:var(--amber);color:#10140f;text-decoration:none;font-weight:900;font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;transition:transform .2s ease,background .2s ease}
  .button:hover{background:var(--amber-hot);color:#10140f;transform:translateY(-2px)}
  .button--ghost{background:transparent;border-color:var(--line-strong);color:var(--ink)}.button--ghost:hover{background:var(--surface-2);color:var(--ink)}
  .actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:28px}.actions--center{justify-content:center}.disclosure{display:block;margin-top:12px;font-size:.74rem}.text-link{min-height:44px;display:inline-flex;align-items:center;font-weight:800}

  .hero{padding-top:clamp(48px,6vw,84px);padding-bottom:clamp(76px,8vw,112px)}
  .hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);align-items:center;gap:clamp(45px,7vw,100px);min-height:640px}
  .hero-copy{position:relative;z-index:4}.hero-copy h1{margin-top:18px;max-width:8ch}.hero-copy h1 span{display:block;color:var(--amber);font-family:var(--display);font-weight:500;font-style:italic;letter-spacing:-.055em}.hero-copy .lede{font-size:clamp(1.05rem,1.4vw,1.25rem);margin-top:26px;max-width:52ch}
  .hero-products{position:relative;min-height:590px}.hero-product{position:absolute;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.hero-product picture,.hero-product img{width:100%;height:100%}.hero-product img{object-fit:cover}.hero-product--main{width:65%;aspect-ratio:1;right:5%;top:12%;z-index:2;transform:rotate(2deg)}.hero-product--top{width:42%;aspect-ratio:1;left:0;top:0;z-index:1;transform:rotate(-6deg)}.hero-product--bottom{width:38%;aspect-ratio:1;left:5%;bottom:0;z-index:3;transform:rotate(5deg)}.hero-stamp{position:absolute;right:0;bottom:4%;z-index:4;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--amber);color:#10140f;text-transform:uppercase;letter-spacing:.11em;font-size:.65rem;font-weight:950;line-height:1.4;transform:rotate(-8deg);box-shadow:0 12px 30px rgba(0,0,0,.35)}

  .category-bar{padding:0;border-block:1px solid var(--line);background:var(--surface)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr)}.category-grid a{min-height:116px;padding:23px 28px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;column-gap:16px;align-items:center;text-decoration:none;border-right:1px solid var(--line);transition:background .2s ease}.category-grid a:last-child{border-right:0}.category-grid a:hover{background:var(--surface-2);color:var(--ink)}.category-grid span{grid-row:1/3;color:var(--amber);font-family:var(--display);font-size:1.35rem}.category-grid strong{align-self:end;font-size:1.08rem}.category-grid small{align-self:start}

  .section-heading{display:grid;grid-template-columns:1fr minmax(280px,440px);gap:60px;align-items:end;margin-bottom:44px}.section-heading h2{margin-top:10px}.section-heading>p{padding-bottom:5px}
  .product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .product-card{min-width:0;border-radius:14px;overflow:hidden;background:var(--surface);box-shadow:0 8px 30px rgba(0,0,0,.22);transition:transform .24s ease,background .24s ease}.product-card:hover{transform:translateY(-5px);background:var(--surface-2)}
  .product-image{display:block;position:relative;aspect-ratio:1;background:#f7f7f5;overflow:hidden}.product-image picture,.product-image img{width:100%;height:100%}.product-image img{object-fit:cover;transition:transform .4s ease}.product-card:hover .product-image img{transform:scale(1.025)}
  .product-copy{padding:24px 24px 26px}.product-copy h3{margin:10px 0 12px}.product-copy>p:not(.product-category){font-size:.93rem;min-height:2.9em}.product-link{min-height:46px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--ink);text-decoration:none;font-size:.77rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}

  .brand-story{padding-bottom:0}.story-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:center;gap:clamp(45px,8vw,110px)}.story-art{min-height:560px;display:grid;place-items:end center;background:radial-gradient(circle at 50% 65%,rgba(95,147,110,.32),transparent 52%),var(--surface);border-radius:20px 20px 0 0;overflow:hidden}.story-art picture,.story-art img{width:100%}.story-art img{object-fit:contain;object-position:center bottom}.story-copy h2{margin:12px 0 24px}.story-copy p+p{margin-top:16px}.story-photo{border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
  .etsy-handoff{border-block:1px solid var(--line);background:linear-gradient(110deg,var(--forest),var(--surface))}.handoff-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.handoff-grid h2{margin-top:10px;max-width:10ch}.handoff-grid>div:last-child{padding-bottom:5px}

  .shop-hero,.page-hero{padding-top:clamp(72px,9vw,120px);padding-bottom:clamp(62px,7vw,98px);border-bottom:1px solid var(--line)}.shop-title-row{display:grid;grid-template-columns:1fr minmax(300px,450px);gap:60px;align-items:end;margin-top:20px}.shop-title-row h1{max-width:10ch}.shop-title-row>p{font-size:1.08rem;padding-bottom:8px}.shop-index{display:flex;gap:10px;flex-wrap:wrap;margin-top:44px}.shop-index a{min-height:44px;display:inline-flex;align-items:center;gap:12px;padding:0 17px;border:1px solid var(--line-strong);border-radius:999px;text-decoration:none;font-size:.8rem;font-weight:800}.shop-index span{color:var(--amber)}
  .catalog{padding-top:64px}.catalog-group{scroll-margin-top:95px}.catalog-group+.catalog-group{margin-top:72px}.catalog-anchor{margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--line);color:var(--cream);font-size:.77rem;letter-spacing:.16em;text-transform:uppercase;font-weight:900;display:flex;align-items:center;justify-content:space-between;gap:16px}.catalog-anchor small{letter-spacing:.12em}.anchor-target{display:block;scroll-margin-top:95px}
  .page-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:end;gap:70px}.page-hero h1{margin-top:17px;max-width:11ch}.page-hero .lede{font-size:clamp(1.05rem,1.5vw,1.28rem);padding-bottom:8px}.page-hero--compact h1{font-size:clamp(3.1rem,6.8vw,6.2rem)}
  .values{border-top:1px solid var(--line);background:var(--surface)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr)}.values article{padding:0 40px;min-height:220px;border-right:1px solid var(--line)}.values article:first-child{padding-left:0}.values article:last-child{border-right:0;padding-right:0}.values span{color:var(--amber);font-family:var(--display);font-size:1.2rem}.values h3{margin:40px 0 12px}
  .legend-grid{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);gap:clamp(50px,8vw,120px);align-items:center}.legend-art{border-radius:18px;background:radial-gradient(circle at 50% 60%,rgba(95,147,110,.3),transparent 55%),var(--surface);overflow:hidden}.legend-copy dl>div{display:grid;grid-template-columns:115px 1fr;gap:28px;padding:28px 0;border-top:1px solid var(--line)}.legend-copy dt{color:var(--amber);font-family:var(--display);font-size:1.4rem}.legend-copy dd{color:var(--silver)}.source-note{margin-top:26px;font-size:.9rem}
  .contact-card{display:grid;grid-template-columns:1fr minmax(300px,.65fr);gap:70px;align-items:center;padding:clamp(34px,6vw,74px);border:1px solid var(--line);border-radius:18px;background:var(--surface)}.contact-card h2{font-size:clamp(2.2rem,4vw,4rem);margin:12px 0 20px}.prose{width:min(calc(100% - 40px),780px);margin-inline:auto}.prose h2{font-size:clamp(1.8rem,3vw,2.65rem);margin:55px 0 16px}.prose p+p{margin-top:16px}
  .error-page{min-height:74svh;display:grid;place-items:center;text-align:center}.error-code{font-family:var(--display);font-size:clamp(8rem,25vw,19rem);line-height:.72;color:transparent;-webkit-text-stroke:1px rgba(241,179,75,.55)}.error-page h1{font-size:clamp(2.8rem,6vw,5.8rem);margin:30px 0 18px}.error-page p{margin-inline:auto}
}

@layer utilities {
  .visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}

@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{max-width:720px}.hero-products{min-height:560px;width:min(100%,700px);margin:0 auto}.story-grid{grid-template-columns:1fr}.story-art{min-height:480px}.section-heading,.shop-title-row,.page-hero-grid,.handoff-grid{grid-template-columns:1fr;gap:28px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top{grid-template-columns:1fr;gap:55px}.legend-grid{grid-template-columns:1fr}.legend-art{max-width:650px;margin-inline:auto}.contact-card{grid-template-columns:1fr}.header-shop{display:none}
}

@media(max-width:720px){
  .shell{width:min(calc(100% - 28px),var(--max))}.header-inner{min-height:70px}.brand-text small{display:none}.menu-button{display:block}.primary-nav{position:absolute;top:70px;left:0;right:0;background:#0b0e0c;border-bottom:1px solid var(--line)}.menu-button[aria-expanded="false"] + .primary-nav,.primary-nav[hidden]{display:none}.nav-list{display:grid;padding:12px 20px 20px}.nav-list a{font-size:.95rem}.hero{padding-top:45px}.hero-copy h1{font-size:clamp(3.3rem,15.5vw,5.6rem)}.hero-products{min-height:430px}.hero-product--main{width:66%;right:0;top:13%}.hero-product--top{width:43%}.hero-product--bottom{width:38%;left:1%}.hero-stamp{width:88px;height:88px;font-size:.54rem;right:0}.category-grid{grid-template-columns:1fr}.category-grid a{min-height:82px;border-right:0;border-bottom:1px solid var(--line);grid-template-columns:45px 1fr auto;grid-template-rows:1fr}.category-grid a:last-child{border-bottom:0}.category-grid span{grid-row:1}.category-grid strong{align-self:center}.category-grid small{align-self:center}.section-heading{margin-bottom:30px}.values-grid{grid-template-columns:1fr}.values article,.values article:first-child,.values article:last-child{padding:30px 0;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.values article:last-child{border-bottom:0}.values h3{margin:18px 0 10px}.footer-links{grid-template-columns:1fr 1fr}.legend-copy dl>div{grid-template-columns:75px 1fr;gap:18px}.story-art{min-height:360px}
}

@media(max-width:520px){
  h2{font-size:clamp(2.15rem,11vw,3.2rem)}section{padding-block:68px}.product-grid{grid-template-columns:1fr;gap:18px}.product-copy>p:not(.product-category){min-height:0}.hero-products{min-height:355px}.hero-product--main{width:68%}.hero-product--top{width:43%}.hero-product--bottom{width:40%}.hero-stamp{width:76px;height:76px}.actions{align-items:stretch}.actions .button{width:100%}.footer-links{grid-template-columns:1fr}.page-hero h1{font-size:clamp(3rem,15vw,4.5rem)}.shop-title-row h1{font-size:clamp(3rem,15vw,4.7rem)}.contact-card{padding:30px 22px}.legend-copy dl>div{grid-template-columns:1fr;gap:8px}.story-photo{border-radius:12px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}