/* v2.10.39: retain only the compact mobile atmosphere section.
   SHOP ITEM uses the original v2.10.36 horizontal slider styles again. */
@media(max-width:767px) {
 body.home .emotion-editorial-trial > .emotion-home-collage { padding:32px 0 42px; }
 .emotion-editorial-trial .emotion-collage__heading { padding-bottom:18px; }
 .emotion-editorial-trial .emotion-atmosphere-pictures { width:60%; margin:0 8% 0 auto; padding-bottom:10px; }
 .emotion-editorial-trial .emotion-atmosphere-pictures .emotion-zigzag-photo { min-height:190px; }
 .emotion-editorial-trial .emotion-atmosphere-flower { width:38%; bottom:-12px; border-width:4px; }
}

/* v2.10.40: mobile photographic introduction above the horizontal catalogue. */
@media(max-width:767px) {
 body.home .emotion-editorial-trial .emotion-products-feature {
  display:grid; grid-template-columns:1fr; min-height:420px; margin-bottom:28px;
  position:relative; isolation:isolate; overflow:hidden;
 }
 body.home .emotion-editorial-trial .emotion-products-feature > .emotion-zigzag-photo {
  position:absolute; inset:0; min-height:0; z-index:-2;
 }
 body.home .emotion-editorial-trial .emotion-products-feature::after {
  content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(180deg,rgb(12 15 16 / var(--products-shade-top,.64)),rgb(12 15 16 / var(--products-shade-bottom,.76)));
 }
 body.home .emotion-editorial-trial .emotion-products-feature__bottles { display:none; }
 body.home .emotion-editorial-trial .emotion-products-feature__copy {
  align-self:center; padding:54px 28px; margin:0; background:none;
  animation:none!important; opacity:1!important; transform:none!important;
 }
 body.home .emotion-editorial-trial .emotion-home-products .emotion-products-feature .emotion-home-section-heading :is(h2,p,span) {
  color:#fff; animation:none!important;
 }
 body.home .emotion-editorial-trial .emotion-home-products .emotion-products-feature .emotion-home-section-heading > :is(h2,.emotion-home-eyebrow) {
  opacity:var(--products-title-opacity,1)!important;
  transform:translateY(var(--products-title-rise,0px))!important;
 }
 body.home .emotion-editorial-trial .emotion-home-products .emotion-products-feature .emotion-home-section-heading > p:not(.emotion-home-eyebrow) {
  opacity:var(--products-description-opacity,1)!important;
  transform:translateY(var(--products-description-rise,0px))!important;
 }
 body.home .emotion-editorial-trial .emotion-home-products #emotion-product-track {
  grid-auto-columns:max(52%,200px);
 }
 body.home .emotion-editorial-trial #emotion-product-track .emotion-product-image-frame { aspect-ratio:1.45; }
 body.home .emotion-editorial-trial #emotion-product-track .emotion-home-product-copy { padding:16px 16px 20px; }
 body.home .emotion-editorial-trial #emotion-product-track .emotion-home-product-copy h3 { min-height:0; margin-bottom:10px; padding-bottom:12px; }
 body.home .emotion-editorial-trial #emotion-product-track .emotion-product-price { min-height:0; }
 body.home .emotion-editorial-trial #emotion-product-track .emotion-card-cta { margin-top:12px; padding-top:10px; }
}

/* v2.10.41: wider mobile SHOP header and a texture-led concept composition. */
@media(max-width:767px) {
 body.home .emotion-editorial-trial .emotion-products-feature { min-height:280px; }
 body.home .emotion-editorial-trial .emotion-products-feature__copy { padding:28px; }
 body.home .emotion-editorial-trial .emotion-products-feature > .emotion-zigzag-photo img { object-position:center 50%; }
 .emotion-editorial-trial .emotion-intro-portrait .emotion-home-photo-pin picture { display:contents; }
 .emotion-editorial-trial .emotion-intro-portrait .emotion-home-photo-pin img { object-position:50% 38%; }
 .emotion-editorial-trial .emotion-intro-portrait.is-scroll-story .emotion-home-concept {
  width:calc(100% - 56px); max-width:520px; margin:0 auto; padding:28px 0 40px; align-self:end;
 }
 .emotion-editorial-trial .emotion-intro-portrait.is-scroll-story .emotion-intro-stage::after {
  background:linear-gradient(180deg,rgb(0 0 0 / 5%) 0%,rgb(0 0 0 / 36%) 28%,#000 80%);
 }
}

/* v2.10.42: compact SHOP band and a continuous, coordinated concept reel. */
.emotion-concept-reel,.emotion-concept-reel-toggle { display:none; }
@media(max-width:767px) {
 body.home .emotion-editorial-trial .emotion-products-feature { min-height:160px; }
 body.home .emotion-editorial-trial .emotion-products-feature__copy { padding:26px 28px; }
 body.home .emotion-editorial-trial .emotion-products-feature .emotion-home-section-heading > p:not(.emotion-home-eyebrow) { display:none; }
 body.home .emotion-editorial-trial .emotion-products-feature h2 { margin-bottom:0; }
 .emotion-editorial-trial .emotion-intro-portrait.is-scroll-story .emotion-home-concept { align-self:center; padding:28px 0; text-align:center; }
 .emotion-editorial-trial .emotion-intro-portrait.is-scroll-story .emotion-intro-stage::after { background:rgb(0 0 0 / 86%); }
 .emotion-editorial-trial .emotion-intro-portrait .emotion-home-photo-pin { position:relative; overflow:hidden; }
 .emotion-editorial-trial .emotion-intro-portrait .emotion-home-photo-pin > picture { display:none; }
 .emotion-concept-reel { display:block; position:absolute; inset:0; overflow:hidden; }
 .emotion-concept-reel__track { display:flex; width:800%; height:100%; animation:emotion-concept-reel 56s linear infinite; }
 .emotion-concept-reel__frame { flex:0 0 12.5%; height:100%; background-position:center; background-size:cover; }
 .emotion-concept-reel__frame--texture { background-image:url('../images/catalog-texture.jpg'); }
 .emotion-concept-reel__frame--foam { background-image:url('../images/catalog-foam.jpg'); }
 .emotion-concept-reel__frame--products { background-image:url('../images/scene-products.jpg'); }
 .emotion-concept-reel__frame--hair { background-image:url('../images/catalog-hair.jpg'); }
 .emotion-concept-reel.is-paused .emotion-concept-reel__track,
 .emotion-concept-reel.is-outside .emotion-concept-reel__track { animation-play-state:paused; }
 .emotion-intro-portrait.is-scroll-story .emotion-concept-reel-toggle { display:block; position:absolute; bottom:12px; right:16px; width:44px; height:44px; padding:0; border:1px solid #ffffff88; border-radius:50%; background:#0004; color:white; z-index:2; font-size:16px; }
 .emotion-concept-reel-toggle:focus-visible { outline:2px solid #fff; outline-offset:3px; }
}
@keyframes emotion-concept-reel { to { transform:translateX(-50%); } }
@media(prefers-reduced-motion:reduce) {
 .emotion-concept-reel__track { animation:none; }
 .emotion-intro-portrait.is-scroll-story .emotion-concept-reel-toggle { display:none; }
}

/* v2.10.43: lighter SHOP band, sentence breaks and consistent feed gutters. */
@media(max-width:767px) {
 .emotion-concept-reel__track { animation-duration:40s; }
 .emotion-editorial-trial .emotion-intro-portrait .emotion-home-prose br { display:initial; }
 body.home .emotion-editorial-trial .emotion-products-feature::after {
  background:linear-gradient(180deg,rgb(255 255 255 / var(--products-shade-top,.64)),rgb(255 255 255 / var(--products-shade-bottom,.76)));
 }
 body.home .emotion-editorial-trial .emotion-home-products .emotion-products-feature .emotion-home-section-heading :is(h2,p,span) { color:#20241f; text-shadow:none; }
 body.home .emotion-editorial-trial .emotion-home-instagram > .emotion-instagram-feed {
  width:calc(100% - 56px); max-width:none; margin-inline:28px; box-sizing:border-box;
 }
}

/* v2.10.44: four overlapping photographs in a single mobile screen. */
.emotion-atmosphere-extra { display:none; }
@media(max-width:767px) {
 body.home .emotion-editorial-trial > .emotion-home-collage {
  height:calc(100svh - var(--emotion-admin-offset,0px)); min-height:560px;
  box-sizing:border-box; display:grid; grid-template-columns:1fr;
  grid-template-rows:auto minmax(0,1fr); align-items:stretch; gap:14px;
  padding:calc(var(--emotion-header-height,64px) + 16px) 0 24px;
  margin-bottom:0;
 }
 .emotion-editorial-trial .emotion-collage__heading { padding:0 28px; }
 .emotion-editorial-trial .emotion-collage__heading .emotion-home-eyebrow { margin-bottom:10px; }
 .emotion-editorial-trial .emotion-collage__heading h2 { margin-bottom:12px; }
 .emotion-editorial-trial .emotion-collage__heading > p:last-child { margin-bottom:0; }
 .emotion-editorial-trial .emotion-atmosphere-pictures { position:relative; width:calc(100% - 56px); height:100%; min-height:0; margin:0 28px; padding:0; }
 .emotion-editorial-trial .emotion-atmosphere-pictures > figure { position:absolute; display:block; margin:0; border:0; border-radius:10px; overflow:hidden; }
 .emotion-editorial-trial .emotion-atmosphere-pictures > figure > img { display:block; width:100%; height:100%; object-fit:cover; }
 .emotion-editorial-trial .emotion-atmosphere-arrangement { left:7%; top:0; width:27%; height:36%; z-index:1; }
 .emotion-editorial-trial .emotion-atmosphere-products { left:36%; top:18%; width:51%; height:63%; z-index:2; }
 .emotion-editorial-trial .emotion-atmosphere-flower { left:0; top:45%; bottom:auto; width:47%; height:28%; z-index:3; }
 .emotion-editorial-trial .emotion-atmosphere-pictures .emotion-zigzag-photo { left:53%; top:71%; width:47%; height:29%; min-height:0; z-index:1; }
 .emotion-editorial-trial .emotion-atmosphere-pictures .emotion-zigzag-photo img { top:0; height:100%; transform:none; }
}
@media(max-width:767px) and (max-height:620px) {
 body.home .emotion-editorial-trial > .emotion-home-collage { height:auto; min-height:0; grid-template-rows:auto 260px; }
}

/* v2.10.45: quiet hair portrait, two floating floral photographs,
   then let SHOP ITEM cover the held atmosphere section. */
@media(max-width:767px) {
 .emotion-editorial-trial .emotion-intro-portrait .emotion-home-photo-pin > picture { display:contents; }
 .emotion-editorial-trial .emotion-intro-portrait .emotion-concept-reel,
 .emotion-editorial-trial .emotion-intro-portrait .emotion-concept-reel-toggle { display:none; }
 .emotion-editorial-trial .emotion-intro-story.is-scroll-story {
  height:calc(var(--intro-viewport) + var(--intro-distance,1060px)); margin-bottom:0;
 }
 body.home .emotion-editorial-trial > .emotion-intro-story.is-scroll-story + .emotion-home-collage { box-shadow:none; }
 body.home .emotion-editorial-trial .emotion-home-collage {
  height:calc(100svh - var(--emotion-admin-offset,0px)); min-height:560px; box-sizing:border-box;
  display:grid; grid-template-columns:1fr; grid-template-rows:auto minmax(0,1fr);
  align-items:stretch; gap:30px; padding:calc(var(--emotion-header-height,64px) + 24px) 0 54px;
  margin:0; width:100%; max-width:none; background:#fff; border:0;
 }
 .emotion-editorial-trial .emotion-atmosphere-pictures { width:calc(100% - 72px); margin:0 36px; }
 .emotion-editorial-trial .emotion-atmosphere-pictures > .emotion-atmosphere-products,
 .emotion-editorial-trial .emotion-atmosphere-pictures > .emotion-zigzag-photo { display:none; }
 .emotion-editorial-trial .emotion-atmosphere-pictures > .emotion-atmosphere-arrangement {
  left:3%; top:3%; width:39%; height:58%; transform:translateY(var(--flower-arrangement-y,0px));
 }
 .emotion-editorial-trial .emotion-atmosphere-pictures > .emotion-atmosphere-flower {
  left:auto; right:0; top:48%; width:47%; height:32%; transform:translateY(var(--flower-closeup-y,0px));
 }
 .emotion-editorial-trial .emotion-atmosphere-pictures > .emotion-atmosphere-arrangement img { object-fit:contain; }
 .emotion-editorial-trial .emotion-atmosphere-pictures > .emotion-atmosphere-flower img { object-fit:cover; }
 .emotion-atmosphere-hold { position:relative; height:calc(2 * var(--atmosphere-height)); margin-bottom:calc(-1 * var(--atmosphere-height)); z-index:0; }
 .emotion-editorial-trial .emotion-atmosphere-hold > .emotion-home-collage { position:sticky; top:var(--emotion-admin-offset,0px); }
 body.home .emotion-editorial-trial > .emotion-atmosphere-hold + .emotion-home-products { position:relative; z-index:1; box-shadow:0 -12px 28px #0000000c; }
}
@media(max-width:767px) and (max-height:620px) {
 body.home .emotion-editorial-trial .emotion-home-collage { height:auto; min-height:0; grid-template-rows:auto 260px; }
}

/* v2.10.46: a soft white wipe completes before the shop enters. */
@media(max-width:767px) {
 .emotion-editorial-trial .emotion-atmosphere-pictures > .emotion-atmosphere-arrangement {
  left:0; top:0; width:52%; height:72%;
 }
 .emotion-editorial-trial .emotion-atmosphere-pictures > .emotion-atmosphere-flower {
  right:0; top:49%; width:50%; height:34%; border-radius:0;
 }
 .emotion-atmosphere-hold {
  height:calc(2 * var(--atmosphere-height) + var(--atmosphere-wipe-distance,0px));
 }
 .emotion-editorial-trial .emotion-atmosphere-hold > .emotion-home-collage { overflow:hidden; }
 .emotion-atmosphere-hold > .emotion-home-collage::after {
  content:''; position:absolute; inset:-40% 0; z-index:10; pointer-events:none;
  background:linear-gradient(to bottom,transparent 0%,#fff 20%,#fff 100%);
  transform:translateY(var(--atmosphere-wipe-y,100%));
 }
}

/* v2.10.49: floral white wipe; atmosphere enters at one quarter of the wipe. */
body.home .emotion-editorial-trial .emotion-intro-story.is-scroll-story {
 height:calc(2 * var(--intro-viewport) + var(--intro-distance,780px) + var(--intro-wipe-entry,0px));
 margin-bottom:calc(-1 * var(--intro-viewport));
}
.emotion-editorial-trial .is-scroll-story .emotion-intro-stage::before {
 content:''; position:absolute; inset:-120px 0; z-index:20; pointer-events:none;
 background-image:url('../images/concept-triangle-edge.svg'),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='white' d='M0 0h1v1H0z'/%3E%3C/svg%3E");
 background-repeat:repeat-x,no-repeat; background-position:left top,left 119px; background-size:192px 120px,100% calc(100% - 119px);
 border-bottom:0;
 transform:translate3d(0,var(--intro-flower-y,200vh),0);

}
body.home .emotion-editorial-trial > .emotion-intro-story.is-scroll-story + :is(.emotion-home-collage,.emotion-atmosphere-hold) {
 position:relative; z-index:1; margin-top:0; box-shadow:none;
}

/* v2.10.50: repeated triangles create a stepped dissolve without a gradient. */
@media(max-width:767px) {
 .emotion-atmosphere-hold > .emotion-home-collage::after {
  inset:-120px 0;
  background-image:url('../images/concept-triangle-edge.svg'),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='white' d='M0 0h1v1H0z'/%3E%3C/svg%3E");
  background-repeat:repeat-x,no-repeat;
  background-position:left top,left 119px;
  background-size:192px 120px,100% calc(100% - 119px);
  transform:translateY(var(--atmosphere-triangle-y,200vh));
 }
 body.home .emotion-editorial-trial .emotion-products-feature.is-frame-reveal {
  height:var(--shop-frame-height,160px); min-height:160px;
 }
 body.home .emotion-editorial-trial .emotion-products-feature.is-frame-reveal > .emotion-zigzag-photo img {
  top:var(--shop-frame-inset,0px); height:calc(100% + var(--shop-frame-extra,0px)); transform:translateY(calc(var(--editorial-y,0px) * var(--shop-frame-motion,0)));
 }
}

/* v2.10.51: soft wipes and a continuous shared-photo transition. */
.emotion-editorial-trial .is-scroll-story .emotion-intro-stage::before {
 background:linear-gradient(to bottom,transparent 0,#fff 120px,#fff 100%);
}
.emotion-photo-bridge { position:relative; height:calc(2 * var(--atmosphere-height) + var(--atmosphere-wipe-distance)); margin-bottom:calc(-1 * var(--atmosphere-height)); z-index:0; }
body.home .emotion-editorial-trial .emotion-photo-bridge > .emotion-home-collage { position:sticky; top:var(--emotion-admin-offset,0px); overflow:hidden; }
.emotion-photo-bridge .emotion-home-collage::after {
 content:''; position:absolute; inset:-40% 0; z-index:10; pointer-events:none;
 background:linear-gradient(to bottom,transparent 0%,#fff 20%,#fff 100%);
 transform:translateY(var(--atmosphere-wipe-y,100%));
}
.emotion-photo-bridge .emotion-collage__heading,
.emotion-photo-bridge .emotion-atmosphere-pictures > :not(.emotion-atmosphere-products) { opacity:var(--bridge-fade,1); }
body.home .emotion-editorial-trial .emotion-atmosphere-pictures > .emotion-atmosphere-products {
 display:block; position:absolute; left:49%; top:4%; width:37%; height:35%; margin:0; z-index:3; overflow:hidden;
}
.emotion-atmosphere-products img { width:100%; height:100%; object-fit:cover; }
.emotion-travelling-photo { position:fixed; z-index:30; overflow:hidden; pointer-events:none; will-change:width,height,top,left,border-radius; }
.emotion-travelling-photo[hidden] { display:none; }
.emotion-travelling-photo img { display:block; width:100%;height:100%;object-fit:cover; }
body.home .emotion-editorial-trial > .emotion-shop-bridge { position:relative;z-index:1; }
body.home .emotion-editorial-trial .emotion-shop-bridge .emotion-products-feature { display:grid;grid-template-columns:1fr;height:240px;min-height:0;isolation:isolate;overflow:hidden; }
.emotion-shop-bridge .emotion-products-feature > .emotion-zigzag-photo { position:absolute;inset:0;min-height:0;z-index:-2; }
.emotion-shop-bridge .emotion-products-feature > .emotion-zigzag-photo img { top:0;height:100%;transform:none; }
.emotion-shop-bridge .emotion-products-feature__bottles { display:none; }
body.home .emotion-editorial-trial .emotion-shop-bridge .emotion-products-feature__copy { padding:24px;text-align:center;opacity:var(--bridge-title,0)!important;transform:none!important; }
.emotion-shop-bridge .emotion-products-feature::after { content:'';position:absolute;inset:0;background:rgb(255 255 255 / 65%);z-index:-1; }
.emotion-shop-bridge .emotion-products-feature .emotion-home-section-heading > p:not(.emotion-home-eyebrow) { display:none; }
@media(max-width:767px) { body.home .emotion-editorial-trial .emotion-shop-bridge .emotion-products-feature {height:160px;} }
@media(prefers-reduced-motion:reduce) { .emotion-travelling-photo {display:none;} }

/* v2.10.52: water-drop contraction, impact, full-photo hold, central band handoff. */
.emotion-travelling-photo::after { content:'';position:absolute;inset:0;background:rgba(255,255,255,var(--drop-wash,0));pointer-events:none; }
.emotion-drop-caption { position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#20241f;z-index:1;opacity:var(--drop-caption,0);transform:translateY(var(--drop-caption-y,18px));padding:24px; }
.emotion-shop-bridge .emotion-products-inner { opacity:var(--bridge-cards,0); }
body.home .emotion-editorial-trial .emotion-shop-bridge .emotion-products-feature { margin-bottom:0; }
.emotion-shop-bridge .emotion-products-inner { padding-top:28px; }
body.home .emotion-editorial-trial .emotion-shop-bridge .emotion-products-feature .emotion-home-section-heading > h2 { opacity:1!important;transform:none!important;margin:0; }
.emotion-shop-bridge .emotion-products-feature .emotion-home-eyebrow { display:none; }

/* v2.10.53: restore the desktop collage and dissolve into the shop colour. */
.emotion-photo-bridge { background:#eeeee8; }
.emotion-photo-bridge .emotion-home-collage::after {
 background:linear-gradient(to bottom,rgb(238 238 232 / 0) 0%,#eeeee8 20%,#eeeee8 100%);
}
body.home .emotion-editorial-trial > .emotion-photo-bridge + .emotion-home-products {
 background:#eeeee8; border:0; box-shadow:none;
}
.emotion-travelling-photo { -webkit-mask-composite:source-in; mask-composite:intersect; }
@media(min-width:768px) {
 body.home .emotion-editorial-trial .emotion-photo-bridge > .emotion-home-collage {
  display:grid;grid-template-columns:40% 60%;align-items:center;
  padding:100px 5% 130px;border:0;background:#fff;
 }
 .emotion-editorial-trial .emotion-atmosphere-pictures > .emotion-atmosphere-flower { display:none; }
 body.home .emotion-editorial-trial .emotion-atmosphere-pictures > .emotion-atmosphere-products {
  left:-12%;right:auto;top:auto;bottom:-36px;width:38%;height:auto;
  aspect-ratio:1.15;border:10px solid #fff;border-radius:0;box-sizing:border-box;
 }
}
@media(max-width:767px) {
 body.home .emotion-editorial-trial .emotion-atmosphere-pictures > .emotion-atmosphere-products {
  border-radius:0;clip-path:none;
 }
}