/* POSON's continuous milkstone wall and cast-relief light model.
   Reuses the formal site's actual material and logo silhouette, not a flat theme.
   Cabinet images, dimensions and motion are intentionally unchanged. */
:root {
  --paper:#f5f5f2;
  --ink:#393c38;
  --muted:#596057;
  --line:rgba(83,91,76,.25);
  --relief-title:-1px -1px 0 rgba(255,255,255,.85),1px 2px 1px rgba(255,255,255,.8),3px 5px 5px rgba(46,45,40,.24),9px 14px 19px rgba(46,45,40,.12);
  --relief-detail:-1px -1px 0 rgba(255,255,255,.9),2px 3px 3px rgba(43,44,38,.22),5px 8px 11px rgba(43,44,38,.12);
}
body { position:relative; isolation:isolate; min-width:0; background:var(--paper); }
body::before { content:""; position:fixed; inset:0; z-index:-2; pointer-events:none; background:url('assets/v29/poson-milkstone-fine-v5.jpg') center top / max(1536px,100vw,150lvh) auto no-repeat; opacity:.82; filter:saturate(.15) brightness(.98) contrast(1.04); }
body::after { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(130deg,#ffffff18,transparent 60%,#52534e05); }
.stone,.site-footer { background:transparent; }
.stone::before { display:none; }
.range-section { background:linear-gradient(180deg,transparent,rgba(239,239,235,.12) 100px); }
.system-section { background:linear-gradient(180deg,rgba(239,239,235,.12),rgba(255,255,253,.24) 90px); }
.spec-section { background:linear-gradient(180deg,rgba(247,247,244,.3),transparent 130px); }
.contact-section { background:linear-gradient(180deg,transparent,rgba(227,227,222,.25) 110px); }
.site-footer { position:relative; background:linear-gradient(180deg,rgba(227,227,222,.25),rgba(246,246,242,.22) 100px); }
/* The header joins the stone chapter in the same light state as the main site. */
.site-header,.site-header.is-scrolled { color:#393c38; background:rgba(251,251,248,.97); border-color:#777d7026; box-shadow:0 1px 0 #ffffffb3; }
.site-header .logo-white { opacity:0; }
.site-header .logo-color { opacity:1; }
.site-header .brand-descriptor { border-left-color:#535b4c40; color:#4c5148; text-shadow:0 1px 0 #fff; }
.site-header .header-cta { color:#41473c; border-color:#69706166; background:transparent; box-shadow:0 1px 0 #fff9; text-shadow:0 1px 0 #fff; }
.site-header .header-cta:hover { background:#ffffff40; border-color:#41473c; }
.site-header nav a:hover,.site-header.is-scrolled nav a:hover { color:#8b672f; }
.product-nav { background:rgba(245,245,241,.95); border-bottom-color:#535b4c33; box-shadow:0 1px 0 #ffffffb3; backdrop-filter:blur(12px); }
.product-nav a { color:#596153; text-shadow:0 1px 0 #fff; }
.product-nav a[aria-current="true"],.product-nav a:hover { color:#775d32; }
.breadcrumb { color:#697063; text-shadow:0 1px 0 #fff9; }
.chapter { color:#586051; font-weight:550; letter-spacing:.17em; text-shadow:0 1px 0 #fff,1px 2px 3px #34372f2b; }
.hero h1 { font-weight:500; letter-spacing:-.035em; line-height:1.13; }
.stone h1,.stone h2 { color:#393c38; text-shadow:var(--relief-title); }
.hero-description,.range-heading>p,.system-copy>p,.contact-brief { color:#535a4e; text-shadow:0 1px 0 #ffffffc7; }
.hero-specs strong,.range-name,.range-energy { color:#393d37; text-shadow:var(--relief-detail); }
.hero-specs strong { font-weight:500; }
.hero-specs>div>span,.hero-specs small,.range-cooling,.range-energy span { color:#596152; text-shadow:0 1px 0 #fff; }
.hero-specs { border-top-color:#535b4c33; box-shadow:0 -1px 0 #ffffffa6; }
.hero-product { filter:drop-shadow(1px 2px 1px #2c2a2326) drop-shadow(12px 17px 7px #2c2a232e) drop-shadow(25px 33px 18px #2c2a2317); }
.range-visual img { filter:drop-shadow(1px 2px 1px #2c2a2326) drop-shadow(8px 12px 6px #2c2a232b) drop-shadow(19px 25px 13px #2c2a2317); }
.stage-caption,.motion-control { color:#626959; text-shadow:0 1px 0 #fff; }
.line-link,.quiet-link { color:#3c4439; border-bottom-color:#697061; box-shadow:0 1px 0 #ffffff9e; text-shadow:0 1px 0 #fff,2px 2px 3px #323a2e26; }
.quiet-link { border-bottom-color:#69706155; }
.line-link:hover,.quiet-link:hover { color:#192015; border-color:#192015; }
.model-selector { border-top-color:#535b4c33; box-shadow:0 -1px 0 #ffffffb3; }
.model-selector button>span { color:#393d37; text-shadow:var(--relief-detail); }
.model-selector button b { color:#596152; text-shadow:0 1px 0 #fff; }
.model-selector button::before { background:#8d784f; box-shadow:0 1px 0 #fff9; }
.model-selector button[aria-pressed="true"]>span { color:#343a2f; }
.range-name { border-top-color:#535b4c40; box-shadow:0 -1px 0 #ffffffa6; }
.range-pick[aria-pressed="true"] .range-name { border-color:#8d784f; }
.range-name>span,.range-bottom>span { color:#5e6657; }
.range-bottom>span { text-shadow:0 1px 0 #fff; }
.system-inner,.system-copy dl>div,.contact-inner,.resource-list a,.footer-grid,.footer-inner { border-color:#535b4c33; box-shadow:0 -1px 0 #ffffffa6; }
.system-copy dt { color:#626959; text-shadow:0 1px 0 #fff; }
.system-copy dd { color:#41473c; text-shadow:0 1px 0 #fff,2px 3px 3px #34372f26; }
.system-copy dd>span { color:#626959; text-shadow:none; }
.spec-table th,.spec-table td { border-color:#535b4c33; color:#535a4e; text-shadow:0 1px 0 #ffffffb3; }
.spec-table tbody tr:not(.table-cta) { box-shadow:0 1px 0 #ffffffa6; }
.spec-table thead th { color:#41473c; text-shadow:0 -1px 0 #fff,2px 3px 3px #34372f26; }
.spec-table thead .selected-col { color:#343e2c; box-shadow:inset 0 -2px #8d784f; }
.spec-table .group-row th { color:#4c5148; text-shadow:0 1px 0 #fff,1px 2px 2px #34372f26; }
.table-cta a { color:#3c4439; border-color:#697061; box-shadow:0 1px 0 #ffffff9e; }
.contact-email { color:#393d37; text-shadow:var(--relief-detail); border-color:#646b5c66; box-shadow:0 1px 0 #ffffffb3; }
.resource-list a { color:#535a4e; text-shadow:0 1px 0 #fff; }
.footer-grid { grid-template-columns:1.45fr .8fr .9fr 1.15fr; }
.relief-footer-mark { position:relative; display:block; width:min(100%,300px); aspect-ratio:1200/325; margin:2px 0 34px; filter:drop-shadow(-1px -1px 0 #fff) drop-shadow(1px 2px 0 #8a877a) drop-shadow(4px 6px 2px #3d3a2b66) drop-shadow(10px 15px 8px #3d3a2b47); }
.relief-footer-mark::before { content:""; position:absolute; inset:0; background:linear-gradient(135deg,#fffffc 0%,#e9e9e3 44%,#c5c6bd 100%); -webkit-mask:url('assets/images/optimized/poson-logo-white-official-lossless.webp') center / contain no-repeat; mask:url('assets/images/optimized/poson-logo-white-official-lossless.webp') center / contain no-repeat; }
.footer-grid h3 { color:#41473c; text-shadow:-1px -1px 0 #fff,2px 3px 3px #34372f3d; }
.footer-grid a,.footer-grid p,.footer-descriptor,.footer-inner { color:#555d4e; text-shadow:0 1px 0 #ffffffb3; }
.footer-contact>a:not(.line-link) { color:#41473c; text-shadow:0 1px 0 #fff,2px 3px 3px #34372f26; }
.footer-contact>span { color:#656d5d; text-shadow:0 1px 0 #fff; }
#range-dialog { background:#f2f2ed url('assets/v29/poson-milkstone-fine-v5.jpg') center / cover; }
.dialog-header { border-bottom:1px solid #535b4c33; box-shadow:0 1px 0 #ffffffa6; }
.range-dialog-products figcaption { text-shadow:0 1px 0 #fff,2px 3px 3px #34372f26; }
@media(max-width:900px) {
  .site-header nav { background:#f5f5f1; color:#41473c; }
  .site-header nav a { border-color:#535b4c33; box-shadow:0 1px 0 #fff9; text-shadow:0 1px 0 #fff; }
  .footer-grid { grid-template-columns:1fr 1fr; }
}
@media(max-width:650px) {
  body::before { background-size:1536px auto; opacity:.72; }
  .stone h1,.stone h2 { text-shadow:-1px -1px 0 #ffffffd9,1px 2px 1px #ffffffb3,2px 4px 4px #2e2d2838,6px 9px 13px #2e2d281a; }
  .hero-product { filter:drop-shadow(1px 2px 1px #2c2a2326) drop-shadow(6px 9px 5px #2c2a232b) drop-shadow(14px 19px 12px #2c2a2317); }
  .range-visual img { filter:drop-shadow(1px 2px 1px #2c2a2326) drop-shadow(6px 9px 5px #2c2a232b) drop-shadow(14px 19px 12px #2c2a2317); }
  .relief-footer-mark { width:280px; max-width:90%; }
}