/* Full-bleed beauty introduction; preserves the approved ivory/cocoa identity. */
.shade-video-panel{aspect-ratio:3/2;align-self:center;background:var(--ivory);overflow:hidden;isolation:isolate}.intro-eye.shade-video-panel:before{display:none}.shade-video{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.shade-video-caption{position:absolute;inset:auto 0 0;min-height:16.67%;background:var(--ivory);display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 18px;color:var(--cocoa);z-index:2}.shade-video-caption>span{font:clamp(18px,2vw,30px)/1.2 Georgia,serif}.shade-video-caption>small{position:absolute;right:16px;font:9px/1.2 Arial,sans-serif;letter-spacing:.08em;color:var(--muted)}.shade-video-toggle{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #f8f4eea8;border-radius:50%;background:#4b241b99;color:#fff9ed;font-size:16px;z-index:3;backdrop-filter:blur(4px)}[dir=rtl] .shade-video-caption>span{font-family:Tahoma,Arial,sans-serif}[dir=rtl] .shade-video-caption>small{right:auto;left:16px}
@media(max-width:700px){.intro-band:has(.shade-video-panel){grid-template-columns:1fr}.intro-band:has(.shade-video-panel) .intro-copy{padding:28px 7%}.intro-band:has(.shade-video-panel) .intro-copy h2{font-size:36px}.intro-band:has(.shade-video-panel) .intro-copy .eyebrow{font-size:8px}.intro-band:has(.shade-video-panel) .intro-copy>p:not(.eyebrow),.intro-band:has(.shade-video-panel) .intro-copy .underlined{font-size:11px}.shade-video-panel{width:100%;aspect-ratio:3/2}.shade-video-caption>span{font-size:22px}.shade-video-caption>small{font-size:8px;right:13px}.shade-video-toggle{width:30px;height:30px;top:10px;right:10px}}
.floating-shop{position:fixed;right:24px;bottom:max(22px,env(safe-area-inset-bottom));z-index:30;display:inline-flex;align-items:center;gap:12px;background:var(--cocoa);color:var(--paper);padding:14px 22px;border:1px solid #d4baa1;box-shadow:0 5px 22px #30190e2e;font-size:12px;letter-spacing:.04em;border-radius:3px;min-height:50px}
.floating-shop:hover{background:#713d2e}.shop-bag{width:16px;height:17px;border:1.5px solid currentColor;display:inline-block;position:relative}.shop-bag:before{content:'';position:absolute;width:7px;height:7px;border:1.5px solid currentColor;border-bottom:0;border-radius:7px 7px 0 0;top:-7px;left:3px}
.shop-collection{min-height:65vh;padding-top:50px}.shop-heading{margin-bottom:32px}.shop-heading h1{font-size:clamp(45px,5vw,70px);margin-bottom:0}.shop-heading .eyebrow{margin-bottom:14px}nav [aria-current=page]{border-bottom:1px solid var(--cocoa);padding-bottom:3px}body:has(.floating-shop) footer{padding-bottom:100px}[dir=rtl] .floating-shop{right:auto;left:24px}
@media(max-width:700px){.floating-shop{right:16px;bottom:max(18px,env(safe-area-inset-bottom));padding:13px 18px;font-size:11px}.shop-collection{padding-top:32px}.shop-heading{margin-bottom:25px}.shop-heading h1{font-size:45px}[dir=rtl] .floating-shop{left:16px}}
.beauty-hero{position:relative;display:flex;align-items:center;min-height:700px;height:calc(100svh - 132px);max-height:950px;isolation:isolate;overflow:hidden;background:#6f5c50}
.beauty-backdrop{position:absolute;inset:0;z-index:-3}.beauty-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.beauty-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(37,23,17,.58),rgba(43,29,22,.22) 46%,rgba(35,25,20,.02) 75%)}
.beauty-hero .hero-copy{padding:65px 7%;color:#fff8ee;width:65%;position:relative}
.beauty-hero .hero-copy .eyebrow{color:#fff3e1;letter-spacing:.26em;margin-bottom:24px}
.beauty-hero h1{font-size:clamp(52px,5.3vw,83px);line-height:1.13;letter-spacing:.012em;margin-bottom:24px;text-shadow:0 1px 20px #38241b1a}
.beauty-hero h1 em{font-style:normal;letter-spacing:.035em}
.beauty-hero .hero-description{color:#fff4e8;line-height:1.8;max-width:310px;margin-bottom:26px;font-size:13px;text-wrap:pretty}
.beauty-hero .button{border:1px solid #d1b79d;background:var(--cocoa);min-width:210px;padding:17px 24px;font-size:11px;letter-spacing:.05em}
.beauty-hero .button:hover{background:#713d2e}
.hero-scroll{position:absolute;bottom:25px;left:50%;width:24px;height:38px;border:1px solid #fff6;border-radius:20px;display:grid;justify-items:center;padding:8px}
.hero-scroll span{width:2px;height:8px;background:#fff6e6;border-radius:2px}
.intro-band{display:grid;grid-template-columns:1fr 1fr;min-height:340px;background:#efe5d9;overflow:hidden;border-block:10px solid var(--ivory)}
.intro-copy{padding:45px 13%;align-self:center}.intro-copy .eyebrow{color:var(--cocoa);margin-bottom:15px;font-size:9px}.intro-copy h2{font-size:clamp(35px,3.7vw,56px);margin-bottom:14px}.intro-copy>p:not(.eyebrow){font-size:12px;color:var(--muted);margin-bottom:13px}.intro-copy .underlined{margin-top:0}
.intro-eye{position:relative;display:grid;place-items:center;overflow:hidden;background:#e0cabc}.intro-eye:before{content:'';position:absolute;inset:12px;border:1px solid #fff7;border-radius:50% 0 0 50%;z-index:2;pointer-events:none}.intro-eye .eye-photo{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;transform:scale(1.03)}
.menu-toggle{display:none}
.motion-ready .reveal{transition:opacity .75s ease,transform .85s cubic-bezier(.2,.65,.3,1);opacity:0;transform:translateY(30px)}
.motion-ready .reveal[data-reveal=left]{transform:translateX(-48px)}
.motion-ready .reveal[data-reveal=right]{transform:translateX(48px)}
.motion-ready .reveal[data-reveal=top]{transform:translateY(-34px)}
.motion-ready .reveal.is-visible{opacity:1;transform:translate(0,0)}
.story-section,.collection,.shade-pair,.faq,.closing{overflow:clip}
[dir=rtl] .beauty-hero .hero-copy{padding:65px 7%;margin-left:auto}
[dir=rtl] .beauty-shade{background:linear-gradient(270deg,rgba(37,23,17,.6),rgba(43,29,22,.18) 55%,transparent)}
[dir=rtl] .beauty-backdrop img{transform:scaleX(-1)}
[dir=rtl] .beauty-hero h1{font-size:clamp(46px,5.1vw,76px);line-height:1.38}
@media(prefers-reduced-motion:no-preference){
 .hero-enter{animation:hero-entrance 1.05s cubic-bezier(.18,.65,.25,1) both}
 .from-top{--enter-x:0px;--enter-y:-35px;animation-delay:.1s}
 .from-left{--enter-x:-65px;--enter-y:0px;animation-delay:.25s}
 .from-right{--enter-x:55px;--enter-y:0px;animation-delay:.45s}
 .from-bottom{--enter-x:0px;--enter-y:28px;animation-delay:.65s}
 .hero-scroll span{animation:scroll-hint 2s ease-in-out 4}
 @keyframes hero-entrance{from{opacity:0;transform:translate(var(--enter-x),var(--enter-y))}to{opacity:1;transform:translate(0,0)}}
 @keyframes scroll-hint{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(10px);opacity:1}}
}
@media(max-width:1000px){.beauty-hero{min-height:620px}.beauty-hero .hero-copy{width:72%}.beauty-hero h1{font-size:60px}.beauty-backdrop img{object-position:59% center}.intro-copy{padding:35px 10%}}
@media(max-width:700px){
 header{height:95px;position:sticky;padding-inline:5%}.brand{width:128px}.brand img{height:72px}.header-actions{gap:11px}.header-actions #language{font-size:10px}.saved-button>span:first-child{display:none}.saved-button:before{content:'♡';font-size:22px}.saved-button #savedCount{width:21px;height:21px;line-height:19px;font-size:10px}
 .menu-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;width:30px;height:35px;padding:3px;order:3}.menu-toggle span{height:1.5px;width:24px;background:var(--cocoa);transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
 header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ivory);border-bottom:1px solid var(--line);padding:23px 6%;box-shadow:0 10px 15px #39271f0d}header nav.is-open{display:flex;flex-direction:column;gap:20px;font-size:14px}
 .beauty-hero{min-height:580px;height:calc(100svh - 125px);max-height:780px;display:flex;align-items:flex-end}
 .beauty-backdrop img{object-position:64% 30%;height:100%;width:100%}
 .beauty-shade{background:linear-gradient(0deg,rgba(37,22,16,.68),rgba(41,26,19,.15) 72%,transparent),linear-gradient(90deg,rgba(41,26,19,.2),transparent 80%)}
 .beauty-hero .hero-copy{padding:0 6% 58px!important;width:100%;color:#fff8ee}
 .beauty-hero .hero-copy .eyebrow{font-size:8px;letter-spacing:.19em;margin-bottom:14px}
 .beauty-hero h1{font-size:clamp(37px,9.8vw,63px);line-height:1.14;letter-spacing:.015em;margin-bottom:15px;max-width:480px}
 .beauty-hero .hero-description{font-size:11px;max-width:275px;margin-bottom:20px;line-height:1.7}
 .beauty-hero .button{min-height:48px;padding:14px 21px;min-width:195px;font-size:10px}
 .hero-scroll{left:auto;right:6%;bottom:25px;width:20px;height:32px;padding:6px}
 .intro-band{grid-template-columns:1fr 1fr;min-height:255px;border-block-width:7px}.intro-copy{padding:26px 11%;min-width:0}.intro-copy .eyebrow{font-size:7px;letter-spacing:.11em;margin-bottom:10px}.intro-copy h2{font-size:clamp(25px,6.7vw,40px);line-height:1.15;margin-bottom:11px;letter-spacing:-.04em}.intro-copy>p:not(.eyebrow){font-size:9px;line-height:1.7;margin-bottom:10px}.intro-copy .underlined{font-size:9px}.intro-eye .eye-photo{height:100%;width:100%}.intro-eye:before{inset:7px}
 .motion-ready .reveal[data-reveal=left]{transform:translateX(-24px)}.motion-ready .reveal[data-reveal=right]{transform:translateX(24px)}.motion-ready .reveal[data-reveal=top]{transform:translateY(-22px)}.motion-ready .reveal.is-visible{transform:translate(0,0)}
 [dir=rtl] .beauty-hero .hero-copy{padding:0 6% 58px!important;width:100%}[dir=rtl] .beauty-shade{background:linear-gradient(0deg,rgba(37,22,16,.68),rgba(41,26,19,.15) 72%,transparent),linear-gradient(270deg,rgba(41,26,19,.2),transparent 80%)}[dir=rtl] .beauty-hero h1{font-size:clamp(39px,10vw,60px);line-height:1.28}[dir=rtl] .intro-copy h2{font-size:25px;line-height:1.4}
}
@media(prefers-reduced-motion:reduce){.hero-enter,.motion-ready .reveal{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}.beauty-backdrop img{animation:none}}