/* Generated from responsive-config.js. One media-selection rule for CSS/picture/player. */
:root{--occupied-header:108px;--stable-stage:100svh}
html{scroll-padding-top:0;scroll-behavior:auto}
[id]{scroll-margin-top:var(--occupied-header)}
[tabindex="-1"]:focus-visible{outline:3px solid var(--green);outline-offset:-3px}
.site-header{backdrop-filter:none;background:#f7f4ec;z-index:50}
.desktop-nav a,.footer-details nav a,.email-address{min-height:44px;display:flex;align-items:center}
.header-contact{min-height:48px}.wordmark{min-width:48px;min-height:44px}
#mobile-nav[hidden]{display:none!important}
#mobile-nav{max-height:calc(100dvh - var(--occupied-header) - 20px);overflow-y:auto;overscroll-behavior:contain}
.story-stage{height:var(--stable-stage);min-height:0;max-height:none}
.visual{inset:0}.visual picture{display:contents}.poster{object-fit:contain;object-position:center}
.visual canvas{transition:none}.story-copy{top:25%;transform:none}.story-copy h1{font-size:clamp(3rem,6.4vw,6.4rem)}
.story-copy .eyebrow,.story-description{display:none}.hero-actions{margin-top:24px}.hero-actions .button{font-size:.9375rem;min-height:52px}
.product-orbit{bottom:70px;height:180px}.stage-bottom{bottom:max(10px,env(safe-area-inset-bottom));gap:12px}
.skip-story{opacity:1;font-size:.875rem;padding:0 12px;background:#211710c9;border:1px solid #f5f1e85c;border-radius:999px}
.scroll-cue{font-size:.75rem;letter-spacing:.08em}.chapter-number{font-size:.875rem}
.brand-ribbon{flex-wrap:wrap;overflow:visible;white-space:normal;font-size:.75rem;gap:20px}
.brand-ribbon span:last-child{display:none}.brand-ribbon b:last-of-type{display:none}
.product>p,.trust-card p,.section-heading>p,.ritual-copy>p{font-size:1rem}
.text-link,.footer-details nav,.creative-footer .footer-details p{font-size:.875rem}
.eyebrow,.product-index,.product-caption,.ritual-image>span{font-size:.75rem;letter-spacing:.1em}
.product-image{min-height:300px}.product-index{top:15px;left:15px}.product-caption{bottom:15px;left:15px;right:15px}
.ritual-image>span{white-space:normal;text-align:center;width:85%;font-size:.75rem}
.creative-footer .email-address{overflow-wrap:anywhere;word-break:normal}
.footer-baseline,.creative-footer .footer-baseline p{font-size:.75rem;letter-spacing:0}
.footer-details .footer-origin{font-size:.75rem}.footer-round-cta{font-size:.75rem;text-align:center;padding:12px}
html:not(.has-motion):not(.motion-candidate) .story-stage{height:auto;min-height:700px;display:flex;flex-direction:column;padding:calc(var(--occupied-header) + 30px) var(--gutter) 30px;gap:24px;overflow:visible}
html:not(.has-motion):not(.motion-candidate) .story-copy{position:relative;inset:auto;width:100%;order:0;opacity:1;visibility:visible}
html:not(.has-motion):not(.motion-candidate) .visual{position:relative;inset:auto;aspect-ratio:16/9;order:1;width:100%;max-width:900px;align-self:center}
html:not(.has-motion):not(.motion-candidate) .product-orbit{position:relative;inset:auto;width:100%;height:190px;order:2}
html:not(.has-motion):not(.motion-candidate) .shade,html:not(.has-motion):not(.motion-candidate) .stage-bottom,html:not(.has-motion):not(.motion-candidate) .story-progress{display:none}
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:flex;width:44px;height:44px;flex:none;background:var(--green);color:var(--cream);border:0;border-radius:50%;flex-direction:column;gap:6px;align-items:center;justify-content:center}.menu-toggle span{width:17px;height:1px;background:currentColor}.header-contact{margin-left:auto}#mobile-nav{position:absolute;top:calc(100% + 10px);left:0;right:0;background:var(--cream);color:var(--green);padding:16px 24px;border-radius:24px;box-shadow:0 15px 35px #0003}#mobile-nav:not([hidden]){display:flex;flex-direction:column}#mobile-nav a{display:flex;gap:15px;align-items:center;padding:12px 0;min-height:48px;font-size:.875rem}#mobile-nav a span{flex:1;font:1.5rem var(--heading)}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}}
@media (max-width: 900px) and (orientation: portrait) {
 :root{--occupied-header:88px}
 .site-header{inset:calc(12px + env(safe-area-inset-top)) 16px auto;height:64px;padding:0 12px 0 21px;gap:12px}
 .header-contact,.header-origin,.desktop-nav{display:none}.menu-toggle{margin-left:auto}
 .site-header .wordmark{font-size:32px}.site-header .wordmark span{font-size:8px}
 .motion-candidate .story{height:var(--story-mobile)}
 .story-stage{height:var(--stable-stage);min-height:0}.visual{top:var(--occupied-header);bottom:44px;left:0;right:0}
 .poster{object-fit:contain;object-position:center}.shade{background:linear-gradient(180deg,#211710 0%,#21171038 24%,transparent 46%,transparent 77%,#211710b0 95%)}
 .story-copy{top:calc(var(--occupied-header) + 20px);left:var(--gutter);width:calc(100% - var(--gutter)*2);max-width:none;text-align:center}
 .story-copy h1{font-size:clamp(2.6rem,11.5vw,4rem);line-height:1.01;min-height:0}.hero-actions{justify-content:center;margin-top:20px}.hero-actions .button{font-size:.875rem;padding:13px 20px;gap:25px}
 .product-orbit{left:5%;width:90%;height:128px;bottom:58px}
 .orbit-product{width:128px;height:128px;left:calc(50% - 64px);bottom:0;filter:none}
 .stage-bottom{left:16px;right:16px}.scroll-cue{font-size:.75rem;max-width:none;gap:9px}.skip-story{font-size:.75rem;gap:6px;padding:0 10px}.chapter-number{display:none}
 html:not(.has-motion):not(.motion-candidate) .visual{aspect-ratio:9/16;max-width:460px}
 html:not(.has-motion):not(.motion-candidate) .story-stage{min-height:0}
 html:not(.has-motion):not(.motion-candidate) .story-copy{text-align:left}
 html:not(.has-motion):not(.motion-candidate) .hero-actions{justify-content:flex-start}
 .section-heading{display:block}.section-heading>p{max-width:100%;margin-top:22px}.product-grid{grid-template-columns:1fr}.product-image img{max-width:300px}
 .trust-cards{grid-template-columns:1fr}.ritual-section{grid-template-columns:1fr}
}
@media(max-width:600px){.collection-note{flex-wrap:wrap}.collection-note>span{max-width:100%;font-size:.875rem}.collection-note .text-link{font-size:.875rem}.section-heading h2{font-size:clamp(2.4rem,11vw,3rem)}.footer-details{gap:20px}.footer-details .footer-origin{font-size:.625rem}.footer-invitation h2{font-size:clamp(2.2rem,10vw,2.9rem)}.footer-giant{font-size:34vw}.footer-details nav a{font-size:.875rem}.creative-footer{overflow:visible}.product-image{min-height:280px}.trust-intro h2{font-size:2.6rem}.brand-ribbon{gap:12px;font-size:.625rem;padding:16px}.brand-ribbon span:nth-of-type(3),.brand-ribbon b:nth-of-type(2){display:none}}
@media (max-height: 699px) {.motion-candidate .story{height:auto}.story-stage{min-height:0}.header-origin{display:none}}
@media(prefers-reduced-motion:reduce){.orbit-product{will-change:auto}html{scroll-behavior:auto}}
/* Prevent intrinsic product-title width from expanding the narrow grid track. */
.product{min-width:0}.product-info{gap:10px}.product-info h3{min-width:0}.product-info a{flex:none}
@media (max-width: 900px) and (orientation: portrait) {.product-grid{grid-template-columns:minmax(0,1fr)}}
html:not(.has-motion):not(.motion-candidate) .product-orbit{display:flex;align-items:center;justify-content:center;height:auto;min-height:130px}
html:not(.has-motion):not(.motion-candidate) .orbit-product{position:relative;inset:auto;width:33.333%;height:auto;max-width:180px;transform:none;opacity:1}
.product-image{min-height:0;width:100%;aspect-ratio:1}
@media (max-width: 900px) and (orientation: portrait) {
 .visual{width:min(100%,calc((var(--stable-stage) - var(--occupied-header) - 44px)*.5625));left:50%;right:auto;transform:translateX(-50%);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
 html:not(.has-motion):not(.motion-candidate) .visual{width:100%;transform:none;mask-image:none}
}
h1,h2,h3{overflow-wrap:anywhere}.footer-invitation>div,.footer-details>*{min-width:0}.footer-details nav a{width:auto;overflow-wrap:anywhere}
@media(max-width:600px){.footer-details{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-invitation{width:100%}}
.footer-origin{overflow-wrap:anywhere}.footer-round-cta{overflow-wrap:anywhere}
@media (max-width: 900px) and (orientation: portrait) {.story-copy h1{font-size:clamp(2rem,11.5vw,4rem)}}
@media(max-width:600px){.footer-round-cta{width:max(110px,7rem);height:max(110px,7rem)}}