/* V28 shares POSON's actual site shell and editorial typography.
   The neutral white stage and V27 intrinsic cabinet geometry stay intact. */
:root { --ink:#343636; --muted:#656663; --line:rgba(129,130,126,.25); --brand-accent:#e88900; --navy:#101442; font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif; }
html { scroll-padding-top:155px; }
body { line-height:1.65; }
.site-container { width:min(1280px,calc(100% - 48px)); margin-inline:auto; }
.site-header { color:#fff; background:#050b13; border-bottom:1px solid #ffffff22; box-shadow:none; transition:background .3s,color .3s,border-color .3s; }
.header-inner { min-height:88px; gap:30px; }
.brand { display:flex; align-items:center; gap:14px; }
.brand .brand-logos { position:relative; display:block; width:158px; height:43px; flex:0 0 158px; }
.brand .brand-logos img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; transition:opacity .3s; }
.brand .logo-color { opacity:0; }
.brand-descriptor { border-left:1px solid #ffffff55; padding-left:14px; font-size:8.32px; font-weight:800; line-height:1.65; letter-spacing:1.5px; text-transform:uppercase; white-space:nowrap; }
.site-header nav { margin-left:auto; gap:26px; }
.site-header nav a { padding:28px 0; color:inherit; font-size:14.4px; font-weight:650; }
.site-header nav a::after { display:none; }
.site-header nav a:hover { color:#ffd27d; }
.header-tools { display:flex; align-items:center; gap:18px; }
.language-switcher { display:flex; align-items:center; gap:3px; }
.language-switcher svg { opacity:.7; margin-right:2px; flex-shrink:0; }
.language-switcher a { display:inline-flex; align-items:center; justify-content:center; min-width:26px; min-height:36px; padding:4px; font-size:12px; font-weight:650; border-bottom:2px solid transparent; }
.language-switcher [aria-current="true"] { border-bottom-color:currentColor; }
.header-cta { display:inline-flex; align-items:center; min-height:46px; padding:10px 18px; border:1px solid #ffffff80; font-size:13px; font-weight:600; white-space:nowrap; }
.header-cta:hover { background:#ffffff10; }
.site-header.is-scrolled { color:var(--navy); background:rgba(255,255,255,.97); border-bottom-color:#1014421a; }
.is-scrolled .logo-white { opacity:0; }
.is-scrolled .logo-color { opacity:1; }
.is-scrolled .brand-descriptor { border-left-color:#2318153d; }
.is-scrolled .header-cta { border-color:#10144280; }
.is-scrolled nav a:hover { color:var(--brand-accent); }
.nav-toggle,.site-header nav .mobile-only { display:none; }
.product-nav { position:sticky; z-index:35; top:89px; background:#fff; border-bottom:1px solid var(--line); }
.product-nav>.wrap { display:flex; justify-content:space-between; align-items:center; min-height:52px; gap:24px; }
.product-nav-title { font-size:13px; font-weight:550; }
.product-nav>.wrap>div { display:flex; gap:30px; }
.product-nav a { display:inline-flex; align-items:center; min-height:44px; font-size:12px; }
.product-nav a:hover,.product-nav a[aria-current="true"] { color:var(--brand-accent); }
.product-nav a:last-child span { margin-left:6px; }
.breadcrumb { display:flex; flex-wrap:wrap; gap:10px; color:#777f85; font-size:11px; margin-bottom:32px; }
.breadcrumb a:hover { color:var(--brand-accent); }
.chapter { color:#a36508; font-size:11px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }
.hero h1 { font-size:clamp(42px,4.4vw,64px); font-weight:550; letter-spacing:-.025em; line-height:1.14; margin-top:20px; }
h2,.spec-heading h2 { font-size:clamp(34px,2.85vw,48px); font-weight:500; letter-spacing:-.025em; line-height:1.18; }
.hero-description,.range-heading>p,.system-copy>p,.contact-brief { font-size:16px; line-height:1.8; }
.hero-copy { padding-top:30px; }
.hero-specs { border-top:1px solid var(--line); padding-top:27px; margin-top:30px; width:max-content; max-width:100%; }
.hero-specs strong { font-size:42px; font-weight:500; }
.hero-specs small { color:var(--muted); }
.hero-actions a,.line-link { font-weight:500; }
.line-link { border-bottom-color:#81827e88; }
.line-link:hover,.quiet-link:hover { color:#a36508; border-bottom-color:var(--brand-accent); }
.quiet-link { color:var(--muted); }
.model-selector button::before { background:var(--brand-accent); }
.model-selector button>span { color:var(--ink); font-weight:500; }
.model-selector button b,.stage-caption,.motion-control,.range-cooling { color:#69727a; }
.range-heading .chapter { margin-bottom:18px; }
.range-pick[aria-pressed="true"] .range-name { border-color:var(--brand-accent); }
.range-name { font-weight:500; }
.range-energy span,.range-name>span,.range-bottom>span,.system-copy dt,.system-copy dd>span { color:var(--muted); }
.range-products::before { display:none; }
.scene-label { color:#ffd27d; font-weight:600; font-size:11px; letter-spacing:.14em; text-transform:uppercase; }
.scene-copy h2 { font-weight:500; letter-spacing:-.025em; }
.scene-copy p { color:#e5eaf0; font-size:16px; }
.scene-tabs button[aria-selected="true"] { border-top-color:#ffc56b; }
.scene-tabs button[aria-selected="true"]::before { background:#ffc56b; }
.scene-tabs button[aria-selected="true"]>span { color:#ffc56b; }
.scene-stage::after { background:linear-gradient(180deg,#050b131a,transparent 30%,#050b13d6),linear-gradient(90deg,#050b1366,transparent 78%); }
.spec-table th,.spec-table td { color:var(--muted); }
.spec-table thead th { color:var(--ink); font-weight:500; border-bottom-color:#81827e80; }
.spec-table thead .selected-col { color:var(--ink); box-shadow:inset 0 -2px var(--brand-accent); }
.spec-table .group-row th { color:var(--ink); font-weight:550; }
.table-cta a,.resource-list a { color:var(--ink); }
.contact-inner { padding-top:70px; }
.contact-inner .chapter { margin-bottom:18px; }
.contact-inner h2 { margin-top:0; }
.site-footer { background:#fff; padding-bottom:20px; color:var(--muted); }
.footer-grid { display:grid; grid-template-columns:1.35fr .8fr .9fr 1.15fr; gap:56px; border-top:1px solid var(--line); padding:58px 0 50px; }
.footer-grid h3 { font-size:16px; line-height:1.4; font-weight:550; color:var(--ink); margin-bottom:20px; }
.footer-grid a,.footer-grid p { display:block; margin-bottom:9px; font-size:13px; line-height:1.8; }
.footer-grid a:hover { color:#a36508; }
.footer-brand img { width:158px; height:auto; }
.footer-brand-block>p { margin:22px 0; max-width:290px; font-size:14px; }
.footer-descriptor { font-size:9px; font-weight:600; letter-spacing:.16em; }
.footer-contact>span { display:block; margin:16px 0 4px; font-size:11px; color:#778089; }
.footer-contact>a { color:var(--ink); font-size:15px; overflow-wrap:anywhere; }
.footer-contact>.line-link { display:inline-flex; font-size:12px; margin-top:12px; }
.footer-inner { gap:20px; font-size:11px; color:var(--muted); }
#review-toggle,#review-notes { color:var(--muted); }
button:focus-visible,a:focus-visible,[tabindex]:focus-visible { outline-color:#c77d16; }
@media(max-width:1300px) { .header-inner { gap:22px; } .site-header nav { gap:22px; } .header-tools { gap:12px; } .brand-descriptor { font-size:7.5px; letter-spacing:1.2px; } }
@media(max-width:1190px) and (min-width:901px) { .header-cta { display:none; } .header-inner { gap:18px; } .site-header nav { gap:20px; } }
@media(max-width:900px) {
  html { scroll-padding-top:142px; }
  .header-inner { min-height:76px; gap:20px; }
  .header-tools { margin-left:auto; }
  .header-cta { display:none; }
  .brand .brand-logos { width:126px; height:35px; flex-basis:126px; }
  .brand-descriptor { display:none; }
  .nav-toggle { display:flex; flex-direction:column; justify-content:center; gap:5px; width:44px; height:44px; padding:10px; color:inherit; background:none; border:0; }
  .nav-toggle span { width:24px; height:1.5px; background:currentColor; transition:transform .2s,opacity .2s; }
  .nav-toggle[aria-expanded="true"] span:nth-child(1) { transform:translateY(6.5px) rotate(45deg); }
  .nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }
  .nav-toggle[aria-expanded="true"] span:nth-child(3) { transform:translateY(-6.5px) rotate(-45deg); }
  .site-header nav { display:none; position:absolute; top:76px; left:0; right:0; max-height:calc(100dvh - 76px); overflow-y:auto; padding:14px 24px 25px; background:#fff; color:var(--navy); border-bottom:1px solid var(--line); box-shadow:0 12px 20px #050b1310; }
  .site-header nav.is-open { display:block; }
  .site-header nav a,.site-header nav .mobile-only { display:block; padding:13px 0; font-size:16px; border-bottom:1px solid var(--line); }
  #primary-navigation.is-open a { display:block; }
  .product-nav { top:77px; }
  .product-nav>.wrap>div { gap:23px; }
  .hero h1 { font-size:42px; }
  .hero-description { font-size:15px; }
  .hero-specs { gap:28px; }
  .hero-specs strong { font-size:34px; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:40px; }
  .footer-inner>span:nth-child(2) { display:none; }
}
@media(max-width:650px) {
  .site-container { width:calc(100% - 32px); }
  .header-inner { gap:10px; }
  .language-switcher svg { display:none; }
  .language-switcher a { min-width:25px; font-size:11px; }
  .product-nav-title { display:none!important; }
  .product-nav>.wrap>div { width:100%; justify-content:space-between; gap:10px; }
  .product-nav>.wrap { min-height:46px; }
  .product-nav a { font-size:11px; }
  .breadcrumb { margin-bottom:26px; gap:8px; font-size:10px; }
  .hero-copy { padding-top:25px; }
  .hero h1 { font-size:clamp(37px,10.3vw,48px); }
  .hero-description,.range-heading>p,.system-copy>p,.contact-brief { font-size:15px; line-height:1.75; }
  .hero-specs { margin-top:24px; padding-top:22px; }
  .hero-specs strong { font-size:34px; }
  .hero-specs small { font-size:9px; }
  .range-heading h2,h2,.spec-heading h2 { font-size:34px; }
  .range-heading .chapter { margin-bottom:16px; }
  .footer-grid { gap:34px 20px; padding:42px 0; }
  .footer-brand-block,.footer-contact { grid-column:1/-1; }
  .footer-brand-block>p { max-width:350px; }
  .footer-grid a { min-height:30px; }
  .footer-inner { align-items:flex-start; gap:8px; }
  #review-toggle { margin-left:0; }
}
