/* Revision 4: product names belong to the product, and each Hero has a clear next action. */
.a .hero-r4 .hero-product-label{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;gap:3px;width:max-content;max-width:190px;padding:7px 13px;color:#243b52;text-align:center;background:transparent;border:0;border-radius:0;box-shadow:none;line-height:1.25;transform:translateX(-50%);pointer-events:none}
.a .hero-r4 .hero-product-label strong{font-size:clamp(15px,1.65vw,24px);font-weight:650;letter-spacing:.025em}.a .hero-r4 .hero-product-label span{font-size:clamp(9px,.82vw,12px);letter-spacing:.04em;color:#41566c;white-space:nowrap}
.direction-01 .hero-r4 .hero-product-270{left:32.2%;top:79.2%}.direction-01 .hero-r4 .hero-product-320{left:67%;top:79.2%}
.direction-02 .hero-r4 .hero-product-270{left:47.8%;top:76.6%}.direction-02 .hero-r4 .hero-product-320{left:79.4%;top:53.6%}
.a .hero-r4 .hero-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .75s ease;pointer-events:none;z-index:0}.a .hero-r4 .hero-slide.is-active{opacity:1;z-index:1}.a .hero-r4 .hero-slide picture{display:block;height:100%;width:100%}.a .hero-r4 .hero-slide img{display:block;height:100%;width:100%;object-fit:contain}.a .hero-r4 .hero-product-position{position:absolute;inset:0;pointer-events:none}
.direction-03 .hero-r4 .hero-product-position .hero-product-label{left:70%;top:84%}.direction-04 .hero-r4 .hero-product-position .hero-product-label{left:24%;top:86%}
.a .hero-r4 .hero-copy{z-index:3}.a .hero-r4 .hero-art{touch-action:pan-y}
.a .hero-carousel-controls{position:absolute;z-index:4;right:4%;bottom:4%;display:flex;align-items:center;gap:6px;padding:5px;background:#fbfdfff2;border:1px solid #fff;border-radius:9px;box-shadow:0 4px 22px #29445b0b}
.a .hero-carousel-controls button{border:0;background:none;color:#516374;min-height:40px;min-width:32px;padding:7px 8px;border-radius:5px;font-size:11px;font-weight:600;white-space:nowrap}.a .hero-carousel-controls button:hover{background:#edf2f7}.a .hero-carousel-controls button[aria-pressed=true][data-hero-index]{background:#e1e9f3;color:#233c58}.a .hero-carousel-controls .hero-carousel-arrow{font-size:25px;line-height:1;font-weight:400;padding:2px}.a .hero-product-tabs{display:flex;gap:3px}.a .hero-product-tabs button span{font-size:8px;margin-right:5px;opacity:.7}.a .hero-carousel-controls .hero-carousel-play{border-left:1px solid #d7e1eb;border-radius:0;padding-left:11px;margin-left:2px;font-size:10px;min-width:40px}.a .hero-carousel-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.direction-01 .hero-r4 .hero-copy{top:4%;left:8%;width:84%}.direction-01 .hero-r4 h1{font-size:clamp(38px,4.7vw,72px);line-height:1.25;margin:10px 0}.direction-01 .hero-r4 .hero-copy .eyebrow{font-size:11px;letter-spacing:.2em}.direction-01 .hero-r4 .hero-copy p{font-size:clamp(13px,1.1vw,18px)}.direction-01 .hero-r4 .hero-product-label{background:transparent;border:0;box-shadow:none}.direction-01 .hero-r4 .hero-product-label strong{font-size:clamp(17px,1.9vw,28px)}.direction-01 .hero-r4 .hero-product-label span{font-size:clamp(10px,1.1vw,16px)}
.direction-01 .hero-r4 .hero-after-art{position:absolute;bottom:3.2%;left:0;width:100%;display:flex;justify-content:center;z-index:3}.direction-01 .hero-r4 .hero-after-art .primary{min-height:50px;padding:14px 34px;font-size:16px;box-shadow:0 5px 20px #344d7020}.direction-01 .without-section-intro,.direction-02 .without-section-intro{padding-top:55px}
@media(max-width:1100px) and (min-width:821px){.a .hero-r4 .hero-product-label{padding:5px 10px;gap:2px}.a .hero-r4 .hero-product-label strong{font-size:16px}.a .hero-r4 .hero-product-label span{font-size:9px}.a .hero-carousel-controls{right:3%;bottom:3%;gap:3px;padding:3px}.a .hero-carousel-controls button{min-height:34px;font-size:10px;padding-inline:5px}.a .hero-product-tabs button span{display:none}.direction-01 .hero-r4 .hero-after-art{bottom:2.5%}.direction-01 .hero-r4 .hero-after-art .primary{min-height:39px;padding:10px 24px;font-size:12px}}
@media(max-width:820px){
 .a .hero-r4 .hero-product-label{max-width:160px;padding:6px 10px;gap:2px;border-radius:5px}.a .hero-r4 .hero-product-label strong{font-size:clamp(13px,3.6vw,22px)}.a .hero-r4 .hero-product-label span{font-size:clamp(8px,2.1vw,12px)}
 .direction-01 .hero-r4 .hero-product-270{left:22%;top:53.5%}.direction-01 .hero-r4 .hero-product-270:before{content:"";position:absolute;left:100%;top:0;width:clamp(25px,6.4vw,48px);height:1px;background:#7c90a7;transform:rotate(-45deg);transform-origin:left center}.direction-01 .hero-r4 .hero-product-320{left:54%;top:81.5%}
 .direction-02 .hero-r4 .hero-product-270{left:24%;top:76%}.direction-02 .hero-r4 .hero-product-320{left:65%;top:59.5%}
 .direction-03 .hero-r4 .hero-product-position .hero-product-label{left:66%;top:79%}.direction-04 .hero-r4 .hero-product-position .hero-product-label{left:34%;top:80%}
 .a .hero-r4 .hero-slide img{object-fit:cover}.a .hero-carousel-controls{right:auto;left:50%;bottom:3.2%;transform:translateX(-50%);gap:4px;padding:4px;border-radius:7px;max-width:96%}.a .hero-carousel-controls button{min-height:38px;font-size:10px;padding:7px}.a .hero-carousel-controls .hero-carousel-arrow{min-width:25px}.a .hero-carousel-controls .hero-carousel-play{min-width:36px;padding-left:8px;font-size:9px}.a .hero-product-tabs button span{font-size:8px;margin-right:3px}
 .direction-01 .hero-r4 .hero-after-art{bottom:4%}.direction-01 .hero-r4 .hero-after-art .primary{font-size:13px;padding:12px 25px;min-height:43px}.direction-01 .hero-r4 .hero-copy{inset:0 0 auto;width:100%;padding-top:7%;text-align:center}.direction-01 .hero-r4 h1{font-size:clamp(30px,7.9vw,60px);line-height:1.2;margin:12px 0}.direction-01 .hero-r4 .hero-copy .eyebrow{font-size:9px;letter-spacing:.08em}.direction-01 .hero-r4 .hero-copy p{max-width:91%;font-size:clamp(11px,2.8vw,18px)}.direction-01 .hero-r4 .hero-product-label{background:transparent;border:0;box-shadow:none}.direction-01 .hero-r4 .hero-product-label strong{font-size:clamp(13px,3.6vw,22px)}.direction-01 .hero-r4 .hero-product-label span{font-size:clamp(8px,2.1vw,12px)}.direction-01 .without-section-intro,.direction-02 .without-section-intro{padding-top:32px}
}
@media(max-width:360px){.a .hero-r4 .hero-product-label{padding:5px 7px}.a .hero-r4 .hero-product-label strong{font-size:12px}.a .hero-r4 .hero-product-label span{font-size:8px}.a .hero-carousel-controls button{padding-inline:4px;font-size:9px;min-height:35px}.a .hero-product-tabs button span{display:none}.direction-01 .hero-r4 .hero-after-art .primary{font-size:11px;min-height:38px;padding:10px 21px}}
@media(prefers-reduced-motion:reduce){.a .hero-r4 .hero-slide{transition:none}}

/* R5 — Extend the Hero itself, keeping the product stage at its original ratio. */
.direction-01 .hero-r4{box-sizing:content-box;padding-bottom:64px;background:#e7f1fa}
.direction-01 .hero-r4 .hero-art{inset:0 0 64px;height:auto;aspect-ratio:auto}
.direction-01 .hero-r4 .hero-art:after{content:"";display:block;position:absolute;inset:auto 0 0;width:100%;height:100px;z-index:1;background:linear-gradient(0deg,#e7f1fa,rgba(231,241,250,0));pointer-events:none}
.direction-01 .hero-r4 .hero-after-art{bottom:64px}
@media(max-width:820px){
 .direction-01 .hero-r4{padding-bottom:36px}
 .direction-01 .hero-r4 .hero-art{bottom:36px}
 .direction-01 .hero-r4 .hero-art:after{height:60px}
 .direction-01 .hero-r4 .hero-after-art{bottom:36px}
 .direction-01 .hero-r4 .hero-product-270:before{display:none}
}

/* R7 — Small real-product images make the two model links easy to recognize. */
.a .flagship-item{display:grid;grid-template-columns:76px minmax(104px,125px) minmax(0,1fr);gap:18px;padding:22px 34px;align-items:center}
.a .flagship-thumbnail{display:block;width:76px;height:76px;object-fit:contain;mix-blend-mode:multiply;background:transparent;border:0;border-radius:0;box-shadow:none}
.a .flagship-item .flagship-copy{min-width:0}.a .flagship-item p{margin:0 16px 0 0}.a .flagship-arrow{right:15px}

/* One 03 website: flowers for 5K detail, ocean waves for 120Hz motion. */
.direction-03 .hero-combined{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;aspect-ratio:auto;height:auto;min-height:0;padding:0;background:#eaf1fa}
.direction-03 .hero-combined .hero-copy{position:relative;inset:auto;grid-column:1;grid-row:1;width:100%;max-width:none;padding:30px 5% 20px;text-align:center}
.direction-03 .hero-combined h1{font-size:clamp(34px,3.3vw,50px);line-height:1.25;margin:12px 0}.direction-03 .hero-combined h1 br{display:none}
.direction-03 .hero-combined .hero-copy p{max-width:660px;margin:0 auto;font-size:14px;line-height:1.7}
.direction-03 .hero-combined .hero-art{position:relative;grid-column:1;grid-row:2;inset:auto;width:min(100%,1180px);height:auto;aspect-ratio:16/9;margin:0 auto;background:transparent}
.direction-03 .hero-combined .hero-art:before,.direction-03 .hero-combined .hero-art:after{display:none}
.direction-03 .hero-combined .hero-slide[data-theme=petal] .hero-product-label{left:70%;top:84%}
.direction-03 .hero-combined .hero-slide[data-theme=ocean] .hero-product-label{left:24%;top:86%}
.direction-03 .hero-combined .hero-combined-footer{grid-column:1;grid-row:3;position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:28px;padding:20px 5% 36px}
.direction-03 .hero-combined .hero-combined-footer>.primary{min-height:46px;padding:13px 24px;font-size:13px}
.direction-03 .hero-combined .hero-carousel-controls{position:static;transform:none;margin:0;max-width:none;box-shadow:none}
@media(max-width:1100px) and (min-width:821px){.a .flagship-item{grid-template-columns:64px minmax(96px,115px) minmax(0,1fr);gap:12px;padding:20px 24px}.a .flagship-thumbnail{width:64px;height:64px}}
@media(max-width:820px){
 .a .flagship-item{grid-template-columns:58px minmax(0,1fr) 20px;grid-template-rows:auto auto;gap:5px 13px;padding:18px 5%}
 .a .flagship-thumbnail{grid-column:1;grid-row:1/3;width:58px;height:58px}.a .flagship-item .flagship-copy{grid-column:2;grid-row:1;min-width:0}.a .flagship-item p{grid-column:2;grid-row:2;margin:0;font-size:11px;line-height:1.6}.a .flagship-item .flagship-arrow{position:static;grid-column:3;grid-row:1/3;right:auto;align-self:center}
 .direction-03 .hero-combined{display:block;position:relative;aspect-ratio:9/16;height:auto;box-sizing:content-box;padding:0 0 58px}
 .direction-03 .hero-combined .hero-art{position:absolute;inset:0 0 58px;width:100%;height:auto;aspect-ratio:auto;margin:0}
 .direction-03 .hero-combined .hero-copy{position:absolute;inset:0 0 auto;width:100%;padding:7% 7% 0;text-align:left}
 .direction-03 .hero-combined h1{font-size:clamp(29px,7.9vw,60px);line-height:1.22;margin:12px 0}.direction-03 .hero-combined h1 br{display:block}.direction-03 .hero-combined .hero-copy p{max-width:92%;margin:0;font-size:clamp(11px,2.9vw,19px);line-height:1.65}
 .direction-03 .hero-combined .hero-slide[data-theme=petal] .hero-product-label{left:66%;top:79%}.direction-03 .hero-combined .hero-slide[data-theme=ocean] .hero-product-label{left:34%;top:80%}
 .direction-03 .hero-combined .hero-combined-footer{position:absolute;inset:auto 0 24px;display:flex;flex-direction:column;gap:10px;padding:0;width:100%}
 .direction-03 .hero-combined .hero-combined-footer>.primary{font-size:12px;min-height:42px;padding:11px 22px}.direction-03 .hero-combined .hero-carousel-controls{max-width:calc(100% - 28px)}
}