/* Editorial typography: humanist Latin, clear Traditional Chinese, exact supplied artwork. */
:root{--type-body:'Ubuntu','Noto Sans TC',sans-serif;--type-display:'Ubuntu','Noto Sans TC',sans-serif}
body,button,select{font-family:var(--type-body)}
body{font-weight:400;letter-spacing:.015em}
nav,.header-line,.button,.card-line{font-weight:500;letter-spacing:.065em}
.eyebrow,.hero .eyebrow,.offer-no,.section-heading .eyebrow,.dark-section .section-heading .eyebrow{font-family:var(--type-display);font-weight:500;letter-spacing:.16em;line-height:1.6}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:auto;min-height:0;background:#101113;overflow:hidden}
.hero:after{display:none}
.hero-visual{position:relative;inset:auto;order:2;height:auto;min-height:0;display:flex;background:#101113;align-items:center;justify-content:flex-end}
.hero-visual>img{display:block;width:100%;height:auto;max-height:850px;object-fit:contain;object-position:center;mix-blend-mode:normal}
.hero-copy{order:1;align-self:center;max-width:none;padding:42px clamp(24px,5vw,80px)}
.hero .eyebrow{font-size:11px;color:#bebfc4;margin:0 0 22px;letter-spacing:.18em}
.hero-edition{font:700 italic clamp(42px,5.6vw,82px)/1 var(--type-display);letter-spacing:-.065em;margin:0 0 24px;color:#fff}
.hero-edition span{color:#e82c38;font-style:normal;font-weight:400}
.hero h1{font-family:var(--type-display);font-size:clamp(26px,2.65vw,43px);line-height:1.5;font-weight:600;letter-spacing:.055em;margin:0 0 24px}
.hero-deal{gap:12px 20px;margin:0 0 18px}
.hero-deal>span:first-child{font-size:14px;letter-spacing:.12em}
.hero-deal strong{font:700 italic 76px/.95 var(--type-display);letter-spacing:-.06em;color:#ff4853}
.hero-deal strong small{font-family:var(--type-body);font-size:25px;font-weight:500;font-style:normal}
.hero-deal>span:last-child{font-size:13px;letter-spacing:.035em;color:#d6d7db}
.hero-deal b{font-family:var(--type-display);font-weight:500;font-size:23px;color:#fff;letter-spacing:-.03em}
.hero .intro{font-size:14px;letter-spacing:.035em;color:#d6d7db;margin:0 0 24px}
.hero .button{font-family:var(--type-body);font-size:14px;letter-spacing:.1em;padding:13px 24px;gap:36px;min-height:50px}
.hero .button span{font-size:23px;line-height:1;font-weight:400}
.hero-note{font-size:11px;letter-spacing:.08em;margin:17px 0 0;color:#aaaeb6}
.section-heading h2,.closing h2{font-family:var(--type-display);font-weight:600;letter-spacing:.055em;line-height:1.55}
.offers h2,.benefits strong{font-weight:500;letter-spacing:.045em}
.card-body h3{font-family:var(--type-display);font-weight:500;letter-spacing:-.035em;font-size:32px;line-height:1.25;margin:3px 0 13px}
.offers strong,.price-box strong,.summary-prices strong{font-family:var(--type-display);font-weight:700;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.summary-prices strong{font-size:28px}
.spec-details,.variant,.custom-controls,.price-box{font-variant-numeric:tabular-nums}
.closing:before{font-family:var(--type-display);font-style:italic;font-weight:700;letter-spacing:.12em}
@media(min-width:1500px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,680px);padding:0 max(0px,calc((100vw - 1600px)/2))}}
@media(max-width:900px) and (min-width:701px){.hero-copy{padding:25px}.hero .eyebrow{font-size:10px;margin-bottom:14px}.hero-edition{font-size:42px;margin-bottom:16px}.hero h1{font-size:25px;margin-bottom:16px}.hero-deal strong{font-size:60px}.hero .intro{font-size:12px;margin-bottom:18px}}
@media(max-width:700px){
 .hero{display:flex;flex-direction:column;height:auto;padding:0}
 .hero-visual{order:0;width:100%;height:auto;min-height:0}
 .hero-visual>img{width:100%;height:auto;max-height:none;aspect-ratio:4/5;object-fit:contain}
 .hero-copy{order:1;width:100%;padding:29px 24px 32px}
 .hero .eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:15px}
 .hero-edition{display:none}
 .hero h1{font-size:28px;line-height:1.45;letter-spacing:.04em;margin-bottom:18px}
 .hero-deal{gap:8px 18px;margin-bottom:15px}
 .hero-deal strong{font-size:62px}
 .hero-deal strong small{font-size:22px}
 .hero-deal>span:first-child{font-size:14px}
 .hero-deal>span:last-child{font-size:12px}
 .hero-deal b{font-size:21px}
 .hero .intro{font-size:12px;letter-spacing:.01em;margin-bottom:20px}
 .hero .button{width:100%;justify-content:space-between;padding:13px 19px}
 .section-heading h2,.closing h2{font-size:28px;letter-spacing:.035em}
 .card-body h3{font-size:30px}
 .summary-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .summary-prices>div{min-width:0}
 .summary-prices strong{font-size:clamp(15px,4.5vw,19px);white-space:nowrap;letter-spacing:-.04em}
 .offers strong{font-size:29px}
}