:root{--ink:#192331;--blue:#153c5a;--muted:#73777e;--line:#e1e3e6;--paper:#f5f5f7;--link:#17649c;--font:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.12;letter-spacing:-.045em}p{color:var(--muted)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}img{display:block;max-width:100%}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #1a70b2;outline-offset:5px}a:hover{color:var(--link)}.skip-link{position:fixed;top:-100px;left:20px;background:#fff;z-index:100;padding:10px}.skip-link:focus{top:10px}.global-header{height:64px;position:sticky;top:0;z-index:20;background:#fffffff0;backdrop-filter:blur(18px);border-bottom:1px solid #e7e8e966}.nav-inner{max-width:1180px;padding:0 30px;height:100%;margin:auto;display:flex;align-items:center;gap:40px}.wordmark{width:128px;flex-shrink:0;display:block}.wordmark img{width:100%;height:30px;object-fit:contain;mix-blend-mode:multiply}.nav-inner nav{display:flex;align-items:center;justify-content:center;gap:40px;flex:1;font-size:12px}.nav-inner nav a.active{color:var(--link)}.language{font-size:11px;white-space:nowrap;padding:12px 0}.store-link{font-size:11px;color:#66707a}.nav-products{position:relative;display:flex;align-items:center;gap:4px}.nav-products>button{font-size:13px;padding:6px}.category-menu{position:absolute;left:-30px;top:37px;background:#fffffff9;backdrop-filter:blur(15px);box-shadow:0 20px 35px #17304a12;border:1px solid var(--line);padding:20px;width:270px;border-radius:0 0 14px 14px}.category-menu a{display:flex;align-items:center;justify-content:space-between;padding:10px;font-size:13px}.mobile-menu{display:none}.product-stage{text-align:center;position:relative;overflow:hidden}.stage-main{background:#f5f5f7;min-height:860px;padding-top:50px}.stage-copy{position:relative;z-index:2;padding:0 25px}.overline{font-size:11px;font-weight:600;letter-spacing:2.5px;color:#7b8189;line-height:1.5;margin-bottom:12px}.stage-copy h1{font-size:70px;line-height:1.03;letter-spacing:-3.7px}.stage-subtitle{font-size:20px;font-weight:400;margin:17px 0 22px;color:#60666f;letter-spacing:-.3px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:13px;font-weight:500;border-radius:30px;background:var(--blue);color:#fff;padding:11px 23px;min-height:43px}.pill:hover{background:#245473;color:#fff}.pill span{font-size:20px;line-height:1}.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--link);font-size:16px}.text-link>span{font-size:22px;line-height:1}.text-link:hover{text-decoration:underline}.hero-product{display:block;width:650px;height:500px;margin:-8px auto 0;mix-blend-mode:multiply}.hero-object{height:100%;width:100%;object-fit:contain;transition:transform .7s;transform:scale(1.12)}.hero-product:hover .hero-object{transform:scale(1.15)}.stage-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:auto;padding:20px 30px 25px;font-size:10px;color:#8a8e93;letter-spacing:.5px}.stage-round{background:#fff;min-height:800px;padding-top:65px;border-top:12px solid white}.stage-copy h2{font-size:58px;line-height:1.08;letter-spacing:-2.8px}.stage-round .overline{font-size:10px}.duo-products{height:470px;display:flex;justify-content:center;max-width:950px;margin:0 auto;overflow:hidden}.duo-products>a{width:50%;height:100%;mix-blend-mode:multiply}.duo-products img{width:100%;height:100%;object-fit:contain;clip-path:inset(10% 0 0 0);transform:scale(1.1);transition:transform .6s}.duo-products>a:first-child{transform:translateX(45px)}.duo-products>a:last-child{transform:translateX(-45px)}.duo-products a:hover img{transform:scale(1.14)}.product-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px}.product-panel{position:relative;text-align:center;height:650px;overflow:hidden;background:#f6f3ee;padding-top:48px;isolation:isolate}.panel-cool{background:#eff2f5}.panel-copy{position:relative;z-index:2;padding-inline:20px}.panel-copy h2{font-size:38px;letter-spacing:-1.6px}.panel-copy>p:not(.overline){font-size:16px;margin:12px 0 16px;color:#64666c}.panel-copy .text-link{font-size:14px}.panel-image{display:block;width:100%;height:460px;mix-blend-mode:multiply;margin-top:-12px}.panel-image img{width:100%;height:100%;object-fit:contain;clip-path:inset(10% 0 0 0);transition:transform .6s}.panel-image:hover img{transform:scale(1.035)}footer{background:#f5f5f7;margin-top:12px;padding:40px 30px 20px;color:#666c75}.footer-inner{max-width:1060px;margin:auto}.footer-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9dce1;padding-bottom:22px}.footer-brand{font-size:20px;font-weight:750;color:var(--blue);letter-spacing:1.3px}.footer-top p{font-size:12px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:30px 0}.footer-links h3{font-size:11px;color:#404854;letter-spacing:0;margin-bottom:12px}.footer-links a{display:block;font-size:11px;margin:7px 0}.preview-note{font-size:10px;color:#898d94;padding:15px 0;border-bottom:1px solid #d9dce1}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:15px;font-size:10px}.content{max-width:1180px;margin:auto;padding:65px 40px}.page-intro{max-width:1180px;margin:auto;padding:85px 40px 50px}.page-intro h1{font-size:62px;line-height:1.1;margin-bottom:25px;letter-spacing:-2.8px}.page-intro>p:last-child:not(.overline){font-size:18px;max-width:650px}.page-intro .overline{color:var(--blue);font-size:10px;margin-bottom:20px}.catalog{padding-top:15px}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:25px}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.filter-tabs button{padding:9px 14px;font-size:12px;border-radius:30px}.filter-tabs button.selected{background:var(--blue);color:white}.filter-tools{display:flex;gap:12px}.filter-tools input,.filter-tools select{font-size:11px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:white;min-width:0}.filter-tools input{width:175px}.small{font-size:12px}.muted{color:var(--muted)}#result-count{padding:23px 0}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 25px}.card-image{height:330px;background:var(--paper);border-radius:16px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:20px;transition:transform .5s}.product-card:hover .card-image img{transform:scale(1.04)}.card-copy{padding:24px 10px}.model{color:#737b85;font-size:11px;letter-spacing:1px}.card-copy h3{font-size:21px;letter-spacing:-.5px;margin:8px 0 12px}.card-copy p{font-size:12px}.card-copy .text-link{font-size:12px;margin-top:18px}#empty{text-align:center;padding:70px 0}#empty h2{font-size:28px;margin-bottom:25px}.product-subnav{height:61px;display:flex;justify-content:space-between;align-items:center;padding:0 max(30px,calc((100vw - 1100px)/2));border-bottom:1px solid var(--line);background:#ffffffeb;backdrop-filter:blur(12px);position:sticky;top:64px;z-index:10}.product-subnav>span{font-size:16px;font-weight:600}.product-subnav>div{display:flex;gap:25px;align-items:center;font-size:11px}.small-pill{font-size:11px;min-height:32px;padding:5px 15px;gap:10px}.breadcrumb{display:flex;gap:12px;font-size:11px;color:#7b8189;margin-bottom:30px}.detail-top{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center}.detail-top+.content{padding-top:0}.detail-image{height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--paper);border-radius:18px}.detail-image>img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.thumbnails{display:flex;gap:8px;margin-top:18px;justify-content:center;flex-wrap:wrap}.thumbnails button{width:58px;height:58px;border:1px solid #e0e3e8;border-radius:8px;padding:4px;overflow:hidden;background:#fff}.thumbnails img{height:100%;width:100%;object-fit:contain}.thumbnails .selected{border:2px solid var(--link)}.detail-copy h1{font-size:43px;margin:15px 0 22px}.detail-copy>.overline{font-size:10px;color:var(--blue)}.detail-copy>p:not(.overline):not(.model):not(.detail-note){font-size:15px;line-height:1.85}.key-specs{display:flex;gap:45px;margin:28px 0}.key-specs strong{display:block;font-size:32px;font-weight:500;line-height:1.2;letter-spacing:-1px}.key-specs strong small{font-size:15px;padding-left:5px}.key-specs span{display:block;font-size:11px;color:var(--muted);margin-top:6px}.detail-note{font-size:10px;margin-top:22px;max-width:350px;line-height:1.8}.feature-focus{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%;padding:45px max(40px,calc((100vw - 1100px)/2));overflow:hidden}.feature-focus h2{font-size:52px;letter-spacing:-2px;margin-bottom:25px}.feature-focus p:not(.overline){font-size:14px;max-width:330px}.feature-focus>img{height:510px;width:100%;object-fit:contain;mix-blend-mode:multiply}.specifications{display:grid;grid-template-columns:.9fr 1.2fr;gap:10%;padding-block:90px}.specifications h2{font-size:38px;margin-bottom:22px}.specifications p:not(.overline){font-size:13px}.source-link{font-size:11px;display:inline-block;color:var(--link);margin-top:25px}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th,td{padding:17px 10px;border-bottom:1px solid var(--line);font-weight:400;vertical-align:top}th{width:37%;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:35px}.section-heading h2{font-size:36px}.section-heading>.text-link{font-size:13px}.inquiry-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.inquiry-layout h2{font-size:45px;line-height:1.2;margin-bottom:25px}.eyebrow{display:block;font-size:10px;letter-spacing:1.5px;color:var(--blue);margin-bottom:20px}.inquiry-layout p{font-size:13px;line-height:1.8}.contact-detail{margin-top:30px}.contact-detail small{display:block;color:var(--muted);font-size:9px;letter-spacing:1px;margin-bottom:8px}.contact-detail span{font-size:13px}.form-note{font-size:10px;color:#848a91;line-height:1.8;max-width:330px;margin-top:30px}.form-section{background:var(--paper);padding-block:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{font-size:11px}.form-grid input,.form-grid textarea{width:100%;display:block;border:1px solid #cbd0d7;background:#fff;padding:12px;border-radius:8px;margin-top:8px;outline:none;font-size:13px;min-width:0}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--link);box-shadow:0 0 0 2px #17649c25}.form-grid .full{grid-column:1/-1}textarea{resize:vertical}form>.small{font-size:10px;margin:18px 0}form .button{display:inline-flex;align-items:center;gap:20px;font-size:12px;border-radius:30px;background:var(--blue);color:white;padding:12px 22px}form .button span[aria-hidden="true"]{font-size:19px}.form-result{padding:18px;background:#e0ebf4;margin-top:20px;font-size:12px;border-radius:8px}.contact-content{padding-block:30px 100px}.company-intro{display:grid;grid-template-columns:1fr 1.4fr;gap:10%;padding-top:30px}.company-intro h2{font-size:38px}.company-intro p{font-size:17px;line-height:1.9;margin-bottom:22px}.film-section{background:#f5f5f7;padding-block:10px}.film-section video{width:100%;border-radius:14px;display:block;max-height:630px;background:#152537;object-fit:contain}.film-section .section-heading span{font-size:12px;color:var(--muted)}.company-quality h2{font-size:44px;margin-bottom:40px}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:30px}.quality-grid>div{border-top:1px solid var(--line);padding-top:25px}.quality-grid h3{font-size:23px;margin-bottom:18px}.quality-grid p{font-size:13px}.about-contact{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:30px}.about-contact h2{font-size:36px}.empty-news{min-height:300px}.empty-news p{margin-bottom:30px}.article{max-width:1000px;padding:45px 40px 100px;margin:auto}.article h2{font-size:30px;margin-bottom:25px}.article p{font-size:14px;line-height:1.9;margin-bottom:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}[hidden]{display:none!important}
@media(min-width:1600px){.stage-main{min-height:940px;padding-top:65px}.hero-product{height:550px;width:700px}.stage-copy h1{font-size:78px}.stage-round{min-height:880px}.duo-products{height:530px;max-width:1050px}.product-panel{height:700px}.panel-image{height:500px}}
@media(max-width:1000px){.nav-inner{gap:25px}.nav-inner nav{gap:25px}.wordmark{width:105px}.stage-main{min-height:810px}.hero-product{height:470px;width:580px}.stage-copy h1{font-size:64px}.stage-copy h2{font-size:50px}.stage-round{min-height:730px}.duo-products{height:420px;max-width:800px}.panel-copy h2{font-size:32px}.product-panel{height:600px}.panel-image{height:420px}.filter-bar{align-items:start}.filter-tools{margin-left:auto}.card-image{height:270px}.detail-top{gap:5%}.detail-image{height:450px}.detail-copy h1{font-size:36px}.feature-focus h2{font-size:42px}.inquiry-layout{gap:6%}}
@media(max-width:700px){html{scroll-padding-top:100px}.global-header{height:56px}.nav-inner{padding:0 22px;gap:20px}.wordmark{width:109px}.wordmark img{height:26px}.language{margin-left:auto;font-size:10px}.mobile-menu{display:flex;flex-direction:column;gap:5px;padding:9px 0 9px 4px;width:20px}.mobile-menu>span{display:block;width:17px;height:1px;background:#2b3b4a;transition:transform .2s}.global-header.menu-open .mobile-menu>span:first-child{transform:translateY(3px) rotate(45deg)}.global-header.menu-open .mobile-menu>span:last-child{transform:translateY(-3px) rotate(-45deg)}.nav-inner nav{display:none;position:absolute;left:0;top:56px;width:100%;padding:30px 25px;background:#fffffff7;backdrop-filter:blur(20px);box-shadow:0 15px 20px #15334912;align-items:stretch;flex-direction:column;gap:20px;font-size:19px}.global-header.menu-open nav{display:flex}.nav-products{justify-content:space-between;flex-wrap:wrap}.nav-products>button{padding:5px 10px}.category-menu{position:static;width:100%;box-shadow:none;border:0;padding:10px 0 0;background:none}.category-menu a{font-size:14px;padding-left:0}.nav-inner nav .store-link{font-size:14px}.stage-main{padding-top:40px;min-height:690px}.overline{font-size:9px;letter-spacing:2px;margin-bottom:14px}.stage-copy h1{font-size:49px;letter-spacing:-2.8px;line-height:1.08}.stage-subtitle{font-size:15px;line-height:1.5;max-width:310px;margin:15px auto 20px}.pill{font-size:12px;min-height:40px;padding:9px 20px}.hero-product{width:100%;height:375px;margin:0 auto}.hero-object{transform:scale(1.07)}.hero-product:hover .hero-object{transform:scale(1.07)}.stage-bottom{padding:10px 22px 22px;font-size:8px;gap:20px;line-height:1.7;align-items:end}.stage-bottom>span:last-child{max-width:180px;text-align:right}.stage-copy h2{font-size:40px;letter-spacing:-1.8px}.stage-round{padding-top:43px;min-height:640px}.stage-round .stage-subtitle{margin-block:15px}.text-link{font-size:14px}.duo-products{height:340px;max-width:450px;margin-top:0}.duo-products>a{width:58%;flex-shrink:0}.duo-products>a:first-child{transform:translateX(18px)}.duo-products>a:last-child{transform:translateX(-18px)}.duo-products img{transform:scale(1.12);clip-path:inset(12% 0 0 0)}.stage-round .stage-bottom{padding-top:0}.product-panels{grid-template-columns:1fr;gap:10px;padding:10px}.product-panel{height:570px;padding-top:35px}.panel-copy h2{font-size:32px}.panel-copy>p:not(.overline){font-size:14px}.panel-image{height:390px;margin-top:-10px}.panel-image img{padding:0 15px}.panel-copy .overline{font-size:9px}.footer-top{gap:20px}.footer-top p{font-size:10px}.footer-brand{font-size:16px}.footer-links{gap:25px 20px;grid-template-columns:1fr 1fr}.footer-links>div:last-child{grid-column:1/-1}.footer-links>div:last-child a{display:inline-block;margin-right:20px}footer{padding:30px 23px 20px}.footer-links a{font-size:10px}.footer-links h3{font-size:10px}.preview-note{font-size:9px;line-height:1.9}.footer-bottom{font-size:8px;gap:10px;flex-wrap:wrap}.footer-bottom>a{margin-left:auto}.page-intro{padding:55px 24px 32px}.page-intro h1{font-size:43px;letter-spacing:-1.8px;line-height:1.14}.page-intro>p:last-child:not(.overline){font-size:15px}.page-intro .overline{font-size:9px}.content{padding:45px 24px}.catalog{padding-top:10px}.filter-tabs{gap:5px}.filter-tabs button{font-size:10px;padding:8px 11px}.filter-bar{gap:18px;padding-bottom:20px}.filter-tools{width:100%;gap:10px}.filter-tools select{width:40%;font-size:10px}.filter-tools input{width:60%;font-size:10px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.card-image{height:220px;border-radius:12px}.card-image img{padding:6px}.card-copy{padding:16px 2px}.model{font-size:9px;letter-spacing:.5px}.card-copy h3{font-size:17px;line-height:1.4;letter-spacing:-.5px}.card-copy p{font-size:10px}.card-copy .text-link{font-size:11px;margin-top:12px}#result-count{font-size:10px;padding-block:20px}.product-subnav{height:53px;top:56px;padding-inline:24px}.product-subnav>span{font-size:12px;max-width:48%;line-height:1.3}.product-subnav>div{gap:16px;font-size:10px}.small-pill{font-size:10px;min-height:29px;padding:4px 12px}.breadcrumb{font-size:9px;gap:8px;margin-bottom:25px}.detail-top{grid-template-columns:1fr;gap:40px}.detail-image{height:370px;border-radius:14px}.thumbnails button{width:42px;height:42px}.thumbnails{gap:7px;margin-top:12px}.detail-copy h1{font-size:37px;letter-spacing:-1.5px}.detail-copy>p:not(.overline):not(.model):not(.detail-note){font-size:14px}.key-specs{gap:35px}.detail-note{font-size:10px;max-width:none}.feature-focus{padding:45px 24px 0;grid-template-columns:1fr;gap:0}.feature-focus h2{font-size:42px;line-height:1.15}.feature-focus>img{height:390px}.specifications{grid-template-columns:1fr;gap:30px;padding-block:55px}.specifications h2{font-size:33px}th,td{font-size:11px;padding:15px 8px}.source-link{font-size:10px;margin-top:18px}.inquiry-layout{grid-template-columns:1fr;gap:35px}.inquiry-layout h2{font-size:37px}.inquiry-layout .eyebrow{font-size:9px}.contact-detail{margin-top:22px}.contact-detail span{font-size:12px}.form-grid{gap:16px 12px}.form-grid label{font-size:10px}.form-grid input,.form-grid textarea{padding:11px 9px;font-size:12px}.form-note{font-size:10px;max-width:none;margin-top:22px}.form-section{padding-block:0}.form-result{font-size:11px}.section-heading h2{font-size:29px}.section-heading>.text-link{font-size:11px}.related .product-card:last-child{display:none}.company-intro{grid-template-columns:1fr;gap:25px;padding-top:15px}.company-intro h2{font-size:33px}.company-intro p{font-size:15px}.film-section .section-heading{align-items:end;gap:20px}.film-section .section-heading h2{font-size:28px}.film-section .section-heading span{font-size:10px;white-space:nowrap}.film-section video{border-radius:8px}.company-quality h2{font-size:35px}.quality-grid{grid-template-columns:1fr;gap:25px}.quality-grid h3{font-size:23px;margin-bottom:12px}.quality-grid p{font-size:13px}.about-contact{align-items:start;flex-direction:column;gap:25px}.about-contact h2{font-size:31px}.article{padding:40px 24px 70px}.article h2{font-size:28px}.article p{font-size:13px}.contact-content{padding-top:15px;padding-bottom:60px}}
@media(max-width:360px){.stage-copy h1{font-size:43px}.hero-product{height:345px}.stage-main{min-height:660px}.card-image{height:195px}.stage-copy h2{font-size:36px}.panel-copy h2{font-size:29px}.nav-inner{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Keep the official logo's original artwork; frame its surrounding whitespace. */
.wordmark{height:28px;overflow:hidden}.wordmark img{height:auto;max-width:none;object-fit:initial;transform:translateY(-10px)}
@media(max-width:700px){.wordmark{height:25px}.wordmark img{height:auto;transform:translateY(-8px)}}
@media(min-width:701px) and (max-height:850px){.stage-main{min-height:0;padding-top:25px}.stage-main .overline{margin-bottom:10px}.stage-main .stage-copy h1{font-size:54px;letter-spacing:-2.7px}.stage-main .stage-subtitle{font-size:17px;margin:12px 0 16px}.hero-product{height:350px;width:510px;margin:-4px auto 0}.hero-object{transform:scale(1.05)}.stage-main .stage-bottom{padding-top:5px;padding-bottom:15px}}
/* Homepage typography: product name, one-line statement, paired actions. */
body[data-page="index"] .stage-main{min-height:770px;padding-top:58px}
body[data-page="index"] .stage-copy h1{font-size:60px;line-height:1.1;letter-spacing:-1.9px;font-weight:600}
body[data-page="index"] .stage-copy h2{font-size:54px;line-height:1.12;letter-spacing:-1.6px;font-weight:600}
body[data-page="index"] .stage-subtitle{font-size:27px;line-height:1.4;letter-spacing:-.5px;color:#30343b;margin:12px auto 20px;max-width:none}
.home-actions{display:flex;justify-content:center;gap:16px;align-items:center}
.home-button{background:#0071e3;border:1px solid #0071e3;border-radius:28px;padding:10px 23px;font-size:16px;line-height:1.4;display:inline-flex;justify-content:center;align-items:center;min-height:44px;white-space:nowrap;color:#fff}
.home-button>span{display:none}.home-button:hover{background:#0077ed;color:#fff}
.home-button-outline{background:transparent;color:#0071e3}.home-button-outline:hover{background:#0071e3;color:white}
body[data-page="index"] .hero-product{height:510px;width:650px;margin:26px auto 0}
body[data-page="index"] .hero-object{transform:scale(1.06)}
body[data-page="index"] .stage-round{padding-top:60px;min-height:740px}
body[data-page="index"] .duo-products{margin-top:24px;height:470px}
body[data-page="index"] .product-panel{height:650px;padding-top:48px}
body[data-page="index"] .panel-copy h2{font-size:40px;line-height:1.12;letter-spacing:-1px}
body[data-page="index"] .panel-copy>p{font-size:21px;line-height:1.4;letter-spacing:-.2px;color:#333940;margin:12px 0 18px}
.product-panel .home-actions{gap:12px}.product-panel .home-button{font-size:14px;min-height:38px;padding:8px 19px}
body[data-page="index"] .panel-image{margin-top:10px;height:450px}
@media(min-width:701px) and (max-height:850px){body[data-page="index"] .stage-main{min-height:650px;padding-top:38px}body[data-page="index"] .stage-copy h1{font-size:54px}body[data-page="index"] .hero-product{height:405px;width:565px;margin-top:23px}}
@media(max-width:1000px) and (min-width:701px){body[data-page="index"] .stage-copy h1{font-size:54px}body[data-page="index"] .stage-copy h2{font-size:47px}body[data-page="index"] .panel-copy>p{font-size:19px}}
@media(max-width:700px){body[data-page="index"] .stage-main{min-height:620px;padding-top:43px}body[data-page="index"] .stage-copy{padding-inline:18px}body[data-page="index"] .stage-copy h1{font-size:35px;letter-spacing:-1px;line-height:1.15}body[data-page="index"] .stage-copy h2{font-size:34px;letter-spacing:-.9px;line-height:1.15}body[data-page="index"] .stage-subtitle{font-size:20px;letter-spacing:-.3px;margin:10px auto 19px;line-height:1.4;max-width:345px}.home-actions{gap:12px}.home-button{font-size:14px;min-height:40px;padding:9px 18px}body[data-page="index"] .hero-product{width:100%;height:390px;margin:25px auto 0}body[data-page="index"] .hero-object{transform:scale(1.07)}body[data-page="index"] .stage-round{padding-top:45px;min-height:550px}body[data-page="index"] .duo-products{margin-top:22px;height:330px}body[data-page="index"] .product-panel{height:550px;padding-top:38px}body[data-page="index"] .panel-copy h2{font-size:32px;letter-spacing:-.6px}body[data-page="index"] .panel-copy>p{font-size:19px;margin:10px 0 18px}body[data-page="index"] .panel-image{height:370px;margin-top:12px}.product-panel .home-button{font-size:13px;min-height:37px;padding:8px 17px}}
@media(max-width:360px){body[data-page="index"] .stage-copy h1{font-size:31px}body[data-page="index"] .stage-copy h2{font-size:30px}body[data-page="index"] .stage-subtitle{font-size:18px}body[data-page="index"] .hero-product{height:345px}body[data-page="index"] .stage-main{min-height:570px}}
/* Product lineup: independent image panels and aligned editorial descriptions. */
.lineup-section{background:#f5f5f7;padding:85px 0 40px;margin-top:12px;overflow:hidden}
.lineup-heading{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin:0 6% 45px}
.lineup-heading h2{font-size:46px;line-height:1.12;letter-spacing:-1.7px}
.lineup-heading>.text-link{font-size:17px;white-space:nowrap;color:#0071e3}
.lineup-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(290px,28vw,460px);gap:24px;overflow-x:auto;padding:3px 6% 15px;scroll-snap-type:x mandatory;scroll-padding-inline:6%;scrollbar-width:none;overscroll-behavior-x:contain}
.lineup-rail::-webkit-scrollbar{display:none}.lineup-rail:focus-visible{outline:2px solid #0071e3;outline-offset:-2px}
.lineup-card{scroll-snap-align:start;min-width:0;text-align:center}
.lineup-visual{display:block;border-radius:28px;height:390px;overflow:hidden;background:#e9e2d8;isolation:isolate}
.lineup-tone-1{background:#e1e8ee}.lineup-tone-2{background:#ebe3dc}.lineup-tone-3{background:#dce2e1}
.lineup-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:scale(1.22) translateY(7%);clip-path:inset(12% 0 0 0);transition:transform .5s}
.lineup-visual:hover img{transform:scale(1.26) translateY(7%)}
.lineup-info{padding:26px 12px 0}.lineup-swatches{display:flex;justify-content:center;align-items:center;gap:10px;height:24px;margin-bottom:23px}
.lineup-swatches button{width:13px;height:13px;padding:0;border-radius:50%;background:var(--swatch);border:1px solid #00000016;box-shadow:inset 0 1px 2px #00000016}
.lineup-swatches button.selected:not(:disabled){outline:1px solid #78828e;outline-offset:3px}.lineup-swatches button:disabled{opacity:1;cursor:default}
.lineup-info h3{font-size:26px;letter-spacing:-.7px;line-height:1.2;margin:0 0 14px}
.lineup-description{font-size:16px;line-height:1.5;font-weight:500;color:#30333a;min-height:48px;max-width:290px;margin:auto}
.lineup-specs{font-size:13px;line-height:1.9;color:#6e747e;margin:24px 0 30px;min-height:50px}
.lineup-actions{display:flex;justify-content:center;align-items:center;gap:22px}.lineup-actions>.home-button{font-size:14px;min-height:40px;padding:9px 18px}.lineup-actions>.text-link{font-size:14px;color:#0071e3;white-space:nowrap}
.lineup-controls{display:flex;justify-content:flex-end;gap:12px;margin:22px 6% 0}.lineup-controls button{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#dfe1e5;color:#525860;font-family:Arial;font-size:32px;line-height:1;padding-bottom:4px}.lineup-controls button:disabled{color:#c2c5ca;background:#e9eaed;cursor:default}.lineup-controls button:not(:disabled):hover{background:#d0d4da}
@media(min-width:1600px){.lineup-visual{height:470px}}
@media(max-width:1000px){.lineup-heading h2{font-size:38px}.lineup-rail{grid-auto-columns:310px}.lineup-visual{height:350px}}
@media(max-width:700px){.lineup-section{padding:48px 0 25px}.lineup-heading{margin:0 24px 28px;align-items:start;gap:18px;flex-direction:column}.lineup-heading h2{font-size:31px;letter-spacing:-.9px}.lineup-heading>.text-link{font-size:13px}.lineup-rail{grid-auto-columns:80vw;gap:18px;padding-inline:24px;scroll-padding-inline:24px}.lineup-visual{height:335px;border-radius:22px}.lineup-info{padding-top:23px}.lineup-swatches{margin-bottom:20px}.lineup-info h3{font-size:25px}.lineup-description{font-size:15px;min-height:45px}.lineup-specs{font-size:12px;margin:20px 0 24px}.lineup-actions{gap:18px}.lineup-actions>.home-button,.lineup-actions>.text-link{font-size:13px}.lineup-controls{margin:20px 24px 0}.lineup-controls button{width:34px;height:34px;font-size:29px}}
@media(max-width:360px){.lineup-visual{height:290px}.lineup-actions{gap:13px}.lineup-actions>.home-button{padding-inline:15px;font-size:12px}.lineup-actions>.text-link{font-size:12px}.lineup-info h3{font-size:23px}}
.lineup-visual img{clip-path:inset(17% 0 0 0)}
/* Scroll-directed camera sequence, using original product photography. */
.cinema-hero{height:280svh;position:relative;background:#fff}
.cinema-sticky{height:calc(100svh - 64px);min-height:580px;position:sticky;top:64px;overflow:hidden;background:#fff;isolation:isolate}
.cinema-intro{position:absolute;left:0;right:0;top:5%;text-align:center;z-index:3;will-change:opacity}
.cinema-intro>p{font-size:21px;font-weight:600;color:#1d222a;margin-bottom:12px;letter-spacing:-.5px}
.cinema-intro h1{font-size:clamp(56px,6.6vw,106px);line-height:1.05;letter-spacing:-.055em;font-weight:650}
.cinema-camera{position:absolute;inset:0;will-change:transform,opacity;transform-origin:50% 58%;z-index:1}
.cinema-camera img{position:absolute;height:107%;width:auto;max-width:none;bottom:-21%;left:50%;transform:translateX(-50%);object-fit:contain}
.cinema-detail{position:absolute;inset:0;display:flex;align-items:center;opacity:0;visibility:hidden;will-change:opacity;z-index:2}
.cinema-detail-copy{position:relative;z-index:2;width:40%;padding-left:7%;pointer-events:none}
.cinema-detail h2{font-size:clamp(46px,5.2vw,80px);line-height:1.08;letter-spacing:-.05em;margin-bottom:22px}
.cinema-detail-copy>p:not(.cinema-kicker){font-size:20px;line-height:1.6;color:#757a82}
.cinema-kicker{font-size:10px;letter-spacing:2px;color:#6d7885;margin-bottom:20px}
.cinema-detail>img{position:absolute;right:-6%;bottom:0;width:75%;height:90%;object-fit:contain;object-position:center bottom;will-change:transform}
.cinema-control .cinema-detail-copy{padding-left:6%;width:44%}.cinema-control>img{right:-4%;width:72%;height:100%}
.cinema-outro{position:absolute;top:27%;left:7%;z-index:3;max-width:47%;opacity:0;visibility:hidden}
.cinema-outro>p{font-size:16px;color:#646d78;margin-bottom:20px;letter-spacing:1px}.cinema-outro h2{font-size:clamp(42px,5.3vw,80px);line-height:1.1;letter-spacing:-.045em;margin-bottom:25px}.cinema-outro>span{font-size:12px;color:#737b84}
.cinema-toolbar{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);border:1px solid #e7e9ed;background:#f4f5f6e8;backdrop-filter:blur(16px);border-radius:50px;padding:10px 12px 10px 24px;display:flex;gap:35px;align-items:center;z-index:6;white-space:nowrap;box-shadow:0 3px 20px #15233806}
.cinema-toolbar>span{font-size:13px;font-weight:500}.cinema-toolbar>div{display:flex;gap:20px;align-items:center;padding-right:10px}.cinema-toolbar .home-button{font-size:13px;min-height:37px;padding:8px 19px}.cinema-toolbar .text-link{font-size:13px;color:#0071e3}
.cinema-skip{position:absolute;right:4%;bottom:27px;font-size:11px;color:#6d7885;z-index:6}.cinema-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#eceff2;z-index:6}.cinema-progress>span{display:block;height:100%;background:#617b90;transform:scaleX(0);transform-origin:left}.cinema-scroll-hint{position:absolute;bottom:31px;left:4%;font-size:8px;letter-spacing:1.7px;color:#84909b;z-index:5}
@media(max-height:800px) and (min-width:701px){.cinema-sticky{min-height:540px}.cinema-intro{top:5%}.cinema-intro h1{font-size:65px}.cinema-intro>p{font-size:18px}.cinema-camera img{height:113%;bottom:-27%}.cinema-detail h2{font-size:54px}.cinema-detail-copy>p:not(.cinema-kicker){font-size:16px}.cinema-toolbar{bottom:28px}.cinema-outro{top:23%}.cinema-outro h2{font-size:54px}}
@media(max-width:700px){.cinema-hero{height:240svh}.cinema-sticky{top:56px;height:calc(100svh - 56px);min-height:560px}.cinema-intro{top:6%;padding:0 15px}.cinema-intro>p{font-size:16px;margin-bottom:14px}.cinema-intro h1{font-size:clamp(35px,9.4vw,54px);letter-spacing:-1.8px;line-height:1.1}.cinema-camera img{height:92%;bottom:-7%}.cinema-detail{align-items:start}.cinema-detail-copy,.cinema-control .cinema-detail-copy{padding:35px 25px 0;width:100%}.cinema-kicker{font-size:8px;letter-spacing:1.2px;margin-bottom:10px}.cinema-detail h2{font-size:39px;line-height:1.1;margin-bottom:12px}.cinema-detail-copy>p:not(.cinema-kicker){font-size:14px;line-height:1.5}.cinema-detail>img,.cinema-control>img{height:68%;width:112%;right:-18%;bottom:65px;object-fit:contain;object-position:right bottom}.cinema-control>img{width:110%;right:-17%;height:70%;bottom:62px}.cinema-outro{left:25px;top:7%;max-width:90%}.cinema-outro>p{font-size:11px;margin-bottom:12px}.cinema-outro h2{font-size:39px;margin-bottom:15px}.cinema-outro>span{font-size:10px}.cinema-toolbar{gap:0;padding:8px 9px;bottom:37px;max-width:calc(100% - 34px)}.cinema-toolbar>span{display:none}.cinema-toolbar>div{gap:22px;padding-right:10px}.cinema-toolbar .home-button{font-size:12px;min-height:36px;padding:8px 18px}.cinema-toolbar .text-link{font-size:12px}.cinema-skip{bottom:11px;right:20px;font-size:9px}.cinema-scroll-hint{bottom:12px;left:20px;font-size:7px;letter-spacing:.8px}}
@media(prefers-reduced-motion:reduce){.cinema-hero{height:auto}.cinema-sticky{position:relative;top:0;height:760px}.cinema-detail,.cinema-outro{display:none}.cinema-scroll-hint,.cinema-progress{display:none}}
.catalog-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}.catalog-pagination button{font-size:12px;min-width:37px;height:37px;border-radius:20px;padding:0 13px;background:#f2f4f7}.catalog-pagination button[aria-current=page]{background:var(--blue);color:white}.catalog-pagination button:disabled{opacity:.35;cursor:default}
.imported-introduction{display:grid;grid-template-columns:1fr 1fr;gap:35px 8%;border-top:1px solid var(--line)}.imported-introduction h2{font-size:38px;margin-bottom:20px}.imported-source-title{font-size:12px;line-height:1.9;max-width:470px}.imported-introduction ul{list-style:none;margin:0;padding:0}.imported-introduction li{font-size:15px;line-height:1.6;border-bottom:1px solid var(--line);padding:17px 0}.supplier-description{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:12px}.supplier-description summary{cursor:pointer;font-size:13px;color:var(--link)}.supplier-description>div{padding:25px;line-height:1.8;background:#f7f8fa;margin-top:20px;overflow-wrap:anywhere}.parameter-note{display:block;margin-top:18px;font-size:11px;line-height:1.8;border-left:2px solid #c59a58;padding-left:14px;color:#817258}.specifications td{overflow-wrap:anywhere}
@media(max-width:700px){.imported-introduction{grid-template-columns:1fr;gap:25px}.imported-introduction h2{font-size:32px}.imported-introduction li{font-size:13px}.imported-source-title{font-size:11px}.supplier-description>div{padding:18px}.catalog-pagination{gap:6px}.catalog-pagination button{font-size:10px;min-width:30px;height:32px;padding-inline:10px}}

/* Afternoon tea backdrop and the original G5 and F1 photographs. */
.tea-stage {
  isolation: isolate;
  display: flex;
  flex-direction: column;
  gap: clamp(26px, 2.8vw, 60px);
  min-height: max(clamp(550px, 32vw, 840px), 25vw);
  padding-top: clamp(48px, 3.3vw, 82px);
  padding-bottom: clamp(36px, 2.4vw, 62px);
  background: #e0d0be url("assets/featured/home-kitchen-wide.webp") right bottom / cover no-repeat;
}

/* Keep the island and products in focus, with softer depth in the dining nook. */
.tea-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  filter: blur(clamp(.8px, .075vw, 2.5px));
  mask-image: radial-gradient(ellipse 25% 47% at 89% 42%, #000d 24%, #0008 64%, transparent 100%);
  pointer-events: none;
}

.tea-stage .home-button-outline { background-color: #fff8; }
.tea-stage .home-button-outline:hover { background-color: #fff; }

.tea-products {
  position: relative;
  display: flex;
  justify-content: center;
  gap: clamp(36px, 6.3vw, 180px);
  height: clamp(245px, 23vw, 465px);
  margin-top: auto;
}

.tea-product {
  position: relative;
  display: block;
  height: 100%;
  isolation: isolate;
}

.tea-product::before,
.tea-product::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

/* Left window light casts a soft shadow to the right of each appliance. */
.tea-product::before {
  inset: auto -55% .4% 8%;
  height: 8%;
  background: radial-gradient(ellipse closest-side, #553e286e 5%, #644a3038 48%, transparent 100%);
}

/* A narrow contact shadow meets the base at the edge of the original photo. */
.tea-product::after {
  inset: auto 4% .3% 4%;
  height: 3.4%;
  background: radial-gradient(ellipse closest-side, #493423bc 18%, #50382680 57%, transparent 100%);
}

.tea-product img {
  position: relative;
  z-index: 1;
  width: auto;
  max-width: none;
  height: 100%;
  mask: var(--product-silhouette) center / 100% 100% no-repeat;
}

.tea-product-g5 { --product-silhouette: url("assets/featured/g5-silhouette.svg"); }
.tea-product-f1 { --product-silhouette: url("assets/featured/f1-silhouette.svg"); }

@media (min-width: 761px) and (max-width: 1550px) {
  .tea-stage {
    min-height: 0;
    gap: 24px;
    padding-top: 34px;
  }

  .tea-products {
    height: clamp(215px, 18.75vw, 290px);
  }
}

@media (max-width: 760px) {
  .tea-stage {
    min-height: clamp(450px, 125vw, 660px);
    padding-top: 43px;
    padding-bottom: clamp(57px, 15.6vw, 84px);
    background-image: url("assets/featured/home-kitchen-mobile.webp");
  }

  .tea-stage::before {
    filter: blur(clamp(.5px, .14vw, 1px));
    mask-image: radial-gradient(ellipse 28% 29% at 89% 57%, #000d 24%, #0008 64%, transparent 100%);
  }

  .tea-products {
    height: min(46vw, 280px);
    gap: clamp(16px, 5vw, 36px);
  }
}

/* Five selected models: complete product silhouettes and aligned image scale. */
.lineup-selected .lineup-visual img{transform:none;clip-path:none}
.lineup-selected .lineup-visual:hover img{transform:scale(1.035)}
.lineup-tone-4{background:#dfe8e3}

@media (min-width: 1700px) {
  .cinema-sticky {
    --cinema-wide-gutter: calc((100% - 1640px) / 2);
    --cinema-wide-copy-inset: 145px;
  }

  .cinema-detail {
    inset-inline: var(--cinema-wide-gutter);
  }

  .cinema-detail-copy,
  .cinema-control .cinema-detail-copy {
    width: 44%;
    padding-left: var(--cinema-wide-copy-inset);
  }

  .cinema-outro {
    left: calc(var(--cinema-wide-gutter) + var(--cinema-wide-copy-inset));
    max-width: 600px;
  }
}

#inquiry-form button:disabled { opacity: .55; cursor: default; }
