/* A tactile campaign: physical texture, real skin and the object in everyday life. */
.ritual-image-inner{position:relative;height:720px;border-radius:46% 46% 4px 4px}.ritual-image-inner img{position:absolute;inset:0;object-position:56% 50%;transition:opacity 1s var(--ease),transform 1.6s var(--ease)}.ritual-image-inner .ritual-day{opacity:1;transform:scale(1.02)}.ritual-image-inner .ritual-night{opacity:0;transform:scale(1.13)}.ritual.evening .ritual-day{opacity:0}.ritual.evening .ritual-night{opacity:1;transform:scale(1.03)}
.texture-story{height:255svh}.texture-sticky{grid-template-columns:1.12fr 1fr;gap:6vw;padding:60px 5vw}.sensory-gallery{position:relative;height:min(760px,82svh);min-height:550px;isolation:isolate;background:#591523}.sensory-frame{position:absolute;inset:0;margin:0;overflow:hidden}.sensory-frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform .7s var(--ease)}.sensory-one img{object-position:47% 50%;transform:scale(calc(1.08 - var(--texture-p,0)*.08))}.sensory-two{z-index:2;clip-path:inset(calc((1 - var(--skin-reveal,0))*100%) 0 0)}.sensory-three{z-index:3;clip-path:inset(calc((1 - var(--habit-reveal,0))*100%) 0 0)}.sensory-three img{object-position:57% 50%}.sensory-frame:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#340b1ad9)}.sensory-frame figcaption{position:absolute;bottom:28px;left:28px;right:28px;color:#fff3e9;z-index:2;display:flex;flex-direction:column;gap:12px}.sensory-frame figcaption span:first-child{font-size:11px;letter-spacing:.13em}.sensory-frame figcaption span:last-child{font:30px/1.1 Instrument,Georgia,serif}.sensory-edge{position:absolute;top:20px;left:20px;font-size:9px;letter-spacing:.14em;writing-mode:vertical-rl;z-index:4;color:white;mix-blend-mode:difference}.texture-copy h2{font-size:clamp(62px,6.4vw,104px)}.texture-steps p{font-size:15px}.ingredient-texture{height:240px;position:relative;overflow:hidden;margin-bottom:45px;border-radius:140px 140px 5px 5px;max-width:390px;transform:rotate(-5deg)}.ingredient-texture img{width:100%;height:100%;object-fit:cover}.ingredient-texture span{position:absolute;bottom:18px;left:22px;color:#fff3e9;font-size:10px;letter-spacing:.12em}.ingredients-heading h2{margin-top:25px}
@media(max-width:1050px){.texture-sticky{gap:35px;padding:40px}.texture-copy h2{font-size:67px}.texture-steps article{grid-template-columns:70px 1fr;gap:15px}.ritual-image-inner{height:640px}}
@media(max-width:760px){.ritual-image{padding:40px 13% 65px;min-height:570px}.ritual-image-inner{height:475px}.texture-story{height:auto}.texture-sticky{display:block;height:auto;min-height:0;position:relative;padding:35px 25px 60px;overflow:hidden}.sensory-gallery{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#e7b5ad #591523;min-height:0;height:auto;margin:0 -25px 45px;padding:0 25px 15px;scroll-padding:25px;background:none}.sensory-frame{position:relative;inset:auto;flex:0 0 85%;height:450px;clip-path:none;scroll-snap-align:start;scroll-snap-stop:always}.sensory-frame img,.sensory-one img{transform:none}.sensory-frame figcaption{left:20px;bottom:24px;right:20px}.sensory-frame figcaption span:last-child{font-size:27px}.sensory-edge{display:none}.texture-copy h2{font-size:68px}.texture-steps article{opacity:1!important;grid-template-columns:80px 1fr;gap:18px}.ingredient-texture{max-width:none;width:85%;height:230px;margin-bottom:40px}.ingredients-heading h2{margin-top:20px}.texture-copy .arrow-link{font-size:13px}.texture-steps p{font-size:16px}}
@media(max-width:359px){.sensory-frame{height:380px;flex-basis:90%}.texture-copy h2{font-size:61px}.sensory-frame figcaption span:last-child{font-size:24px}}
.no-motion .texture-story{height:auto}.no-motion .texture-sticky{position:relative;height:auto;min-height:0}.no-motion .sensory-gallery{display:grid;gap:16px;height:auto;min-height:0}.no-motion .sensory-frame{position:relative;clip-path:none;height:330px}.no-motion .sensory-frame img{transform:none!important}
@media(prefers-reduced-motion:reduce){.texture-story{height:auto}.texture-sticky{position:relative;height:auto;min-height:0}.sensory-gallery{display:grid;gap:16px;height:auto;min-height:0}.sensory-frame{position:relative;clip-path:none;height:330px}.sensory-frame img{transform:none!important}}

@media(max-width:359px){.ingredients-heading h2{font-size:52px}}

.sensory-gallery:focus-visible{outline:1px solid #f7e8de;outline-offset:4px}