/* Visual-first family storytelling. Layout and motion remain independent of shopping. */
.hero.visual-hero{display:block;padding:0 0 94px;min-height:0;max-width:none;overflow:hidden;background:#faf9f5;isolation:isolate}
.hero-cinema{height:650px;position:relative;background:#e2e9d7;overflow:hidden}
.hero-scenes,.hero-scene,.cinema-shade{position:absolute;inset:0}
.hero-scene{margin:0;opacity:0;transition:opacity 1.4s ease;overflow:hidden;pointer-events:none}
.hero-scene.is-active{opacity:1}
.hero-scene img{width:100%;height:100%;object-fit:cover;object-position:68% 48%;transform:scale(1.025);transform-origin:70% 50%;will-change:auto}
.hero-scene.is-active img{animation:scene-breathe 8.6s linear both;animation-play-state:paused;will-change:transform}
.hero-cinema[data-running="true"] .hero-scene.is-active img{animation-play-state:running}
.scene-self{--scene-flip:-1}.scene-self img{transform:scale(1.025) scaleX(-1)}
@keyframes scene-breathe{from{transform:scale(1.025) scaleX(var(--scene-flip,1))}to{transform:scale(1.075) scaleX(var(--scene-flip,1))}}
.cinema-shade{background:linear-gradient(90deg,rgba(250,249,245,.97) 0%,rgba(250,249,245,.85) 23%,rgba(250,249,245,.35) 43%,rgba(250,249,245,0) 63%);pointer-events:none}
.visual-hero .hero-copy{position:absolute;left:max(5.4%,calc((100% - 1290px)/2));top:124px;z-index:2;padding:0;width:500px;pointer-events:none}
.visual-hero .hero-copy a{pointer-events:auto}
.visual-hero h1{font-size:clamp(45px,4.4vw,65px);line-height:1.65;letter-spacing:.09em}
.visual-hero .hero-lead{font-size:19px;margin-top:23px}
.visual-hero .hero-text{font-size:13px;margin-top:13px;line-height:2}
.visual-hero .hero-actions{margin-top:27px;gap:22px;flex-direction:row}
.visual-hero .hero-caption{font-size:10px;color:#5a6653}
.visual-hero .eyebrow{font-size:10px;margin-bottom:24px}
.cinema-topline{position:absolute;left:5.4%;right:3%;top:24px;display:flex;justify-content:space-between;align-items:center;z-index:3;pointer-events:none}
.cinema-topline>span{font-family:var(--serif);color:#48603d;font-size:12px;letter-spacing:.17em}
#motion-toggle{pointer-events:auto;display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.5;color:#284739;padding:11px 16px;background:rgba(250,249,245,.92);border:1px solid #fff9;border-radius:30px;min-height:42px}
#motion-toggle:hover{background:#fffefa}.motion-icon{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.cinema-caption{position:absolute;left:55%;bottom:25px;right:3%;display:flex;gap:14px;align-items:center;color:#fffdf7;padding:12px 19px;background:#233a29a8;backdrop-filter:blur(9px);border:1px solid #ffffff40;border-radius:3px;z-index:2}
.caption-spark{font-size:29px;color:#dce9b3}.cinema-caption p{font-family:var(--serif);font-size:16px;letter-spacing:.06em}.scene-counter{font-size:9px;letter-spacing:.07em;white-space:nowrap;margin-left:auto;color:#d9e2ce}.scene-counter b{font-weight:500;font-size:16px}
.hero-story-nav{position:absolute;bottom:0;left:0;width:100%;height:94px;display:flex;align-items:center;justify-content:center;gap:30px;background:#faf9f5;border-bottom:1px solid var(--line);padding:16px 30px}
.story-choice{position:relative;display:flex;align-items:center;gap:13px;min-width:176px;padding:6px 14px 9px 7px;border:0;color:#75816d;background:transparent;text-align:left;transition:color .25s}
.story-choice img{width:60px;height:42px;object-fit:cover;border-radius:2px;opacity:.65;filter:saturate(.6);transition:opacity .3s,filter .3s}.story-choice:first-child img{object-position:76% 50%}.story-choice span{font-family:var(--serif);font-size:12px;line-height:1.5;letter-spacing:.06em}.story-choice small{display:block;font:8px var(--sans);margin-bottom:5px;letter-spacing:.14em}.story-choice i{position:absolute;height:2px;background:#c9d5bc;bottom:0;left:7px;right:14px;transform:scaleX(0);transform-origin:left;transition:transform .3s}.story-choice.is-current{color:var(--ink)}.story-choice.is-current img,.story-choice:hover img{opacity:1;filter:none}.story-choice.is-current i{transform:scaleX(1)}
.scene-photo{margin:23px 0 23px;border-radius:3px 3px 32px 3px;overflow:hidden;aspect-ratio:3/2}.scene-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.scene:nth-child(2) .scene-photo img{object-position:70% 50%}.scene:hover .scene-photo img{transform:scale(1.035)}
@media(min-width:1550px){.hero-cinema{height:710px}.visual-hero .hero-copy{top:153px}.hero-scene img{object-position:center 48%}}
@media(max-width:1180px){.visual-hero .hero-copy{left:5%;width:420px;top:132px}.hero-cinema{height:630px}.visual-hero h1{font-size:49px}.visual-hero .hero-actions{gap:15px}.visual-hero .hero-lead{font-size:18px}.visual-hero .hero-text{font-size:12px}.cinema-caption{left:52%;bottom:24px}.cinema-caption p{font-size:14px}.hero-story-nav{gap:14px}.story-choice{min-width:157px;gap:10px}.story-choice span{font-size:11px}}
@media(max-width:900px){.visual-hero .hero-copy{left:4%;top:139px;width:385px}.visual-hero h1{font-size:43px}.visual-hero .hero-actions{flex-direction:column;align-items:flex-start;gap:11px}.visual-hero .hero-lead{font-size:16px}.cinema-shade{background:linear-gradient(90deg,#faf9f5f2 0%,#faf9f5d4 27%,#faf9f538 57%,transparent 80%)}.cinema-caption{left:auto;right:3%;width:43%;padding:10px 13px;gap:10px}.cinema-caption p{font-size:12px}.caption-spark{font-size:23px}.scene-counter{display:none}.hero-story-nav{gap:6px;padding:13px 20px}.story-choice{min-width:0;flex:1;gap:8px;padding-right:8px}.story-choice img{width:47px;height:39px}.story-choice i{right:8px}.hero-scene img{object-position:68% 50%}}
@media(max-width:640px){
 .hero.visual-hero{display:grid;grid-template-columns:1fr;padding:0;overflow:clip}.hero-cinema{height:390px;order:0;width:100%}.hero-scenes{inset:0}.hero-scene img{object-position:70% 47%;transform-origin:70% 50%}.hero-scene:first-child img{object-position:80% 50%}.hero-scene:nth-child(2) img{object-position:54% 50%}.hero-scene:nth-child(3) img{object-position:68% 50%}.hero-scene.scene-self img{object-position:40% 50%;transform-origin:40% 50%}.cinema-shade{background:linear-gradient(180deg,#243a2a36 0%,transparent 26%,transparent 60%,#152d204a 100%)}
 .cinema-topline{top:17px;left:20px;right:16px}.cinema-topline>span{color:#fff;font-size:10px;letter-spacing:.08em;text-shadow:0 1px 5px #112b1ccc}.cinema-topline #motion-toggle{font-size:9px;padding:9px 12px;min-height:36px;gap:6px}.motion-icon{width:11px;height:11px}
 .cinema-caption{left:19px;right:19px;bottom:19px;width:auto;padding:11px 13px;gap:12px;border-color:#ffffff50;background:#263b29a6}.cinema-caption p{font-size:14px;letter-spacing:.03em}.caption-spark{font-size:24px}.scene-counter{display:block;font-size:8px}.scene-counter b{font-size:14px}
 .hero-story-nav{position:relative;order:1;height:78px;padding:10px 12px;gap:4px;align-items:stretch;overflow:hidden}.story-choice{flex:1;min-width:0;display:block;text-align:center;padding:2px 0 6px}.story-choice img{width:43px;height:28px;margin:0 auto 5px;border-radius:2px}.story-choice span{font:9px/1.5 var(--sans);letter-spacing:0;display:block;white-space:nowrap}.story-choice small{display:none}.story-choice i{left:12%;right:12%;height:2px}
 .visual-hero .hero-copy{order:2;position:relative;inset:auto;width:auto;padding:29px 27px 34px;pointer-events:auto}.visual-hero .eyebrow{font-size:8px;letter-spacing:.1em;gap:8px;margin-bottom:13px}.visual-hero h1{font-size:34px;letter-spacing:.08em;line-height:1.65;white-space:normal}.visual-hero h1 br{display:block}.visual-hero h1 .underline{white-space:nowrap}.visual-hero .hero-lead{font-size:16px;margin-top:14px}.visual-hero .hero-text{font-size:12px;line-height:2;margin-top:9px}.visual-hero .hero-actions{margin-top:23px;flex-direction:row;align-items:center;gap:14px}.visual-hero .hero-caption{font-size:8px;margin-top:11px}.visual-hero .hero-actions .text-link{font-size:9px}.visual-hero .hero-actions .button{font-size:10px;min-height:46px;gap:13px}
 .scene{padding:21px 0 0;min-height:0}.scene-photo{margin:19px 0 20px;aspect-ratio:16/10;border-radius:3px 3px 35px 3px}.scene h3{font-size:19px}.scene p{font-size:13px;line-height:2.1}.scene-tag{margin-top:16px}.scene-grid{gap:32px}
}
@media(max-width:360px){.hero-cinema{height:330px}.cinema-topline{left:14px;right:12px}.cinema-topline>span{font-size:8px}.cinema-caption{left:14px;right:14px;bottom:15px;gap:9px;padding:10px}.cinema-caption p{font-size:12px}.caption-spark{font-size:21px}.hero-story-nav{padding:10px 7px}.story-choice span{font-size:8px}.visual-hero .hero-copy{padding:25px 22px 30px}.visual-hero h1{font-size:30px}.visual-hero .hero-text{font-size:11px}.visual-hero .hero-actions{gap:12px}.visual-hero .hero-actions .button{font-size:9px;padding:12px;gap:9px}.visual-hero .hero-actions .text-link{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-scene{transition:none}.hero-scene.is-active img{animation:none;will-change:auto}.scene:hover .scene-photo img{transform:none}}