html[data-home-showcase]{scroll-snap-type:y proximity;scroll-padding-top:var(--site-header-height,79px)}
html[data-home-showcase] [data-home-screen]{position:relative;box-sizing:border-box;min-height:var(--home-screen-height,calc(100svh - var(--site-header-height,79px)));margin-block:0;padding-block:clamp(28px,4svh,56px) 82px;scroll-snap-align:start;scroll-snap-stop:normal;scroll-margin-top:0}
html[data-home-showcase] [data-home-screen]:not(.home-intro):not(.story-section){display:flex;flex-direction:column;justify-content:center}
html[data-home-showcase] .home-intro[data-home-screen]{height:var(--opening-height);min-height:0;padding:0;scroll-margin-top:var(--home-opening-inset,35px)}
html[data-home-showcase] #site-footer{scroll-snap-align:start;scroll-margin-top:0}
[data-home-screen]>.opening-scroll{bottom:17px}
[data-home-screen]>.section-heading{flex:none}
#home-content,#custom-design{overflow:clip}
#home-content .atelier-signature-brand{margin-bottom:clamp(34px,6svh,70px)}
#home-content .atelier-signature-brand>p{font-size:clamp(13px,1.2vw,17px)}
#home-content .atelier-signature-promises>p{font-size:clamp(24px,2.6vw,43px);line-height:1.5}
#home-content .opening-scroll,#custom-design .opening-scroll{color:var(--surface-champagne)}
#home-content .opening-scroll__circle,#custom-design .opening-scroll__circle{background:color-mix(in srgb,var(--surface-champagne) 8%,transparent);border-color:color-mix(in srgb,var(--surface-champagne) 35%,transparent);box-shadow:none}
#home-content .opening-scroll:hover .opening-scroll__circle,#custom-design .opening-scroll:hover .opening-scroll__circle{background:var(--surface-champagne);color:var(--brand-plum)}
.atelier-wander{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.atelier-wander>span{position:absolute;display:grid;place-items:center;color:var(--surface-champagne);opacity:.6;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--surface-champagne) 40%,transparent))}
.atelier-wander .icon{width:100%;height:100%;stroke-width:1}
.atelier-wander-1{left:8%;top:22%;width:21px;height:21px;--wander-x:32px;--wander-y:48px}
.atelier-wander-2{left:30%;top:13%;width:12px;height:12px;--wander-x:-24px;--wander-y:35px}
.atelier-wander-3{right:12%;top:20%;width:28px;height:28px;--wander-x:-40px;--wander-y:42px}
.atelier-wander-4{left:18%;bottom:20%;width:15px;height:15px;--wander-x:35px;--wander-y:-32px}
.atelier-wander-5{right:30%;bottom:17%;width:12px;height:12px;--wander-x:24px;--wander-y:-45px}
.atelier-wander-6{right:8%;bottom:28%;width:18px;height:18px;--wander-x:-26px;--wander-y:32px}
#home-categories .category-image{height:clamp(190px,calc(var(--home-screen-height,800px) - 310px),420px);aspect-ratio:auto}
#home-featured .product-image-wrap{height:clamp(130px,calc(var(--home-screen-height,800px) - 510px),390px);aspect-ratio:auto}
#home-featured .product-image-link{height:100%}
#home-featured .product-image{object-fit:contain}
#home-featured .section-bottom-link{margin-top:24px}
#home-story{grid-template-columns:minmax(0,1.08fr) minmax(0,.9fr);gap:clamp(32px,6vw,100px)}
#home-story .story-images{width:min(100%,calc(var(--home-screen-height,800px) - 160px),570px);justify-self:center}
#home-instagram .ig-media-cover{height:clamp(160px,calc(var(--home-screen-height,800px) - 480px),420px);max-height:none;aspect-ratio:auto}
#home-instagram .ig-media-cover>img{object-fit:contain}
#home-journal .journal-card>a>img{height:clamp(180px,calc(var(--home-screen-height,800px) - 380px),330px);width:100%;object-fit:cover}
@media(min-width:1001px) and (max-height:800px){html[data-home-showcase] #home-featured{padding-block:24px 72px}}
@media(max-width:1000px){#home-content .atelier-signature-promises>p{font-size:clamp(22px,2.8vw,30px)}#home-story{gap:32px}}
@media(max-width:650px){html[data-home-showcase] [data-home-screen]{padding-block:34px 79px}html[data-home-showcase] .home-intro[data-home-screen]{padding:0;scroll-margin-top:var(--home-opening-inset,30px)}#home-content .atelier-signature-brand{margin-bottom:clamp(28px,5svh,46px)}#home-content .atelier-signature-promises{gap:clamp(15px,2.8svh,25px)}#home-content .atelier-signature-promises>p{font-size:22px;line-height:1.4}#home-content .atelier-signature-promises strong{font-size:27px}.atelier-wander-2,.atelier-wander-5{display:none}.atelier-wander-1{left:7%;top:13%;width:16px;height:16px;--wander-x:12px;--wander-y:35px}.atelier-wander-3{right:7%;top:24%;width:20px;height:20px;--wander-x:-12px;--wander-y:35px}.atelier-wander-4{left:8%;bottom:18%;--wander-x:14px;--wander-y:-26px}.atelier-wander-6{right:8%;bottom:13%;width:14px;height:14px;--wander-x:-12px;--wander-y:-27px}#home-categories .category-image{height:auto;aspect-ratio:.95}#home-featured .product-image-wrap{height:auto;aspect-ratio:.95}#home-featured .section-bottom-link{margin-top:24px}#home-story{display:flex;gap:26px}#home-story .story-images{width:min(100%,360px);padding-right:48px;padding-bottom:35px}#home-story .story-copy p{font-size:13px}#home-instagram .ig-media-cover{height:auto;max-height:none;aspect-ratio:1}#home-journal .journal-card>a>img{height:auto;aspect-ratio:1.6}#custom-design .custom-design-inner{width:calc(100% - 36px)}[data-home-screen]>.opening-scroll{bottom:15px}}
@media(prefers-reduced-motion:no-preference){.atelier-wander>span{animation:atelier-wander 17s ease-in-out infinite alternate}.atelier-wander>.atelier-wander-2,.atelier-wander>.atelier-wander-5{animation-duration:21s;animation-delay:-7s}.atelier-wander>.atelier-wander-3,.atelier-wander>.atelier-wander-6{animation-duration:19s;animation-delay:-11s}.atelier-wander>.atelier-wander-4{animation-delay:-5s}}
:is(.atelier-signature,.custom-design-dream):not(.is-in-view) :is(.atelier-signature-light,.atelier-wander>span,.custom-design-aurora,.custom-design-star,.custom-design-pearl){animation-play-state:paused}
html[data-home-showcase][data-home-hidden] [data-home-screen] *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){html[data-home-showcase]{scroll-snap-type:none;scroll-behavior:auto}.atelier-wander>span{animation:none}}
@keyframes atelier-wander{from{transform:translate3d(0,0,0) rotate(-8deg);opacity:.35}to{transform:translate3d(var(--wander-x),var(--wander-y),0) rotate(15deg);opacity:.85}}
