:root{--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4rem;--sp-9: 6rem;--sp-10: 8rem;--section-pad: clamp(3.5rem, 2.25rem + 5vw, 7.5rem);--section-pad-tight: clamp(2.5rem, 1.75rem + 3vw, 4.5rem);--gutter: clamp(1rem, .5rem + 2.5vw, 3rem);--page-max: 82.5rem;--page-wide: 95rem;--page-narrow: 47.5rem;--fs-display: clamp(2.75rem, 1.55rem + 5.2vw, 6rem);--fs-h1: clamp(2.25rem, 1.45rem + 3.4vw, 4.25rem);--fs-h2: clamp(1.875rem, 1.3rem + 2.4vw, 3.25rem);--fs-h3: clamp(1.375rem, 1.15rem + .9vw, 1.875rem);--fs-h4: clamp(1.125rem, 1.05rem + .3vw, 1.3125rem);--fs-lead: clamp(1.0625rem, 1rem + .35vw, 1.25rem);--fs-body: 1rem;--fs-sm: .875rem;--fs-xs: .75rem;--lh-tight: 1.02;--lh-heading: 1.1;--lh-body: 1.6;--tracking-label: .14em;--r-0: 0;--r-btn: 2px;--r-sm: 4px;--r-md: 8px;--r-lg: 14px;--r-pill: 999px;--border: 1px solid var(--c-line);--sh-1: 0 1px 2px rgb(43 26 19 / .06), 0 6px 18px rgb(43 26 19 / .06);--sh-2: 0 18px 48px rgb(43 26 19 / .18);--t-fast: .15s;--t-base: .25s;--t-slow: .45s;--ease: cubic-bezier(.2, .7, .2, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--z-header: 30;--z-sticky: 40;--z-toast: 60;--header-h: 64px}@media(min-width:990px){:root{--header-h: 76px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + var(--sp-4))}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:var(--c-bg);color:var(--c-ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}main{flex:1 0 auto}img,video,svg{display:block;max-width:100%}img{height:auto}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--c-primary)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}p{margin:0 0 var(--sp-4)}p:last-child{margin-bottom:0}:where(ul[role=list],ol[role=list]){list-style:none;margin:0;padding:0}hr{border:0;border-top:var(--border);margin:var(--sp-6) 0}:focus{outline:none}:focus-visible{outline:2px solid var(--c-focus);outline-offset:3px;border-radius:2px}::selection{background:var(--c-primary);color:var(--c-on-primary)}[hidden]{display:none!important}.skip-link{position:absolute;top:var(--sp-2);left:var(--sp-2);z-index:100;padding:var(--sp-3) var(--sp-4);background:var(--c-ink);color:var(--c-bg);transform:translateY(-200%)}.skip-link:focus{transform:none}.container{width:min(100% - 2 * var(--gutter),var(--page-max));margin-inline:auto}.container--wide{width:min(100% - 2 * var(--gutter),var(--page-wide))}.container--narrow{width:min(100% - 2 * var(--gutter),var(--page-narrow))}.container--bleed-mobile{width:100%}@media(min-width:750px){.container--bleed-mobile{width:min(100% - 2 * var(--gutter),var(--page-max))}}.section{padding-block:var(--section-pad)}.section--tight{padding-block:var(--section-pad-tight)}.section--flush-top{padding-top:0}.section--flush-bottom{padding-bottom:0}.section-head{display:grid;gap:var(--sp-3);margin-bottom:clamp(var(--sp-6),4vw,var(--sp-8));max-width:44rem}.section-head--center{margin-inline:auto;text-align:center;justify-items:center}.section-head>.btn,.section-head>a{justify-self:start}.section-head--center>.btn,.section-head--center>a{justify-self:center}@media(min-width:750px){.section-head--split>.btn,.section-head--split>a{justify-self:end}}.section-head--split{max-width:none;grid-template-columns:1fr;align-items:end}@media(min-width:750px){.section-head--split{grid-template-columns:1fr auto;gap:var(--sp-6)}}.scheme-cream,.scheme-sand,.scheme-tan,.scheme-peanut{--c-ink: var(--c-ink-base);--c-ink-soft: var(--c-ink-soft-base);--c-line: var(--c-line-base);--c-focus: var(--c-primary);color:var(--c-ink)}.scheme-cream{--c-surface-local: var(--c-bg);background:var(--c-bg)}.scheme-sand{--c-surface-local: var(--c-sand);background:var(--c-sand)}.scheme-tan{--c-surface-local: var(--c-tan);background:var(--c-tan)}.scheme-peanut{--c-surface-local: var(--c-peanut);--c-ink-soft: var(--c-ink-base);background:var(--c-peanut)}.scheme-cocoa,.scheme-rust{--c-ink: var(--c-cream-on-dark);--c-ink-soft: rgb(255 248 236 / .74);--c-line: rgb(255 248 236 / .18);--c-focus: var(--c-cream-on-dark);color:var(--c-ink)}.scheme-cocoa{--c-surface-local: var(--c-cocoa);background:var(--c-cocoa)}.scheme-rust{--c-surface-local: var(--c-primary);--c-ink-soft: rgb(255 248 236 / .9);background:var(--c-primary)}.scheme-cocoa .eyebrow{color:var(--c-accent-on-dark)}.scheme-rust .eyebrow{color:var(--c-cream-on-dark)}.scheme-cocoa .btn--primary,.scheme-rust .btn--primary{--btn-bg: var(--c-cream-on-dark);--btn-fg: var(--c-cocoa);--btn-bg-hover: #fff;--btn-fg-hover: var(--c-cocoa)}.scheme-cocoa .btn--secondary,.scheme-rust .btn--secondary{--btn-border: var(--c-cream-on-dark);--btn-fg: var(--c-cream-on-dark);--btn-bg-hover: var(--c-cream-on-dark);--btn-fg-hover: var(--c-cocoa)}.grid{display:grid;gap:var(--grid-gap, var(--sp-5))}@media(min-width:750px){.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:990px){.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:750px)and (max-width:989px){.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}.rail{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:var(--rail-item, 78%);gap:var(--rail-gap, var(--sp-4));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding-inline:var(--gutter);padding-bottom:var(--sp-2);scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start;min-width:0}@media(min-width:750px){.rail{--rail-item: 42%}}@media(min-width:990px){.rail.rail--to-grid{grid-auto-flow:row;grid-template-columns:repeat(var(--rail-cols, 4),minmax(0,1fr));overflow:visible;padding-inline:0;scroll-snap-type:none;width:min(100% - 2 * var(--gutter),var(--page-max));margin-inline:auto}}.rail-controls{display:none;gap:var(--sp-2)}@media(min-width:750px){.rail-controls{display:flex}}h1,h2,h3,h4,.h-display,.h1,.h2,.h3,.h4{margin:0;font-family:var(--font-display);font-weight:600;line-height:var(--lh-heading);letter-spacing:-.015em;color:inherit;text-wrap:balance}.h-display{font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:-.025em}h1,.h1{font-size:var(--fs-h1);line-height:1.04;letter-spacing:-.02em}h2,.h2{font-size:var(--fs-h2);line-height:1.06}h3,.h3{font-size:var(--fs-h3)}h4,.h4{font-size:var(--fs-h4);letter-spacing:-.005em}.h-accent,em.h-accent,h1 em,h2 em,.h-display em{font-family:var(--font-display-italic);font-style:italic;font-weight:400;letter-spacing:-.01em}.eyebrow{display:inline-block;font-family:var(--font-body);font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--c-primary)}.lead{font-size:var(--fs-lead);line-height:1.55;color:var(--c-ink-soft)}.text-soft{color:var(--c-ink-soft)}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}.text-center{text-align:center}.rte>*+*{margin-top:var(--sp-4)}.rte h2,.rte h3,.rte h4{margin-top:var(--sp-6)}.rte ul,.rte ol{padding-left:1.25em}.rte li+li{margin-top:var(--sp-2)}.rte a{color:var(--c-primary)}.rte img{border-radius:var(--r-md)}.rte table{width:100%;border-collapse:collapse}.rte td,.rte th{padding:var(--sp-2) var(--sp-3);border-bottom:var(--border);text-align:left}.btn{--btn-bg: transparent;--btn-fg: var(--c-ink);--btn-border: transparent;--btn-bg-hover: var(--btn-bg);--btn-fg-hover: var(--btn-fg);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:3.25rem;padding:0 var(--sp-6);border:1.5px solid var(--btn-border);border-radius:var(--r-btn);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;letter-spacing:.08em;line-height:1.1;text-transform:uppercase;text-decoration:none;text-align:center;white-space:nowrap;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);-webkit-tap-highlight-color:transparent}.btn:hover{background:var(--btn-bg-hover);color:var(--btn-fg-hover);border-color:var(--btn-border-hover, var(--btn-border))}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.btn--primary{--btn-bg: var(--c-primary);--btn-fg: var(--c-on-primary);--btn-bg-hover: var(--c-primary-hover);--btn-fg-hover: var(--c-on-primary)}.btn--dark{--btn-bg: var(--c-cocoa);--btn-fg: var(--c-cream-on-dark);--btn-bg-hover: #000;--btn-fg-hover: #fff}.btn--secondary{--btn-border: currentColor;--btn-fg: var(--c-ink);--btn-bg-hover: var(--c-ink);--btn-fg-hover: var(--c-bg);--btn-border-hover: var(--c-ink)}.btn--link{min-height:auto;padding:var(--sp-1) 0;border:0;letter-spacing:.06em;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.35em}.btn--link:hover{color:var(--c-primary)}.btn--sm{min-height:2.5rem;padding:0 var(--sp-4);font-size:var(--fs-xs)}.btn--lg{min-height:3.5rem;padding:0 var(--sp-7)}.btn--block{width:100%}.btn .icon{width:1.125em;height:1.125em;flex:none}.btn[aria-busy=true]{color:transparent;pointer-events:none}.btn[aria-busy=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:1.25rem;height:1.25rem;border:2px solid var(--btn-fg);border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.btn-group{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}.icon-btn{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:var(--r-pill);background:transparent;color:inherit;position:relative;transition:background-color var(--t-fast) var(--ease)}.icon-btn:hover{background:#0000000f;color:inherit}.icon-btn--outline{border:var(--border)}.icon-btn .icon{width:1.375rem;height:1.375rem}.icon{width:1.25rem;height:1.25rem;flex:none}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:2.25rem;padding:0 var(--sp-4);border:1px solid var(--c-line);border-radius:var(--r-pill);background:transparent;font-size:var(--fs-sm);line-height:1.2;text-decoration:none;transition:border-color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.chip:hover{border-color:var(--c-ink);color:inherit}.chip[aria-current=true],.chip.is-active{border-color:var(--c-ink);background:var(--c-ink);color:var(--c-bg)}.chip--static{pointer-events:none;min-height:1.875rem;padding:0 var(--sp-3);font-size:var(--fs-xs);background:var(--c-surface-local, transparent)}.chip__swatch{width:.875rem;height:.875rem;border-radius:50%;background:var(--swatch, var(--c-tan));box-shadow:inset 0 0 0 1px #0000001f}.chip[aria-current=true] .chip__swatch,.chip.is-active .chip__swatch{box-shadow:0 0 0 1.5px #ffffffd9}.field{display:grid;gap:var(--sp-2)}.field__label{font-size:var(--fs-sm);font-weight:600}.input,.select{width:100%;min-height:3rem;padding:0 var(--sp-4);border:1px solid var(--c-line-strong);border-radius:var(--r-sm);background:var(--c-field);color:var(--c-ink);transition:border-color var(--t-fast) var(--ease)}textarea.input{padding:var(--sp-3) var(--sp-4);min-height:8rem;resize:vertical}.input:hover,.select:hover{border-color:var(--c-ink)}.input:focus-visible,.select:focus-visible{outline:2px solid var(--c-focus);outline-offset:1px}.input::placeholder{color:var(--c-ink-soft)}.select{-webkit-appearance:none;appearance:none;padding-right:var(--sp-7);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath stroke='%232b1a13' stroke-width='1.5' d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-4) center}.form-message{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);font-size:var(--fs-sm)}.form-message--error{background:#fbe9e4;color:#8a1f06}.form-message--success{background:#eaf1e4;color:#2d4a1f}.qty{display:inline-flex;align-items:stretch;height:2.75rem;border:1px solid var(--c-line-strong);border-radius:var(--r-btn);background:var(--c-field)}.qty button{width:2.75rem;border:0;background:none;display:grid;place-items:center}.qty button:disabled{opacity:.35;cursor:not-allowed}.qty button .icon{width:1rem;height:1rem}.qty input{width:2.5rem;border:0;background:none;text-align:center;font-weight:600;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty--sm{height:2.25rem}.qty--sm button{width:2.25rem}.qty--sm input{width:2rem;font-size:var(--fs-sm)}@media(max-width:749px){.qty--sm{height:2.625rem}.qty--sm button{width:2.5rem}}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:.3rem .6rem;border-radius:var(--r-btn);background:var(--c-ink);color:var(--c-bg);font-size:.6875rem;font-weight:600;letter-spacing:.1em;line-height:1;text-transform:uppercase}.badge--sale{background:var(--c-primary);color:var(--c-on-primary)}.badge--soldout{background:var(--c-bg);color:var(--c-ink-soft);box-shadow:inset 0 0 0 1px var(--c-line-strong)}.badge--soft{background:var(--c-bg);color:var(--c-ink)}.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .625rem;font-variant-numeric:tabular-nums}.price__current{font-weight:600}.price__compare{color:var(--c-ink-soft);text-decoration:line-through;font-size:.9em}.price__save{color:var(--c-primary);font-size:var(--fs-sm);font-weight:600}.price--lg .price__current{font-size:1.625rem;font-family:var(--font-display);letter-spacing:-.01em}.price__unit{width:100%;color:var(--c-ink-soft);font-size:var(--fs-xs)}.rating{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);text-decoration:none}.rating__stars{--pct: 0%;position:relative;display:inline-block;width:5.5rem;height:1rem;line-height:0}.rating__stars:before,.rating__stars:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask:var(--star-mask) repeat-x left center / 1.1rem 1rem;mask:var(--star-mask) repeat-x left center / 1.1rem 1rem}.rating__stars:before{background:var(--c-line-strong)}.rating__stars:after{background:var(--c-star);width:var(--pct)}.rating__count{color:var(--c-ink-soft)}:root{--star-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 20'%3E%3Cpath d='m10 .8 2.8 5.8 6.3.9-4.6 4.4 1.1 6.3L10 15.2l-5.6 3 1.1-6.3L.9 7.5l6.3-.9z'/%3E%3C/svg%3E")}.media{position:relative;overflow:hidden;aspect-ratio:var(--ratio, 1);background:var(--c-media-bg);border-radius:var(--media-radius, var(--r-md))}.media>img,.media>video,.media>picture,.media>picture>img,.media>.image-slot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--fit, cover);object-position:var(--focal, center)}.media--contain{--fit: contain}.media--blend>img,.media--blend>picture>img{mix-blend-mode:multiply}.media--square{--ratio: 1}.media--portrait{--ratio: 4 / 5}.media--landscape{--ratio: 16 / 9}.media--wide{--ratio: 21 / 9}.media--flat{border-radius:0}.image-slot{display:grid;place-items:center;align-content:center;gap:var(--sp-2);padding:var(--sp-5);background:radial-gradient(circle at 30% 20%,rgb(255 255 255 / .5),transparent 60%),var(--slot-bg, var(--c-sand));color:var(--c-ink-soft);text-align:center}.image-slot .icon{width:2.5rem;height:2.5rem;opacity:.45}.image-slot__brief{max-width:28rem;font-size:var(--fs-xs);line-height:1.5;text-align:left;color:var(--c-ink);background:#ffffffd9;padding:var(--sp-3) var(--sp-4);border:1px dashed var(--c-line-strong);border-radius:var(--r-sm)}.image-slot__brief strong{display:block;font-size:var(--fs-sm);margin-bottom:var(--sp-1)}.image-slot__brief dl{display:grid;grid-template-columns:auto 1fr;gap:.15rem var(--sp-2);margin:0}.image-slot__brief dt{font-weight:600}.image-slot__brief dd{margin:0}.video-toggle{position:absolute;right:var(--sp-3);bottom:var(--sp-3);z-index:2;width:2.25rem;height:2.25rem;border:0;border-radius:50%;background:#2b1a138c;color:#fff;display:grid;place-items:center}.video-toggle .icon{width:.875rem;height:.875rem}.card{--accent: var(--c-tan);position:relative;display:flex;flex-direction:column;gap:var(--sp-4);height:100%}.card__media{--ratio: 1;--media-radius: var(--r-md);background:color-mix(in srgb,var(--accent) 22%,var(--c-media-bg))}.card__media>img{transform:scale(.92);transition:transform var(--t-slow) var(--ease),opacity var(--t-slow) var(--ease)}.card__media>.card__img-alt{opacity:0}@media(hover:hover){.card:hover .card__media>img{transform:scale(.96)}.card:hover .card__media--swap>img:first-child{opacity:0}.card:hover .card__media--swap>.card__img-alt{opacity:1}.card--soldout:hover .card__media--swap>.card__img-alt{opacity:.8}}.card__badges{position:absolute;top:var(--sp-3);left:var(--sp-3);z-index:2;display:flex;gap:var(--sp-2)}.card__body{display:grid;gap:var(--sp-2);flex:1;align-content:start}.card__title{font-size:var(--fs-h4)}.card__title a{text-decoration:none}.card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card__notes{font-size:var(--fs-sm);color:var(--c-ink-soft)}.card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-top:auto}.card__footer .btn,.card__footer .icon-btn{position:relative;z-index:2}.card__quick{width:2.75rem;height:2.75rem;border-radius:50%;background:var(--c-ink);color:var(--c-bg)}.card__quick:hover{background:var(--c-primary);color:var(--c-on-primary)}:is(.scheme-cocoa,.scheme-rust) .card__quick{background:var(--c-cream-on-dark);color:var(--c-cocoa)}:is(.scheme-cocoa,.scheme-rust) .card__quick:hover{background:var(--c-peanut);color:var(--c-cocoa)}.card--soldout .card__media img{filter:grayscale(.35)}.card--soldout .card__media>img:not(.card__img-alt){opacity:.8}.accordion{border-top:var(--border)}.accordion__item{border-bottom:var(--border)}.accordion__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5) 0;cursor:pointer;list-style:none;font-weight:600;font-size:var(--fs-body)}.accordion__summary::-webkit-details-marker{display:none}.accordion__summary:hover{color:var(--c-primary)}.accordion__icon{position:relative;width:.875rem;height:.875rem;flex:none}.accordion__icon:before,.accordion__icon:after{content:"";position:absolute;top:50%;left:0;width:100%;height:1.5px;background:currentColor;transition:transform var(--t-base) var(--ease)}.accordion__icon:after{transform:rotate(90deg)}details[open]>.accordion__summary .accordion__icon:after{transform:rotate(0)}.accordion__content{padding:0 0 var(--sp-5);color:var(--c-ink-soft);max-width:46rem}.accordion__content>.rte{color:inherit}dialog{color:inherit}.drawer,.modal{padding:0;border:0;max-width:none;max-height:none;background:var(--c-bg);color:var(--c-ink);overscroll-behavior:contain}.drawer{position:fixed;inset:0 0 0 auto;width:min(100vw,28rem);height:100dvh;margin:0 0 0 auto;box-shadow:var(--sh-2)}.drawer--left{inset:0 auto 0 0;margin:0 auto 0 0}.drawer::backdrop,.modal::backdrop{background:#1c100b80}.drawer[open]{animation:drawer-in var(--t-slow) var(--ease)}.drawer--left[open]{animation-name:drawer-in-left}.drawer[open]::backdrop,.modal[open]::backdrop{animation:fade-in var(--t-base) var(--ease)}.drawer.is-closing{animation:drawer-out var(--t-base) var(--ease-in-out) forwards}.drawer--left.is-closing{animation-name:drawer-out-left}.drawer.is-closing::backdrop,.modal.is-closing::backdrop{animation:fade-out var(--t-base) var(--ease) forwards}.drawer__inner{display:flex;flex-direction:column;height:100%}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-bottom:var(--border)}.drawer__title{font-family:var(--font-display);font-weight:600;font-size:var(--fs-h4);line-height:1.1}.drawer__body{flex:1;overflow-y:auto;padding:var(--sp-5)}.drawer__footer{padding:var(--sp-5);border-top:var(--border);background:var(--c-bg)}.modal{width:min(100vw - 2rem,44rem);margin:auto;border-radius:var(--r-md);box-shadow:var(--sh-2)}.modal[open]{animation:modal-in var(--t-base) var(--ease)}.modal--top{margin:0 auto auto;width:100%;max-width:none;border-radius:0}.modal--top[open]{animation:slide-down var(--t-base) var(--ease)}body.is-locked{overflow:hidden}.toast{position:fixed;left:50%;bottom:calc(var(--sp-5) + env(safe-area-inset-bottom));z-index:var(--z-toast);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-pill);background:var(--c-cocoa);color:var(--c-cream-on-dark);font-size:var(--fs-sm);box-shadow:var(--sh-2);opacity:0;visibility:hidden;transform:translate(-50%,calc(100% + 2rem));transition:transform var(--t-base) var(--ease),opacity var(--t-base) var(--ease),visibility 0s linear var(--t-base)}.toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%);transition-delay:0s}.cart-summary__ctas,.pdp__buttons{overflow-x:clip}.pdp__crumbs{display:flex;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--c-ink-soft)}.pdp__crumbs a{text-decoration:none}.pdp__crumbs a:hover{text-decoration:underline}@media(max-width:749px){.pdp__crumbs{display:none}}.pack__tag{padding:.15rem .5rem;border-radius:var(--r-pill);background:var(--c-primary);color:var(--c-on-primary);font-size:.6875rem;font-weight:600;letter-spacing:.04em}.collection__grid{grid-template-columns:repeat(2,minmax(0,1fr));--grid-gap: var(--sp-6) var(--sp-4);list-style:none;margin:0;padding:0}@media(min-width:750px){.collection__grid{grid-template-columns:repeat(3,minmax(0,1fr));--grid-gap: var(--sp-7) var(--sp-5)}}@media(min-width:1200px){.collection__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.cart-empty{display:grid;justify-items:center;align-content:center;gap:var(--sp-3);text-align:center}.cart-empty__icon{display:grid;place-items:center;width:4.5rem;height:4.5rem;border-radius:50%;background:var(--c-sand);color:var(--c-primary)}.cart-empty__icon .icon{width:2rem;height:2rem}.cart-empty .btn{margin-top:var(--sp-3)}.blog__title{margin-bottom:var(--sp-7)}.article-card{display:grid;gap:var(--sp-3)}.article-card p{margin:0}.article-card h2 a{text-decoration:none}.site-header__wordmark{font-family:var(--font-display);font-size:1.75rem;line-height:1;letter-spacing:.12em}.pagination{margin-top:var(--sp-8)}.pagination__list{display:flex;justify-content:center;align-items:center;gap:var(--sp-2);list-style:none;margin:0;padding:0}.pagination__page{display:grid;place-items:center;min-width:2.75rem;height:2.75rem;border-radius:var(--r-pill);text-decoration:none;font-weight:600}.pagination__page.is-current{background:var(--c-ink);color:var(--c-bg)}a.pagination__page:hover{background:var(--c-sand);color:var(--c-ink)}.search-modal{background:var(--c-bg)}.search-modal__inner{padding-block:var(--sp-4) var(--sp-5)}.search-modal__form{display:flex;align-items:center;gap:var(--sp-3);border-bottom:1.5px solid var(--c-ink)}.search-modal__icon{width:1.5rem;height:1.5rem}.search-modal__input{flex:1;min-width:0;height:3.5rem;border:0;background:none;font-family:var(--font-display);font-size:clamp(1.25rem,1rem + 1.2vw,1.75rem)}.search-modal__input:focus-visible{outline:none}.search-modal__input::-webkit-search-cancel-button{display:none}.search-modal__results:empty{display:none}.search-modal__results{max-height:min(70dvh,38rem);overflow-y:auto;padding-top:var(--sp-5)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes drawer-in{0%{transform:translate(100%)}}@keyframes drawer-out{to{transform:translate(100%)}}@keyframes drawer-in-left{0%{transform:translate(-100%)}}@keyframes drawer-out-left{to{transform:translate(-100%)}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}@keyframes slide-down{0%{transform:translateY(-100%)}}@keyframes pop{50%{transform:scale(1.18)}}@media(prefers-reduced-motion:no-preference){.motion-ok [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--reveal-i, 0) * 70ms)}.motion-ok [data-reveal].is-revealed{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.stack>*+*{margin-top:var(--stack, var(--sp-4))}.cluster{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.divider-dot:before{content:"\b7";margin-inline:var(--sp-2);opacity:.6}.no-scroll{overflow:hidden}@media(max-width:749px){.hide-mobile{display:none!important}}@media(min-width:750px){.hide-desktop{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/hotto.css.map */
