.hc-ingredient-preview{display:block;position:relative;width:100%;padding:0;border:0;cursor:pointer;background:transparent;color:inherit}
.hc-page .hc-garden__media{position:relative;isolation:isolate;max-width:480px;overflow:visible;border-radius:18px;box-shadow:0 20px 42px -30px rgba(39,36,92,.45)}
.hc-garden__media::before{content:'';position:absolute;z-index:-1;inset:20px 22px -14px -14px;border:1px solid #d38a95;border-radius:18px}
.hc-garden__media::after{content:'';position:absolute;z-index:1;top:28px;right:-17px;width:34px;height:34px;border:1px solid #8f8bc8;border-radius:50%;background:rgba(244,242,247,.82);box-shadow:0 0 0 8px rgba(244,242,247,.46);pointer-events:none}
.hc-carousel .hc-carousel__slides{aspect-ratio:4/5;border-radius:18px;touch-action:pan-y;background:transparent}
.hc-page .hc-carousel .hc-carousel__arrow{top:calc(100% - 34px)}
@media(max-width:360px){.hc-carousel .hs-biomimetic-carousel__dots{padding-inline:4px}.hc-carousel [data-carousel-previous]{left:6px}.hc-carousel [data-carousel-next]{right:6px}}
.hc-carousel__slide img,.hc-carousel__slide video{display:block;width:100%;height:100%;object-fit:cover;background:transparent;border-radius:18px}
.hc-page .hc-garden__grid{align-items:start}
.hc-page .hc-note-wrap{padding-top:80px}
@media(max-width:760px){.hc-page .hc-note-wrap{padding-top:56px}}
@media(max-width:1000px){.hc-page .hc-garden__grid{grid-template-columns:1fr;gap:42px}.hc-page .hc-garden__media{width:min(calc(100% - 32px),480px)}}
.hc-carousel__slide[hidden]{display:block;visibility:hidden;opacity:0;pointer-events:none}
.hc-carousel__status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hc-ingredient-preview__alternate{position:absolute;inset:0;opacity:0;transition:opacity .35s ease}
.hc-ingredient-preview[aria-pressed="true"] .hc-ingredient-preview__alternate{opacity:1}
.hc-ingredient-preview:focus-visible{outline:3px solid #b4ddef;outline-offset:6px}
.hc-ingredient-preview__hint{display:none}
@media(max-width:1024px){
  .hc-ingredient-preview__hint{position:absolute;z-index:3;right:6px;bottom:6px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #28275b33;border-radius:50%;background:#fffffff2;color:var(--hc-navy);box-shadow:0 2px 8px #28275b14;pointer-events:none}
  .hc-ingredient-preview[aria-pressed="true"] .hc-ingredient-preview__hint{background:var(--hc-navy);color:#fff}
}
@media(min-width:1025px) and (hover:hover) and (pointer:fine){.hc-ingredient-preview:hover .hc-ingredient-preview__alternate{opacity:1}}
.hc-page .hc-difference{background:#fff;padding:88px 0;border-top:1px solid var(--hc-line)}
.hc-page .hc-difference__head{max-width:1060px;margin-bottom:42px}
.hc-page .hc-difference h2{max-width:780px;font-size:42px;line-height:1.12}
.hc-difference__editorial{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;max-width:1060px;align-items:center}
.hc-difference__portrait{position:relative;isolation:isolate;margin:0;min-width:0;overflow:visible;border-radius:8px}
.hc-difference__portrait::after{content:'';position:absolute;inset:0;z-index:0;border-radius:8px;background:linear-gradient(180deg,transparent 45%,rgba(30,23,35,.12) 65%,rgba(30,23,35,.6) 100%);pointer-events:none}
.hc-difference__portrait img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:8px}
.hc-page .hc-difference__portrait figcaption{position:absolute;z-index:1;left:24px;right:20px;bottom:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0;color:#fff;font:400 48px/1.05 'Hyalustar Handwritten',cursive;letter-spacing:0;text-shadow:0 1px 8px rgba(0,0,0,.25);pointer-events:none}
.hc-difference__heart{position:absolute;z-index:2;top:-28px;right:-26px;display:block;width:88px;height:88px;color:#b4778e;fill:currentColor;transform:rotate(10deg);filter:drop-shadow(0 1px 1px rgba(255,255,255,.7));pointer-events:none}
@media(max-width:760px){.hc-difference__heart{width:72px;height:72px;top:-26px;right:-8px}}
.hc-difference__lead{margin:0 0 32px;color:var(--hc-navy);font:600 23px/1.5 'Urbanist','Manrope',sans-serif}
.hc-difference__accordion details{border-top:1px solid #d8d5e1}
.hc-difference__accordion details:last-child{border-bottom:1px solid #d8d5e1}
.hc-difference__accordion summary{display:grid;grid-template-columns:28px minmax(0,1fr) 20px;gap:14px;align-items:center;padding:24px 0;cursor:pointer;list-style:none;color:var(--hc-navy);font:700 17px/1.4 'Manrope',sans-serif}
.hc-difference__accordion summary::-webkit-details-marker{display:none}
.hc-difference__index{color:#8a7c8c;font-size:11px;font-weight:600}
.hc-difference__accordion summary svg{width:18px;height:18px;transition:transform .2s ease}
.hc-difference__accordion details[open] summary svg{transform:rotate(45deg)}
.hc-difference__accordion .hc-copy{padding:0 34px 25px 42px}
.hc-difference__accordion summary:focus-visible{outline:2px solid var(--hc-navy);outline-offset:4px}
@media(max-width:760px){.hc-page .hc-difference{padding:60px 0}.hc-page .hc-difference h2{font-size:32px}.hc-page .hc-difference__head{margin-bottom:28px}.hc-difference__editorial{grid-template-columns:1fr;gap:34px}.hc-difference__portrait{max-width:380px;width:100%;margin:0 auto}.hc-page .hc-difference__portrait figcaption{font-size:42px}.hc-difference__lead{font-size:21px}.hc-difference__accordion summary{font-size:15px;gap:10px;padding:21px 0}.hc-difference__accordion .hc-copy{padding-left:38px;padding-right:0}}
@media(prefers-reduced-motion:reduce){.hc-ingredient-preview__alternate,.hc-difference__accordion summary svg{transition:none}}
