:root{--color-bg: #fbfaf8;--color-surface: #f3f1ed;--color-text: #1a1915;--color-muted: #5e5b53;--color-border: #e3dfd7;--color-primary: #16574a;--color-primary-contrast: #ffffff;--color-accent: #b5532c;--color-accent-contrast: #ffffff;--color-success: #1f7a4d;--color-warning: #9a5b06;--color-danger: #b42318;--color-surface-2: color-mix(in oklab, var(--color-surface) 93%, var(--color-text));--color-border-strong: color-mix(in oklab, var(--color-border) 82%, var(--color-text));--color-primary-hover: color-mix(in oklab, var(--color-primary) 86%, black);--color-primary-soft: color-mix(in oklab, var(--color-primary) 9%, var(--color-bg));--color-accent-soft: color-mix(in oklab, var(--color-accent) 12%, var(--color-bg));--color-success-soft: color-mix(in oklab, var(--color-success) 11%, var(--color-bg));--color-warning-soft: color-mix(in oklab, var(--color-warning) 12%, var(--color-bg));--color-focus: color-mix(in oklab, var(--color-primary) 70%, var(--color-bg));--focus-ring: 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-focus);--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: ui-serif, "New York", "Iowan Old Style", Charter, "Bitstream Charter", Georgia, serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--text-xl: clamp(1.25rem, 1.12rem + .55vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.27rem + 1vw, 2rem);--text-3xl: clamp(1.875rem, 1.45rem + 1.9vw, 2.75rem);--text-4xl: clamp(2.25rem, 1.55rem + 3vw, 3.5rem);--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.6;--tracking-tight: -.015em;--tracking-wide: .08em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-section: clamp(2.5rem, 1.8rem + 3vw, 4.5rem);--space-gutter: clamp(1rem, .6rem + 1.6vw, 2rem);--space-container: 72rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1.25rem;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgb(26 25 21 / .05);--shadow-sm: 0 1px 2px rgb(26 25 21 / .04), 0 2px 6px rgb(26 25 21 / .05);--shadow-md: 0 2px 4px rgb(26 25 21 / .04), 0 10px 24px -6px rgb(26 25 21 / .1);--shadow-lg: 0 4px 8px rgb(26 25 21 / .04), 0 24px 48px -12px rgb(26 25 21 / .16);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--duration-fast: .14s;--duration-base: .2s;--card-media-ratio: 1 / 1;--hero-media-ratio: 4 / 5;--header-height: 3.75rem;--z-header: 50}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-sans);font-size:100%;line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:light;scroll-padding-top:calc(var(--header-height) + var(--space-4))}body{margin:0;min-height:100dvh;display:flex;flex-direction:column}main{flex:1}img,svg,video{display:block;max-width:100%;height:auto}::selection{background:var(--color-primary-soft);color:var(--color-text)}:where(a){color:var(--color-primary);text-decoration-thickness:1px;text-underline-offset:.2em;transition:color var(--duration-fast) ease}@media(hover:hover)and (pointer:fine){:where(a):hover{color:var(--color-primary-hover)}}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}:where(h1,h2,h3,h4){margin:0 0 .5em;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-weight:var(--weight-semibold);text-wrap:balance}:where(h1){font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-medium)}:where(h2){font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-medium);margin-top:1.6em}:where(h3){font-size:var(--text-lg);margin-top:1.4em}:where(h4){font-size:var(--text-base)}:where(h1,h2,h3,h4):first-child{margin-top:0}:where(p,ul,ol,dl,blockquote,table,figure,pre){margin:0 0 1em}:where(p,li){text-wrap:pretty}:where(ul,ol){padding-left:1.25em}:where(li+li){margin-top:.3em}:where(strong,b){font-weight:var(--weight-semibold)}:where(small){font-size:var(--text-sm)}:where(hr){border:0;border-top:1px solid var(--color-border);margin:var(--space-8) 0}:where(blockquote){padding:var(--space-3) var(--space-5);border-left:3px solid var(--color-primary);background:var(--color-primary-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0}:where(blockquote)>:last-child{margin-bottom:0}:where(code,kbd,samp,pre){font-family:var(--font-mono);font-size:.9em}:where(:not(pre)>code){padding:.1em .35em;background:var(--color-surface);border-radius:var(--radius-sm)}:where(pre){padding:var(--space-4);overflow-x:auto;background:var(--color-surface);border-radius:var(--radius-md)}:where(table){display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:tabular-nums}:where(th,td){padding:var(--space-2) var(--space-3);text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border)}:where(th){font-weight:var(--weight-semibold);background:var(--color-surface);white-space:nowrap}:where(button,input,select,textarea){font:inherit;color:inherit}:where(input:not([type=checkbox],[type=radio],[type=submit],[type=button]),select,textarea){min-height:2.75rem;padding:var(--space-2) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}:where(input,select,textarea):focus-visible{border-color:var(--color-primary)}:where(label){font-size:var(--text-sm);font-weight:var(--weight-medium)}.container{width:100%;max-width:var(--space-container);margin-inline:auto;padding-inline:var(--space-gutter)}.skip-link{position:absolute;top:var(--space-2);left:var(--space-2);z-index:calc(var(--z-header) + 1);padding:var(--space-2) var(--space-4);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-md);transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.eyebrow{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary)}.lead{font-size:var(--text-lg);color:var(--color-muted);max-width:60ch}.muted{color:var(--color-muted)}.badge{display:inline-flex;align-items:center;gap:.375em;padding:.2em .6em;font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.4;color:var(--color-muted);background:var(--color-surface);border-radius:var(--radius-pill)}.btn{--btn-bg: var(--color-primary);--btn-bg-hover: var(--color-primary-hover);--btn-fg: var(--color-primary-contrast);--btn-border: transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.75rem;padding:.625rem 1.25rem;font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;color:var(--btn-fg);background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius-md);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) ease,border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}@media(hover:hover)and (pointer:fine){.btn:hover{background:var(--btn-bg-hover);color:var(--btn-fg)}}.btn:active{transform:scale(.97)}.btn:focus-visible{border-radius:var(--radius-md)}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-secondary{--btn-bg: var(--color-bg);--btn-bg-hover: var(--color-surface);--btn-fg: var(--color-text);--btn-border: var(--color-border-strong)}.btn-ghost{--btn-bg: transparent;--btn-bg-hover: var(--color-primary-soft);--btn-fg: var(--color-primary)}.btn-accent{--btn-bg: var(--color-accent);--btn-bg-hover: color-mix(in oklab, var(--color-accent) 86%, black);--btn-fg: var(--color-accent-contrast)}.btn-sm{min-height:2.25rem;padding:.4rem .875rem}.btn-lg{min-height:3.25rem;padding:.875rem 1.75rem;font-size:var(--text-base)}.btn-block{width:100%}.site-header{background:var(--color-bg);border-bottom:1px solid var(--color-border)}.site-header[data-sticky]{position:sticky;top:0;z-index:var(--z-header);background:color-mix(in oklab,var(--color-bg) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--header-height)}.brand-logo{flex-shrink:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);color:var(--color-text);text-decoration:none}.site-header nav{display:flex;gap:var(--space-1);min-width:0;overflow-x:auto;scrollbar-width:none;padding:var(--space-1);margin:calc(var(--space-1) * -1)}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{flex-shrink:0;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-muted);text-decoration:none;border-radius:var(--radius-sm);transition:color var(--duration-fast) ease,background-color var(--duration-fast) ease}@media(hover:hover)and (pointer:fine){.site-header nav a:hover{color:var(--color-text);background:var(--color-surface)}}.site-header nav a[aria-current=page]{color:var(--color-text);background:var(--color-surface)}.site-header__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.site-footer{margin-top:var(--space-section);padding-block:var(--space-12) var(--space-8);font-size:var(--text-sm);color:var(--color-muted);background:var(--color-surface);border-top:1px solid var(--color-border)}.site-footer a{color:var(--color-muted);text-decoration:none}@media(hover:hover)and (pointer:fine){.site-footer a:hover{color:var(--color-text);text-decoration:underline}}.site-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:var(--space-8) var(--space-6)}.site-footer__brand{grid-column:1 / -1;max-width:34ch}@media(min-width:48rem){.site-footer__grid{grid-template-columns:minmax(14rem,1.6fr) repeat(auto-fit,minmax(10rem,1fr))}.site-footer__brand{grid-column:auto}}.site-footer__brand strong{display:block;margin-bottom:var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--color-text)}.site-footer__brand p{margin-bottom:var(--space-3)}.site-footer__col h2{margin:0 0 var(--space-3);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text)}.site-footer__col ul{margin:0;padding:0;list-style:none}.site-footer__col li+li{margin-top:var(--space-2)}.site-footer__note{margin-top:var(--space-8);font-size:var(--text-xs)}.site-footer__note>:last-child{margin-bottom:0}.site-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-6);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border);font-size:var(--text-xs)}.site-footer nav{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5)}.hero{display:grid;gap:var(--space-8);align-items:center;padding-block:var(--space-section)}@media(min-width:56rem){.hero[data-has-media]{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-12)}}.hero__title{margin:0 0 var(--space-4);font-size:var(--text-4xl);max-width:18ch}.hero__subtitle{margin:0 0 var(--space-6)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero__extra{margin-top:var(--space-8)}.hero__media{margin:0}.hero__media img{width:100%;aspect-ratio:var(--hero-media-ratio);object-fit:cover;background:var(--color-surface);border-radius:var(--radius-lg)}.fact-list{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);margin:0;padding:0;list-style:none;font-size:var(--text-sm);color:var(--color-muted)}.fact-list li{margin:0}.section{padding-block:calc(var(--space-section) / 2)}.section[data-tone=surface]{padding-block:var(--space-section);margin-block:calc(var(--space-section) / 2);background:var(--color-surface);box-shadow:0 0 0 100vmax var(--color-surface);clip-path:inset(0 -100vmax)}.section__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3) var(--space-6);margin-bottom:var(--space-8)}.section__head>div{max-width:60ch}.section__title{margin:0}.section__intro{margin:var(--space-3) 0 0;color:var(--color-muted)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));gap:var(--space-3)}@media(min-width:40rem){.product-grid{grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:var(--space-6)}}.product-card{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) ease}@media(hover:hover)and (pointer:fine){.product-card:hover{transform:translateY(-2px);border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}}.product-card:has(:focus-visible){box-shadow:var(--focus-ring)}.product-card__media{position:relative;aspect-ratio:var(--card-media-ratio);background:var(--color-surface)}.product-card__media img{width:100%;height:100%;object-fit:cover;color:transparent}.product-card__placeholder{display:grid;place-items:center;height:100%;font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-border-strong)}.product-card[data-availability=OutOfStock] .product-card__media>*{opacity:.55;filter:grayscale(.6)}.product-card__body{display:flex;flex:1;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-3) var(--space-4)}@media(min-width:40rem){.product-card__body{padding:var(--space-4) var(--space-4) var(--space-5)}}.product-card__category{margin:0;font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.04em;color:var(--color-muted)}.product-card__title{margin:0;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:0}@media(min-width:40rem){.product-card__title{font-size:var(--text-base)}}.product-card__title a{color:var(--color-text);text-decoration:none}.product-card__title a:after{content:"";position:absolute;inset:0}.product-card__title a:focus-visible{box-shadow:none}.product-card__meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-1) var(--space-2);margin-top:auto;padding-top:var(--space-3)}.product-card .price{font-size:var(--text-lg);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight);color:var(--color-text)}.availability{display:inline-flex;align-items:center;gap:.4em;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-muted)}.availability:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:currentColor}.availability[data-state=InStock]{color:var(--color-success)}.availability[data-state=PreOrder]{color:var(--color-warning)}.availability[data-state=OutOfStock]{color:var(--color-muted)}.product-card__cta{margin-top:var(--space-3);pointer-events:none}@media(hover:hover)and (pointer:fine){.product-card:hover .product-card__cta{background:var(--btn-bg-hover)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.product-card:hover,.btn:active{transform:none}}