/* The same monthly campaign media travels into the first product screen. */
.page-home .monthly-hero.handoff-active{isolation:auto;overflow:visible}
.page-home .monthly-hero.handoff-active:after{z-index:2}
.page-home .monthly-hero.handoff-active .campaign-copy{z-index:3;opacity:var(--hero-copy-opacity,1)}
.page-home .monthly-hero.handoff-active .campaign-visual{position:fixed;inset:0 auto auto calc(25vw*(1 - var(--handoff-p,0)));width:calc(75vw + var(--handoff-p,0)*25vw);height:100svh;z-index:1;transform:translate3d(var(--handoff-x,0px),calc(var(--handoff-p,0)*8svh),0) scale(calc(1 - var(--handoff-p,0)*.09));opacity:var(--handoff-opacity,1);transform-origin:50% 50%;mask-image:linear-gradient(90deg,transparent,#000 calc(32%*(1 - var(--handoff-p,0)) + 1%));-webkit-mask-image:linear-gradient(90deg,transparent,#000 calc(32%*(1 - var(--handoff-p,0)) + 1%));will-change:transform}
.surf-enhanced .surf-pin{z-index:2;background:transparent}
.surf-enhanced .surf-pin:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 55% 48%,#302519,#0c0c0c 65%);opacity:var(--handoff-backdrop,1);z-index:-1}
.surf-enhanced .has-handoff .surf-film>img{opacity:0}
.surf-enhanced .monthly-entry>img{width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 35%);opacity:.75}
.surf-enhanced .surf-film-copy{z-index:3}
.surf-enhanced .surf-item>img{translate:0 var(--item-y,0px);scale:var(--item-scale,1);opacity:var(--item-opacity,1)}
.surf-enhanced .surf-item>img.entry-flash{animation:product-flash .45s ease-out both}
@keyframes product-flash{0%{filter:brightness(1.5) drop-shadow(0 0 25px #f1c43e70);opacity:.2}100%{filter:brightness(1) drop-shadow(0 25px 30px #0008);opacity:1}}
/* One photographic canvas behind the story. */
.page-home .home-about .story-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:100svh;overflow:hidden;background:#0c0c0c}
.page-home .home-about .story-hero-image{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.page-home .home-about .story-hero-image picture,.page-home .home-about .story-hero-image img{width:100%;height:100%;object-fit:cover;object-position:65% 40%;filter:saturate(.8)}
.page-home .home-about .story-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090909ed,#090909a0 44%,#09090915 80%),linear-gradient(0deg,#090909b0,transparent 60%)}
.page-home .home-about .story-hero-copy{position:relative;background:transparent;width:min(760px,70%);padding:110px 6%}
.page-home .home-about .story-hero-copy h2{font-size:clamp(90px,11vw,160px)}
.page-home .home-about .story-hero-copy p{max-width:490px;text-shadow:0 2px 15px #000}
/* The anniversary numeral stays behind readable copy and player. */
.home-anniversary{position:relative;isolation:isolate;overflow:hidden;perspective:1000px}
.home-anniversary>.container{position:relative;z-index:1}
.anniversary-ghost{position:absolute;z-index:0;pointer-events:none;left:0;top:50%;font-family:var(--display);font-size:clamp(650px,92vw,1500px);line-height:.7;color:#f1c43e;opacity:calc(.06 + var(--anniversary-p,.1)*.2);transform:translate3d(calc(-10vw + var(--anniversary-p,0)*9vw),-50%,0) scale(calc(.75 + var(--anniversary-p,0)*.38)) rotate(calc(-9deg + var(--anniversary-p,0)*9deg));transform-origin:35% 50%;will-change:transform}
/* Careers uses exactly the yellow of the closing panel. */
.page-home .home-jobs{background:#f1c43e;color:#101010;border-color:#10101025}
.page-home .home-jobs>.container>p:not(.eyebrow),.page-home .home-jobs .small,.page-home .home-jobs .privacy-notice{color:#343125}
.page-home .home-jobs summary{background:transparent;color:#101010;border-color:#101010;border-radius:999px}
.page-home .home-jobs .career-application{background:#ffedac;color:#101010;border-color:#10101035;border-radius:12px}
.page-home .home-jobs input,.page-home .home-jobs select,.page-home .home-jobs option{color:#101010;border-color:#10101070;background:#fff5d3}
.page-home .home-jobs .button{background:#101010;color:#fff;border-color:#101010;border-radius:999px}
/* Guided menu hint; finite pulses rather than an endless blink. */
.menu-scroll-hint{display:inline-flex;flex-direction:column;align-items:center;gap:0;min-width:60px;min-height:60px;text-decoration:none;color:#f1c43e;margin:8px 0 0;line-height:1.2}
.menu-scroll-hint>span{font-size:35px;font-weight:300}.menu-scroll-hint>b{font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.discovery-ready .menu-scroll-hint.hint-attention{animation:menu-hint 1.6s ease-in-out 3}
@keyframes menu-hint{0%,100%{opacity:1;translate:0 0}50%{opacity:.4;translate:0 7px}}
@media(max-width:700px){.page-home .monthly-hero.handoff-active .campaign-visual{left:0;width:100vw;mask-image:linear-gradient(0deg,transparent,#000 35%);-webkit-mask-image:linear-gradient(0deg,transparent,#000 35%)}.page-home .home-about .story-hero{min-height:100svh}.page-home .home-about .story-hero-copy{width:100%;padding:140px 6% 75px}.page-home .home-about .story-hero-copy h2{font-size:85px}.page-home .home-about .story-hero-image img{object-position:62% 30%}.page-home .home-about .story-hero:after{background:linear-gradient(0deg,#090909f0,#090909aa 55%,#09090925)}.anniversary-ghost{left:-20%;top:30%;font-size:950px}.page-home .home-jobs h2{font-size:70px}.surf-enhanced .monthly-entry>img{inset:0;width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(0deg,transparent,#000 40%)}.surf-enhanced .has-handoff .surf-film:after{background:linear-gradient(0deg,#0c0c0cbd,transparent 70%)}}
@media(prefers-reduced-motion:reduce){.anniversary-ghost{opacity:.1;transform:translateY(-50%)}.menu-scroll-hint{animation:none!important}.surf-item>img{translate:none!important;scale:1!important;opacity:1!important;animation:none!important}}
.page-home .monthly-hero.handoff-active .campaign-visual{transform:translate3d(var(--handoff-x,0px),calc(var(--handoff-p,0)*8svh),0)}
/* Keep the lower motion controls clear of the collapsed help launcher. */
.page-home:has(.exp-dock:not([hidden])) .assistant-toggle[aria-expanded="false"]{visibility:hidden}
/* The named monthly burger is the first product after the introductory screen. */
.surf-enhanced .surf-monthly>img{width:min(68vw,980px);height:68svh;top:13svh;left:59%;object-fit:contain;object-position:center;mask-image:none;-webkit-mask-image:none}
@media(max-width:700px){.surf-enhanced .surf-monthly>img{width:98vw;height:51svh;top:13svh;left:50%;object-fit:contain;mask-image:none;-webkit-mask-image:none}}
.surf-enhanced .surf-item>img{translate:var(--item-x,0px) var(--item-y,0px)}
/* A horizontal cue directly beneath the product counter also advances the menu. */
.minimal-menu .lateral-hint{grid-column:1;grid-row:3;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;justify-self:center;align-self:center;min-height:44px;min-width:120px;width:max-content;margin:2px auto 15px;padding:4px 12px;background:transparent;border:0;color:#f1c43e;cursor:pointer;font:inherit}
.minimal-menu .lateral-hint>span{font-size:28px;order:1;line-height:1}.minimal-menu .lateral-hint>b{font-size:10px;order:0;letter-spacing:.1em}
.menu-scroll-hint.lateral-hint.hint-attention{animation:menu-lateral-hint 1.6s ease-in-out 3}
.minimal-menu .lateral-hint:disabled{opacity:.35;cursor:default;animation:none}
@keyframes menu-lateral-hint{0%,100%{opacity:1;translate:0 0}50%{opacity:.45;translate:8px 0}}
.page-home .home-dessert-copy h2{font-size:clamp(60px,7vw,100px);max-width:520px;line-height:.95}
.page-home .home-dessert-image,.page-home .home-dessert-image img{transform:none!important;translate:none!important;animation:none!important}
@media(max-width:650px){.minimal-menu .catalog-navigation{margin-bottom:0}.minimal-menu .lateral-hint{margin:1px auto 24px}.page-home .home-dessert-copy h2{font-size:60px}}
@media(prefers-reduced-motion:reduce){.menu-scroll-hint.lateral-hint{animation:none!important}}

.surf-enhanced .surf-monthly .surf-copy,.surf-enhanced .surf-monthly .surf-word{translate:var(--monthly-copy-x,0px) 0}
.page-home .home-faq{min-height:0;padding-block:50px 65px}.page-home .home-faq h2{font-size:clamp(36px,4.5vw,62px);margin-bottom:20px}.page-home .home-faq .faq{padding-block:12px}.page-home .home-faq summary{font-size:16px}.page-home .home-faq p{font-size:14px;line-height:1.5}.home-contact .page-intro .contact-method{margin-top:26px}.home-contact .contact-grid{padding-top:0}

/* Longer scroll distance leaves each composition time to settle. */
.surf-enhanced .product-surf{height:1100svh}

.surf-enhanced [data-arrival="right"] .surf-copy,.surf-enhanced [data-arrival="right"] .surf-word{translate:0 var(--chicken-copy-y,0px)}

.page-home .home-faq .faq-list{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;border-top:0;align-items:start}.page-home .home-faq details{padding-block:14px;border-top:1px solid #ffffff25;border-radius:0}.page-home .home-faq summary{font-size:14px;min-height:30px;display:flex;align-items:center}.page-home .home-faq details p{font-size:13px}.page-home .home-faq details[open]{background:#171717;color:#f3efe6}@media(max-width:650px){.page-home .home-faq .faq-list{grid-template-columns:1fr}.page-home .home-faq details{padding-block:8px}}

/* Limit compositor textures to products currently entering or leaving. */
.surf-enhanced [data-surf-item]{will-change:auto}
.surf-enhanced [data-surf-item][data-motion-near]{will-change:transform,opacity}
.surf-enhanced [data-surf-item][data-motion-near]>img{will-change:transform,translate,opacity;backface-visibility:hidden}
.surf-enhanced [data-surf-item][data-motion-near] .surf-copy,.surf-enhanced [data-surf-item][data-motion-near] .surf-word{will-change:translate}
.surf-enhanced .surf-pin{contain:layout paint}
.page-progress{will-change:transform}