
:root{--ink:#21354d;--muted:#667a91;--blue:#2365a9;--line:#d5e0ea;--ice:#e8f2fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfcfe;color:var(--ink);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #3d8cda;outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:10px;background:white;padding:8px;z-index:20}.preview-note{background:#e5edf5;color:#526c87;font-size:10px;letter-spacing:.4px;padding:7px 26px;text-align:center}.preview-note a{margin-left:16px;text-decoration:underline;text-underline-offset:3px}.wrap{width:min(1160px,calc(100% - 84px));margin:auto}.site-head{background:#f5f8fbdc;border-bottom:1px solid #cdd8e266;position:relative;z-index:5}.nav-inner{height:76px;display:flex;align-items:center;gap:35px}.brand{font-size:29px;font-weight:700;letter-spacing:-1.4px;margin-right:auto;color:#253c55}.brand i{color:#538fb9;font-style:normal}.desktop-nav{display:flex;gap:27px;align-items:center;font-size:11px;color:#53657a}.desktop-nav a{position:relative;padding-block:12px}.desktop-nav .current{color:#2d6a9d}.desktop-nav .current:after{content:'';height:2px;background:#6aa2c9;position:absolute;bottom:3px;left:0;right:0}.nav-contact{font-size:11px;padding:9px 17px;border:1px solid #b8cada;border-radius:25px;color:#284969}.mobile-toggle{display:none;background:none;border:1px solid #bbccdc;padding:7px 12px;border-radius:4px;color:var(--ink)}.mobile-nav{display:none}.hero{height:580px;position:relative;isolation:isolate;overflow:hidden;background:#e5ebf1}.hero-bg{position:absolute;inset:0;background:url('./story/silver-living-room.webp') center 56%/cover no-repeat;z-index:-4}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,#edf2f6ed 0%,#edf2f6d9 30%,#e6eff63d 58%,transparent 80%);z-index:-3}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#eef5fb2b,transparent 35%);z-index:-2}.hero-inner{height:100%;position:relative;display:flex;align-items:center}.hero-copy{width:62%;position:relative;z-index:3;padding-bottom:15px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:600;color:#6684a2;text-transform:uppercase;margin:0 0 19px}.hero h1{font-size:clamp(36px,3.9vw,53px);line-height:1.18;letter-spacing:-1.7px;font-weight:610;margin:0 0 23px;color:#21364e}.hero .intro{max-width:425px;line-height:1.8;color:#5a6d81;font-size:13px;margin:0 0 29px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.pill{border-radius:30px;padding:11px 21px;font-size:11px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid #2c577f;background:#2c577f;color:#fff;min-height:40px}.pill.secondary{background:#f4f8fc80;border-color:#9db3c6;color:#365873}.hero-product{position:absolute;z-index:2;height:490px;width:auto;bottom:15px;left:76%;transform:translateX(-50%)}.hero-product-shadow{position:absolute;left:76%;transform:translateX(-50%);bottom:46px;width:105px;height:13px;background:#4c5a6b63;filter:blur(7px);border-radius:50%;z-index:0}.hero-product-note{position:absolute;right:0;bottom:59px;font-size:10px;letter-spacing:.8px;border-left:1px solid #b8c7d1;padding-left:15px;color:#6a7c8e;z-index:3}.hero-product-note strong{display:block;font-size:16px;font-weight:500;margin-top:3px;color:#405871}.hero-footline{position:absolute;bottom:22px;left:0;display:flex;gap:19px;font-size:9px;color:#5e7690;letter-spacing:.5px}.hero-footline span+span{border-left:1px solid #b2c4d3;padding-left:19px}.airflow{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;filter:drop-shadow(0 0 6px #bce9ffb0)}.range{padding:58px 0 62px;background:linear-gradient(180deg,#f6f8fb,#f0f4f8 78%,#ecf2f8)}.range-head{text-align:center;margin-bottom:34px}.range-head .eyebrow{margin-bottom:11px;font-size:9px}.range-head h2{font-weight:500;font-size:29px;letter-spacing:-.8px;margin:0}.range-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.range-card{position:relative;height:378px;border:1px solid #d2dce6;border-radius:9px;background:linear-gradient(135deg,#dce3eb 0%,#eff3f8 53%,#ccd8e5 100%);overflow:hidden;box-shadow:0 12px 26px #516c8412;isolation:isolate}.range-card:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,#ffffff9c 41%,#ffffff10 55%,transparent 56%);opacity:.6;z-index:-1}.range-card.filter{background:linear-gradient(145deg,#d3dfea,#e9f1f8 58%,#cedeed)}.range-card.compact{background:linear-gradient(145deg,#e2e7ee,#f3f5f8 58%,#d3dce7)}.card-copy{padding:23px 26px 0;position:relative;z-index:3}.card-kicker{font-size:9px;letter-spacing:1.6px;color:#72869c;display:block;margin-bottom:7px}.card-copy h3{font-size:22px;font-weight:500;letter-spacing:-.5px;line-height:1.3;margin:0}.card-copy h3 span{display:block}.card-stage{height:235px;position:absolute;left:0;right:0;bottom:40px;isolation:isolate}.card-stage:after{content:'';position:absolute;bottom:8px;left:50%;transform:translateX(-50%);height:10px;width:80px;border-radius:50%;filter:blur(5px);background:#5e718442;z-index:-1}.card-stage .product{position:absolute;height:215px;width:auto;left:50%;bottom:8px;transform:translateX(-50%);z-index:2}.range-card.filter .product{height:254px;bottom:-10px;left:62%}.filter-sample{position:absolute;width:111px;height:auto;left:17px;bottom:26px;border-radius:4px;border:1px solid #cad6e3;box-shadow:0 4px 15px #44678015;z-index:3}.filter-glow{position:absolute;left:0;right:0;top:26%;height:60px;background:radial-gradient(ellipse,#72c6e845,transparent 70%);transform:rotate(-13deg);z-index:0}.card-base{position:absolute;bottom:0;left:0;right:0;height:41px;padding:0 26px;display:flex;gap:20px;align-items:center;border-top:1px solid #bfccd99c;font-size:10px;background:#ffffff3d;z-index:5}.card-base a{text-decoration:underline;text-decoration-color:#91a8bd;text-underline-offset:4px}.card-base .arrow{margin-left:auto;font-size:15px;text-decoration:none}.bridge{position:relative;padding:46px 0 45px;background:linear-gradient(180deg,#ecf2f8 0%,#e8f0f8 38%,#e1edf8 100%);text-align:center;overflow:hidden;isolation:isolate}.bridge .eyebrow{font-size:9px;letter-spacing:2.5px;margin-bottom:17px;color:#7c96b0}.bridge h2{font-size:40px;line-height:1.22;letter-spacing:-1.3px;margin:0;font-weight:460;color:#3a5878}.bridge h2 span{display:block;color:#2d689d}.bridge-orbit{position:absolute;left:-12%;top:27%;width:58%;height:160px;border:1px solid #b8d7ef90;border-radius:50%;transform:rotate(10deg);z-index:-1;box-shadow:0 0 0 9px #d2e7f52b,0 0 0 20px #c5e0f128}.bridge-orbit.right{left:auto;right:-12%;transform:rotate(-10deg)}.hologram{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 27% 42%,#f6f7ff 0%,#e2eafb 29%,#d3e5f5 59%,#eaf2fa 100%);min-height:478px}.hologram:after{content:'';position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(0deg,#f7f9fc,transparent);z-index:-1}.holo-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;min-height:478px}.display-stage{position:relative;height:440px;isolation:isolate}.stage-halo{position:absolute;left:50%;top:30%;width:310px;height:310px;transform:translate(-50%,-20%);border-radius:50%;background:radial-gradient(ellipse,#70c5ff36,#dcbbff20 48%,transparent 70%);z-index:-2}.device-soft,.device-support{position:absolute;width:284px;height:auto;left:50%;bottom:32px;transform:translateX(-50%)}.device-soft{opacity:.3}.device-support{mask-image:linear-gradient(to bottom,transparent 0%,transparent 65%,#000 84%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 65%,#000 84%)}.hologram-butterfly{position:absolute;width:255px;height:auto;left:50%;transform:translateX(-50%);top:92px;z-index:3;filter:drop-shadow(0 3px 18px #76c8ff47)}.display-shadow{position:absolute;left:50%;bottom:25px;width:240px;height:20px;transform:translateX(-50%);background:radial-gradient(ellipse,#7386a73b,transparent 70%);z-index:-1}.stage-label{position:absolute;left:50%;bottom:0;transform:translateX(-50%);white-space:nowrap;font-size:9px;letter-spacing:1.2px;color:#7489a5}.holo-copy{padding:34px 0 42px}.holo-copy .eyebrow{color:#6b82a5;letter-spacing:2px;margin-bottom:15px}.holo-copy h2{font-size:35px;line-height:1.24;letter-spacing:-.9px;font-weight:550;margin:0 0 22px;color:#294c77}.holo-copy h2 span{font-weight:400;display:block;color:#5a76a0}.holo-list{list-style:none;padding:0;margin:0 0 27px;color:#587194;font-size:12px;line-height:2.05}.holo-list li{position:relative;padding-left:15px}.holo-list li:before{content:'';position:absolute;left:0;top:11px;width:4px;height:4px;border-radius:50%;background:#5a9acf}.holo-copy .pill{background:#f1f7ff91;border-color:#83a7cf;color:#345e91}.about{padding:49px 0 43px;background:#f7f9fc}.about-heading{font-size:21px;letter-spacing:-.3px;font-weight:500;text-align:center;margin:0 0 31px;color:#4b6480}.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.support{display:flex;justify-content:center;gap:13px;align-items:center;color:#5e7590}.support svg{width:31px;height:31px;fill:none;stroke:#7f9bb7;stroke-width:1.3;flex-shrink:0}.support strong{display:block;font-size:13px;font-weight:500;color:#415e7b}.support small{font-size:10px;color:#7a8da3}.project{background:#edf3f9;border-top:1px solid #dde7f0;padding:35px 0}.project-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.project h2{font-size:23px;letter-spacing:-.6px;font-weight:500;margin:0 0 4px}.project p{color:#72879b;font-size:11px;margin:0}.project .pill{background:#426b93;border-color:#426b93}footer{padding:26px 0;background:#f7f9fc;font-size:10px;color:#7b8ea2}.foot-inner{display:flex;justify-content:space-between;gap:28px}.foot-links{display:flex;gap:20px}.foot-brand{font-weight:650;color:#566d86;letter-spacing:.5px}.design-credit{font-size:9px;text-align:center;color:#8899aa;padding:12px 20px;background:#f0f4f8;border-top:1px solid #e1e9f0}.mobile-nav:not([hidden]){display:flex;padding:10px 22px 20px;flex-wrap:wrap;gap:17px;font-size:12px}
@media(min-width:1450px){.hero{height:620px}.hero-product{height:535px;bottom:10px}.hero-product-shadow{bottom:48px}.hero-copy{padding-bottom:10px}}
@media(max-width:950px){.wrap{width:calc(100% - 48px)}.desktop-nav{gap:17px;font-size:10px}.nav-inner{gap:18px}.nav-contact{display:none}.hero{height:545px}.hero h1{font-size:42px;max-width:520px}.hero-copy{width:64%}.hero .intro{max-width:345px;font-size:12px}.hero-product{left:81%;height:460px;bottom:18px}.hero-product-shadow{left:81%;bottom:48px}.hero-product-note{display:none}.hero-actions{max-width:470px}.pill{font-size:10px;padding:10px 16px}.range-grid{gap:15px}.card-copy{padding:21px 19px 0}.card-copy h3{font-size:19px}.card-base{padding-inline:19px;gap:14px}.filter-sample{width:82px;left:9px;bottom:30px}.range-card.filter .product{left:66%;height:255px;bottom:-2px}.holo-grid{gap:25px}.holo-copy h2{font-size:29px}.hologram-butterfly{width:235px;top:110px}.device-soft,.device-support{width:260px;bottom:40px}.support-grid{gap:15px}.support{gap:9px}.support strong{font-size:11px}}
@media(max-width:640px){.preview-note{font-size:9px;padding:7px 15px}.preview-note a{display:none}.wrap{width:calc(100% - 36px)}.nav-inner{height:65px}.brand{font-size:27px}.desktop-nav{display:none}.mobile-toggle{display:block}.hero{height:820px}.hero-bg{background-position:71% 60%}.hero-wash{background:linear-gradient(180deg,#edf3f8e8 0%,#edf3f8e3 33%,#e9f2f781 63%,#e0eff522)}.hero-inner{display:block}.hero-copy{width:100%;padding-top:38px;padding-bottom:0}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:14px}.hero h1{font-size:37px;line-height:1.17;letter-spacing:-1.4px;max-width:360px;margin-bottom:16px}.hero .intro{font-size:11px;max-width:320px;margin-bottom:21px}.hero-actions{gap:8px}.pill{padding:9px 13px;min-height:36px;font-size:10px;gap:12px}.hero-product{left:64%;height:441px;bottom:5px}.hero-product-shadow{left:64%;bottom:34px;width:90px}.hero-footline{bottom:20px;left:0;font-size:8px;gap:9px;flex-direction:column}.hero-footline span+span{border:0;padding-left:0}.airflow{inset:auto 0 110px;height:380px;opacity:.7}.range{padding:35px 0 38px}.range-head{margin-bottom:24px}.range-head h2{font-size:24px;line-height:1.3;max-width:310px;margin:auto}.range-head .eyebrow{font-size:8px}.range-grid{grid-template-columns:1fr;gap:18px}.range-card{height:378px}.card-copy{padding:24px 26px}.card-copy h3{font-size:23px}.card-kicker{font-size:9px}.card-stage .product{height:208px}.range-card.filter .product{height:255px;left:61%;bottom:-11px}.filter-sample{width:101px;left:29px;bottom:25px}.card-base{padding-inline:26px;font-size:11px}.bridge{padding:37px 0 34px}.bridge .eyebrow{font-size:8px;letter-spacing:1.6px;max-width:290px;margin:0 auto 17px}.bridge h2{font-size:30px;line-height:1.25;letter-spacing:-.9px}.bridge-orbit{width:86%;left:-56%;top:44%}.bridge-orbit.right{right:-56%}.holo-grid{grid-template-columns:1fr;gap:0;min-height:0}.display-stage{height:370px}.device-soft,.device-support{width:248px;bottom:16px}.hologram-butterfly{width:225px;top:79px}.display-shadow{bottom:9px}.stage-label{bottom:-3px;font-size:8px}.stage-halo{top:20%;width:290px;height:290px}.holo-copy{padding:32px 3px 39px;text-align:center}.holo-copy .eyebrow{font-size:9px;margin-bottom:12px}.holo-copy h2{font-size:29px;letter-spacing:-.6px}.holo-list{font-size:11px;display:inline-block;text-align:left;margin-bottom:22px}.holo-copy .pill{display:flex;width:max-content;margin:auto}.about{padding:34px 0}.about-heading{font-size:20px;margin-bottom:25px}.support-grid{grid-template-columns:1fr;gap:23px}.support{justify-content:flex-start;max-width:240px;width:100%;margin:auto;gap:16px}.support strong{font-size:13px}.support small{font-size:10px}.project{padding:29px 0}.project-inner{display:block;text-align:center}.project h2{font-size:23px;line-height:1.3}.project p{font-size:11px;margin-top:10px}.project .pill{margin-top:20px}.foot-inner{display:block;text-align:center}.foot-links{justify-content:center;margin-top:14px;font-size:10px;gap:16px}.design-credit{font-size:8px;padding-inline:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* V3: one existing butterfly asset, one continuous scroll-linked story. */
.butterfly-origin{position:absolute;left:64%;top:24%;width:58px;aspect-ratio:3/2;transform:translate(-50%,-50%);z-index:4;pointer-events:none;isolation:isolate}
.butterfly-origin img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 7px #8ed6ff91);animation:little-flutter 4.8s ease-in-out infinite;transform-origin:50% 55%}
.origin-aura{position:absolute;inset:-18px;z-index:-1;background:radial-gradient(ellipse,#b8e7ff40,transparent 70%);border-radius:50%}
.holo-actions{display:flex;gap:17px;align-items:center;flex-wrap:wrap}
.journey-replay{border:0;background:transparent;color:#6a87a6;font-size:10px;padding:10px 0;cursor:pointer;display:flex;gap:8px;align-items:center}
.journey-replay:hover{color:#2d6699}.journey-replay span{font-size:13px}
.journey-flyer{position:fixed;left:0;top:0;width:58px;pointer-events:none;z-index:7;opacity:0;visibility:hidden;will-change:transform,width;isolation:isolate}
.journey-flyer img{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 10px #8ac9ff69);transform-origin:50% 52%;animation:travel-flutter 1.9s ease-in-out infinite}
.journey-flyer:before{content:'';position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(ellipse,#a6d9fb28,transparent 70%);z-index:-1}
.journey-flyer[data-flying='true']{opacity:1;visibility:visible}
.journey-flyer[data-flying='true'] img{animation-play-state:running}
.journey-flyer:not([data-flying='true']) img{animation-play-state:paused}
.butterfly-origin[data-away='true'],.hologram-butterfly[data-away='true']{opacity:0}
.bridge{padding-top:50px;padding-bottom:48px}.bridge h2{font-size:37px;line-height:1.3}
.bridge-orbit{opacity:.8}.bridge-orbit.right{box-shadow:0 0 0 10px #d2e5f54a,0 0 0 21px #c8deef25}
@keyframes little-flutter{0%,100%{transform:translate3d(0,1px,0) rotate(-9deg) scaleX(.98)}45%{transform:translate3d(2px,-4px,0) rotate(1deg) scaleX(.88)}70%{transform:translate3d(0,-2px,0) rotate(-5deg) scaleX(.97)}}
@keyframes travel-flutter{0%,100%{transform:scaleX(1) rotate(-2deg)}50%{transform:scaleX(.9) rotate(3deg)}}
@media(max-width:950px){.butterfly-origin{left:65%;top:24%;width:52px}.bridge h2{font-size:33px}}
@media(max-width:640px){.butterfly-origin{left:36%;top:52%;width:46px}.bridge{padding-top:37px;padding-bottom:34px}.bridge h2{font-size:28px;line-height:1.32;letter-spacing:-.8px}.bridge .eyebrow{max-width:300px;letter-spacing:1.3px}.holo-actions{justify-content:center;gap:9px}.holo-actions .pill{margin:0}.journey-replay{font-size:10px;margin-top:4px}}
@media(prefers-reduced-motion:reduce){.butterfly-origin img,.journey-flyer img{animation:none}.journey-flyer{display:none}.butterfly-origin[data-away='true'],.hologram-butterfly[data-away='true']{opacity:1}}


/* V4 category entries; the bitmap source pixels and proportions are retained. */
.hero-product{height:428px;width:auto;aspect-ratio:561/2532;bottom:47px}.hero-product-shadow{bottom:41px}
.range-head{display:flex;align-items:end;justify-content:space-between;text-align:left;gap:20px}.range-head h2{font-size:29px}.all-link{font-size:12px;color:#356a98;white-space:nowrap;padding-bottom:4px}.all-link span{margin-left:12px}
.range-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.function-card{position:relative;min-width:0;border:1px solid #d8e3ed;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 10px 30px #4365840a;display:flex;flex-direction:column;padding:21px 20px 0}.function-card.featured{background:linear-gradient(145deg,#f1f7fd,#fff 65%);border-color:#91b4d6}.function-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.function-index{font-size:11px;color:#5c83a8}.function-count{font-size:9px;letter-spacing:.5px;color:#7a90a5}.function-card h3{font-size:21px;line-height:1.24;letter-spacing:-.55px;margin:0 0 11px;font-weight:540;min-height:79px}.function-card p{font-size:11px;line-height:1.6;color:#6d8093;margin:0;min-height:36px}.function-stage{height:226px;display:flex;align-items:center;justify-content:center;position:relative;margin:13px -10px 3px}.function-stage .model-visual{height:218px;width:100%;max-width:190px;display:block;isolation:isolate}.function-card[data-category="cooling"] .model-visual{height:220px}.function-card[data-category="heating-cooling"] .model-visual{height:216px}.representative{font-size:10px;color:#7b8ea1;text-align:center;letter-spacing:.8px;margin:1px 0 16px}.function-link{border-top:1px solid #e1e9f0;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:550;padding:14px 0;gap:7px;min-height:51px;color:#315d85}.function-link span{font-size:15px}.function-card:hover{border-color:#88acd0;box-shadow:0 12px 28px #43658416}.about-intro{max-width:700px;text-align:center;margin:14px auto 37px;font-size:13px;color:#6e8196}.support-number{font-size:15px;color:#7ba1c6;margin-right:2px}.support{align-items:flex-start}
@media(max-width:1050px){.function-card{padding:18px 15px 0}.function-card h3{font-size:19px}.range-grid{gap:12px}.desktop-nav{gap:17px}.function-stage{height:214px}.function-stage .model-visual{height:203px}}
@media(max-width:850px){.range-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.function-card h3{font-size:22px;min-height:56px}.function-card p{min-height:36px}.function-stage{height:230px}.function-stage .model-visual{height:222px}.range-head{align-items:start}.hero-product{height:400px;bottom:47px}}
@media(max-width:640px){.hero-product{height:320px;bottom:39px;width:auto;aspect-ratio:561/2532}.hero-product-shadow{bottom:34px}.range{padding:38px 0 44px}.range-head{display:block;margin-bottom:24px}.range-head h2{font-size:27px;line-height:1.25;max-width:290px}.all-link{display:inline-block;margin-top:17px}.range-grid{gap:12px}.function-card{padding:14px 12px 0;border-radius:8px}.function-top{margin-bottom:13px}.function-index{font-size:10px}.function-count{font-size:8px;letter-spacing:0}.function-card h3{font-size:18px;line-height:1.27;letter-spacing:-.35px;min-height:91px;margin-bottom:8px}.function-card p{font-size:10px;min-height:49px;line-height:1.55}.function-stage{height:173px;margin:7px -5px 0}.function-stage .model-visual{height:165px;width:100%;max-width:135px}.function-card[data-category] .model-visual{height:165px}.function-link{font-size:9px;line-height:1.45;min-height:56px;padding:12px 0;align-items:center}.representative{font-size:9px;margin:6px 0 11px}.about-intro{font-size:12px;margin-bottom:29px}.support-grid{gap:21px}.support-number{min-width:24px}.about-heading{font-size:22px}}

/* V5: protected original product images, one floor line, no structural redrawing. */
.hero{height:650px}.hero-copy{width:49%;padding-bottom:13px}.hero h1{font-size:clamp(38px,3.65vw,51px);line-height:1.2;letter-spacing:-1.7px}.hero .intro{max-width:390px}.hero-actions{gap:10px}.hero-actions .pill{padding-inline:18px;font-size:10px}
.hero-products{position:absolute;left:50%;right:-1%;height:545px;bottom:33px;z-index:2;isolation:isolate}
.hero-products:before{content:'';position:absolute;inset:-15px -60px -15px -40px;background:radial-gradient(ellipse at 64% 62%,#e7f3fc60,transparent 71%);z-index:-1;pointer-events:none}
.hero-fan{position:absolute;bottom:42px;display:block;transform:translateX(-50%);outline-offset:12px;isolation:isolate}
.hero-fan .fan-photo{height:var(--fan-height);width:100%;display:block;position:relative;z-index:1;overflow:visible;filter:drop-shadow(1px 1px 1px #24476929) drop-shadow(5px 13px 15px #36506c12)}
.hero-019lh{left:15%;width:90.9px;--fan-height:303px}
.hero-046jr{left:49%;width:115.67px;--fan-height:432.1px}
.hero-050lh{left:83%;width:112px;--fan-height:505px}
.hero-fan-caption{position:absolute;left:50%;top:calc(100% + 20px);transform:translateX(-50%);width:max-content;font-size:10px;letter-spacing:1.1px;color:#315675;font-weight:550;white-space:nowrap}
.fan-ground{position:absolute;z-index:0;bottom:-4px;left:50%;transform:translateX(-50%);width:105%;height:12px;background:radial-gradient(ellipse,#31465d54 0%,#5d768a17 50%,transparent 72%);filter:blur(3px);border-radius:50%}
.hero-019lh .fan-ground{width:110%}.hero-046jr .fan-ground{background:radial-gradient(ellipse,#152c4359 0%,#5d768a1a 50%,transparent 72%)}
.butterfly-origin{left:57%;top:20%;width:52px}.hero-footline{bottom:21px}.airflow{opacity:.72}
@media(min-width:1450px){.hero{height:680px}.hero-products{bottom:34px;height:574px}.hero-019lh{width:95.3px;--fan-height:318.4px}.hero-046jr{width:121.54px;--fan-height:454px}.hero-050lh{width:117.5px;--fan-height:530px}.hero-copy{padding-bottom:10px}}
@media(min-width:1001px) and (max-width:1120px){.hero h1{font-size:39px}.hero-copy{width:47%}.hero-products{left:49%;right:-2%}.hero-actions{max-width:420px}.hero-actions .pill{padding-inline:13px;font-size:10px}.hero .intro{max-width:325px}}
@media(max-width:1000px){.hero{height:875px}.hero-inner{display:block}.hero-copy{width:100%;padding-top:39px;padding-bottom:0}.hero h1{font-size:44px;max-width:620px;margin-bottom:18px}.hero .intro{max-width:490px;font-size:12px;margin-bottom:22px}.hero-actions{max-width:540px}.hero-products{left:5%;right:5%;bottom:34px;height:455px}.hero-019lh{width:79.1px;--fan-height:264px}.hero-046jr{width:100.79px;--fan-height:376.5px}.hero-050lh{width:97.3px;--fan-height:439px}.butterfly-origin{left:57%;top:38%;width:49px}.hero-footline{bottom:18px}.hero-wash{background:linear-gradient(180deg,#edf3f8ea 0%,#edf3f8b0 34%,#e9f2f759 59%,#e0eff50d)}.airflow{inset:auto 0 160px;height:400px;opacity:.62}}
@media(max-width:640px){.hero{height:835px}.hero-copy{padding-top:35px;width:100%}.hero h1{font-size:37px;max-width:360px;line-height:1.17;letter-spacing:-1.4px;margin-bottom:16px}.hero .intro{font-size:11px;max-width:330px;line-height:1.75;margin-bottom:21px}.hero-actions{gap:7px}.hero-actions .pill{padding:9px 11px;font-size:9px;gap:8px}.hero-products{left:0;right:0;bottom:48px;height:390px}.hero-fan{bottom:29px}.hero-019lh{left:15%;width:64px;--fan-height:213.8px}.hero-046jr{left:49%;width:81.68px;--fan-height:305.1px}.hero-050lh{left:83%;width:79px;--fan-height:356.5px}.hero-fan-caption{font-size:8px;letter-spacing:.3px;top:calc(100% + 18px)}.fan-ground{height:9px;bottom:-3px;filter:blur(2px)}.hero-footline{bottom:15px;display:flex;flex-direction:row;justify-content:center;left:0;right:0;gap:13px;font-size:8px}.hero-footline span+span{border-left:1px solid #b2c4d3;padding-left:13px}.butterfly-origin{left:46%;top:44%;width:41px}.hero-products:before{inset:-20px -18px -10px;background:radial-gradient(ellipse at 55% 70%,#ebf7fd75,transparent 75%)}.airflow{bottom:173px;height:285px;opacity:.5}}
@media(max-width:360px){.hero h1{font-size:34px}.hero-actions .pill{padding:9px 10px;font-size:8px;gap:6px}.hero-fan-caption{font-size:7px}.hero-019lh{width:59px;--fan-height:197px}.hero-046jr{width:75.09px;--fan-height:280.5px}.hero-050lh{width:72.8px;--fan-height:329px}.hero-products{bottom:43px}.hero-footline{gap:9px;font-size:7px}.hero-footline span+span{padding-left:9px}}

/* V7 four curated product lineups. Original source geometry stays unchanged. */
.version-picker{display:flex;align-items:center;justify-content:center;gap:9px;background:#f8fbfe;border-top:1px solid #e1eaf1;padding:8px 12px}.version-picker a{padding:6px 15px;border-radius:30px;font-size:11px;letter-spacing:.2px;color:#536c82}.version-picker .active{background:#dcebf7;color:#234f73;font-weight:650}
.hero{height:650px}.hero-copy{width:44%;padding-bottom:20px}.hero h1{font-size:clamp(37px,3.4vw,49px);line-height:1.19;letter-spacing:-1.8px}.hero-products{left:48%;right:-2%;bottom:33px;height:550px}.hero-fan{bottom:42px}.hero-fan-caption{font-size:10px;letter-spacing:.8px}.fan-photo{filter:drop-shadow(1px 1px 1px #29476220) drop-shadow(4px 10px 12px #36506c12)!important}.butterfly-origin{left:57%;top:17%;width:45px}.hero-footline{bottom:20px}.airflow{opacity:.48}.hero-products:before{inset:-10px -35px -10px;background:radial-gradient(ellipse at 60% 68%,#eaf5fc30,transparent 70%)}
.hero-bg{background-image:url("./story/silver-living-room.webp")!important}
.hero-scene{background-image:url("./story/silver-living-room.webp")!important}
.lineup-0{left:13%;width:90.79px;--fan-height:302.46px}.lineup-1{left:47%;width:121.35px;--fan-height:432.09px}.lineup-2{left:82%;width:111.92px;--fan-height:505.00px}@media(min-width:1450px){.hero{height:680px}.hero-products{bottom:34px;height:574px}.lineup-0{left:13%;width:95.28px;--fan-height:317.43px}.lineup-1{left:47%;width:127.36px;--fan-height:453.48px}.lineup-2{left:82%;width:117.46px;--fan-height:530.00px}}@media(min-width:1001px) and (max-width:1120px){.hero-copy{width:42%}.hero h1{font-size:38px}.hero-products{left:43%;right:-3%}.lineup-0{left:13%;width:82.70px;--fan-height:275.51px}.lineup-1{left:47%;width:110.53px;--fan-height:393.58px}.lineup-2{left:82%;width:101.95px;--fan-height:460.00px}}@media(max-width:1000px){.hero{height:875px}.hero-copy{width:100%;padding-top:35px}.hero h1{font-size:44px}.hero-products{left:4%;right:4%;bottom:34px;height:460px}.hero-wash{background:linear-gradient(180deg,#edf3f8ea 0%,#edf3f8b0 34%,#e9f2f759 59%,#e0eff50d)}.butterfly-origin{left:55%;top:39%;width:43px}.lineup-0{left:13%;width:78.92px;--fan-height:262.93px}.lineup-1{left:47%;width:105.49px;--fan-height:375.61px}.lineup-2{left:82%;width:97.29px;--fan-height:439.00px}}@media(max-width:640px){.version-picker{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px 12px}.version-picker a{text-align:center;font-size:10px;padding:5px 10px}.hero{height:795px}.hero-copy{padding-top:31px}.hero h1{font-size:35px;letter-spacing:-1.3px}.hero .intro{font-size:11px;max-width:330px}.hero-products{left:0;right:0;bottom:45px;height:365px}.hero-fan{bottom:29px}.hero-fan-caption{font-size:8px;letter-spacing:.1px;top:calc(100% + 17px)}.butterfly-origin{left:49%;top:43%;width:37px}.hero-footline{bottom:15px;gap:13px}.hero-actions .pill{font-size:9px}.airflow{bottom:157px}.lineup-0{left:13%;width:62.92px;--fan-height:209.63px}.lineup-1{left:47%;width:84.10px;--fan-height:299.47px}.lineup-2{left:82%;width:77.57px;--fan-height:350.00px}}@media(max-width:360px){.hero h1{font-size:32px}.hero-fan-caption{font-size:7px}.lineup-0{left:13%;width:57.53px;--fan-height:191.66px}.lineup-1{left:47%;width:76.89px;--fan-height:273.80px}.lineup-2{left:82%;width:70.92px;--fan-height:320.00px}}
/* V8: give the butterfly a quiet right-hand lane through the catalogue. */
.preview-note{font-size:9px;background:#edf3f8;color:#7c91a4;padding:5px 20px}.journey-middle .wrap{width:min(1160px,calc(100% - 108px))}.range{padding:75px 0 72px;background:#f5f8fb}.range-head h2{font-size:32px;letter-spacing:-.9px}.range-head{margin-bottom:35px}.function-card{border:0;box-shadow:none;border-radius:10px;background:linear-gradient(150deg,#fff,#e8eff6);padding:25px 22px 0}.function-card h3{font-size:20px;min-height:76px}.function-card p{min-height:40px}.function-card:hover{box-shadow:0 12px 35px #46698715}.function-stage{height:239px}.function-stage .model-visual{height:224px;max-width:165px}.function-link{min-height:63px;line-height:1.35}.function-card[data-category='heating-cooling']{background:linear-gradient(150deg,#f8f5f0,#edf1f6)}.function-card[data-category='3-in-1']{background:linear-gradient(150deg,#e3effb,#fafcfe)}
.featured-models{padding:78px 0 66px;background:#fff}.section-intro{font-size:12px;line-height:1.8;color:#7b8c9c;text-align:right;margin:0}.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.selection-card{min-width:0;display:block;border-bottom:1px solid #d9e5ef;padding-bottom:18px}.selection-stage{height:300px;background:radial-gradient(ellipse at 50% 50%,#e7f0f7,#f5f8fb 70%);border-radius:10px;display:flex;justify-content:center;align-items:flex-end;padding-bottom:26px;position:relative;overflow:hidden}.selection-stage:after{content:'';width:75px;height:9px;background:#5976891f;filter:blur(6px);position:absolute;bottom:22px;border-radius:50%}.selection-stage svg{width:auto;max-width:76%;position:relative;z-index:1;transition:transform .3s}.selection-card:hover .selection-stage svg{transform:translateY(-4px)}.selection-copy{padding:21px 2px 0}.selection-tag{color:#66819a;font-size:9px;letter-spacing:.3px;margin:0 0 8px}.selection-copy h3{font-size:23px;font-weight:550;letter-spacing:-.7px;margin:0 0 8px}.selection-meta{font-size:11px;color:#6d8091;margin:0}.selection-meta span{margin:0 6px}.selection-features{font-size:10px;color:#7b8fa1;min-height:32px;margin:14px 0}.selection-link{font-size:11px;color:#315f88;display:flex;justify-content:space-between;align-items:center}.selection-link b{font-size:16px;font-weight:400}.retail-note{display:flex;gap:20px;align-items:center;margin-top:30px;font-size:11px;color:#8395a6}.retail-note a{color:#315f88;border-bottom:1px solid #b9cfdf}.bridge{padding:72px 0 65px}.bridge h2{font-size:37px}.holo-grid{min-height:560px;grid-template-columns:1fr 1fr}.display-stage{grid-column:2;grid-row:1;height:470px}.holo-copy{grid-column:1;grid-row:1}.hologram{background:radial-gradient(ellipse at 75% 40%,#f1f5ff,#e7f1fb 40%,#edf5fb 80%)}.hologram-butterfly{top:112px}.device-soft,.device-support{bottom:42px}.stage-label{bottom:10px}.butterfly-origin img{animation-play-state:running}.butterfly-origin[data-away=true] img{animation-play-state:paused}.journey-flyer{transition:none!important}.journey-flyer img{animation-duration:1.2s}.design-credit{display:none}
@media(max-width:1050px){.function-card{padding:22px 16px 0}.function-card h3{font-size:18px}.featured-grid{gap:17px}.selection-tag{min-height:29px}.selection-copy h3{font-size:20px}.selection-stage{height:285px}.range-head h2{font-size:29px}}
@media(max-width:850px){.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.selection-tag{min-height:0}.selection-stage{height:300px}.function-card h3{min-height:54px;font-size:21px}.function-card p{min-height:38px}.range-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.function-card[data-category] .model-visual{height:220px}.holo-grid{gap:25px}.holo-copy h2{font-size:30px}}
@media(max-width:640px){.journey-middle .wrap{width:calc(100% - 66px);margin-left:18px;margin-right:48px}.range{padding:48px 0}.range-head{margin-bottom:24px}.range-head h2{font-size:28px}.function-card{padding:17px 12px 0}.function-card h3{font-size:16px;line-height:1.25;min-height:80px;letter-spacing:-.25px}.function-card p{font-size:10px;min-height:62px;line-height:1.5}.range-grid{gap:12px}.function-stage{height:175px;margin:8px 0}.function-card[data-category] .model-visual{height:167px;max-width:95px}.representative{font-size:8px}.function-link{font-size:9px;min-height:61px;gap:5px}.function-count{font-size:8px}.featured-models{padding:47px 0}.section-intro{text-align:left;margin-top:17px;font-size:11px}.featured-grid{gap:27px 13px}.selection-stage{height:250px;padding-bottom:21px}.selection-stage .model-visual{max-height:210px;width:83%;max-width:83%}.selection-copy{padding-top:16px}.selection-tag{font-size:9px;min-height:29px;line-height:1.5}.selection-copy h3{font-size:18px}.selection-meta{font-size:10px;min-height:31px}.selection-features{font-size:9px;min-height:41px;margin:7px 0 13px}.selection-link{font-size:10px}.retail-note{display:block;font-size:10px;margin-top:26px}.retail-note a{display:table;margin-top:6px}.bridge{padding:50px 0}.bridge h2{font-size:29px}.holo-grid{display:flex;flex-direction:column;gap:0;min-height:0}.display-stage{width:100%;height:385px;order:0}.holo-copy{order:1;width:100%;padding:24px 0 45px}.hologram-butterfly{top:79px}.device-soft,.device-support{bottom:22px}.stage-label{bottom:0}.preview-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){.selection-card:hover .selection-stage svg{transform:none}.selection-stage svg{transition:none}}

@media(max-width:640px){.selection-card:nth-child(1) .model-visual{height:179.7px!important}.selection-card:nth-child(2) .model-visual,.selection-card:nth-child(4) .model-visual{height:125.8px!important}.selection-card:nth-child(3) .model-visual{height:210px!important}}
/* 2026-10-23 annotated route: reserve breathing room inside the right margin. */
@media(min-width:641px){.journey-middle .wrap{width:min(1080px,calc(88vw - 90px));margin-left:max(42px,calc((100vw - 1160px)/2));margin-right:auto}}
@media(max-width:640px){.journey-middle .wrap{width:calc(100% - 82px);margin-left:18px;margin-right:64px}.function-card{padding-inline:10px}.function-card h3{font-size:15px}}
