/* hi,dear — first-screen storefront. All global tokens and header remain shared. */
.landing-view{background:#fff;min-height:100svh}
.landing-offer{height:30px;display:flex;align-items:center;justify-content:center;background:#fff;color:#141414;border-bottom:1px solid #e5e5e5;font-size:11px;letter-spacing:.07em;font-weight:500}
.landing-offer--floating{position:fixed;z-index:40;left:0;right:0;bottom:0;height:calc(30px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -4px 18px rgba(0,0,0,.07)}
.landing-offer--floating[hidden]{display:none!important}
.landing-hero{position:relative;height:min(73svh,calc(100svh - 218px));min-height:300px;overflow:hidden;background:#211915;color:#fff}
.landing-categories__track::-webkit-scrollbar,.landing-bestsellers__track::-webkit-scrollbar{display:none}
.landing-hero__image,.landing-hero__image img,.landing-hero__video,.landing-hero__shade{position:absolute;inset:0;width:100%;height:100%;display:block}
.landing-hero__image img,.landing-hero__video{object-fit:cover;object-position:55% 50%}
.landing-hero__video{pointer-events:none}
.landing-hero__image{z-index:1;pointer-events:none}
.landing-hero:has(.landing-hero__video.is-playing) .landing-hero__image{opacity:0}
.landing-hero__shade{z-index:1;pointer-events:none}
.landing-hero__play{
  position:absolute;
  z-index:3;
  top:16px;
  right:var(--layout-gutter);
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  padding:0;
  border:1px solid rgba(255,255,255,.8);
  border-radius:50%;
  background:rgba(20,20,20,.5);
  color:#fff;
}
.landing-hero__play:focus-visible{outline:2px solid #fff;outline-offset:3px}
.landing-hero__shade{background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.03) 36%,rgba(0,0,0,.32) 60%,rgba(0,0,0,.79) 100%)}
.landing-hero__copy{position:absolute;z-index:2;left:var(--layout-gutter);right:var(--layout-gutter);bottom:81px;max-width:670px}
.landing-hero h1{font-size:clamp(29px,10vw,60px);line-height:.98;letter-spacing:-.054em;font-weight:400;margin:0;text-transform:none}
.landing-hero p{font-size:13px;line-height:1.46;max-width:330px;margin:15px 0 25px}
.landing-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:45px;padding:11px 16px;border:1px solid currentColor;border-radius:var(--layout-control-radius,8px);font-size:12px;text-decoration:none;font-weight:400;transition:background-color .25s,color .25s,transform .25s;max-width:100%}
.landing-cta span{font-size:17px;line-height:1}
.landing-cta--light{color:#fff;background:rgba(20,20,20,.05)}
.landing-cta--dark{color:#141414;background:transparent}
@media(hover:hover){.landing-cta--light:hover{background:#fff;color:#141414}.landing-cta--dark:hover{background:#141414;color:#fff}}
.landing-categories{padding:12px 0 0;background:#fff}
.landing-section-heading{margin-bottom:26px}
.landing-section-heading h2,.landing-story h2,.landing-finder h2,.landing-business h2{font-size:clamp(35px,9.4vw,64px);line-height:1.02;letter-spacing:-.046em;font-weight:400;margin:0}
.landing-section-heading p{font-size:13px;color:#73716c;line-height:1.55;margin:11px 0 0}
.landing-categories__track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 var(--layout-gutter);overscroll-behavior-x:contain}
.landing-category{position:relative;flex:0 0 min(76vw,370px);aspect-ratio:.79;background:#d4cdc2;scroll-snap-align:start;overflow:hidden;color:#fff;text-decoration:none}
.landing-category img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .75s ease}
.landing-category:nth-child(1) img{object-position:50% 35%}
.landing-category:nth-child(2) img{object-position:50% 47%}
.landing-category:nth-child(3) img{object-position:50% 40%}
.landing-category::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 43%,rgba(0,0,0,.64) 100%)}
.landing-category__content{position:absolute;z-index:1;bottom:24px;left:20px;right:20px;display:flex;flex-direction:column;gap:9px}
.landing-category__content strong{font-size:clamp(29px,7vw,40px);line-height:1;font-weight:400;letter-spacing:-.045em}
.landing-category__content>span{width:max-content;max-width:100%;font-size:12px;border-bottom:1px solid rgba(255,255,255,.8);padding-bottom:5px;margin-top:8px}
.landing-bestsellers{padding:24px 0 65px;background:#fff}
.landing-heading-row{display:flex;justify-content:space-between;align-items:end;gap:14px}
.landing-text-link{flex-shrink:0;font-size:12px;text-decoration:none;border-bottom:1px solid #141414;padding-bottom:5px;display:flex;align-items:center;gap:13px;white-space:nowrap}
.landing-bestsellers__track{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;padding:0 var(--layout-gutter) 8px;overscroll-behavior-x:contain}
.landing-bestsellers__track:focus-visible{outline:2px solid #141414;outline-offset:-2px}
@media(pointer:fine){.landing-bestsellers__track{cursor:grab}.landing-bestsellers__track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}}
.landing-best-card{flex:0 0 clamp(164px,43vw,250px);scroll-snap-align:start;min-width:0;background:transparent;display:flex;flex-direction:column}
.landing-best-card__image{display:block;position:relative;aspect-ratio:.85;overflow:hidden;background:#fff}
.landing-best-card__image img{position:absolute;width:100%;height:100%;inset:0;display:block;object-fit:cover;transition:transform .7s ease;-webkit-user-drag:none}
.landing-best-card__name{display:block;margin-top:12px;font-size:14px;line-height:1.25;font-weight:500;letter-spacing:-.01em;text-decoration:none;text-transform:lowercase}
.landing-best-card__format{display:block;margin-top:4px;font-size:11px;color:#797772}
.landing-best-card__bottom{display:flex;align-items:center;justify-content:space-between;margin-top:6px;gap:5px;min-height:39px}
.landing-best-card__bottom .product-price{font-size:14px}
.landing-best-card__bottom .product-card-control{height:36px}
.landing-best-card__bottom .quick-add,.landing-best-card__bottom .card-quantity{height:36px}
.landing-best-card__bottom .product-add:disabled{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  height:24px;
  padding:0 6px;
  border:1px solid #d8d4cf;
  border-radius:5px;
  background:transparent;
  color:#625d58;
  font:400 10px/1.2 var(--font);
  white-space:nowrap;
  opacity:1;
  cursor:default;
  appearance:none;
}
.landing-story{background:#f2eee7;display:grid;grid-template-columns:1fr}
.landing-story__photo{aspect-ratio:1.13;overflow:hidden;background:#e7e2da}
.landing-story__copy{padding:55px var(--layout-gutter) 65px}
.landing-story__copy p,.landing-business__copy p{font-size:14px;line-height:1.62;max-width:420px;margin:22px 0 0}
.landing-story__copy p+p{margin-top:12px}
.landing-story__copy .landing-cta,.landing-business__copy .landing-cta{margin-top:29px}
.landing-finder{position:relative;min-height:565px;background:#282620;color:#fff;display:flex;align-items:end;overflow:hidden}
.landing-finder__media{position:absolute;inset:0;opacity:.75}
.landing-finder__media img{width:100%;height:100%;object-fit:cover;object-position:53% 44%}
.landing-finder::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.10) 37%,rgba(0,0,0,.83) 100%)}
.landing-finder__copy{z-index:1;position:relative;padding:70px var(--layout-gutter) 73px}
.landing-finder p{font-size:14px;line-height:1.6;max-width:360px;margin:21px 0 29px}
.landing-business{background:#faf8f4;display:grid;grid-template-columns:1fr}
.landing-business__photo{aspect-ratio:1.4;background:#654139;overflow:hidden}
.landing-business__photo img{width:100%;height:100%;object-fit:cover;object-position:45% 50%;display:block}
.landing-business__copy{padding:56px var(--layout-gutter) 70px}
@media(hover:hover) and (pointer:fine){.landing-category:hover img{transform:scale(1.035)}.landing-best-card__image:hover img{transform:scale(1.045)}}
@media(min-width:680px){
  .landing-hero{height:min(74svh,calc(100svh - 250px));min-height:440px}
  .landing-hero__image img,.landing-hero__video{object-position:50% 50%}
  .landing-hero__copy{
    --sale-copy-width:calc(43vw - max(var(--layout-gutter),calc((100vw - 1380px)/2)) - 14px);
    left:max(var(--layout-gutter),calc((100vw - 1380px)/2));
    right:auto;
    bottom:86px;
    width:var(--sale-copy-width);
  }
  .landing-hero h1{font-size:clamp(24px,calc(var(--sale-copy-width)/8.4),78px)}
  .landing-hero p{font-size:clamp(13px,1.2vw,16px);max-width:450px}
  .landing-hero__shade{background:linear-gradient(180deg,transparent 36%,rgba(0,0,0,.11) 70%,rgba(0,0,0,.26) 100%)}
  .landing-categories{padding:20px 0 0}
  .landing-section-heading{margin-bottom:38px}
  .landing-categories__track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1440px;margin-inline:auto;padding:0 32px;overflow:visible}
  .landing-category{width:auto;aspect-ratio:.77;min-width:0}
  .landing-bestsellers{padding:36px 0 80px}
  .landing-bestsellers__track{gap:20px;max-width:1440px;margin-inline:auto;padding:0 32px}
  .landing-best-card{flex-basis:clamp(215px,22vw,298px)}
  .landing-best-card__name{font-size:16px}
  .landing-story,.landing-business{grid-template-columns:1fr 1fr;align-items:stretch;min-height:630px}
  .landing-story__photo,.landing-business__photo{height:100%;aspect-ratio:auto}
  .landing-story__copy,.landing-business__copy{display:flex;flex-direction:column;justify-content:center;padding:78px max(40px,7vw)}
  .landing-story__copy .landing-cta,.landing-business__copy .landing-cta{align-self:start}
  .landing-finder{min-height:650px}
  .landing-finder__copy{padding:110px max(var(--layout-gutter),calc((100vw - 1350px)/2)) 115px}
  .landing-finder__media img{object-position:50% 54%}
}
@media(min-width:1120px){
  .landing-hero__copy{bottom:105px}
  .landing-section-heading h2,.landing-story h2,.landing-finder h2,.landing-business h2{font-size:70px}
  .landing-finder__media{opacity:.65}
  .landing-finder::after{background:linear-gradient(90deg,rgba(0,0,0,.77),rgba(0,0,0,.16) 72%)}
  .landing-finder__copy{padding-left:max(70px,calc((100vw - 1360px)/2))}
}
@media(max-width:360px){
  .landing-best-card__bottom .product-add:disabled{padding-inline:2px}
  .landing-hero p{margin:11px 0 17px;font-size:12px}
  .landing-hero__copy{bottom:70px}
  .landing-hero{min-height:290px}
  .landing-heading-row{display:block}
  .landing-heading-row .landing-text-link{width:max-content;margin-top:16px}
}
@media(max-width:679px) and (max-height:690px){
  .landing-hero__copy{bottom:clamp(48px,9svh,62px)}
  .landing-hero h1{font-size:clamp(29px,9.2vw,39px)}
  .landing-hero p{margin:9px 0 14px}
  .landing-hero__shade{background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.03) 28%,rgba(0,0,0,.34) 52%,rgba(0,0,0,.79) 100%)}
}
@media(prefers-reduced-motion:reduce){
  .landing-category img,.landing-best-card__image img,.landing-cta{scroll-behavior:auto;transition:none}
  .landing-hero:has(.landing-hero__video.is-playing) .landing-hero__image{opacity:1}
}