/* Full catalogue-content expansion and responsive video treatment. */
.hero{position:relative;isolation:isolate;overflow:hidden;border-radius:0 0 32px 32px}.hero-video-wrap{position:absolute;inset:0;z-index:-3;background:var(--ink-deep)}.hero-video{width:100%;height:100%;object-fit:cover;object-position:center}.hero-video-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,244,236,.96) 0%,rgba(248,244,236,.84) 42%,rgba(9,39,28,.44) 100%)}.hero-art{min-height:480px}.hero-art:before{content:"";position:absolute;inset:7% 9%;z-index:-1;border-radius:48% 48% 16% 16%;background:linear-gradient(150deg,rgba(220,231,215,.58),rgba(248,244,236,.18));backdrop-filter:blur(3px)}.hero-product{max-width:470px}.ingredient-thumb{position:absolute;width:150px;height:150px;object-fit:cover;border-radius:50%;bottom:5%;left:3%;box-shadow:var(--shadow);border:5px solid var(--cream)}
.content-section,.brand-grid,.audience-grid,.usage-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,6vw,7rem);padding-block:6rem}.content-copy h2,.usage-steps h2,.audience-section h2,.safety-section h2,.closing-section h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1.2;letter-spacing:-.045em;margin:.1rem 0 1.1rem}.content-copy h2 em,.usage-steps h2 em,.audience-section h2 em,.closing-section h2 em{font-family:'Playfair Display',serif;color:var(--orange);font-weight:600}.content-copy p{color:var(--muted);font-size:.91rem}.content-copy p strong{color:var(--ink)}.campaign-card{margin:0;box-shadow:var(--shadow);background:var(--ink-deep);overflow:hidden}.campaign-card img{display:block;width:100%;height:auto}.brand-section{background:var(--warm)}.brand-images{min-height:430px;position:relative;display:grid;place-items:center}.brand-images img{position:absolute;width:min(360px,74%);filter:drop-shadow(0 18px 22px rgba(9,39,28,.2))}.brand-images img:first-child{transform:translate(19%,-6%) rotate(5deg)}.brand-images img:nth-child(2){transform:translate(-18%,9%) rotate(-6deg)}.tagline{font-weight:800!important;color:var(--ink)!important}.benefit-grid{grid-template-columns:repeat(4,1fr)}.benefit-card{min-height:280px}.ingredients-section{padding-block:6rem}.light-heading h2{color:var(--ink)}.light-heading h2 em{color:var(--orange)}.ingredients-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.ingredients-grid article{border:1px solid var(--line);padding:1.4rem 1.1rem;background:#fff;min-height:215px}.ingredients-grid article>span{font-size:1.7rem}.ingredients-grid h3{font-size:.88rem;margin:.65rem 0}.ingredients-grid p{font-size:.72rem;color:var(--muted);line-height:1.8;margin:0}.audience-section{background:#e9f0e4}.audience-image{width:min(440px,100%);justify-self:center;filter:drop-shadow(0 20px 22px rgba(10,54,38,.2))}.check-list{list-style:none;padding:0;margin:1.3rem 0}.check-list li{position:relative;padding:.48rem 2rem .48rem 0;font-size:.85rem;font-weight:600}.check-list li:before{content:"✓";position:absolute;right:0;top:.52rem;display:grid;place-items:center;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--ink);color:#fff;font-size:.7rem}.usage-section{background:#fff}.usage-steps ol{list-style:none;padding:0;margin:1.5rem 0}.usage-steps li{display:flex;align-items:center;gap:.8rem;margin:.8rem 0;font-size:.86rem}.usage-steps li b{display:grid;place-items:center;flex:0 0 2rem;height:2rem;border-radius:50%;background:var(--ink);color:#fff}.timing{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.2rem 0}.timing span{padding:.5rem .8rem;background:var(--warm);font-size:.75rem;font-weight:700}.usage-art{display:grid;place-items:center;min-height:420px;background:radial-gradient(circle,#e9f0e4 0 40%,transparent 41%)}.usage-art img{width:min(420px,100%);filter:drop-shadow(0 20px 22px rgba(10,54,38,.2))}.routine-video-section{min-height:560px;display:grid;align-items:center;position:relative;overflow:hidden;color:#fff;isolation:isolate}.routine-video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.routine-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,39,28,.88),rgba(9,39,28,.55),rgba(9,39,28,.18))}.routine-copy{max-width:670px}.routine-copy h2{font-size:clamp(2.3rem,5vw,4.5rem);line-height:1.1;letter-spacing:-.05em;margin:.3rem 0 1rem}.routine-copy .eyebrow{color:var(--gold-light)}.routine-copy p{font-size:1rem;line-height:2;color:rgba(255,255,255,.9);max-width:590px}.faq-section{padding-block:6rem}.faq-list{max-width:900px;margin:auto}.faq-list details{border-bottom:1px solid var(--line);padding:1.1rem .2rem}.faq-list summary{cursor:pointer;font-weight:800;font-size:.9rem}.faq-list summary::marker{color:var(--orange)}.faq-list p{max-width:740px;color:var(--muted);font-size:.84rem;line-height:1.9;margin:1rem 0 .25rem}.safety-section{background:#f4e7dc;padding-block:5rem}.safety-grid{display:grid;grid-template-columns:auto 1fr;gap:2rem;max-width:900px;align-items:start}.safety-icon{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#d77145;color:#fff;font-size:2rem}.safety-section ul{padding-right:1.1rem}.safety-section li{margin:.55rem 0;font-size:.86rem}.closing-section{max-width:860px;text-align:center;padding-block:6rem}.closing-section h2{font-size:clamp(2rem,4.5vw,4rem)}.closing-section>p{color:var(--muted);font-size:.94rem}.closing-promises{display:flex;justify-content:center;flex-wrap:wrap;gap:.7rem;margin:1.8rem 0}.closing-promises span{border:1px solid var(--line);padding:.55rem .8rem;font-size:.72rem;background:#fff}.footer-body{grid-template-columns:1fr auto}.footer-body>div:nth-child(2){display:flex;align-items:center;gap:.7rem}.made-in-ma{justify-self:end}
.collection-section{padding-block:6rem}.collection-heading{max-width:760px;margin-bottom:2.4rem}.collection-heading h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1.2;letter-spacing:-.045em;margin:.15rem 0 1rem}.collection-heading>p:not(.eyebrow),.collection-note{color:var(--muted);font-size:.88rem}.collection-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:1rem}.collection-card{border:1px solid var(--line);padding:1.6rem;background:#fff;min-height:280px}.collection-card.featured{display:grid;grid-template-columns:145px 1fr;gap:1rem;align-items:center;background:#e9f0e4}.collection-card.featured img{width:100%;filter:drop-shadow(0 12px 15px rgba(9,39,28,.18))}.collection-card>span{font-size:2rem}.collection-card h3{font-size:1rem;margin:.7rem 0}.collection-card p{font-size:.75rem;color:var(--muted);line-height:1.85}.collection-card a{font-size:.72rem;color:var(--ink);font-weight:800;text-decoration:underline}.collection-note{max-width:900px;margin:1.5rem auto 0;text-align:center;padding:1rem;background:var(--warm)}
@media (prefers-reduced-motion:reduce){.hero-video,.routine-video{display:none}.hero-video-wrap{background:linear-gradient(135deg,#e9f0e4,#f8f4ec)}.routine-video-section{background:var(--ink-deep)}}
@media (max-width:900px){.benefit-grid{grid-template-columns:repeat(2,1fr)}.ingredients-grid{grid-template-columns:repeat(3,1fr)}.collection-grid{grid-template-columns:1fr 1fr}.collection-card.featured{grid-column:span 2}}
@media (max-width:760px){.hero{min-height:700px;padding-bottom:2rem}.hero-video-shade{background:linear-gradient(180deg,rgba(248,244,236,.92),rgba(248,244,236,.82) 50%,rgba(9,39,28,.38))}.hero-copy{background:rgba(248,244,236,.74);padding:1rem;border-radius:4px;backdrop-filter:blur(4px)}.hero-art{min-height:300px;order:initial}.hero-product{width:min(310px,83%)}.content-section,.brand-grid,.audience-grid,.usage-grid{grid-template-columns:1fr;padding-block:4rem;gap:2rem}.campaign-card{order:-1}.brand-images{min-height:330px;order:-1}.ingredients-grid{grid-template-columns:1fr 1fr}.ingredients-grid article{min-height:0}.routine-video-section{min-height:500px}.routine-overlay{background:linear-gradient(180deg,rgba(9,39,28,.82),rgba(9,39,28,.56))}.routine-copy{padding-block:4rem}.safety-grid{grid-template-columns:1fr;gap:1rem}.footer-body{grid-template-columns:1fr}.made-in-ma{justify-self:start}.ingredient-thumb{width:112px;height:112px}.benefit-grid{grid-template-columns:1fr}.benefit-card{min-height:210px}.collection-grid{grid-template-columns:1fr}.collection-card.featured{grid-column:auto}.collection-card.featured{grid-template-columns:120px 1fr}.collection-section{padding-block:4rem}}
@media (max-width:420px){.ingredients-grid{grid-template-columns:1fr}.hero h1{font-size:2.2rem}.routine-copy h2{font-size:2.5rem}}

/* Ingredient-card hover: elevation, a restrained colour bloom, and playful icon motion. */
.ingredients-grid article{position:relative;isolation:isolate;overflow:hidden;transition:transform .34s cubic-bezier(.2,.75,.25,1),box-shadow .34s ease,border-color .34s ease,background .34s ease}.ingredients-grid article:before{content:"";position:absolute;inset:-42%;z-index:-1;background:radial-gradient(circle,rgba(200,165,80,.2),rgba(220,231,215,.42) 38%,transparent 68%);opacity:0;transform:scale(.72);transition:opacity .36s ease,transform .5s cubic-bezier(.2,.75,.25,1)}.ingredients-grid article>span{display:inline-block;transition:transform .36s cubic-bezier(.2,.75,.25,1),filter .36s ease}.ingredients-grid h3{transition:color .28s ease}.ingredients-grid p{transition:color .28s ease}@media (hover:hover) and (pointer:fine){.ingredients-grid article:hover{transform:translateY(-10px);border-color:rgba(200,165,80,.72);background:linear-gradient(150deg,#fffdf7,#f2f7ed);box-shadow:0 22px 38px rgba(9,39,28,.16)}.ingredients-grid article:hover:before{opacity:1;transform:scale(1)}.ingredients-grid article:hover>span{transform:translateY(-6px) scale(1.14) rotate(-7deg);filter:drop-shadow(0 7px 7px rgba(9,39,28,.16))}.ingredients-grid article:hover h3{color:var(--orange)}.ingredients-grid article:hover p{color:#43594f}}@media (prefers-reduced-motion:reduce){.ingredients-grid article,.ingredients-grid article:before,.ingredients-grid article>span,.ingredients-grid h3,.ingredients-grid p{transition:none!important}.ingredients-grid article:hover,.ingredients-grid article:hover>span{transform:none}}