/* Manrope (SIL Open Font License), self-hosted so visitors' browsers never contact Google */
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --font-geist:"Geist",system-ui,sans-serif;--font-onest:"Onest",system-ui,sans-serif;--font-space-mono:"Space Mono",ui-monospace,monospace;--font-allura:"Allura",cursive;
  --raw-color-white:#fff;--raw-duration-fast:150ms;--raw-duration-normal:250ms;--raw-duration-slow:300ms;
  --raw-color-espresso-950:#0a1520;--raw-color-amber-500:#d58c3d;--raw-color-espresso-900:#171715;--raw-color-espresso-900-half:rgba(23,23,21,.5);
  --raw-color-roast-900:#2a1a0f;--raw-color-roast-500:#b07a45;--raw-color-bone-50:#f1f1ef;--raw-color-bone-100:#e7e5e3;
  --raw-gradient-hero-scrim:linear-gradient(to right,rgba(10,21,32,.75) 0%,rgba(10,21,32,.35) 35%,transparent 60%);
  --raw-gradient-philosophy-scrim:linear-gradient(to bottom,rgba(10,21,32,.86) 0%,rgba(10,21,32,.6) 26%,rgba(10,21,32,.38) 46%,rgba(10,21,32,.62) 72%,rgba(10,21,32,.88) 100%);
  --raw-gradient-opalesce-fallback:linear-gradient(120deg,#0a1520 0%,#110b07 35%,#2c1a11 65%,#6e3e22 100%);
  --raw-font-size-label:.875rem;--raw-font-size-base:1rem;--raw-font-size-script:5.625rem;--raw-font-size-fine:.75rem;--raw-font-size-headline:4rem;--raw-font-size-display:6.25rem;
  --raw-font-size-display-phone:2.375rem;--raw-font-size-display-hero-phone:3.25rem;--raw-font-size-display-tablet:4rem;--raw-font-size-headline-phone:2rem;--raw-font-size-headline-tablet:3rem;
  --raw-font-size-script-phone:3.85rem;--raw-font-size-script-tablet:7rem;--raw-font-size-display-hero-tablet:6rem;--raw-font-size-count-phone:5rem;--raw-font-size-count-tablet:8rem;--raw-font-size-count:11rem;--raw-font-size-lede-tablet:1.125rem;
  --raw-leading-flush:.8;--raw-leading-headline:.9;--raw-leading-copy:1.2;
  --raw-tracking-tight:-.03em;--raw-tracking-label:.1em;--raw-tracking-slash:-.23em;--raw-tracking-slash-space:-.115em;
  --raw-size-hero-copy:30.4375rem;--raw-size-hero-cta:9.3125rem;--raw-size-hours:7.625rem;--raw-size-hero-address:9.9375rem;--raw-size-hero-social:5.3125rem;--raw-size-hero-rule:2.375rem;
  --raw-size-dot:.3125rem;--raw-size-logo-width:6.4931rem;--raw-size-logo-height:1.375rem;
  --raw-size-hero-media-width:72.0625rem;--raw-size-hero-media-height:61rem;--raw-size-hero-media-x:24.0625rem;--raw-size-hero-media-overhang:6.125rem;
  --raw-size-hero-media-nudge:max(0px,min(40px,calc((1280px - 100vw) * .15625)));--raw-size-hero-media-y:1.8125rem;
  --raw-size-swirl-width:139.6875rem;--raw-size-swirl-height:46.5625rem;--raw-size-swirl-x:8.25rem;--raw-size-swirl-y:-1.5rem;
  --raw-size-hero-copy-tablet:42rem;--raw-size-hero-script-x-phone:9.75rem;--raw-size-hero-script-y-phone:5.25rem;--raw-size-hero-script-x-tablet:16.25rem;--raw-size-hero-script-y-tablet:7.8125rem;
  --raw-size-hero-script-x:17.375rem;--raw-size-hero-script-y:13.1875rem;--raw-size-hero-copy-rise:1.75rem;--raw-size-underline:.1125rem;--raw-size-cap-16:.6875rem;--raw-size-cta-block:1.1875rem;--raw-size-cap-12:.5rem;
  --raw-size-menu-intro:32.4375rem;--raw-size-menu-intro-y:6.625rem;--raw-size-menu-lede:10.875rem;--raw-size-menu-lede-x:21.625rem;--raw-size-menu-lede-y:14.125rem;
  --raw-size-menu-cta:10.0625rem;--raw-size-menu-cta-x:77.4375rem;--raw-size-menu-cta-y:24.625rem;--raw-size-menu-cards-y:28.3125rem;--raw-size-menu-card-height:19.1875rem;
  --raw-size-menu-receipt-width:17.41125rem;--raw-size-menu-receipt-height:39.553125rem;--raw-size-menu-receipt-x:86.44375rem;--raw-size-menu-receipt-y:10.0725rem;
  --raw-size-board-height:50rem;--raw-size-order-frame:53.375rem;--raw-size-menu-still-lift:.75rem;--raw-size-menu-still-scale:1;--raw-size-menu-still-max:none;
  --raw-size-footer-height:24.0625rem;--raw-size-footer-tagline:6.5rem;--raw-size-footer-tagline-y:6.375rem;--raw-size-footer-nav-x:23.9375rem;--raw-size-footer-contact-offset:50rem;--raw-size-footer-right-block:16.0625rem;
  --raw-size-order-headline:25.0625rem;--raw-size-order-headline-y:7.875rem;--raw-size-order-note:10.1875rem;--raw-size-order-aside:20.6875rem;--raw-size-order-aside-gap:3.125rem;--raw-size-order-cta:10.0625rem;
  --raw-size-footer-col:7.625rem;--raw-size-footer-rule-top:12.8125rem;--raw-size-footer-row-y:15.3125rem;--raw-size-footer-rule-bottom:20.1875rem;--raw-size-footer-legal-y:21.6875rem;
  --raw-size-footer-address:10rem;--raw-size-footer-address-b:37.9375rem;--raw-size-footer-address-c:53.0625rem;--raw-size-footer-divider-a:35.9375rem;--raw-size-footer-divider-b:51.0625rem;--raw-size-footer-dot:.25rem;
  --raw-angle-menu-receipt:-31.2678deg;
  --raw-size-locations-dial:40.875rem;--raw-size-locations-dial-y:6.625rem;--raw-size-locations-cup-width:17.5rem;--raw-size-locations-cup-height:26.25rem;--raw-size-locations-cup-y:11.875rem;
  --raw-size-locations-list:11.1875rem;--raw-size-locations-list-y:37.375rem;--raw-size-locations-hours-y:45.125rem;
  --raw-size-philosophy-headline:49.25rem;--raw-size-philosophy-headline-y:6.625rem;--raw-size-philosophy-cup-x:14.625rem;--raw-size-philosophy-cup-y:19.5625rem;--raw-size-philosophy-cup-width:20.125rem;--raw-size-philosophy-cup-height:30.125rem;
  --raw-size-philosophy-lede:20.6875rem;--raw-size-philosophy-lede-x:38.3125rem;--raw-size-philosophy-lede-y:41.5625rem;--raw-size-philosophy-claims:10.75rem;--raw-size-philosophy-claims-y:44.0625rem;--raw-size-philosophy-eyebrow-y:46.4375rem;
  --raw-size-arrow-width:.763356rem;--raw-size-arrow-height:.828444rem;
}
:root{
  --background:var(--raw-color-espresso-950);--foreground:var(--raw-color-white);--accent:var(--raw-color-amber-500);
  --surface-backdrop:var(--raw-color-espresso-900);--surface-backdrop-soft:var(--raw-color-espresso-900-half);
  --hero-scrim:var(--raw-gradient-hero-scrim);--gradient-opalesce-fallback:var(--raw-gradient-opalesce-fallback);--philosophy-scrim:var(--raw-gradient-philosophy-scrim);
  --surface-inverse:var(--raw-color-bone-50);--surface-inverse-backdrop:var(--raw-color-bone-100);--foreground-inverse:var(--raw-color-espresso-950);
  --duration-fast:var(--raw-duration-fast);--duration-normal:var(--raw-duration-normal);
  --size-hero-copy:var(--raw-size-hero-copy);--size-hero-cta:var(--raw-size-hero-cta);--size-hours:var(--raw-size-hours);--size-hero-address:var(--raw-size-hero-address);--size-hero-social:var(--raw-size-hero-social);
  --size-hero-rule:var(--raw-size-hero-rule);--size-dot:var(--raw-size-dot);--size-logo-width:var(--raw-size-logo-width);--size-logo-height:var(--raw-size-logo-height);
  --size-hero-media-width:var(--raw-size-hero-media-width);--size-hero-media-height:var(--raw-size-hero-media-height);--size-hero-media-x:var(--raw-size-hero-media-x);
  --size-hero-media-overhang:var(--raw-size-hero-media-overhang);--size-hero-media-nudge:var(--raw-size-hero-media-nudge);--size-hero-media-y:var(--raw-size-hero-media-y);
  --size-hero-media-drop:calc(var(--size-hero-media-y) + var(--size-board-drop));
  --size-swirl-width:var(--raw-size-swirl-width);--size-swirl-height:var(--raw-size-swirl-height);--size-swirl-x:var(--raw-size-swirl-x);--size-swirl-y:var(--raw-size-swirl-y);
  --size-hero-copy-tablet:var(--raw-size-hero-copy-tablet);--size-hero-script-x-phone:var(--raw-size-hero-script-x-phone);--size-hero-script-y-phone:var(--raw-size-hero-script-y-phone);
  --size-hero-script-x-tablet:var(--raw-size-hero-script-x-tablet);--size-hero-script-y-tablet:var(--raw-size-hero-script-y-tablet);--size-hero-script-x:var(--raw-size-hero-script-x);--size-hero-script-y:var(--raw-size-hero-script-y);
  --size-hero-copy-rise:var(--raw-size-hero-copy-rise);--size-underline:var(--raw-size-underline);--size-cap-16:var(--raw-size-cap-16);--size-cta-block:var(--raw-size-cta-block);--size-cap-12:var(--raw-size-cap-12);
  --size-menu-intro:var(--raw-size-menu-intro);--size-menu-intro-y:var(--raw-size-menu-intro-y);--size-menu-lede:var(--raw-size-menu-lede);--size-menu-lede-x:var(--raw-size-menu-lede-x);--size-menu-lede-y:var(--raw-size-menu-lede-y);
  --size-menu-cta:var(--raw-size-menu-cta);--size-menu-cta-x:var(--raw-size-menu-cta-x);--size-menu-cta-y:var(--raw-size-menu-cta-y);--size-menu-cards-y:var(--raw-size-menu-cards-y);--size-menu-card-height:var(--raw-size-menu-card-height);
  --size-board-height:var(--raw-size-board-height);
  --size-board-drop:max(0px,min(calc(100lvh - var(--size-board-height)),6.5rem));
  --size-footer-height:var(--raw-size-footer-height);--size-footer-tagline:var(--raw-size-footer-tagline);--size-footer-tagline-y:var(--raw-size-footer-tagline-y);--size-footer-nav-x:var(--raw-size-footer-nav-x);
  --size-footer-contact-offset:var(--raw-size-footer-contact-offset);--size-footer-right-block:var(--raw-size-footer-right-block);--size-footer-contact-x:calc(100% - var(--size-footer-right-block));
  --size-menu-still-lift:var(--raw-size-menu-still-lift);--size-menu-still-scale:var(--raw-size-menu-still-scale);--size-menu-still-max:var(--raw-size-menu-still-max);
  --size-order-frame:var(--raw-size-order-frame);--size-order-headline:var(--raw-size-order-headline);--size-order-headline-y:var(--raw-size-order-headline-y);--size-order-note:var(--raw-size-order-note);
  --size-order-aside:var(--raw-size-order-aside);--size-order-aside-gap:var(--raw-size-order-aside-gap);--size-order-cta:var(--raw-size-order-cta);
  --size-footer-col:var(--raw-size-footer-col);--size-footer-rule-top:var(--raw-size-footer-rule-top);--size-footer-row-y:var(--raw-size-footer-row-y);--size-footer-rule-bottom:var(--raw-size-footer-rule-bottom);
  --size-footer-legal-y:var(--raw-size-footer-legal-y);--size-footer-address:var(--raw-size-footer-address);--size-footer-address-b:var(--raw-size-footer-address-b);--size-footer-address-c:var(--raw-size-footer-address-c);
  --size-footer-divider-a:var(--raw-size-footer-divider-a);--size-footer-divider-b:var(--raw-size-footer-divider-b);--size-footer-dot:var(--raw-size-footer-dot);
  --size-menu-receipt-width:var(--raw-size-menu-receipt-width);--size-menu-receipt-height:var(--raw-size-menu-receipt-height);--size-menu-receipt-x:var(--raw-size-menu-receipt-x);--size-menu-receipt-y:var(--raw-size-menu-receipt-y);
  --angle-menu-receipt:var(--raw-angle-menu-receipt);
  --size-locations-dial:var(--raw-size-locations-dial);--size-locations-dial-y:var(--raw-size-locations-dial-y);--size-locations-cup-width:var(--raw-size-locations-cup-width);--size-locations-cup-height:var(--raw-size-locations-cup-height);
  --size-locations-cup-y:var(--raw-size-locations-cup-y);--size-locations-list:var(--raw-size-locations-list);--size-locations-list-y:var(--raw-size-locations-list-y);--size-locations-hours-y:var(--raw-size-locations-hours-y);
  --size-philosophy-headline:var(--raw-size-philosophy-headline);--size-philosophy-headline-y:var(--raw-size-philosophy-headline-y);--size-philosophy-cup-x:var(--raw-size-philosophy-cup-x);--size-philosophy-cup-y:var(--raw-size-philosophy-cup-y);
  --size-philosophy-cup-width:var(--raw-size-philosophy-cup-width);--size-philosophy-cup-height:var(--raw-size-philosophy-cup-height);--size-philosophy-lede:var(--raw-size-philosophy-lede);--size-philosophy-lede-x:var(--raw-size-philosophy-lede-x);
  --size-philosophy-lede-y:var(--raw-size-philosophy-lede-y);--size-philosophy-claims:var(--raw-size-philosophy-claims);--size-philosophy-claims-y:var(--raw-size-philosophy-claims-y);--size-philosophy-eyebrow-y:var(--raw-size-philosophy-eyebrow-y);
  --size-arrow-width:var(--raw-size-arrow-width);--size-arrow-height:var(--raw-size-arrow-height);
  --ease-entrance:cubic-bezier(.2,0,0,1);--leading-display:1.1;--breakpoint-board:90rem;
}

/* ---- root font-size ---- */
html{font-size:16px}
@media (max-width:1439.98px){html{font-size:calc(16px - (1440px - 100vw) / 128.57)}}
@media (max-width:1023.98px){html{font-size:16px}}
@media (max-width:639.98px){html{font-size:4.444444vw}}

/* ---- reset ---- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
img,svg,canvas{display:block}
h1,h2,h3,p{font-size:inherit;font-weight:inherit}
address{font-style:normal}
body{background:var(--background);color:var(--foreground);min-height:100lvh;width:100%;overflow-x:hidden;font-family:var(--font-onest);-webkit-font-smoothing:antialiased}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
.lenis.lenis-smooth iframe{pointer-events:none}

/* ---- type helpers ---- */
.display{font-family:var(--font-geist);font-weight:700;text-transform:uppercase;letter-spacing:-.03em}
.semi{font-weight:600}
.mono{font-family:var(--font-space-mono);letter-spacing:.04em;line-height:1.2;font-weight:600}
.up{text-transform:uppercase}
.eyebrow{font-family:var(--font-space-mono);font-size:.75rem;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
@media(min-width:640px){.eyebrow{font-size:.875rem}}
.tracking-slash{letter-spacing:-.23em}.tracking-slash-space{letter-spacing:-.115em}
.tx{display:block}
.tl{display:block;overflow:hidden;line-height:1.1;padding-bottom:.16em;margin-top:-.1em;margin-bottom:-.26em}
.ti{display:block;will-change:transform}
.words{display:flex;flex-wrap:wrap;column-gap:.2em;justify-content:flex-start}
.words .wd{display:block;will-change:transform}
.h-display{font-size:var(--raw-font-size-display-phone);line-height:.9}
.h-head{font-size:var(--raw-font-size-headline-phone);line-height:.9}
.lede{font-family:var(--font-geist);font-weight:700;font-size:1rem;line-height:1.2;letter-spacing:-.03em}
@media(min-width:640px){.h-display{font-size:var(--raw-font-size-display-tablet)}.h-head{font-size:var(--raw-font-size-headline-tablet)}}
@media(min-width:640px) and (max-width:1023.98px){.lede{font-size:var(--raw-font-size-lede-tablet)}}
@media(min-width:1024px){.h-display{font-size:var(--raw-font-size-display)}.h-head{font-size:var(--raw-font-size-headline)}}

/* ---- page-level inner pieces ---- */
.dot{display:inline-block;flex:none;width:var(--size-dot);height:var(--size-dot);border-radius:50%;background:var(--accent)}
@media(min-width:640px) and (max-width:1023.98px){.hdr .dot{width:.5rem;height:.5rem}}
.dot.foot{width:var(--size-footer-dot);height:var(--size-footer-dot)}
.mask{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
.wordmark{display:block;width:100%;height:100%;background:currentColor;-webkit-mask-image:url(../assets/wordmark.svg);mask-image:url(../assets/wordmark.svg);transition:color var(--duration-normal) var(--ease-entrance)}

/* ---- UnderlineLink ---- */
.ulk{display:inline-block;position:relative}
.ulk .ulk-clip{position:relative;display:block;clip-path:inset(0)}
.ulk .ulk-a{display:block}
.ulk .ulk-b{position:absolute;inset:0;display:block}
.ulk .ulk-rule{position:absolute;left:0;right:0;bottom:-1px;height:1px;background:currentColor;transform-origin:left center}

/* ---- CtaLink ---- */
.cta{display:flex;flex-direction:column;justify-content:space-between;height:var(--size-cta-block)}
.cta .cta-top{display:flex;align-items:center;gap:1rem;height:var(--size-cap-16)}
.cta .cta-label{white-space:nowrap;font-family:var(--font-geist);font-weight:700;font-size:.875rem;line-height:.8;text-transform:uppercase;letter-spacing:-.03em}
@media(min-width:640px){.cta .cta-label{font-size:1rem}}
@media(min-width:640px) and (max-width:1023.98px){.cta .cta-label{font-size:var(--raw-font-size-lede-tablet)}}
.cta .cta-arrows{position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:.5rem;height:.5rem}
.cta .cta-arrows>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.cta .cta-arrows svg{width:var(--size-arrow-width);height:var(--size-arrow-height)}
.cta .cta-rules{position:relative;display:block;height:var(--size-underline);width:100%}
.cta .cta-rules i{position:absolute;inset:0;display:block;background:var(--ink,currentColor)}
.cta .cta-rules i:first-child{transform-origin:right center}.cta .cta-rules i:last-child{transform-origin:left center}

/* ---- header ---- */
.hdr{position:fixed;inset:1rem 1.25rem auto;z-index:50;height:var(--size-logo-height);display:flex;align-items:center;justify-content:space-between;font-family:var(--font-space-mono);font-size:.75rem;line-height:1.2;letter-spacing:.04em;color:#fff;transition:color var(--duration-normal) var(--ease-entrance);font-weight:600}
.hdr[data-theme=light]{color:#0a1520}
.hdr.hide{visibility:hidden;pointer-events:none}
@media(min-width:640px){.hdr{inset-inline:2.5rem;top:1.5rem}}
@media(min-width:1024px){.hdr{font-size:1rem}.hdr.hide{visibility:visible;pointer-events:auto}}
@media(min-width:640px){.hdr.hide{visibility:visible;pointer-events:auto}}
.hdr-toggle{position:relative;margin:-.5rem;display:flex;width:2.25rem;height:2.25rem;padding:.5rem;align-items:center;justify-content:center;order:3}
@media(min-width:640px){.hdr-toggle{width:2.75rem;height:2.75rem}}
@media(min-width:1024px){.hdr-toggle{display:none}}
.hdr-toggle span{position:absolute;right:.5rem;height:1px;background:currentColor;transition:all 250ms var(--ease-entrance)}
.hdr-toggle span:nth-child(1){width:1.5rem;transform:translateY(-.25rem)}.hdr-toggle span:nth-child(2){width:1rem;transform:translateY(.25rem)}
@media(min-width:640px) and (max-width:1023.98px){.hdr-toggle span{height:2px}.hdr-toggle span:nth-child(1){width:2rem;transform:translateY(-.375rem)}.hdr-toggle span:nth-child(2){width:1.5rem;transform:translateY(.375rem)}}
.hdr-toggle[aria-expanded=true] span:nth-child(1){width:1.5rem;transform:rotate(45deg)}.hdr-toggle[aria-expanded=true] span:nth-child(2){width:1.5rem;transform:rotate(-45deg)}
.hdr nav{display:none}
@media(min-width:1024px){.hdr nav{display:block}}
.hdr nav ul{display:flex;align-items:center;gap:1.5rem;text-transform:uppercase}
@media(min-width:1024px){.hdr nav ul{gap:3rem}}
.hdr-mark{position:absolute;left:50%;height:100%;width:var(--size-logo-width);transform:translateX(-50%)}
@media(max-width:639.98px){.hdr-mark{position:static;order:-1;transform:none}.hdr-order{display:none!important}}
.hdr-order{display:flex;align-items:center;gap:.375rem;white-space:nowrap;transition:opacity var(--duration-fast) var(--ease-entrance);order:0}
.hdr-order:hover{opacity:.6}
@media(max-width:1023.98px){.hdr-order{order:-1}.hdr-order .dot{order:-1}}
.hdr-panel{position:fixed;inset:0;z-index:40;display:none;flex-direction:column;background:var(--background);padding:6rem 1.25rem 2.5rem;color:var(--foreground)}
.hdr-panel.open{display:flex}
@media(min-width:640px){.hdr-panel{padding:8rem 2.5rem 3.5rem}}
@media(min-width:1024px){.hdr-panel{display:none!important}}
.hdr-panel .eyebrow{color:rgba(249,245,234,.45)}
.hdr-panel nav{margin-top:1.75rem;display:flex;flex-direction:column;border-top:1px solid rgba(249,245,234,.15)}
.hdr-panel nav a{display:flex;align-items:baseline;gap:1rem;border-bottom:1px solid rgba(249,245,234,.15);padding:.875rem 0;font-family:var(--font-geist);font-weight:700;font-size:var(--raw-font-size-headline-phone);line-height:.9;letter-spacing:-.03em;text-transform:uppercase;transition:opacity 150ms var(--ease-entrance)}
.hdr-panel nav a:active{opacity:.6}
.hdr-panel nav a small{font-family:var(--font-space-mono);font-size:.75rem;line-height:.8;letter-spacing:.1em;color:rgba(249,245,234,.35);font-weight:600}
@media(min-width:640px){.hdr-panel nav{margin-top:2.25rem}.hdr-panel nav a{gap:1.5rem;padding:1.25rem 0;font-size:var(--raw-font-size-headline-tablet)}.hdr-panel nav a small{font-size:.875rem}}
.hdr-panel .panel-order{margin-top:auto;padding-top:2.5rem;display:flex;align-items:center;gap:.375rem;font-family:var(--font-space-mono);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;font-weight:600}
@media(min-width:640px){.hdr-panel .panel-order{font-size:1rem}}
.hdr-panel.open~.x{}
body.menu-open .hdr{color:#fff!important}

/* ---- preloader ---- */
#preloader{position:fixed;inset:0;z-index:100;overflow:hidden;background:var(--background);padding:1.25rem;color:var(--foreground);clip-path:inset(0% 0 0 0)}
@media(min-width:640px){#preloader{padding:2.5rem}}
#preloader .eyebrow{color:rgba(249,245,234,.45)}
#preloader .count{margin-top:.5rem;font-family:var(--font-geist);font-weight:700;font-size:var(--raw-font-size-count-phone);line-height:1.1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
@media(min-width:640px){#preloader .count{margin-top:.75rem;font-size:var(--raw-font-size-count-tablet)}}
@media(min-width:1024px){#preloader .count{font-size:var(--raw-font-size-count)}}
#preloader .pl-mark{position:absolute;bottom:1.25rem;left:1.25rem;display:block;height:1.1rem;width:5.1945rem;background:var(--foreground)}
@media(min-width:640px){#preloader .pl-mark{bottom:2.5rem;left:2.5rem;height:var(--size-logo-height);width:var(--size-logo-width)}}
#preloader .pl-cup{pointer-events:none;position:absolute;bottom:1.25rem;right:1.25rem;height:34vh;max-height:30rem;width:auto}
@media(min-width:640px){#preloader .pl-cup{bottom:2.5rem;right:2.5rem;height:52vh}}
#preloader .warm{position:absolute;inset:0;z-index:-10;overflow:hidden;pointer-events:none}
#preloader .warm *{color:#0a1520}

/* ---- sections shared ---- */
section{position:relative;width:100%}
.band{display:flex;flex-direction:column;overflow:hidden}
@media(min-width:1024px){.band{min-height:100lvh;height:100lvh}}
@media(min-width:1024px) and (max-width:1279.98px){.band{min-height:0;height:var(--size-board-height)}}
.band-inner{position:relative;z-index:10;display:flex;flex:1;flex-direction:column;justify-content:center;gap:2rem;padding:5rem 1.25rem 3.5rem}
@media(min-width:640px){.band-inner{gap:2.5rem;padding:6rem 2.5rem 4rem}}
@media(min-width:1024px){.band-inner{display:block;padding:0}}
@media(min-width:1440px){.band-inner.drop{top:var(--size-board-drop)}}
.abs{position:relative}
@media(min-width:1024px){.abs{position:absolute}}

/* ---- hero ---- */
.hero{height:100lvh;width:100%;overflow:hidden;background:var(--background)}
.opal{position:absolute;inset:0;z-index:0;background:var(--background)}
.opal .fb{position:absolute;inset:0;background-image:var(--gradient-opalesce-fallback)}
.opal .cv{position:absolute;inset:0;display:block;opacity:0}
.opal canvas{pointer-events:none;display:block;width:100%;height:100%}
.hero .scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:var(--hero-scrim)}
.hero-in{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;padding:6rem 1.25rem 1.25rem}
@media(min-width:640px){.hero-in{padding:8rem 2.5rem 2.5rem}}
@media(min-width:640px) and (max-width:1023.98px){.hero-in{padding-top:6rem}}
@media(min-width:1024px){.hero-in{display:block;padding:0}}
.hero-copy{order:1;display:flex;flex-direction:column;flex-shrink:0;width:100%;gap:1rem;color:var(--foreground)}
@media(min-width:640px){.hero-copy{margin-block:auto;width:var(--size-hero-copy-tablet);gap:1.25rem}}
@media(min-width:640px) and (max-width:1023.98px){.hero-copy{gap:.6875rem;margin-top:0}}
@media(min-width:1024px){.hero-copy{position:absolute;margin:0;left:2.5rem;top:calc(50% - var(--size-hero-copy-rise));width:var(--size-hero-copy);transform:translateY(-50%);gap:1.5rem}}
.hero-head{display:grid;justify-items:start}
.hero-head>*{grid-area:1/1}
.hero-eh{display:flex;flex-direction:column;gap:.75rem;text-transform:uppercase}
@media(max-width:639.98px){.hero-eh{gap:1.25rem}}
@media(min-width:1024px){.hero-eh{gap:1.25rem}}
.hero-eh h1{text-align:left;font-family:var(--font-geist);font-weight:700;letter-spacing:-.03em;font-size:var(--raw-font-size-display-phone)}
@media(max-width:639.98px){.hero-eh h1{font-size:var(--raw-font-size-display-hero-phone)}}
@media(min-width:640px){.hero-eh h1{font-size:var(--raw-font-size-display-tablet)}}
@media(min-width:640px) and (max-width:1023.98px){.hero-eh h1{font-size:var(--raw-font-size-display-hero-tablet)}}
@media(min-width:1024px){.hero-eh h1{font-size:var(--raw-font-size-display)}}
.hero-eh h1 .tl{margin-block:-.1em}
.script{margin-left:var(--size-hero-script-x-phone);margin-top:var(--size-hero-script-y-phone);width:max-content;white-space:nowrap;font-family:var(--font-allura);font-size:var(--raw-font-size-script-phone);line-height:.9;letter-spacing:-.03em}
@media(min-width:640px){.script{margin-left:var(--size-hero-script-x-tablet);margin-top:var(--size-hero-script-y-tablet);font-size:var(--raw-font-size-script-tablet)}}
@media(min-width:1024px){.script{margin-left:var(--size-hero-script-x);margin-top:var(--size-hero-script-y);font-size:var(--raw-font-size-script)}}
.hero-lede{display:flex;width:100%;flex-direction:column;gap:1.5rem}
@media(max-width:639.98px){.hero-lede{width:17rem;gap:2.25rem}}
@media(min-width:640px){.hero-lede{width:20rem;gap:2rem}}
@media(min-width:640px) and (max-width:1023.98px){.hero-lede{gap:2.375rem}}
@media(min-width:1024px){.hero-lede{width:16.5rem;gap:2.5rem}}
.hero-lede .cta{width:var(--size-hero-cta)}
.hero-bar{order:3;position:relative;z-index:10;flex-shrink:0;display:flex;align-items:center;gap:1rem;padding-top:1rem;font-family:var(--font-space-mono);font-size:.875rem;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:var(--foreground);font-weight:600}
@media(max-width:639.98px){.hero-bar{margin-top:auto}}
@media(min-width:640px){.hero-bar{gap:1.5rem;padding-top:1.5rem;font-size:1rem}}
@media(min-width:1024px){.hero-bar{position:absolute;padding-top:0;bottom:2.5rem;left:2.5rem;gap:2rem}}
.hero-bar .bg-fade{pointer-events:none;position:absolute;inset:-1.5rem -2.5rem -2.5rem;z-index:-1;display:none;background:linear-gradient(to top,rgba(10,21,32,.95),rgba(10,21,32,.78),transparent)}
@media(min-width:640px) and (max-width:1023.98px){.hero-bar .bg-fade{display:block}}
.hero-bar .hrs{width:max-content}.hero-bar .adr{width:max-content}.hero-bar .soc{display:none;width:max-content;flex-direction:column}
@media(min-width:1024px){.hero-bar .hrs{width:var(--size-hours)}.hero-bar .adr{width:var(--size-hero-address)}.hero-bar .soc{width:var(--size-hero-social)}}
@media(min-width:640px){.hero-bar .soc{display:flex}}
.hero-bar .vr{display:block;height:var(--size-hero-rule);width:1px;flex-shrink:0;background:rgba(249,245,234,.35)}
.hero-bar .vr.hs{display:none}@media(min-width:640px){.hero-bar .vr.hs{display:block}}
.blk{display:block}

/* hero product frame */
.hero-fig{pointer-events:none;position:relative;order:2;margin-inline:-1.25rem;min-height:0;width:auto;flex:1}
@media(max-width:639.98px){.hero-fig{position:absolute;inset-inline:0;margin-inline:-5rem;bottom:0;top:40%;margin-bottom:-1.25rem;flex:none}}
@media(min-width:640px){.hero-fig{margin-inline:-2.5rem}}
@media(min-width:640px) and (max-width:1023.98px){.hero-fig{position:absolute;bottom:0;flex:none}}
@media(min-width:640px) and (max-width:767.98px){.hero-fig{inset-inline:0;margin-inline:-8rem;top:42%;margin-bottom:-7rem;width:auto}}
@media(min-width:768px) and (max-width:1023.98px){.hero-fig{margin-inline:0;left:-5rem;right:auto;width:max(64rem,calc(100% + 16rem));top:35.5%;margin-bottom:-5.25rem}}
@media(min-width:1024px){.hero-fig{position:absolute;margin:0;flex:none;left:calc(100% + var(--size-hero-media-overhang) + var(--size-hero-media-nudge) - var(--size-hero-media-width));top:var(--size-hero-media-drop);height:var(--size-hero-media-height);min-height:100%;width:var(--size-hero-media-width)}}
@media(min-width:1024px) and (max-width:1439.98px){.hero-fig{left:calc(100% - 2.5rem - .847 * var(--size-hero-media-width))}}
@media(min-width:1440px){.hero-fig{left:var(--size-hero-media-x)}}
.hero-fig .mount{position:relative;width:100%;height:100%}
.hero-fig .handle{position:absolute;display:none;left:27%;right:15%;top:5%;bottom:23%;cursor:grab;touch-action:none}
.hero-fig .handle:active{cursor:grabbing}
@media(min-width:1024px){.hero-fig .handle{display:block;pointer-events:auto}}
.hero-card{pointer-events:none;position:absolute;right:2.5rem;top:13%;display:none;width:max-content}
@media(min-width:1024px){.hero-card{display:block}}
.hero-card .box{border:1px solid rgba(249,245,234,.2);background:rgba(10,21,32,.7);padding:1rem 1.25rem;color:var(--foreground);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.hero-card .eyebrow{color:rgba(249,245,234,.45)}
.hero-card .row{margin-top:.75rem;display:flex;align-items:baseline;justify-content:space-between;gap:2.5rem}
.hero-card .nm{font-family:var(--font-geist);font-weight:700;font-size:var(--raw-font-size-headline-phone);line-height:.9;letter-spacing:-.03em;text-transform:uppercase}
.hero-card .pr{font-family:var(--font-space-mono);font-size:1rem;line-height:.8;font-variant-numeric:tabular-nums;font-weight:600}
.hero-card ul{margin-top:.75rem;display:flex;align-items:center;gap:.625rem;border-top:1px solid rgba(249,245,234,.15);padding-top:.75rem;font-family:var(--font-space-mono);font-size:.75rem;line-height:.8;letter-spacing:.1em;text-transform:uppercase;color:rgba(249,245,234,.55);font-weight:600}
.hero-card li{display:flex;align-items:center;gap:.625rem}
.hero-card li+li::before{content:"";width:3px;height:3px;border-radius:50%;background:rgba(249,245,234,.3)}

/* ---- menu ---- */
.menu{background:var(--surface-inverse);color:var(--foreground-inverse);--ink:var(--foreground-inverse)}
@media(min-width:1024px) and (max-width:1279.98px){.menu.band{height:calc(var(--size-board-height) + 2.5rem)}}
@media(max-width:639.98px){.menu .band-inner{gap:2.25rem}}
@media(min-width:640px) and (max-width:1023.98px){.menu .band-inner{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:1.25rem 2.5rem;padding-bottom:4rem}}
.menu-intro{display:flex;width:100%;flex-direction:column;gap:1rem;text-transform:uppercase;color:var(--foreground-inverse)}
@media(max-width:639.98px){.menu-intro{gap:1.25rem}}
@media(min-width:640px){.menu-intro{gap:1.25rem}}
@media(min-width:640px) and (max-width:1023.98px){.menu-intro{display:contents}.menu-intro .eyebrow{grid-column:span 2}.menu-intro h2{grid-column:span 2;max-width:26rem}}
@media(min-width:1024px){.menu-intro{position:absolute;left:2.5rem;top:var(--size-menu-intro-y);width:var(--size-menu-intro)}}
.menu-intro h2{text-align:left;font-family:var(--font-geist);font-weight:700;letter-spacing:-.03em}
@media(max-width:639.98px){.menu-intro h2{max-width:16rem}}
.menu-lede{width:100%}
@media(max-width:639.98px){.menu-lede{max-width:18.5rem}}
@media(min-width:640px){.menu-lede{max-width:20rem}}
@media(min-width:1024px){.menu-lede{position:absolute;left:var(--size-menu-lede-x);top:var(--size-menu-lede-y);width:var(--size-menu-lede);max-width:none}}
.menu-lede p{text-transform:none}
.menu-rec{pointer-events:none;position:absolute;left:var(--size-menu-receipt-x);top:var(--size-menu-receipt-y);display:none;height:var(--size-menu-receipt-height);width:var(--size-menu-receipt-width);opacity:0}
@media(min-width:1024px){.menu-rec{display:block}}
.menu-rec span{display:block;width:100%;height:100%;rotate:var(--angle-menu-receipt)}
.menu-rec img{width:100%;height:100%;object-fit:cover}
.menu-cta{display:block}
@media(min-width:640px) and (max-width:1023.98px){.menu-cta{justify-self:end}}
@media(min-width:1024px){.menu-cta{position:absolute;right:2.5rem;top:var(--size-menu-cta-y)}}
.menu-cta .cta{width:var(--size-menu-cta)}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}
@media(max-width:639.98px){.cards{grid-template-columns:1fr}}
@media(min-width:640px){.cards{gap:1rem}}
@media(min-width:640px) and (max-width:1023.98px){.cards{grid-column:span 2;margin-top:2.75rem}}
@media(min-width:1024px){.cards{position:absolute;inset-inline:2.5rem;bottom:2.5rem;top:auto;display:flex;gap:.75rem}}
@media(min-width:1440px){.cards{bottom:auto;top:var(--size-menu-cards-y)}}
.cards>li{display:flex;flex:1}
.cards .pl{display:flex;flex:1;perspective:900px}
.cards .pl>div{display:flex;flex:1;transform-style:preserve-3d}
.card{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;gap:.75rem;height:16rem;border:1px solid var(--foreground-inverse);padding:.75rem;color:var(--foreground-inverse)}
@media(max-width:639.98px){.card{height:22.5rem}}
@media(min-width:640px){.card{height:18rem;gap:1rem;padding:1rem}}
@media(min-width:640px) and (max-width:1023.98px){.card{height:24rem}}
@media(min-width:1024px){.card{height:var(--size-menu-card-height)}}
.card .rng{position:absolute;inset:0;pointer-events:none}
.card .ix{height:var(--size-cap-12);width:100%;font-family:var(--font-space-mono);font-size:.75rem;line-height:.8;text-transform:uppercase;color:rgba(10,21,32,.35);transition:color 250ms var(--ease-entrance);font-weight:600}
.card:hover .ix{color:var(--foreground-inverse)}
.card .media{position:relative;min-height:1px;width:100%;flex:1}
.card .media.clip{overflow:clip}
.card .media>span,.card .media>span>span{display:block;width:100%;height:100%}
.card .still{position:absolute;left:50%;transform:translateX(-50%);overflow:hidden}
.card .still img{position:absolute;max-width:none}
.card .still img.cover{object-fit:cover}
.card .meta{display:flex;min-height:var(--size-cap-16);width:100%;align-items:flex-start;justify-content:space-between;gap:.5rem;font-family:var(--font-space-mono);font-size:.875rem;line-height:.8;text-transform:uppercase;letter-spacing:.04em;font-weight:600}
@media(max-width:639.98px){.card .meta{align-items:baseline}}
@media(min-width:1024px){.card .meta{font-size:1rem}}
.card .meta p{position:relative}

/* swirl */
.sw-frame{pointer-events:none;position:absolute;inset:0;overflow:hidden}
.sw-frame.fade{-webkit-mask-image:linear-gradient(to bottom,transparent,black 22%);mask-image:linear-gradient(to bottom,transparent,black 22%)}
.sw-box{position:absolute;left:var(--size-swirl-x);top:var(--size-swirl-y);height:var(--size-swirl-height);width:var(--size-swirl-width)}
.sw-par{position:absolute;inset:0;will-change:transform}
.sw-mask{position:absolute;inset:0;display:block;-webkit-mask-image:url(../assets/swirl.svg);mask-image:url(../assets/swirl.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
.sw-fill{position:absolute;inset:0;display:block;background:var(--surface-inverse-backdrop)}

/* ---- locations ---- */
.locations{background:var(--surface-inverse);color:var(--foreground-inverse);--ink:var(--foreground-inverse)}
@media(min-width:1024px) and (max-width:1279.98px){.locations.band{height:var(--size-board-height)}}
@media(max-width:1023.98px){.locations .band-inner{display:grid;grid-template-columns:1fr 1fr;align-items:start}}
@media(min-width:640px) and (max-width:1023.98px){.locations .band-inner{padding-bottom:2.5rem}}
@media(max-width:639.98px){.locations .band-inner{row-gap:2.5rem}}
.loc-wrap{position:relative;margin-inline:auto;aspect-ratio:1;width:100%;max-width:20rem;order:3;grid-column:span 2}
@media(min-width:640px){.loc-wrap{max-width:26rem}}
@media(min-width:640px) and (max-width:1023.98px){.loc-wrap{max-width:34rem}}
@media(min-width:1024px){.loc-wrap{display:contents}}
.loc-dial{pointer-events:none;position:absolute;inset:0}
@media(min-width:1024px){.loc-dial{inset:auto;left:50%;top:var(--size-locations-dial-y);width:var(--size-locations-dial);height:var(--size-locations-dial);transform:translateX(-50%)}}
.loc-dial span,.loc-dial span span{display:block;width:100%;height:100%}
.loc-dial img{width:100%;height:100%;object-fit:cover}
.loc-cup{pointer-events:none;position:absolute;left:50%;top:12.8%;height:64.2%;width:42.8%;transform:translateX(-50%);perspective:900px}
@media(min-width:1024px){.loc-cup{top:var(--size-locations-cup-y);height:var(--size-locations-cup-height);width:var(--size-locations-cup-width)}}
.loc-cup .lean{width:100%;height:100%;transform-style:preserve-3d}
.loc-cup span,.loc-cup span span{display:block;width:100%;height:100%}
.loc-cup img{width:100%;height:100%;object-fit:cover}
.loc-eb{order:-1;display:flex;align-items:center;gap:.375rem;font-family:var(--font-space-mono);font-size:.875rem;line-height:1.2;letter-spacing:.04em;color:var(--foreground-inverse);font-weight:600}
@media(min-width:640px){.loc-eb{font-size:1rem}}
@media(max-width:1023.98px){.loc-eb{order:1;grid-column:1}}
@media(min-width:1024px){.loc-eb{position:absolute;left:2.5rem;top:var(--size-locations-dial-y)}}
.loc-list{display:grid;grid-template-columns:1fr;gap:1.25rem;font-family:var(--font-space-mono);font-size:1rem;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:var(--foreground-inverse);font-weight:600}
@media(min-width:640px){.loc-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1023.98px){.loc-list{order:4;grid-column:span 2}}
@media(min-width:1024px){.loc-list{position:absolute;bottom:2.4375rem;left:2.5rem;top:auto;display:flex;flex-direction:column;gap:1.5rem;width:var(--size-locations-list)}}
@media(min-width:1440px){.loc-list{bottom:auto;top:var(--size-locations-list-y)}}
.loc-list address{display:block}.loc-list address span{display:block}
.loc-hrs{font-family:var(--font-space-mono);font-size:1rem;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:var(--foreground-inverse);font-weight:600}
@media(max-width:1023.98px){.loc-hrs{order:2;grid-column:2;justify-self:end;text-align:right}}
@media(min-width:1024px){.loc-hrs{position:absolute;bottom:1.5rem;right:2.5rem;top:auto;width:var(--size-hours);text-align:right}}
@media(min-width:1440px){.loc-hrs{bottom:auto;top:var(--size-locations-hours-y)}}
.loc-hrs>span{display:block}

/* ---- philosophy ---- */
.phil{background:var(--background);color:var(--foreground)}
@media(min-width:1024px) and (max-width:1279.98px){.phil.band{height:var(--size-board-height)}}
.phil .scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:var(--philosophy-scrim)}
.phil .scene{pointer-events:none;position:absolute;inset:0;z-index:5;transform:translateZ(0);backface-visibility:hidden}
.phil .band-inner{gap:2rem}
@media(max-width:639.98px){.phil .band-inner{gap:1.25rem}}
@media(min-width:640px) and (max-width:1023.98px){.phil .band-inner{display:grid;grid-template-columns:21rem 1fr;align-content:center;align-items:end;gap:2.5rem 1.25rem}}
@media(min-width:1024px){.phil .band-inner{position:absolute;inset:0}}
@media(min-width:1440px){.phil .band-inner{bottom:0;top:var(--size-board-drop)}}
.phil-cup{pointer-events:none;order:2;margin-inline:auto;aspect-ratio:2/3;height:auto;width:13rem}
@media(max-width:639.98px){.phil-cup{margin-top:1.25rem;margin-bottom:-.75rem;width:16rem}}
@media(min-width:640px){.phil-cup{width:16rem}}
@media(min-width:640px) and (max-width:1023.98px){.phil-cup{grid-column:span 2;width:22rem}}
@media(min-width:1024px){.phil-cup{position:absolute;order:0;left:var(--size-philosophy-cup-x);top:var(--size-philosophy-cup-y);height:var(--size-philosophy-cup-height);width:var(--size-philosophy-cup-width);margin:0;aspect-ratio:auto}}
@media(min-width:1280px) and (max-width:1439.98px){.phil-cup{bottom:.3125rem;top:auto;height:calc(var(--size-philosophy-cup-height) * 1.09);width:calc(var(--size-philosophy-cup-width) * 1.09)}}
.phil-cup span{display:block;width:100%;height:100%}
.phil-h{order:1;width:100%}
@media(min-width:640px) and (max-width:1023.98px){.phil-h{grid-column:span 2;max-width:38rem}}
@media(min-width:1024px){.phil-h{position:absolute;left:2.5rem;top:var(--size-philosophy-headline-y);width:var(--size-philosophy-headline)}}
.phil-h h2{font-family:var(--font-geist);font-weight:600;text-transform:uppercase;letter-spacing:-.03em;text-align:left}
.phil-l{order:3;width:100%}
@media(min-width:1024px){.phil-l{position:absolute;bottom:2.4375rem;left:var(--size-philosophy-lede-x);top:auto;width:var(--size-philosophy-lede)}}
@media(min-width:1024px) and (max-width:1439.98px){.phil-l{bottom:2.5625rem}}
@media(min-width:1440px){.phil-l{bottom:auto;top:var(--size-philosophy-lede-y)}}
.phil-l p{text-transform:uppercase;text-align:left}
.phil-c{order:4;display:none;flex-direction:column;gap:.125rem;font-family:var(--font-space-mono);font-size:.875rem;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;font-weight:600}
@media(min-width:640px){.phil-c{display:flex}}
@media(min-width:640px) and (max-width:1023.98px){.phil-c{justify-self:end;text-align:right}}
@media(min-width:1024px){.phil-c{position:absolute;bottom:2.5625rem;right:2.5rem;top:auto;width:var(--size-philosophy-claims);text-align:right}}
@media(min-width:1440px){.phil-c{bottom:auto;top:var(--size-philosophy-claims-y)}}
.phil-e{order:0}
@media(min-width:640px) and (max-width:1023.98px){.phil-e{grid-column:span 2}}
@media(min-width:1024px){.phil-e{position:absolute;bottom:1.875rem;left:2.5rem;top:auto}}
@media(min-width:1024px) and (max-width:1439.98px){.phil-e{bottom:2.5625rem}}
@media(min-width:1440px){.phil-e{bottom:auto;top:var(--size-philosophy-eyebrow-y)}}

/* ---- order ---- */
.order{background:var(--background);height:100vh}
.order .stick{position:sticky;top:0;height:100lvh;width:100%;overflow:hidden}
@media(min-width:1024px) and (max-width:1279.98px){.order .stick{height:var(--size-order-frame)}}
.order .bgp{position:absolute;inset-inline:0;top:0;display:block;height:130%}
.order .bgp span{display:block;width:100%;height:100%}
.order .bgp img{width:100%;height:100%;object-fit:cover}
@media(min-width:1024px) and (max-width:1279.98px){.order .bgp img{height:112%;object-position:top}}
.order .lay{position:absolute;inset-inline:0;top:0;height:100lvh}
@media(min-width:1024px) and (max-width:1279.98px){.order .lay{height:var(--size-order-frame)}}
.order .stage{position:absolute;left:50%;top:0;width:1440px;height:800px;transform-origin:top center}
.order .stage .printer{position:absolute;left:519px;top:133px;width:400px;height:71.287px;z-index:1}
.order .stage .win{position:absolute;left:553px;top:176px;width:328px;height:624px;overflow:hidden;z-index:2}
.order .stage .paper{--p:0;width:328px;transform:translate3d(0,calc(-100% + var(--p) * 100%),0);filter:drop-shadow(0 calc(var(--p) * 26px) calc(var(--p) * 20px) rgba(0,0,0,.42));will-change:transform}
.order .copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:4.5rem 1.25rem 1.25rem;color:var(--foreground)}
@media(min-width:640px){.order .copy{padding:6rem 2.5rem 2.5rem}}
@media(max-width:1023.98px){.order .copy{align-items:center;text-align:center}}
@media(min-width:1024px){.order .copy{display:block;padding:0}}
.order .copy .fadeT,.order .copy .fadeB{pointer-events:none;position:absolute;inset-inline:0}
.order .copy .fadeT{top:0;height:16rem;background:linear-gradient(to bottom,rgba(10,21,32,.9),rgba(10,21,32,.55),transparent)}
.order .copy .fadeB{bottom:0;height:18rem;background:linear-gradient(to top,rgba(10,21,32,.92),rgba(10,21,32,.6),transparent)}
@media(min-width:1024px){.order .copy .fadeT,.order .copy .fadeB{display:none}}
.order .c1{position:relative;display:flex;flex-direction:column;gap:1rem}
@media(min-width:640px) and (max-width:1023.98px){.order .c1{gap:1.5rem}}
@media(min-width:1024px){.order .c1{display:contents}}
.order .oh{max-width:none}
@media(max-width:639.98px){.order .oh{max-width:17rem}}
@media(min-width:640px) and (max-width:1023.98px){.order .oh{margin-inline:auto;max-width:26rem}}
@media(min-width:1024px){.order .oh{position:absolute;left:2.5rem;top:var(--size-order-headline-y);width:var(--size-order-headline)}}
.order .oh h2{font-family:var(--font-geist);font-weight:600;text-transform:uppercase;letter-spacing:-.03em;text-align:left}
@media(max-width:1023.98px){.order .oh h2{text-align:center}.order .oh .tx{text-align:center}}
.order .note{display:none;width:var(--size-order-note);font-family:var(--font-space-mono);font-size:1rem;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;font-weight:600}
@media(min-width:1024px){.order .note{display:block;position:absolute;bottom:2.5rem;left:2.5rem;margin:0}}
.order .aside{position:relative;display:flex;width:100%;flex-direction:column;align-items:center;gap:1rem}
@media(max-width:639.98px){.order .aside{gap:2.25rem}}
@media(min-width:640px){.order .aside{width:var(--size-order-aside);gap:1.5rem}}
@media(min-width:640px) and (max-width:1023.98px){.order .aside{width:30rem;gap:2.5rem}}
@media(min-width:1024px){.order .aside{position:absolute;bottom:2.5rem;right:2.5rem;align-items:flex-start;gap:var(--size-order-aside-gap)}}
.order .aside .al{width:100%;font-family:var(--font-geist);font-weight:700;font-size:1rem;line-height:1.2;letter-spacing:-.03em;text-transform:uppercase}
@media(min-width:640px) and (max-width:1023.98px){.order .aside .al{font-size:var(--raw-font-size-lede-tablet)}}
.order .aside .cta{width:var(--size-order-cta)}

/* ---- footer ---- */
.footer{position:relative;display:flex;width:100%;flex-direction:column;gap:2rem;overflow:hidden;background:var(--background);padding:3rem 1.25rem;font-family:var(--font-space-mono);font-size:.875rem;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:var(--foreground);font-weight:600}
@media(max-width:639.98px){.footer{padding-bottom:2rem}}
@media(min-width:640px){.footer{gap:2.5rem;padding-inline:2.5rem;font-size:1rem}}
@media(min-width:1024px){.footer{display:block;height:var(--size-footer-height);padding:0}}
.footer .ft-sw{pointer-events:none;position:absolute;left:var(--size-swirl-x);top:var(--size-swirl-y);display:block;height:var(--size-swirl-height);width:var(--size-swirl-width);background:var(--surface-backdrop-soft);-webkit-mask-image:url(../assets/swirl.svg);mask-image:url(../assets/swirl.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
.footer .ft-mark{display:block;height:var(--size-logo-height);width:var(--size-logo-width);position:relative}
@media(min-width:1024px){.footer .ft-mark{position:absolute;left:2.5rem;top:2.5rem}}
.footer .tag{margin-top:-1rem;width:var(--size-footer-tagline);font-size:.75rem;color:rgba(249,245,234,.5);display:none}
@media(min-width:1024px){.footer .tag{display:block;position:absolute;left:2.5rem;top:var(--size-footer-tagline-y);margin:0}}
.footer .cols{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 1.5rem}
@media(min-width:640px){.footer .cols{grid-template-columns:repeat(3,1fr);gap:2rem 2.5rem}}
@media(min-width:1024px){.footer .cols{display:contents}}
.footer .navc{display:contents}
@media(min-width:1024px){.footer .navc{position:absolute;left:var(--size-footer-nav-x);top:2.5rem;display:flex;gap:3rem}}
.footer .col{display:flex;flex-direction:column;gap:.75rem}
@media(min-width:1024px){.footer .col{min-width:var(--size-footer-col)}}
.footer .col ul,.footer .contact ul{display:flex;flex-direction:column;gap:.375rem;color:rgba(249,245,234,.5)}
.footer .col a,.footer .contact a{overflow-wrap:anywhere;transition:color 150ms var(--ease-entrance)}
@media(min-width:1024px){.footer .col a,.footer .contact a{white-space:nowrap}}
.footer .col a:hover,.footer .contact a:hover{color:var(--foreground)}
.footer .hsep{display:none;height:1px;background:rgba(249,245,234,.1)}
@media(max-width:639.98px){.footer .hsep{display:block;grid-column:span 2}}
@media(min-width:640px) and (max-width:1023.98px){.footer .hsep{display:block;grid-column:span 3}}
.footer .contact{display:flex;flex-direction:column;gap:.75rem}
@media(max-width:639.98px){.footer .contact{grid-column:span 2}}
@media(min-width:1024px){.footer .contact{position:absolute;left:var(--size-footer-contact-x);top:2.5rem}}
.footer .rule{display:block;height:1px;width:100%;background:rgba(249,245,234,.1)}
@media(min-width:1024px){.footer .rule{position:absolute;inset-inline:2.5rem;width:auto}}
.footer .locl{font-size:.75rem;color:rgba(249,245,234,.5)}
@media(min-width:1024px){.footer .locl{position:absolute;left:2.5rem;top:var(--size-footer-row-y)}}
.footer .locl span{display:flex;align-items:center;gap:.375rem}
.footer .addrs{display:grid;gap:1.5rem}
@media(min-width:640px){.footer .addrs{grid-template-columns:repeat(2,1fr);column-gap:2.5rem}}
@media(min-width:1024px){.footer .addrs{display:contents}}
.footer .addrs address span{display:block}
@media(min-width:1024px){.footer .addrs address{position:absolute;top:var(--size-footer-row-y);white-space:nowrap}
 .footer .addrs .a1{left:var(--size-footer-nav-x);width:var(--size-footer-address);white-space:normal}
 .footer .addrs .a2{left:var(--size-footer-address-b)}.footer .addrs .a3{left:var(--size-footer-address-c)}}
.footer .addrs .vd{display:none;height:var(--size-hero-rule);width:1px;background:rgba(249,245,234,.35)}
@media(min-width:1024px){.footer .addrs .vd{display:block;position:absolute;top:var(--size-footer-row-y)}.footer .addrs .vd.d1{left:var(--size-footer-divider-a)}.footer .addrs .vd.d2{left:var(--size-footer-divider-b)}}
.footer .addrs .hrs{}
@media(max-width:639.98px){.footer .addrs .hrs{margin-top:1rem;border-top:1px solid rgba(249,245,234,.1);padding-top:1.5rem}}
@media(min-width:1024px){.footer .addrs .hrs{position:absolute;left:var(--size-footer-contact-x);top:var(--size-footer-row-y);white-space:nowrap}}
.footer .addrs .hrs>span{display:block}
.footer .legal{display:flex;flex-direction:column;gap:.75rem}
@media(min-width:640px){.footer .legal{flex-direction:row;align-items:baseline;justify-content:space-between}}
@media(min-width:1024px){.footer .legal{display:contents}}
.footer .legal>*{font-size:.75rem;white-space:nowrap}
.footer .legal .c1{color:rgba(249,245,234,.5)}
@media(max-width:639.98px){.footer .legal .c1{order:99;margin-top:.75rem;border-top:1px solid rgba(249,245,234,.1);padding-top:1.5rem}}
@media(min-width:1024px){.footer .legal .c1{position:absolute;left:2.5rem;top:var(--size-footer-legal-y)}.footer .legal .c2{position:absolute;left:var(--size-footer-nav-x);top:var(--size-footer-legal-y)}.footer .legal .c3{position:absolute;left:var(--size-footer-contact-x);top:var(--size-footer-legal-y)}}
.footer .legal .dim{white-space:pre;color:rgba(249,245,234,.5)}
.footer .legal a.dimlink{color:rgba(249,245,234,.5);transition:color 150ms var(--ease-entrance)}.footer .legal a.dimlink:hover{color:var(--foreground)}
.rise{display:block;clip-path:inset(0 0 -4px 0)}.rise>span{display:block}

/* DigitRoll */
.dr{position:relative;display:inline-block}
.dr .ghost{color:transparent;display:block;white-space:pre}
.dr .ov{position:absolute;left:0;right:0;top:-.35em;bottom:-.35em;display:flex}
.dr .ov .ch{flex:none;align-self:center;white-space:pre}
.dr .ov .dg{flex:none;position:relative;width:1ch;height:100%;clip-path:inset(0)}
.dr .ov .dg>span{display:block;height:1000%;will-change:transform}
.dr .ov .dg b{display:flex;height:10%;align-items:center;justify-content:center;font-weight:inherit}
.dr-block{display:block}

/* error banner */
.asset-banner{position:fixed;left:0;right:0;bottom:0;z-index:200;background:#7a1a12;color:#fff;font-family:system-ui,sans-serif;font-size:13px;padding:10px 16px;line-height:1.4}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* menu stills per grid */
@media(min-width:1440px){:root{--size-menu-still-lift:0rem}}
@media(min-width:1024px) and (max-width:1279.98px){:root{--size-menu-still-lift:.9rem;--size-menu-still-scale:.92}}
@media(max-width:639.98px){:root{--size-menu-still-lift:1.375rem;--size-menu-still-max:100%}}

.footer .addrs .sl{display:inline}.footer .addrs .ln{display:inline}
@media(min-width:1024px){.footer .addrs .sl{display:none}.footer .addrs .ln{display:block}.footer .addrs .a2,.footer .addrs .a3{white-space:normal}}

/* =================================================================== CARMELA brand layer
   Same board, same motion; the surfaces, type and colour are Carmela's. */
:root{
  --font-geist:"Manrope",system-ui,sans-serif;--font-onest:"Manrope",system-ui,sans-serif;--font-space-mono:"Manrope",system-ui,sans-serif;--font-allura:"Manrope",system-ui,sans-serif;
  --raw-color-white:#F9F5EA;
  --background:#0a1520;--foreground:#F9F5EA;--accent:#95B1CD;
  --surface-backdrop:#13202d;--surface-backdrop-soft:rgba(249,245,234,.06);
  --surface-inverse:#F9F5EA;--surface-inverse-backdrop:#EEE7D3;--foreground-inverse:#1E1E24;
  --raw-gradient-opalesce-fallback:linear-gradient(120deg,#0a1520 0%,#0d2234 35%,#1c3b57 65%,#4f7fa6 100%);
  --burgundy:#710004;
  --raw-size-logo-width:7.38rem;--size-logo-width:7.38rem;
  --raw-size-hero-script-x:12.5rem;--size-hero-script-x:12.5rem;--raw-size-hero-script-y:6.9rem;--size-hero-script-y:6.9rem;
}
body{font-family:var(--font-onest);font-variant-numeric:tabular-nums}
.hero-eh h1,.menu-intro h2,.order .oh h2,.phil-h h2{font-weight:300;text-transform:none;letter-spacing:-.045em}
.hero-eh,.menu-intro,.order .oh h2{text-transform:none}
.h-display,.h-head{line-height:.95}
.lede,.phil-l p,.order .aside .al{font-weight:500;text-transform:none;letter-spacing:-.01em;line-height:1.35}
.phil-l p{text-transform:none}
.script{font-weight:200;color:var(--accent);letter-spacing:-.04em;text-transform:none}
.cta .cta-label{font-weight:700;letter-spacing:.12em;font-size:.75rem}
@media(min-width:640px){.cta .cta-label{font-size:.8125rem}}
.hero-card .nm{font-weight:300;text-transform:none;font-size:2rem;letter-spacing:-.04em}
.hero-card .pr{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.hdr-panel nav a{font-weight:300;text-transform:none;letter-spacing:-.04em}
#preloader .count{font-weight:200;letter-spacing:-.05em}
.eyebrow{font-weight:700;letter-spacing:.16em}
.hero-bar,.loc-eb,.loc-list,.loc-hrs,.phil-c,.footer,.hdr{font-weight:600}
.footer{background:var(--burgundy);color:var(--foreground)}
.footer .ft-sw{background:rgba(249,245,234,.07)}
.footer .col ul,.footer .contact ul{color:rgba(249,245,234,.65)}
.footer .tag,.footer .locl,.footer .legal .c1,.footer .legal .dim,.footer .legal a.dimlink{color:rgba(249,245,234,.65)}
.footer .rule{background:rgba(249,245,234,.22)}.footer .addrs .vd{background:rgba(249,245,234,.4)}
.card .ix{color:rgba(30,30,36,.4)}
.card{border-color:rgba(30,30,36,.9)}
.menu-rec{display:none}
@media(min-width:1024px){.menu-rec{display:block}}
.menu-rec>span{display:block;width:100%;height:100%;rotate:var(--angle-menu-receipt)}
.menu-rec .rc{width:328px;transform-origin:top left;transform:scale(.8495);color:#1E1E24}
.hero-fig .pc{position:absolute;display:block;will-change:transform;transform-origin:50% 62%}
.hero-fig .pc img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2.2rem 1.6rem rgba(2,8,14,.45));pointer-events:none;user-select:none;-webkit-user-drag:none}
.hero-fig .stage3d{position:absolute;perspective:1100px;will-change:transform}
.hero-fig .stage3d .rig{position:absolute;inset:0;transform-style:preserve-3d}
.loc-dial svg{width:100%;height:100%}
.phil-cup{pointer-events:none}
.order .stage .paper .wm{display:block;height:15px;margin:0 auto;aspect-ratio:1221.56/227.13;background:#111;-webkit-mask:url(../assets/wordmark.svg) center/100% 100% no-repeat;mask:url(../assets/wordmark.svg) center/100% 100% no-repeat}
.loc-cup img{object-fit:contain}
.order .stage .printer{position:absolute;left:519px;top:133px;width:400px;height:71.287px;z-index:1;border-radius:16px;background:linear-gradient(#41414a,#1E1E24);box-shadow:0 18px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.14)}
.order .stage .printer .slot{position:absolute;left:6%;right:6%;top:36px;height:8px;border-radius:4px;background:#07090c;box-shadow:inset 0 1px 2px rgba(0,0,0,.9)}
.order .stage .printer .led{position:absolute;right:22px;top:14px;width:6px;height:6px;border-radius:50%;background:#95B1CD;box-shadow:0 0 8px #95B1CD}
.card .media .disc{position:absolute;left:50%;bottom:6%;width:74%;aspect-ratio:1;border-radius:50%;transform:translateX(-50%);opacity:.92}
.card .media>span>span.stillp{position:relative}
.menu-rec .rc{position:absolute;left:0;top:0}

.tracking-slash{letter-spacing:.06em}.tracking-slash-space{letter-spacing:0}

.loc-hrs>span{width:max-content;margin-left:auto}
:root{--raw-size-menu-lede-x:0rem;--size-menu-lede-x:0rem;--raw-size-menu-lede-y:15rem;--size-menu-lede-y:15rem;--raw-size-menu-lede:17rem;--size-menu-lede:17rem}
.order .bgp::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(10,21,32,.72),rgba(10,21,32,.2) 38%,rgba(10,21,32,.4) 62%,rgba(10,21,32,.86))}
.hero-bar .hrs .dr{display:block;width:max-content}
:root{--raw-size-hero-script-x-phone:2.2rem;--size-hero-script-x-phone:2.2rem;--raw-size-hero-script-y-phone:3.5rem;--size-hero-script-y-phone:3.5rem;--raw-font-size-script-phone:2.6rem;
  --raw-size-hero-script-x-tablet:7rem;--size-hero-script-x-tablet:7rem;--raw-size-hero-script-y-tablet:6.1rem;--size-hero-script-y-tablet:6.1rem;--raw-font-size-script-tablet:5.2rem}
.card .still img{filter:drop-shadow(0 .5rem .6rem rgba(30,30,36,.28))}
.hero-fig .pc.photo img{border-radius:.5rem;object-fit:cover;filter:drop-shadow(0 1.6rem 1.4rem rgba(2,8,14,.5))}
.loc-dial span,.loc-dial span span{display:block;width:100%;height:100%}
.wmap{width:100%;height:100%;display:block;overflow:hidden}
.wmap .pl{font-family:Manrope,sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;fill:#1E1E24}
.wmap .cap{font-family:Manrope,sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em;fill:#1E1E24;opacity:.7}
@media(max-width:1023.98px){.loc-wrap{aspect-ratio:980/600;max-width:100%}}
@media(min-width:1024px){.loc-dial{inset:auto;left:50%;top:var(--size-locations-dial-y);width:61.25rem;height:37.5rem;transform:translateX(-50%)}}
@media(max-width:639.98px){.loc-wrap{aspect-ratio:520/276}.wmap .pl{font-size:15px}.wmap .cap{font-size:14px}}

@media(max-width:639.98px){
  .hero-head{display:block}
  .script{margin:.2rem 0 0;font-size:2.9rem;line-height:1;white-space:normal;width:auto}
}
@media(min-width:640px) and (max-width:1023.98px){
  .hero-head{display:block}
  .script{margin:.3rem 0 0;font-size:4.6rem;line-height:1;white-space:normal;width:auto}
}

.order .bgp::after{background:linear-gradient(to bottom,rgba(10,21,32,.78),rgba(10,21,32,.34) 40%,rgba(10,21,32,.42) 62%,rgba(10,21,32,.9))}
.order .bgp::after{background:radial-gradient(ellipse 38% 34% at 84% 88%,rgba(10,21,32,.72),rgba(10,21,32,0) 100%),linear-gradient(to bottom,rgba(10,21,32,.78),rgba(10,21,32,.3) 40%,rgba(10,21,32,.4) 62%,rgba(10,21,32,.9))}

/* closing band: the photograph sits a little higher so the bottles, not just the caps, show */
.order .bgp{top:-15%}
/* phones: lift the copy a little so the button never sits on SERRA's cap */
@media(max-width:639.98px){
  .hero-in{padding-top:4.6rem}
  .hero-lede{gap:1.6rem}
  .hero-fig{top:43%}
}

/* the social links stay in the first section on phones too */
.hero-bar .soc{display:flex!important;width:max-content}
.hero-bar .vr.hs{display:block!important}
@media(max-width:639.98px){.hero-bar{gap:.8rem;font-size:.7rem;flex-wrap:nowrap}.hero-bar .vr{height:1.1rem}.hero-bar .soc{flex-direction:row!important;gap:.8rem!important}}

/* =================================================================== inner pages */
.wrap{position:relative;z-index:2;padding-inline:2.5rem;max-width:92rem;margin-inline:auto}
@media(max-width:639.98px){.wrap{padding-inline:1.25rem}}
.sec{position:relative;overflow:hidden;padding-block:clamp(4rem,8vw,7.5rem)}
.sec.light{background:var(--surface-inverse);color:var(--foreground-inverse);--ink:var(--foreground-inverse)}
.sec.cream2{background:#EFE8D6;color:var(--foreground-inverse)}
.sec.dark{background:var(--background);color:var(--foreground)}
.sec.dark .opal{z-index:0}
.sec.dark>.wrap{z-index:3}
.sub-hero{position:relative;overflow:hidden;background:var(--background);color:var(--foreground);padding:9rem 0 4.5rem;min-height:30rem;display:flex;align-items:flex-end}
.sub-hero.short{min-height:26rem}
.scrim.sub{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(10,21,32,.45),rgba(10,21,32,.1) 50%,rgba(10,21,32,.6))}
.sh-in{width:100%}
.h-xl{font-family:var(--font-geist);font-weight:300;font-size:clamp(3rem,7.4vw,6.25rem);line-height:.95;letter-spacing:-.045em;margin-top:1rem}
.h-l{font-family:var(--font-geist);font-weight:300;font-size:clamp(2.2rem,4.4vw,4rem);line-height:.98;letter-spacing:-.04em;margin-top:1rem;max-width:22ch}
.h-m{font-family:var(--font-geist);font-weight:300;font-size:clamp(2rem,3.6vw,3.25rem);letter-spacing:-.04em;line-height:1;margin:.9rem 0 1rem}
.sh-lede{max-width:34rem;margin-top:1.5rem}
.body{margin-top:1.25rem;line-height:1.75;max-width:34rem;font-size:1rem}
.tagline{font-size:1.25rem;font-weight:300;margin-top:1rem;letter-spacing:-.01em}
.cta-row{margin-top:2.25rem}

.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:.9rem;padding:1.1rem 1.8rem;font-family:var(--font-geist);font-weight:700;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid transparent;transition:background-color .2s var(--ease-entrance),color .2s var(--ease-entrance),border-color .2s}
.btn svg{width:.8rem;height:.9rem;flex:none}
.btn.solid{background:var(--burgundy);color:#F9F5EA}.btn.solid:hover{background:#1E1E24}
.btn.light{background:#F9F5EA;color:#1E1E24}.btn.light:hover{background:#95B1CD}
.btn.wide{width:100%;justify-content:center}
.btn.done{background:#1E1E24!important}

/* shop */
.pills{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:2.5rem}
.pill{padding:.7rem 1.2rem;border:1px solid rgba(30,30,36,.35);border-radius:999px;font-weight:700;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;transition:background-color .2s,color .2s,border-color .2s}
.pill.on,.pill:hover{background:#1E1E24;color:#F9F5EA;border-color:#1E1E24}
.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.5rem 1.25rem}
.pgrid.four{margin-top:2.5rem}
@media(max-width:1100px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pc[hidden]{display:none}
.pcard{display:block}
.plate{position:relative;display:block;aspect-ratio:4/5;background:#EFE8D6;overflow:hidden}
.plate img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s var(--ease-entrance),transform .9s var(--ease-entrance)}
.plate .im2{opacity:0}
.pcard:hover .plate .im2{opacity:1}.pcard:hover .plate .im1{opacity:0}
.pcard:hover .plate img{transform:scale(1.03)}
.plate.cut{background:color-mix(in srgb,var(--tint) 14%,#F1ECDD)}
.plate.cut .im1{object-fit:contain;padding:9% 24%;filter:drop-shadow(0 .9rem .9rem rgba(30,30,36,.25))}
.pmeta{display:flex;justify-content:space-between;gap:.5rem;margin-top:.95rem;font-weight:700;font-size:.8125rem;letter-spacing:.1em}
.pprice{font-weight:500;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.psub{display:block;margin-top:.35rem;font-size:.75rem;opacity:.62;letter-spacing:.04em;line-height:1.5}
.padd{margin-top:.85rem;width:100%;padding:.8rem 1rem;border:1px solid #1E1E24;font-weight:700;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;display:flex;justify-content:space-between;transition:background-color .2s,color .2s,border-color .2s}
.padd:hover{background:#1E1E24;color:#F9F5EA}.padd.done{background:var(--burgundy);color:#F9F5EA;border-color:var(--burgundy)}

/* product page */
.pdp{position:relative;background:var(--surface-inverse);color:var(--foreground-inverse);padding:8.5rem 0 5rem;overflow:hidden;--ink:var(--foreground-inverse)}
.pdp-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(2rem,5vw,6rem);align-items:start}
@media(max-width:900px){.pdp{padding-top:6.5rem}.pdp-grid{grid-template-columns:1fr}}
.gal-main{position:relative;aspect-ratio:4/5;background:color-mix(in srgb,var(--tint) 14%,#EFE8D6);overflow:hidden}
.gal-main img{width:100%;height:100%;object-fit:cover;transition:opacity .2s}
.thumbs{display:flex;gap:.6rem;margin-top:.8rem}
.thumb{width:4.75rem;aspect-ratio:1;border:1px solid transparent;opacity:.6;overflow:hidden;transition:opacity .2s,border-color .2s}
.thumb.on,.thumb:hover{border-color:#1E1E24;opacity:1}
.thumb img{width:100%;height:100%;object-fit:cover}
.info{position:sticky;top:6.5rem}
@media(max-width:900px){.info{position:static}}
.price{display:flex;align-items:baseline;gap:1rem;margin-top:1.5rem;font-size:2.25rem;font-weight:300;letter-spacing:-.02em}
.price .sz{font-size:.75rem;font-weight:700;letter-spacing:.14em}
.story{margin-top:1.25rem;line-height:1.75;max-width:34rem}
.chip-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:1.25rem}
.lbl{font-size:.6875rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.6;min-width:6rem}
.chip{padding:.45rem .85rem;border:1px solid rgba(30,30,36,.3);border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.06em}
.buy{display:flex;gap:1rem;margin-top:2rem;align-items:stretch}
.qty{display:inline-flex;align-items:center;border:1px solid #1E1E24;flex:none}
.qty button{width:2.75rem;align-self:stretch;font-size:1.1rem}.qty button:hover{background:rgba(30,30,36,.08)}
.qty output{min-width:2.5rem;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}
.qty.sm button{width:2rem;height:2rem}.qty.sm output{min-width:2rem}
.btn.add{flex:1}
.btn.add .tot{font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.04em}
.facts{margin-top:2.25rem;border-bottom:1px solid rgba(30,30,36,.18)}
.facts li{display:flex;justify-content:space-between;gap:1.5rem;padding:.85rem 0;border-top:1px solid rgba(30,30,36,.18);font-size:.8125rem}
.facts li span:first-child{font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.6875rem;opacity:.7}
.facts li span:last-child{text-align:right}
.artnote{margin-top:1rem;font-size:.75rem;opacity:.6;line-height:1.6}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}
@media(max-width:800px){.steps{grid-template-columns:1fr}}
.steps li{border-top:1px solid rgba(249,245,234,.3);padding-top:1.25rem}
.steps .n{font-size:.75rem;font-weight:700;letter-spacing:.16em;opacity:.6}
.steps h3{font-family:var(--font-geist);font-weight:300;font-size:1.75rem;letter-spacing:-.03em;margin:.75rem 0 .6rem}
.steps p{line-height:1.65;opacity:.85;max-width:22rem}

.pair-in{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,6rem);align-items:center}
@media(max-width:900px){.pair-in{grid-template-columns:1fr}}
.pair-img img{width:100%;height:auto}
.pair-copy .lede{margin-top:1.25rem;max-width:30rem}
.pair-copy .cta-row{margin-top:2rem}

/* story */
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,7rem);align-items:center}
.two.flip .pcol{order:-1}
@media(max-width:900px){.two{grid-template-columns:1fr}.two.flip .pcol{order:0}}
.pcol img{width:100%;height:auto;display:block}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,7rem)}
@media(max-width:800px){.duo{grid-template-columns:1fr}}
.duo p{line-height:1.7;max-width:26rem;opacity:.9}
.sec.dark.has-opal{padding-block:clamp(5rem,9vw,8rem)}
.five{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem;margin-top:3rem}
@media(max-width:800px){.five{grid-template-columns:repeat(3,1fr)}}
.five a{display:block}
.five img{width:100%;height:auto;filter:drop-shadow(0 .8rem .9rem rgba(30,30,36,.28));transition:transform .6s var(--ease-entrance)}
.five a:hover img{transform:translateY(-.5rem)}
.five span{display:block;margin-top:.9rem;text-align:center;font-weight:700;font-size:.75rem;letter-spacing:.16em}

/* places */
.mapsec{padding-block:clamp(3rem,6vw,5rem)}
.mapfig{width:100%;max-width:61.25rem;margin-inline:auto;aspect-ratio:980/600}
.legend{display:flex;gap:1.5rem 3rem;flex-wrap:wrap;justify-content:center;margin-top:1rem;font-size:.8125rem}
.legend b{font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.6875rem;margin-right:.6rem}
.places .wrap{display:flex;flex-direction:column;gap:clamp(4rem,8vw,8rem)}
.place{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(2rem,6vw,7rem);align-items:center}
.place.flip .p-img{order:2}
@media(max-width:800px){.place{grid-template-columns:1fr}.place.flip .p-img{order:0}}
.p-img{display:block;background:color-mix(in srgb,var(--tint) 14%,#EFE8D6);overflow:hidden;max-width:26rem;width:100%}
.p-img img{width:100%;height:auto;transition:transform .9s var(--ease-entrance)}
.p-img:hover img{transform:scale(1.03)}
.place .h-l{max-width:none}

/* cart */
.cartsec{padding-top:9rem;min-height:70vh}
.cart-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(2rem,5vw,6rem);align-items:start;margin-top:3rem}
@media(max-width:900px){.cart-grid{grid-template-columns:1fr}}
.line{display:grid;grid-template-columns:7rem 1fr auto;gap:1.25rem;padding:1.5rem 0;border-top:1px solid rgba(30,30,36,.18)}
.line:last-child{border-bottom:1px solid rgba(30,30,36,.18)}
.lim{background:#EFE8D6;aspect-ratio:4/5;display:block;overflow:hidden}.lim img{width:100%;height:100%;object-fit:cover}
.lname{font-family:var(--font-geist);font-weight:300;font-size:1.5rem;letter-spacing:-.03em}
.ls{font-size:.6875rem;font-weight:700;letter-spacing:.14em;opacity:.6;margin-top:.25rem}
.lt .qty{margin-top:.9rem}
.rm{display:block;margin-top:.8rem;font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;opacity:.65}
.rm:hover{opacity:1}
.lp{font-weight:500;font-variant-numeric:tabular-nums}
.empty{padding:2rem 0}.empty p{font-size:1.5rem;font-weight:300;margin-bottom:1.5rem}
.summary{background:#EFE8D6;padding:1.75rem}
.summary[hidden]{display:none}
.summary h2{font-family:var(--font-geist);font-weight:300;font-size:1.75rem;letter-spacing:-.03em;margin-bottom:1.25rem}
.summary dl{display:grid;grid-template-columns:1fr auto;gap:.8rem 1rem;font-size:.875rem;margin-bottom:1.5rem}
.summary dd{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.summary .note{margin-top:1rem;font-size:.75rem;line-height:1.6;opacity:.75;min-height:1.2em}

/* bag toast */
#toast{position:fixed;left:50%;bottom:1.5rem;z-index:150;display:flex;align-items:center;gap:1.5rem;padding:.9rem 1.25rem;background:#1E1E24;color:#F9F5EA;font-size:.8125rem;font-weight:500;transform:translate(-50%,160%);transition:transform .45s var(--ease-entrance);max-width:calc(100vw - 2rem)}
#toast.on{transform:translate(-50%,0)}
#toast a{font-weight:700;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}

/* header bag + home extras */
@media(max-width:639.98px){.hdr-order{display:flex!important;order:0;margin-left:auto;margin-right:2.75rem}}
.hdr-order [data-bag-count]{font-variant-numeric:tabular-nums}
.loc-more{display:block;order:5}
@media(max-width:1023.98px){.loc-more{grid-column:span 2}}
@media(min-width:1024px){.loc-more{position:absolute;right:2.5rem;top:var(--size-locations-dial-y)}}
a.card{color:inherit}
.phil-e a{display:inline-block}

/* soft backing so the floating header stays legible over copy */
.hdr::before{content:"";position:absolute;left:-2.5rem;right:-2.5rem;top:-1.5rem;bottom:-1.25rem;z-index:-1;pointer-events:none;transition:opacity .25s var(--ease-entrance)}
.hdr[data-theme=light]::before{background:linear-gradient(to bottom,rgba(249,245,234,.96) 55%,rgba(249,245,234,0))}
.hdr[data-theme=dark]::before{background:linear-gradient(to bottom,rgba(10,21,32,.55),rgba(10,21,32,0))}
@media(max-width:639.98px){.hdr::before{left:-1.25rem;right:-1.25rem}}
body.menu-open .hdr::before{opacity:0}

/* legal pages */
.policy{max-width:46rem}
.policy h2{font-family:var(--font-geist);font-weight:300;font-size:1.75rem;letter-spacing:-.03em;margin:2.75rem 0 .9rem}
.policy h2:first-child{margin-top:0}
.policy p,.policy li{line-height:1.75}
.policy p+p{margin-top:.9rem}
.policy ul{margin:.5rem 0 1rem;padding-left:1.1rem;list-style:disc}
.policy li{margin-bottom:.7rem;padding-left:.2rem}
.policy b{font-weight:700}
.policy .upd{margin-top:1.5rem;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.6}
.footer .legal a.plink,.footer .c3 a.plink{white-space:nowrap;font-size:.75rem;transition:opacity .15s}
.footer a.plink:hover{text-decoration:underline;text-underline-offset:3px}

/* =================================================================== store layer: offer bar, plans, drawer */
.ann{position:absolute;top:0;left:0;right:0;z-index:48;min-height:2.25rem;padding:.55rem 1rem;background:var(--burgundy);color:#F9F5EA;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.4}
.ann a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(249,245,234,.45)}
.ann b{font-weight:800}
.hdr{top:calc(1rem + var(--ann-off,0px))}
@media(min-width:640px){.hdr{top:calc(1.5rem + var(--ann-off,0px))}}
@media(max-width:639.98px){.hero-in{padding-top:calc(4.6rem + var(--ann-h,0px))}}
@media(min-width:640px) and (max-width:1023.98px){.hero-in{padding-top:calc(6rem + var(--ann-h,0px))}}
.sub-hero{padding-top:calc(9rem + var(--ann-h,0px))}
.pdp{padding-top:calc(8.5rem + var(--ann-h,0px))}
@media(max-width:900px){.pdp{padding-top:calc(6.5rem + var(--ann-h,0px))}}
.cartsec{padding-top:calc(9rem + var(--ann-h,0px))}

.badge{display:inline-block;padding:.3rem .6rem;background:var(--burgundy);color:#F9F5EA;font-size:.625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.2}
.plate .badge{position:absolute;left:.75rem;top:.75rem;z-index:2}
.psub2{display:block;margin-top:.3rem;font-size:.75rem;color:var(--burgundy);letter-spacing:.02em}
.psub2 b{font-weight:700}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem 2rem;flex-wrap:wrap;margin-bottom:1.5rem}
.toolbar .pills{margin-bottom:0}
.sortbox{display:flex;align-items:center;gap:1.25rem;font-size:.75rem;font-weight:600;letter-spacing:.08em}
.sortbox select{appearance:none;-webkit-appearance:none;border:1px solid #1E1E24;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' stroke='%231E1E24' stroke-width='1.4'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E") no-repeat right .9rem center;padding:.7rem 2.4rem .7rem 1rem;font:600 .75rem var(--font-geist);letter-spacing:.06em;color:#1E1E24;cursor:pointer}
.subnote{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;background:#EFE8D6;padding:1rem 1.25rem;margin-bottom:2.25rem;font-size:.875rem}
.subnote p b{font-weight:700}

.price .was{font-size:1.25rem;opacity:.45;font-weight:300}
.plans{border:0;margin-top:1.75rem;display:grid;gap:.7rem}
.plan{position:relative;display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;padding:1rem 1.1rem 1rem 3rem;border:1px solid rgba(30,30,36,.3);cursor:pointer;transition:border-color .2s,background-color .2s}
.plan:hover{border-color:#1E1E24}
.plan.on{border-color:#1E1E24;background:rgba(255,255,255,.55)}
.plan input{position:absolute;left:1.1rem;top:1.15rem;width:1rem;height:1rem;accent-color:var(--burgundy);margin:0}
.pl-top{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;font-size:.875rem}
.pl-top b{font-weight:700;letter-spacing:.04em}
.pl-price{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.pl-price s{opacity:.5;font-weight:400;margin-left:.3rem}
.pl-note{grid-column:1/-1;font-size:.75rem;opacity:.7;line-height:1.5}
.buy{margin-top:1.25rem}
.plans+.buy{margin-top:1.25rem}

.satc{position:fixed;left:0;right:0;bottom:0;z-index:70;background:#F9F5EA;color:#1E1E24;border-top:1px solid rgba(30,30,36,.18);transform:translateY(105%);transition:transform .4s var(--ease-entrance)}
.satc.on{transform:none}
.satc-in{display:flex;align-items:center;gap:1rem;padding-block:.7rem}
.satc-in img{width:2.5rem;height:3rem;object-fit:cover;background:#EFE8D6;flex:none}
.satc-t{flex:1;min-width:0;display:flex;flex-direction:column;font-size:.8125rem}
.satc-t b{font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.satc-t span{opacity:.75;font-variant-numeric:tabular-nums}

#drawer{position:fixed;inset:0;z-index:120;visibility:hidden;pointer-events:none;transition:visibility 0s .5s}
#drawer.open{visibility:visible;pointer-events:auto;transition:none}
.dr-ov{position:absolute;inset:0;background:rgba(10,21,32,.5);opacity:0;transition:opacity .4s}
#drawer.open .dr-ov{opacity:1}
.dr-panel{position:absolute;top:0;right:0;height:100%;width:min(27rem,100vw);background:#F9F5EA;color:#1E1E24;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .5s var(--ease-entrance);box-shadow:-30px 0 80px rgba(0,0,0,.25)}
#drawer.open .dr-panel{transform:none}
.dr-hd{display:flex;justify-content:space-between;align-items:center;padding:1.15rem 1.5rem;border-bottom:1px solid rgba(30,30,36,.15)}
.dr-hd h2{font-family:var(--font-geist);font-weight:300;font-size:1.5rem;letter-spacing:-.03em}
.dr-hd h2 span{font-size:1rem;opacity:.6}
.dr-x{font-size:1.9rem;line-height:1;padding:.2rem .4rem}
.dr-body{flex:1;overflow-y:auto;padding:0 1.5rem}
.dr-body .line{grid-template-columns:4.75rem 1fr auto;gap:1rem;padding:1.25rem 0}
.dr-body .line:last-child{border-bottom:0}
.dr-body .lname{font-size:1.25rem}
.dr-body .empty{padding:2.5rem 0}.dr-body .empty p{font-size:1.25rem}
.dr-ft{padding:1.25rem 1.5rem 1.5rem;border-top:1px solid rgba(30,30,36,.15)}
.dr-ft dl{display:grid;grid-template-columns:1fr auto;gap:.6rem 1rem;font-size:.875rem;margin-bottom:1.25rem}
.dr-ft dd{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.sv{color:var(--burgundy)}
.dr-ft .note{margin-top:.8rem;font-size:.75rem;line-height:1.5;opacity:.75;min-height:1.1em}
.dr-link{display:block;text-align:center;margin-top:.6rem;font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px}
.upsell{display:flex;align-items:center;gap:.9rem;padding:.7rem;border:1px solid rgba(30,30,36,.25);margin-bottom:1.1rem;transition:border-color .2s}
.upsell:hover{border-color:#1E1E24}
.upsell img{width:2.75rem;height:3.25rem;object-fit:cover;flex:none}
.upsell span:nth-child(2){flex:1;display:flex;flex-direction:column;font-size:.8125rem}
.upsell b{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}
.upsell small{opacity:.7;font-size:.75rem}
.plan-tag{display:inline-block;margin-top:.5rem;padding:.25rem .6rem;font-size:.625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:#E6DDC4}
.plan-tag.sub{background:var(--burgundy);color:#F9F5EA}
.lact{display:flex;gap:1.25rem;flex-wrap:wrap}
.lp s{opacity:.45;font-weight:400;margin-right:.2rem}
.summary dt.sv,.summary dd.sv{color:var(--burgundy)}

/* home: the subscribe band */
.subband{position:relative;background:var(--burgundy);color:#F9F5EA;padding:clamp(4rem,8vw,7rem) 2.5rem;overflow:hidden}
.sub-in{max-width:92rem;margin-inline:auto;display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:center}
.sub-copy .h-head{margin-top:1rem;font-family:var(--font-geist);font-weight:300;letter-spacing:-.045em}
.sub-copy .lede{margin-top:1.25rem;max-width:30rem}
.sub-copy .blk{margin-top:2rem}
.sub-price{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;justify-self:end}
.sub-price s{font-size:2rem;font-weight:300;opacity:.55}
.sub-price b{font-size:clamp(5rem,12vw,9rem);font-weight:200;letter-spacing:-.05em;line-height:.9}
.sub-price span{font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
@media(max-width:800px){.subband{padding-inline:1.25rem}.sub-in{grid-template-columns:1fr;gap:2rem}.sub-price{justify-self:start}}

.lact{margin-top:.8rem}.lact .rm{display:inline;margin-top:0}

/* privacy choice banner (shown only to visitors in Europe) and text buttons */
.cc{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:140;max-width:34rem;margin-inline:auto;display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;padding:1rem 1.1rem;background:#1E1E24;color:#F9F5EA;font-size:.8125rem;line-height:1.5;box-shadow:0 10px 40px rgba(0,0,0,.35)}
.cc p{flex:1 1 14rem}
.cc a{text-decoration:underline;text-underline-offset:3px}
.cc button{padding:.65rem 1.1rem;font:700 .6875rem var(--font-geist);letter-spacing:.14em;text-transform:uppercase;border:1px solid #F9F5EA}
.cc .cc-yes{background:#F9F5EA;color:#1E1E24}.cc .cc-no:hover{background:rgba(249,245,234,.15)}
.linkbtn{font:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.policy a{text-decoration:underline;text-underline-offset:3px}

/* questions and the scent guide */
.faq-list{margin-top:2.25rem;max-width:46rem;border-bottom:1px solid rgba(30,30,36,.2)}
.faq-list details{border-top:1px solid rgba(30,30,36,.2)}
.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.15rem 0;font-family:var(--font-geist);font-weight:300;font-size:1.25rem;letter-spacing:-.02em}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";font-size:1.5rem;line-height:1;flex:none;transition:transform .25s var(--ease-entrance)}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list details p{padding:0 3rem 1.3rem 0;line-height:1.75;max-width:40rem}
.guide{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.25rem;margin-top:2.5rem}
@media(max-width:1100px){.guide{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.guide{grid-template-columns:1fr}}
.guide a{display:flex;flex-direction:column;gap:.45rem;height:100%;padding:1.2rem;border:1px solid rgba(30,30,36,.25);transition:border-color .2s,background-color .2s}
.guide a:hover{border-color:#1E1E24;background:rgba(255,255,255,.5)}
.guide b{font-family:var(--font-geist);font-weight:300;font-size:1.6rem;letter-spacing:-.03em}
.g-place{font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.65}
.g-notes{font-size:.875rem;line-height:1.5}
.g-feel{font-size:.8125rem;opacity:.7;text-transform:capitalize}

.footer .contact a[href^="mailto"]{text-transform:none;letter-spacing:0}

/* =================================================================== studio photography */
.plate.ph{aspect-ratio:4/5;background:#14161c}
.plate.ph img{object-fit:cover}
.plate.ph .im1{padding:0;filter:none}
.pcard:hover .plate.ph img{transform:scale(1.035)}
.gal{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-content:start}
.g-fig{margin:0;overflow:hidden;background:#EFE8D6}
.g-fig.first,.g-fig.land{grid-column:1/-1}
.g-fig img{display:block;width:100%;height:auto;transition:transform 1.2s var(--ease-entrance)}
.g-fig:hover img{transform:scale(1.02)}
@media(max-width:560px){.gal{grid-template-columns:1fr}.g-fig{grid-column:1/-1}}
.p-img{background:#14161c;max-width:30rem}
.p-img img{display:block;width:100%;height:auto}
.satc-in img{object-fit:cover;object-position:50% 35%}

/* home collection cards: the photograph fills the card */
.card .still.phc{position:absolute!important;left:0!important;right:0!important;top:-12px!important;bottom:0!important;width:auto!important;max-width:none!important;aspect-ratio:auto!important;margin:0!important;transform:none!important;overflow:hidden}
.card .still.phc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.card .media{overflow:clip}
.order .bgp img{object-position:50% 72%}
.order .bgp::after{background:radial-gradient(ellipse 34% 40% at 82% 84%,rgba(10,21,32,.9),rgba(10,21,32,.55) 55%,rgba(10,21,32,0) 100%),radial-gradient(ellipse 40% 34% at 20% 20%,rgba(10,21,32,.6),rgba(10,21,32,0) 100%),linear-gradient(to bottom,rgba(10,21,32,.6),rgba(10,21,32,.18) 40%,rgba(10,21,32,.3) 62%,rgba(10,21,32,.82))}
.hero-fig .pc.photo{box-shadow:0 2.6rem 5rem rgba(2,8,14,.55),0 0 0 1px rgba(249,245,234,.08)}
.hero-fig .pc.photo img{filter:none;border-radius:.5rem}
.pdp{overflow:clip}
.info{align-self:start}

/* =================================================================== editorial panels (full-bleed photography, caption beneath) */
.chapters{position:relative;background:#0a1520}
.chap{position:relative;display:block;background:#0a1520;color:#F9F5EA}
.chap-link{display:block;color:inherit}
.chap-media{position:relative;display:block;height:min(84svh,56rem);min-height:28rem;overflow:hidden}
.chap-img{position:absolute;left:0;right:0;top:-34px;bottom:-34px;display:block;will-change:transform}
.chap-img picture,.chap-img img{display:block;width:100%;height:100%}
.chap-img img{object-fit:cover;object-position:var(--pl,50% 50%);transform:scale(1.02);transition:transform 2.6s var(--ease-entrance)}
.chap-link:hover .chap-img img{transform:scale(1.06)}
@media(max-width:700px){.chap-media{height:72svh;min-height:24rem}.chap-img img{object-position:var(--pp,50% 40%)}}
.chap-t{display:grid;grid-template-columns:1.2fr 1.4fr auto;align-items:end;gap:1rem 2rem;padding:1.6rem 2.5rem 2.2rem}
@media(max-width:700px){.chap-t{grid-template-columns:1fr;padding:1.25rem 1.25rem 1.9rem;gap:.9rem}}
.chap-a,.chap-b{display:flex;flex-direction:column}
.chap-k{font-size:.6875rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.7}
.chap-h{font-family:var(--font-geist);font-weight:200;font-size:clamp(2.6rem,5vw,4.5rem);line-height:.98;letter-spacing:-.045em;margin-top:.45rem}
.chap-s{font-size:clamp(1rem,1.4vw,1.2rem);font-weight:300;letter-spacing:-.01em}
.chap-n{margin-top:.3rem;font-size:.8125rem;opacity:.65;letter-spacing:.06em}
.dlink{display:inline-block;justify-self:start;padding-bottom:.28rem;border-bottom:1px solid currentColor;font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;transition:letter-spacing .35s var(--ease-entrance)}
.chap-link:hover .dlink,.dlink:hover{letter-spacing:.24em}
.qact .dlink{margin:0 0 0 1.5rem;color:#1E1E24}

/* collections, journal, quiz */
.intro p{line-height:1.8;max-width:34rem;margin-top:1.1rem}
.pgrid.two-up{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
@media(max-width:560px){.pgrid.two-up{grid-template-columns:1fr}}
.art-fig{margin:0 0 3rem;overflow:hidden}.art-fig img{display:block;width:100%;height:auto;max-height:70svh;object-fit:cover}
.art{max-width:44rem;margin-inline:auto}
.art-meta{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin-bottom:2rem}
.art p{line-height:1.85;font-size:1.0625rem;margin-top:1rem}
.art-h{font-family:var(--font-geist);font-weight:300;font-size:clamp(1.6rem,3vw,2.25rem);letter-spacing:-.03em;margin-top:2.75rem}
.jgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem 1.75rem}
@media(max-width:900px){.jgrid{grid-template-columns:1fr}}
.jcard{display:flex;flex-direction:column;gap:.7rem}
.jfig{display:block;overflow:hidden;aspect-ratio:4/3}.jfig img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-entrance)}.jcard:hover .jfig img{transform:scale(1.04)}
.jk{font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin-top:.6rem}
.jh{font-family:var(--font-geist);font-weight:300;font-size:1.9rem;line-height:1.05;letter-spacing:-.035em}
.js{line-height:1.65;opacity:.8}
.quiz-wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:start}
@media(max-width:900px){.quiz-wrap{grid-template-columns:1fr}}
.qbar{display:flex;gap:.5rem;margin-bottom:1.5rem}.qbar i{flex:1;height:2px;background:rgba(30,30,36,.2)}.qbar i.on{background:var(--burgundy)}
.qcount{font-size:.6875rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.6}
.qq{font-family:var(--font-geist);font-weight:300;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.04em;line-height:1;margin:.8rem 0 2rem}
.qopts{display:grid;gap:.75rem;max-width:34rem}
.qopt{text-align:left;padding:1.15rem 1.25rem;border:1px solid rgba(30,30,36,.3);font-size:1rem;transition:border-color .2s,background-color .2s}
.qopt:hover{border-color:#1E1E24;background:rgba(255,255,255,.5)}
.qback{margin-top:1.5rem;font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;opacity:.7}
.qres{display:flex;gap:1.25rem;align-items:center;padding:1rem;border:1px solid rgba(30,30,36,.25)}.qres.big{border-color:#1E1E24}
.qimg{width:7rem;aspect-ratio:3/4;overflow:hidden;flex:none;background:#EFE8D6}.qimg img{width:100%;height:100%;object-fit:cover}
.qt{display:flex;flex-direction:column;gap:.3rem}.qt b{font-family:var(--font-geist);font-weight:300;font-size:1.75rem;letter-spacing:-.03em}.qt span{font-size:.8125rem;opacity:.7}
.qact{margin-top:1.5rem;display:flex;align-items:center;flex-wrap:wrap;gap:1rem}
.quiz-list ul{margin-top:1.25rem;border-top:1px solid rgba(30,30,36,.2)}.quiz-list li{border-bottom:1px solid rgba(30,30,36,.2)}
.quiz-list a{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;font-size:.9375rem;flex-wrap:wrap}.quiz-list b{font-family:var(--font-geist);font-weight:300;font-size:1.35rem;letter-spacing:-.02em}.quiz-list span{opacity:.7}

/* keep exploring + home guides */
.readmore{padding-block:clamp(2.5rem,5vw,4rem)}
.rlinks{display:flex;flex-wrap:wrap;gap:1.25rem 2.5rem;margin-top:1.5rem}
.rlinks .dlink{color:#1E1E24}
.guides{background:#F9F5EA;color:#1E1E24;padding:clamp(3.5rem,7vw,6rem) 0}
.guides-in{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,3fr);gap:2rem 3rem;align-items:start}
@media(max-width:900px){.guides-in{grid-template-columns:1fr}}
.glist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.5rem}
@media(max-width:1100px){.glist{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.glist{grid-template-columns:1fr}}
.glist a{display:flex;flex-direction:column;gap:.55rem;height:100%;border-top:1px solid rgba(30,30,36,.25);padding-top:1.1rem}
.glist b{font-family:var(--font-geist);font-weight:300;font-size:1.6rem;letter-spacing:-.03em}
.glist span{line-height:1.55;opacity:.78;font-size:.9375rem}
.glist .dlink{margin-top:.8rem;font-style:normal}
.glist a:hover .dlink{letter-spacing:.24em}

.pgrid.fiveup{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:2.5rem}
@media(max-width:1100px){.pgrid.fiveup{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.pgrid.fiveup{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* =================================================================== unlisted pages: gift + warranty */
.wrap.narrow{max-width:54rem}
.two.top{align-items:start}
.gfive{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.25rem;margin-top:3rem}
@media(max-width:1000px){.gfive{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.gfive{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gfive a{display:block}
.gimg{display:block;aspect-ratio:4/5;overflow:hidden;background:#d9d2bd}
.gimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease-entrance)}
.gfive a:hover .gimg img{transform:scale(1.04)}
.gn{display:block;margin-top:1rem;font-weight:700;font-size:.75rem;letter-spacing:.16em}
.gnotes{display:block;margin-top:.35rem;font-size:.75rem;line-height:1.5;opacity:.7}
.gprice{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem 1.1rem;margin-top:2.5rem}
.gprice b{font-weight:300;font-size:clamp(4.5rem,11vw,9rem);line-height:.9;letter-spacing:-.06em;color:var(--accent)}
.gprice span{font-size:.8125rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.gprice s{font-size:1.5rem;font-weight:300;opacity:.5}
.gp-note{max-width:36rem}
.fcard{margin-top:2.5rem;padding:clamp(1.5rem,3.4vw,2.6rem);background:#FDFBF4;border:1px solid rgba(30,30,36,.14)}
.fwrap .fcard{margin-top:0}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 1.1rem}
@media(max-width:560px){.fgrid{grid-template-columns:1fr}}
.fld.wide{grid-column:1/-1}
.fld label,.picks legend{display:block;font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.55rem}
.fld .opt{margin-left:.6rem;opacity:.5;font-weight:600;letter-spacing:.1em}
.fld input,.fld select{width:100%;height:3.2rem;padding:0 1rem;font:inherit;font-size:1rem;color:var(--foreground-inverse);background:#fff;border:1px solid rgba(30,30,36,.28);border-radius:0;appearance:none;-webkit-appearance:none;transition:border-color .2s}
.fld select{background-image:linear-gradient(45deg,transparent 50%,#1E1E24 50%),linear-gradient(135deg,#1E1E24 50%,transparent 50%);background-position:calc(100% - 1.3rem) 1.4rem,calc(100% - .95rem) 1.4rem;background-size:.4rem .4rem;background-repeat:no-repeat;padding-right:2.4rem}
.fld input:focus,.fld select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--burgundy)}
.fcard.tried .fld input:invalid,.fcard.tried .fld select:invalid{border-color:#b3261e}
.picks{border:0;padding:0;margin:0 0 1.6rem}
.picks legend{padding:0}
.picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.picks legend{grid-column:1/-1}
@media(max-width:480px){.picks{grid-template-columns:1fr}}
.pick{position:relative;display:block;cursor:pointer}
.pick input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.pick span{display:block;padding:.95rem 1.1rem;background:#fff;border:1px solid rgba(30,30,36,.22);transition:border-color .2s,background-color .2s}
.pick b{display:block;font-size:.75rem;letter-spacing:.16em}
.pick i{display:block;margin-top:.3rem;font-style:normal;font-size:.75rem;opacity:.65;line-height:1.4}
.pick:hover span{border-color:rgba(30,30,36,.6)}
.pick input:checked+span{border-color:var(--burgundy);background:#F3E9E4;box-shadow:inset 0 0 0 1px var(--burgundy)}
.pick input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.fcard.tried .picks:has(input:invalid) .pick span{border-color:#b3261e}
.check{position:relative;display:grid;grid-template-columns:1.5rem 1fr;gap:.9rem;align-items:start;margin-top:1.6rem;padding:1.15rem 1.1rem;background:#F3EEDF;border:1px solid rgba(30,30,36,.2);cursor:pointer}
.check input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.check .box{width:1.35rem;height:1.35rem;margin-top:.1rem;border:1.5px solid #1E1E24;background:#fff;position:relative;transition:background-color .2s,border-color .2s}
.check input:checked~.box{background:var(--burgundy);border-color:var(--burgundy)}
.check input:checked~.box::after{content:"";position:absolute;left:.38rem;top:.1rem;width:.38rem;height:.74rem;border:solid #F9F5EA;border-width:0 2px 2px 0;transform:rotate(45deg)}
.check input:focus-visible~.box{outline:2px solid var(--accent);outline-offset:3px}
.fcard.tried .check input:invalid~.box{border-color:#b3261e;box-shadow:0 0 0 1px #b3261e}
.check .ctext{font-size:.9375rem;line-height:1.55}
.fnote{margin:1.2rem 0 1.4rem;font-size:.8125rem;line-height:1.6;opacity:.7}
.fnote a{text-decoration:underline;text-underline-offset:3px}
.ferr{margin-top:1rem;min-height:1.2em;font-size:.875rem;color:#8c1c13}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fdone{margin-top:2.5rem;padding:clamp(1.5rem,3.4vw,2.6rem);border:1px solid rgba(30,30,36,.14);background:#FDFBF4}
.fwrap .fdone{margin-top:0}
.fdone[hidden],.fcard[hidden]{display:none}
.callout{margin-top:2.25rem;max-width:34rem;padding:1.6rem 1.7rem;background:var(--accent);color:#0a1520}
.callout p{line-height:1.6}
.callout p+p{margin-top:.6rem}
.callout .ctag{font-size:.6875rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.8rem;opacity:.8}
.closing{text-align:center}
.closing .h-m{max-width:none;margin-inline:auto;font-size:clamp(2.2rem,5vw,4rem)}
.closing .cta-row{display:flex;justify-content:center}
.gpic img{aspect-ratio:4/3;object-fit:cover;object-position:60% 60%}
.check{border-color:var(--burgundy);box-shadow:inset 0 0 0 1px rgba(113,0,4,.35)}

/* =================================================================== home: the five scents in one compact band */
.fs-sec{position:relative;background:#0a1520;color:#F9F5EA;padding:clamp(3rem,6vw,5.5rem) 0 clamp(2.5rem,5vw,4.5rem)}
.fs-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:clamp(1.5rem,3vw,2.5rem)}
.fs-title{font-family:var(--font-geist);font-weight:300;font-size:clamp(2.2rem,4vw,3.6rem);line-height:.98;letter-spacing:-.045em;margin-top:.9rem}
.fs-lede{max-width:20rem;font-size:.9375rem;line-height:1.55;opacity:.75}
.fs{list-style:none;margin:0;padding:0;display:flex;gap:.5rem;height:min(66svh,40rem);min-height:26rem}
.fs li{position:relative;flex:1 1 0;min-width:0;overflow:hidden;background:#13202d;transition:flex-grow .8s var(--ease-entrance)}
.fs li:hover,.fs li:focus-within{flex-grow:2.3}
.fs a{position:absolute;inset:0;display:block;color:inherit}
.fs img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--pl,50% 40%);transform:scale(1.03);transition:transform 1.6s var(--ease-entrance)}
.fs li:hover img{transform:scale(1.07)}
.fs a::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(10,21,32,.88) 0%,rgba(10,21,32,.35) 34%,rgba(10,21,32,0) 62%)}
.fs-t{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;padding:1.2rem 1.2rem 1.35rem}
.fs-k{font-size:.625rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.75}
.fs-h{font-family:var(--font-geist);font-weight:200;font-size:clamp(1.7rem,2.6vw,2.6rem);line-height:1;letter-spacing:-.04em;margin:.4rem 0 .5rem}
.fs-n{font-size:.75rem;line-height:1.5;opacity:.7;letter-spacing:.04em}
.fs .dlink{margin-top:.9rem}
.fs-all{display:none}
.fs-all a{background:linear-gradient(160deg,#13202d,#1c3b57)}
.fs-all a::after{display:none}
.fs-all .fs-t{top:0;justify-content:flex-end}
@media(max-width:900px){
  .fs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:auto;min-height:0;gap:.5rem}
  .fs li{aspect-ratio:3/4;flex:none}
  .fs li:hover,.fs li:focus-within{flex-grow:0}
  .fs-all{display:block}
  .fs-lede{display:none}
}
@media(max-width:560px){
  .fs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fs-t{padding:.9rem .85rem 1rem}
  .fs-n{display:none}
  .fs-h{font-size:1.55rem}
}

/* home: the short SERRA band */
.serra-mini{padding-block:clamp(2.5rem,5vw,4.5rem)}
.sm-img{display:block;overflow:hidden}
.sm-img img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:58% 50%;display:block;transition:transform 1.4s var(--ease-entrance)}
.sm-img:hover img{transform:scale(1.04)}
.serra-mini .h-l{font-size:clamp(2rem,3.8vw,3.4rem)}

/* =================================================================== journal articles: tables, lists, notes; home journal strip; contact */
.art a{text-decoration:underline;text-underline-offset:3px}
.art-h3{font-family:var(--font-geist);font-weight:400;font-size:1.25rem;letter-spacing:-.01em;margin-top:2rem}
.art-ul,.art-ol{margin:1rem 0 .5rem 1.3rem;line-height:1.8;font-size:1.0625rem}
.art-ul{list-style:disc}.art-ol{list-style:decimal}
.art li{margin:.4rem 0;padding-left:.25rem}
.art-note{margin:2.2rem 0;padding:1.3rem 1.5rem;background:#EFE8D6;border-left:3px solid var(--burgundy)}
.art-note p{margin:0!important}
.tbl-wrap{overflow-x:auto;margin:1.8rem 0 2rem;-webkit-overflow-scrolling:touch}
.art-tbl{width:100%;border-collapse:collapse;font-size:.9375rem;line-height:1.55;min-width:32rem}
.art-tbl caption{text-align:left;font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.6;padding-bottom:.9rem}
.art-tbl th,.art-tbl td{text-align:left;vertical-align:top;padding:.85rem 1rem .85rem 0;border-top:1px solid rgba(30,30,36,.18)}
.art-tbl thead th{font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-top:0;border-bottom:1px solid rgba(30,30,36,.5)}
.art-tbl tbody th{font-weight:700;white-space:nowrap}
.art-tbl a,.ul-link{text-decoration:underline;text-underline-offset:3px}
.sec.light .wrap>.tbl-wrap{margin-top:2.5rem}
.gl3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.gl3{grid-template-columns:1fr}}
.g-about{max-width:46rem;line-height:1.75;font-size:1.0625rem}
.g-about a{text-decoration:underline;text-underline-offset:3px}
.clist{list-style:none;margin:0;padding:0}
.clist li{display:flex;flex-wrap:wrap;gap:.4rem 2rem;align-items:baseline;padding:1.5rem 0;border-top:1px solid rgba(30,30,36,.2)}
.clist li:last-child{border-bottom:1px solid rgba(30,30,36,.2)}
.ck{flex:0 0 8rem;font-size:.6875rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.6}
.cv{font-family:var(--font-geist);font-weight:300;font-size:clamp(1.3rem,2.6vw,1.9rem);letter-spacing:-.02em}
a.cv{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}

/* closing band: the SERRA + five bottles photograph. Subject sits low in the frame, so the layers are arranged around it */
.order .bgp{height:112%}
.order .bgp img{object-position:50% 14%}
.order .bgp::after{background:radial-gradient(ellipse 40% 34% at 18% 16%,rgba(10,21,32,.55),rgba(10,21,32,0) 100%),radial-gradient(ellipse 34% 30% at 86% 18%,rgba(10,21,32,.78),rgba(10,21,32,.3) 62%,rgba(10,21,32,0) 100%),linear-gradient(to bottom,rgba(10,21,32,.5),rgba(10,21,32,.05) 34%,rgba(10,21,32,.05) 70%,rgba(10,21,32,.45))}
@media(min-width:1024px){.order .aside{bottom:auto;top:var(--size-order-headline-y);right:2.5rem;align-items:flex-start}.order .note{bottom:auto;top:calc(var(--size-order-headline-y) + 14.5rem)}}

/* phones and tablets: the photo keeps its full width (SERRA and both bottle groups), sized by its own proportions; the text sits above it, all inside the pinned frame */
@media(max-width:1023.98px){
  .order .stick{background:#0a1520}
  .order .bgp{height:auto;top:auto;bottom:0;inset-inline:0}
  .order .bgp span{height:auto}
  .order .bgp img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
  .order .bgp::after{background:linear-gradient(to bottom,#0a1520 0%,rgba(10,21,32,0) 24%,rgba(10,21,32,0) 84%,rgba(10,21,32,.5) 100%)}
  .order .copy{justify-content:flex-start;gap:1.2rem;padding-top:5.6rem}
  .order .copy .fadeT,.order .copy .fadeB{display:none}
  .order .aside{gap:1.4rem}
}
@media(max-width:639.98px){.order .bgp img{aspect-ratio:4/3;object-position:50% 40%}}
@media(max-width:639.98px){
  .order .bgp img{aspect-ratio:4/3;object-position:50% 40%}
  .order .copy{justify-content:center;gap:1.6rem;padding-top:3.4rem;padding-bottom:calc(100vw * 3 / 4)}
  .order .copy .c1{margin-bottom:0}
}
@media(min-width:640px) and (max-width:1023.98px){
  .order .copy{justify-content:center;gap:1.8rem;padding-top:3.4rem;padding-bottom:calc(100vw * 2 / 3)}
}