.restyle-home .hero-lookbook.charms-home{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,2.4vw,34px);align-items:center;border:0;padding:0;max-width:none;width:100%;margin:36px 0 0}
.charms-home-visual{min-width:0}
.charms-home-stage{display:block;overflow:hidden;aspect-ratio:3/4;background:#f3f3f3;color:inherit}
.charms-home-track{display:flex;width:100%;height:100%;transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.charms-home-track img{display:block;flex:0 0 100%;width:100%;height:100%;object-fit:cover;min-width:0}
.charms-home-controls{display:flex;align-items:center;justify-content:space-between;gap:4px}
.charms-home-dots{display:flex}
.charms-slide-dot,.charms-home-pause{border:0;background:transparent;color:#111111;min-width:36px;min-height:44px;padding:0;cursor:pointer;font:10px Arial,sans-serif}
.charms-slide-dot span{display:block;width:5px;height:5px;border-radius:50%;background:#d4d4d4;margin:auto}
.charms-slide-dot[aria-pressed=true] span{background:#111111}
.charms-home-copy{min-width:0;padding-bottom:44px}
.charms-home-copy h2{margin:0 0 30px;font:500 clamp(34px,4.1vw,62px)/1.02 Arial,sans-serif;letter-spacing:-.055em}
.charms-home-copy h2>span{display:block;transition:opacity .7s,transform .8s cubic-bezier(.2,.7,.2,1)}
.charms-home-copy h2>span+span{transition-delay:.12s}
.charms-home-copy h2 em{display:block;font-family:Georgia,serif;font-weight:400;font-style:italic}
.charms-home.reveal-charms:not(.charms-arrived) h2>span{opacity:0;transform:translateY(25px)}
.charms-home-cta{display:inline-flex;align-items:center;gap:16px;text-decoration:none;color:#111111;font:12px/1.4 Arial,sans-serif;border-bottom:1px solid #111111;padding:9px 0;transition:gap .25s}
.charms-cta-arrow{display:grid;place-items:center;border-radius:50%;width:36px;height:36px;background:#111111;color:#ffffff;font-size:24px;transition:transform .3s}
.charms-home-cta:hover{gap:23px}.charms-home-cta:hover .charms-cta-arrow{transform:rotate(45deg)}
.charms-home-stage:focus-visible,.charms-home-controls button:focus-visible,.charms-home-cta:focus-visible{outline:2px solid #111111;outline-offset:4px}
@media(max-width:760px){
 .restyle-home .hero-lookbook.charms-home{grid-column:1/-1;grid-row:6;margin:10px 0 0;gap:5vw;max-width:none;align-self:center}
 .restyle-home .hero:has(.charms-home) .hero-media{grid-column:1/-1;grid-row:7;width:100%;max-width:300px;justify-self:center}
 .charms-home-copy h2{font-size:clamp(32px,8.3vw,54px);margin-bottom:20px}
 .charms-home-copy{padding-bottom:44px}
 .charms-slide-dot{min-width:28px}
 .charms-home-cta{font-size:11px;gap:8px}
 .charms-cta-arrow{width:30px;height:30px;font-size:21px}
}
@media(prefers-reduced-motion:reduce){.charms-home-track,.charms-home-copy h2>span,.charms-home-cta,.charms-cta-arrow{transition:none}}