@layer components{.gallery-strip .strip{gap:var(--space-2);scroll-snap-type:x mandatory;scrollbar-width:thin;padding-block-end:var(--space-1);padding-inline:max(1.25rem,50% - 36rem);display:flex;overflow-x:auto}.gallery-strip .strip li{aspect-ratio:4/5;scroll-snap-align:start;border-radius:var(--radius);background:var(--paper);flex:none;width:min(70vw,20rem);overflow:hidden}.gallery-strip .strip img{object-fit:cover;width:100%;height:100%}.masonry{columns:2;column-gap:var(--space-2)}@media (min-width:48rem){.masonry{columns:3;column-gap:var(--space-3)}}.masonry li{break-inside:avoid;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);margin-block-end:var(--space-2);overflow:hidden}@media (min-width:48rem){.masonry li{margin-block-end:var(--space-3)}}.masonry img{width:100%;height:auto;display:block}.masonry figcaption{color:var(--muted);font-size:var(--step--1);padding:.6rem .9rem}.promo-image{border-radius:var(--radius);max-width:30rem;margin-block-start:var(--space-2);overflow:hidden}.promo-image img{width:100%;height:auto}.product .type{color:var(--muted);font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase}.product-page .intro-cta{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.product-page .available{color:var(--muted);font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase}.product-page .wordmark{text-align:center;margin-block-end:var(--space-4);line-height:0}.product-page .wordmark img{mix-blend-mode:multiply;width:min(100%,24rem);height:auto;margin-inline:auto}.product-page .group{gap:var(--space-3);display:grid}.product-page .group+.group{margin-block-start:var(--space-5)}.product-page .group-head{font-family:var(--font-body);font-size:var(--step--1);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink);border-block-end:1px solid var(--line);padding-block-end:var(--space-1);font-weight:500;line-height:1.6}.product-page .rows{gap:var(--space-3);display:grid}.product-page .row{gap:var(--space-2);align-items:center;display:grid}.product-page .row+.row{border-block-start:1px solid var(--line);padding-block-start:var(--space-3)}.product-page .row figure{aspect-ratio:1;width:100%;padding:var(--space-3);background:var(--white);border-radius:var(--radius);place-items:center;display:grid}.product-page .row figure img{object-fit:contain;width:100%;height:100%}.product-page .row .copy{gap:var(--space-1);align-content:center;display:grid}.product-page .row h4{font-size:var(--step-2)}.product-page .row .type{color:var(--muted);font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase}.product-page .row .story{max-width:var(--measure);margin-block-start:var(--space-1)}.product-page .row dl{gap:var(--space-2);margin:var(--space-1) 0 0;display:grid}.product-page .row dt{color:var(--muted);font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase}.product-page .row dd{max-width:var(--measure);margin:0}@media (min-width:48rem){.product-page .rows{gap:var(--space-4)}.product-page .row{gap:var(--space-5);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.product-page .row+.row{padding-block-start:var(--space-4)}.product-page .row figure{max-width:26rem}.product-page .row.flip figure{order:2;justify-self:end}}.product-page #blondewear .copy>img{width:6.5rem;height:auto}@media (min-width:48rem) and (prefers-reduced-motion:no-preference){.hero{overflow:clip}}.reveal-clip{clip-path:inset(0);display:block}.reveal-clip>img{display:block}@keyframes clip-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.reveal-clip{animation:cubic-bezier(.2,.7,.2,1) both clip-in;animation-timeline:view();animation-range:entry entry 60%}}.reveal-clip[data-clip=wait]{clip-path:inset(0 100% 0 0)}.reveal-clip[data-clip=in]{animation:.9s cubic-bezier(.2,.7,.2,1) both clip-in}}.card figure .reveal-clip,.split figure .reveal-clip,.card figure .reveal-clip img,.split figure .reveal-clip img{height:100%}.bleed{background:var(--ink);width:100%;height:60svh;min-height:320px;margin:0;position:relative;overflow:hidden}.bleed .reveal-clip{height:100%}.bleed img{object-fit:cover;object-position:50% 45%;width:100%;height:100%}.bleed figcaption{padding:var(--space-5) max(1.25rem, calc((100% - 72rem) / 2)) var(--space-3);background:linear-gradient(to top, color-mix(in oklab, var(--ink) 72%, transparent), transparent);pointer-events:none;position:absolute;inset-block-end:0;inset-inline:0}.bleed figcaption .label{color:var(--white)}.before-after .strip{gap:var(--space-3);scroll-snap-type:x mandatory;scrollbar-width:thin;margin:0;padding-block-end:var(--space-2);padding-inline:max(1.25rem,50% - 36rem);list-style:none;display:flex;overflow-x:auto}.before-after .strip li{scroll-snap-align:start;flex:none;width:min(88vw,36rem)}.compare{gap:.6rem;margin:0;display:grid}.compare .frame{aspect-ratio:var(--ratio,4 / 5);border-radius:var(--radius);background:var(--paper);-webkit-user-select:none;user-select:none;cursor:ew-resize;touch-action:pan-y pinch-zoom;position:relative;overflow:hidden}.compare .frame img{pointer-events:none}.compare .after,.compare .before{position:absolute;inset:0}.compare .before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.compare img{object-fit:cover;object-position:50% 20%;width:100%;height:100%;display:block}.compare .tag{background:color-mix(in oklab, var(--ink) 78%, transparent);color:var(--white);font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;border-radius:99px;padding:.3rem .7rem;font-weight:500;line-height:1.4;position:absolute;inset-block-start:var(--space-2)}.compare .tag-before{inset-inline-start:var(--space-2)}.compare .tag-after{inset-inline-end:var(--space-2)}.compare .divider{background:var(--white);width:2px;box-shadow:0 0 0 1px color-mix(in oklab, var(--ink) 25%, transparent);margin-inline-start:-1px;position:absolute;inset-block:0;inset-inline-start:var(--pos)}.compare .handle{background:var(--white);border:1px solid var(--line);width:44px;height:44px;box-shadow:var(--shadow);border-radius:99px;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.compare .handle:before,.compare .handle:after{content:"";border:solid var(--ink);border-width:0 0 1.5px 1.5px;width:8px;height:8px;position:absolute;inset-block-start:50%}.compare .handle:before{inset-inline-start:11px;transform:translateY(-50%)rotate(45deg)}.compare .handle:after{inset-inline-end:11px;transform:translateY(-50%)rotate(-135deg)}.compare .range{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute;inset-block-end:0;inset-inline-start:0}.compare .frame:has(.range:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.compare figcaption{color:var(--muted);font-size:var(--step--1);max-width:none}.product-float,.product-bottle{place-items:center;width:100%;height:100%;display:grid;position:relative}.product-shadow{background:radial-gradient(ellipse at center, color-mix(in oklab, var(--ink) 28%, transparent), transparent 70%);opacity:.9;border-radius:50%;height:7%;position:absolute;inset-block-end:6%;inset-inline:18%}@keyframes product-drift{0%{transform:translateY(6px)rotate(4deg)}to{transform:translateY(-6px)rotate(-4deg)}}@keyframes product-shadow{0%{opacity:.9;transform:scaleX(1)}to{opacity:.5;transform:scaleX(.86)}}@media (min-width:48rem) and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.product-bottle{animation:linear both product-drift;animation-timeline:view();animation-range:cover}.product-shadow{animation:linear both product-shadow;animation-timeline:view();animation-range:cover}}}html.lenis,html.lenis body{height:auto}html.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.hero-slides{display:contents}.hero-slides:not([data-ready]) img:not(:first-child){display:none}.hero img[data-active=false]{opacity:0;visibility:hidden;z-index:-3}.hero img[data-active=true]{opacity:1;visibility:visible;z-index:-2}.hero img[data-focus=mid]{object-position:50% 35%}.hero img[data-focus=center]{object-position:50% 50%}@media (prefers-reduced-motion:no-preference){.hero img[data-active=true]{transition:opacity 1.2s}.hero img[data-active=false]{transition:opacity 0s linear 1.2s,visibility 0s linear 1.2s}}@media (prefers-reduced-motion:reduce){.hero-slides img:not(:first-child){display:none}}.hero-pause{z-index:1;border:1px solid color-mix(in oklab, var(--white) 55%, transparent);background:color-mix(in oklab, var(--ink) 70%, transparent);min-width:44px;min-height:44px;color:var(--white);font-family:var(--font-body);font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;border-radius:99px;padding-inline:.9rem;font-weight:500;position:absolute;inset-block-start:var(--space-2);inset-inline-end:max(1.25rem,50% - 36rem)}.hero-pause:hover,.hero-pause[aria-pressed=true]{background:var(--white);color:var(--ink);border-color:var(--white)}.results .strip{gap:var(--space-2);scroll-snap-type:x mandatory;scrollbar-width:thin;margin:0;padding-block-end:var(--space-1);padding-inline:max(1.25rem,50% - 36rem);scroll-padding-inline:max(1.25rem,50% - 36rem);list-style:none;display:flex;overflow-x:auto}.results .strip li{scroll-snap-align:start;flex:none;width:min(70vw,20rem)}.results figure{gap:.6rem;margin:0;display:grid}.results .tile{aspect-ratio:4/5;border-radius:var(--radius);background:var(--paper);overflow:hidden}.results .tile img{object-fit:cover;object-position:50% 20%;width:100%;height:100%;display:block}.results figcaption{font-family:var(--font-body);font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);max-width:none}.sticky-book{display:none}@media (max-width:47.99rem){.sticky-book{z-index:40;padding:var(--space-1) 1.25rem max(var(--space-1), env(safe-area-inset-bottom));background:color-mix(in oklab, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-block-start:1px solid var(--line);visibility:hidden;display:block;position:fixed;inset-block-end:0;inset-inline:0;transform:translateY(100%)}.sticky-book[data-show=true]{visibility:visible;transform:none}@media (prefers-reduced-motion:no-preference){.sticky-book{transition:transform .25s,visibility 0s linear .25s}.sticky-book[data-show=true]{transition-delay:0s}}body:has(dialog[open]) .sticky-book{visibility:hidden}body:has(.sticky-book[data-show=true]) .site-footer{padding-block-end:calc(var(--space-4) + 5rem)}}.board{columns:2;column-gap:var(--space-2);margin:0;padding:0;list-style:none}@media (min-width:48rem){.board{columns:3;column-gap:var(--space-3)}}.pin{break-inside:avoid;border-radius:var(--radius);margin-block-end:var(--space-2);overflow:hidden}@media (min-width:48rem){.pin{margin-block-end:var(--space-3)}}.pin.photo figure{background:var(--paper);margin:0}.pin.photo img{width:100%;height:auto;display:block}.pin.photo figcaption{font-family:var(--font-body);font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:var(--white);padding:.6rem .9rem}.pin.note{gap:var(--space-1);padding:var(--space-3);background:var(--white);border:1px solid var(--line);display:grid}.pin.note .label{display:block}.pin.note h2{font-size:var(--step-2)}.pin.note p{margin:0}.pin.note .mission-line{font-family:var(--font-display);font-size:var(--step-1);text-wrap:balance;line-height:1.4}}