/* Un ambiente fotográfico une la composición; las tres capas conservan su movimiento. */
.hero{position:relative;isolation:isolate;background:#e8ddc9 url('assets/hero-ambiente-calido.png') center center/cover no-repeat}
.hero-copy.shell{display:block;width:min(650px,48%);margin-left:max(48px,calc((100% - 1440px)/2));margin-right:0;padding-top:78px;padding-bottom:80px;min-height:650px;z-index:4;animation:none}
.hero h1{font-size:clamp(82px,8.5vw,130px);line-height:.94;letter-spacing:-.035em}
.hero-description{margin-top:30px;max-width:440px;padding-bottom:0}
.hero-description>p{max-width:390px;font-size:17px;line-height:1.55}
.hero-ctas{gap:25px;margin-top:26px}
.hero-stage{position:absolute;inset:0 0 0 44%;width:56%;height:100%;isolation:isolate;overflow:visible;background:transparent;animation:none;z-index:3}
.hero-stage>.hero-fallback{object-position:70% 100%;transition:opacity .7s var(--ease)}
.hero-scene{position:absolute;inset:0;opacity:0;transition:opacity .7s var(--ease);pointer-events:none}
.hero-stage.is-ready>.hero-fallback{opacity:0}
.hero-stage.is-ready .hero-scene{opacity:1}
.hero-textile{position:absolute;transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity 1.1s;transform-origin:50% 85%}
.hero-textile img{width:100%;max-width:none;height:auto;object-fit:contain;transform:none}
.hero-parallax{width:100%;height:auto}
.is-moving .hero-parallax{will-change:transform}
.hero-bedding{width:105%;right:-6%;bottom:-20px;z-index:1;transform:translate3d(0,0,0) scale(1)}
.hero-blankets{width:76%;left:-9%;bottom:-50px;z-index:2;transform:translate3d(0,0,0) rotate(-2deg)}
.hero-towels{width:44%;right:2%;bottom:100px;z-index:3;transform:translate3d(0,0,0) rotate(1deg)}
.hero-stage[data-scene="1"] .hero-bedding{transform:translate3d(-5%,15px,0) scale(.96)}
.hero-stage[data-scene="1"] .hero-blankets{transform:translate3d(-6%,20px,0) rotate(-4deg)}
.hero-stage[data-scene="1"] .hero-towels{transform:translate3d(-52%,-18px,0) rotate(-2deg) scale(1.18)}
.hero-controls{position:absolute;bottom:24px;right:48px;z-index:5;display:flex;align-items:center;gap:20px;background:var(--paper);padding:8px 10px 8px 18px;border-radius:5px;box-shadow:0 8px 24px #00000018}
.hero-controls>[data-hero-scene]{background:none;border:0;padding:6px 0;min-width:62px;min-height:42px;text-align:left;font-size:11px;color:#536a6d}
.hero-controls>[aria-pressed="true"]{color:var(--ink)}
.scene-line{display:block;margin-top:5px;width:100%;height:2px;background:#294a5020}
[data-hero-scene][aria-pressed="true"] .scene-line{background:var(--wine)}
.hero-controls .icon-button{width:36px;height:42px;border-left:1px solid var(--line);border-radius:0}
.hero-controls .icon{width:18px;height:18px}
::selection{color:var(--paper);background:var(--wine)}input,textarea{caret-color:var(--wine)}
@media(min-width:1600px){.hero-copy.shell{min-height:720px;padding-top:100px}.hero-bedding{bottom:-45px}.hero-blankets{bottom:-75px}}
@media(max-width:1150px) and (min-width:761px){
 .hero-copy.shell{margin-left:32px;width:49%;padding-top:66px;min-height:570px}
 .hero h1{font-size:9.2vw}
 .hero-description>p{font-size:16px;max-width:340px}
 .hero-ctas{gap:16px}
 .hero-stage{left:45%;width:55%}
 .hero-bedding{width:125%;right:-22%;bottom:-15px}
 .hero-blankets{width:87%;left:-3%;bottom:-36px}
 .hero-towels{width:50%;right:-4%;bottom:95px}
 .hero-controls{right:32px;gap:12px}
}
@media(max-width:760px){
 .hero{background-position:32% 50%}
 .hero-copy.shell{width:calc(100% - 40px);margin:0 auto;min-height:0;padding-top:35px;padding-bottom:0}
 .hero h1{font-size:clamp(70px,18.8vw,114px);line-height:.94;letter-spacing:-.035em}
 .hero-description{margin-top:24px}
 .hero-description>p{font-size:14px;max-width:350px}
 .hero-ctas{gap:18px;margin-top:21px}
 .hero-stage{position:relative;inset:auto;width:100%;height:250px;margin-top:8px}
 .hero-stage .hero-bedding{width:128%;right:-32%;bottom:-20px}
 .hero-stage .hero-blankets{width:97%;left:-32%;bottom:-23px}
 .hero-stage .hero-towels{width:56%;right:-4%;bottom:45px}
 .hero-stage[data-scene="1"] .hero-bedding{transform:translate3d(-6%,12px,0) scale(.95)}
 .hero-stage[data-scene="1"] .hero-blankets{transform:translate3d(-8%,12px,0) rotate(-3deg)}
 .hero-stage[data-scene="1"] .hero-towels{transform:translate3d(-50%,-6px,0) scale(1.12)}
 .hero-stage .hero-textile img{width:100%;transform:none}
 .hero-controls{bottom:15px;right:20px;padding:3px 7px 3px 13px;gap:15px}
 .hero-controls>[data-hero-scene]{font-size:11px;min-width:52px;min-height:41px}
 .hero-controls .icon-button{width:34px;height:41px}
}
@media(prefers-reduced-motion:reduce){
 .hero-textile,.hero-scene,.hero-stage>.hero-fallback{transition:opacity .15s}
 .hero-parallax{transform:none!important;will-change:auto}
}