:root{--bg-canvas:#0b0b0d;--bg-surface:#18181b;--bg-surface-hover:#222225;--text-primary:#f5f5f5;--text-muted:#c0c4cc;--accent-primary:#dc2626;--accent-secondary:#fca5a5;--border-subtle:#55555d;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:none;--glow-accent:none;--glass-backdrop:blur(16px) saturate(180%);--radius:4px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:16px/1.75 system-ui,"Segoe UI",Roboto,sans-serif;overflow-wrap:anywhere;hyphens:auto}body:before{content:"";position:fixed;inset:16px;border:1px solid #55555d;pointer-events:none;z-index:10}a{color:inherit;text-decoration-color:#c0c4cc;text-underline-offset:5px;text-decoration-thickness:1px;transition:text-underline-offset .25s,color .25s}a:hover{color:var(--accent-secondary);text-underline-offset:8px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto;border-radius:var(--radius);object-fit:cover}figure{margin:0}figcaption,.caption{font-size:.85rem;color:var(--text-muted);margin-top:10px}.wrap{width:min(1200px,calc(100% - 112px));margin-inline:auto}.site-header{position:relative;z-index:5;background:transparent;border-bottom:1px solid #353539;transition:background .3s}.scrolled .site-header{background:var(--bg-surface)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:100px;padding:20px 40px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none;font-size:.94rem;font-weight:800;letter-spacing:-.035em}.brand-mark{width:22px;height:22px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-7deg)}.brand-mark i{background:var(--accent-primary);border:1px solid #fca5a5}.site-nav{display:flex;gap:18px;align-items:center}.site-nav a{font-size:.8rem;text-decoration:none;white-space:nowrap;border-bottom:1px solid transparent}.site-nav a:hover,.site-nav a[aria-current=page]{border-color:var(--accent-primary);color:var(--text-primary)}.menu-toggle{display:none;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;font-size:1.7rem;line-height:1;width:44px;height:44px}.skip-link{position:absolute;left:30px;top:-90px;padding:10px;background:var(--bg-surface);z-index:20}.skip-link:focus{top:20px}.hero{padding:90px 0 70px;position:relative}.hero:after{content:"";display:block;height:1px;margin-top:56px;background:linear-gradient(90deg,var(--accent-primary),#c0c4cc 28%,transparent 90%)}.eyebrow,.section-number,.spec-label{font-size:.77rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.eyebrow{color:var(--text-muted)}h1,h2,h3{font-weight:800;letter-spacing:-.045em;line-height:1.12;hyphens:none}h1{font-size:clamp(2.65rem,6.5vw,6.2rem);max-width:16ch;margin:20px 0 26px}h2{font-size:clamp(1.8rem,3.2vw,3rem);margin:0 0 22px}h3{font-size:1.3rem;margin:0 0 14px}p{margin:0 0 20px}.lead{font-size:clamp(1.1rem,1.8vw,1.35rem);color:var(--text-muted);max-width:63ch}.hero .section-number{display:block;color:var(--accent-secondary);margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;background:var(--accent-primary);color:#fff;border:1px solid var(--accent-primary);border-radius:4px;text-decoration:none;font-weight:700;transition:transform .3s var(--ease-kinetic),background .3s}.button:hover{background:#b91c1c;color:#fff;transform:translateY(-2px)}.button.secondary{background:transparent;border-color:var(--border-subtle);color:var(--text-primary)}.actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:26px}.ledger{position:relative;padding-bottom:48px}.ledger:before{content:"";position:absolute;left:23px;top:0;bottom:40px;width:1px;background:#72727a}.chapter{position:relative;padding:0 0 65px 80px}.node{position:absolute;left:0;top:0;display:grid;place-items:center;width:47px;height:47px;border:1px solid #92929a;border-radius:4px;background:var(--bg-canvas);color:var(--accent-secondary);font-size:.85rem;font-weight:800}.chapter-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:35px;align-items:start}.spec{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;padding:24px;font-size:.92rem}.spec-label{display:block;color:var(--text-muted);margin-bottom:15px}.spec dl{margin:0}.spec dt{font-weight:700;margin-top:13px}.spec dd{margin:2px 0 0;color:var(--text-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.panel{padding:26px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;transition:transform .35s var(--ease-kinetic),background .35s}.panel:hover{transform:translateY(-3px);background:var(--bg-surface-hover)}.panel p:last-child{margin-bottom:0}.panel-link{display:block;text-decoration:none}.panel-link:hover{color:inherit}.panel-link .text-link{color:var(--accent-secondary);text-decoration:underline;text-underline-offset:5px}.room-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.small-number{display:block;color:var(--text-muted);font-size:.8rem;margin-bottom:14px}.material-image{width:100%;aspect-ratio:4/3;background:#232326}.banner-image{width:100%;aspect-ratio:16/9;background:#232326}.thumbnail-image{width:100%;aspect-ratio:1;background:#232326}.split-panel{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border-subtle);border-radius:4px;background:var(--bg-surface);overflow:clip}.split-panel .panel{border:0}.split-panel img{height:100%;min-height:260px}.article-intro,.reading{max-width:72ch;margin-inline:auto}.article-intro{margin-bottom:65px}.article-section{margin-bottom:36px}.table-scroll{overflow-x:auto;margin:24px 0;border:1px solid var(--border-subtle);border-radius:4px}table{border-collapse:collapse;width:100%;min-width:680px;font-size:.9rem}th,td{text-align:left;vertical-align:top;padding:15px;border-bottom:1px solid #45454b}th{background:var(--bg-surface);font-weight:700}tr:last-child td{border-bottom:0}.note{border-left:3px solid var(--accent-primary);padding:18px 22px;background:var(--bg-surface);margin:24px 0;color:var(--text-muted)}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.swatch{padding:16px;border:1px solid var(--border-subtle);border-radius:4px;font-size:.85rem}.swatch:before{content:"";display:block;height:70px;background:var(--sample);border-radius:4px;margin-bottom:12px}.swatch-matte{--sample:#9e8c7c}.swatch-satin{--sample:linear-gradient(125deg,#72685f,#c1b2a3,#72685f)}.swatch-polished{--sample:linear-gradient(115deg,#5a514b 30%,#e3d7cb 45%,#675c53 53%)}.pattern-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.pattern{height:130px;border:1px solid var(--border-subtle);border-radius:4px;background-color:#a59c92}.pattern-stack{background-image:linear-gradient(#252528 3px,transparent 3px),linear-gradient(90deg,#252528 3px,transparent 3px);background-size:50% 33.333%}.pattern-offset{background-image:linear-gradient(#252528 3px,transparent 3px),repeating-conic-gradient(#252528 0 25%,transparent 0 50%);background-size:100% 33.333%,100% 66.666%}.pattern-diagonal{background-image:repeating-linear-gradient(45deg,transparent 0 24px,#252528 24px 27px),repeating-linear-gradient(-45deg,transparent 0 24px,#252528 24px 27px)}details{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:4px;margin:12px 0;padding:18px 22px}summary{cursor:pointer;font-weight:700;line-height:1.5}details p{margin:16px 0 0;color:var(--text-muted)}.related{padding:40px 0 70px;border-top:1px solid var(--border-subtle)}.site-footer{border-top:1px solid var(--border-subtle);padding:36px 0 48px;color:var(--text-muted);font-size:.85rem}.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.site-footer p{margin:8px 0}.contact-form{display:grid;gap:18px}.field{display:grid;gap:7px}label{font-weight:700}input,textarea,select{width:100%;padding:12px;color:var(--text-primary);background:var(--bg-canvas);border:1px solid #797981;border-radius:4px}textarea{min-height:160px;resize:vertical}.form-status{min-height:1.75em;color:var(--accent-secondary);margin:0}.message-output{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--border-subtle);background:var(--bg-canvas);border-radius:4px;padding:18px;min-height:100px;font:inherit}.tool{margin-bottom:65px}.muted{color:var(--text-muted)}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.motion-ready .reveal-visible{opacity:1;transform:translateY(0)}[hidden]{display:none!important}
@media(min-width:1025px){.spec{position:sticky;top:28px}.hero{padding-top:100px}.chapter-grid>.spec{max-width:290px}}
@media(min-width:769px) and (max-width:1024px){.header-inner{padding-inline:28px;gap:16px}.brand{font-size:.8rem}.site-nav{gap:10px}.site-nav a{font-size:.7rem}.wrap{width:calc(100% - 80px)}.chapter-grid{grid-template-columns:minmax(0,1fr) 230px;gap:22px}.chapter{padding-left:68px}.spec{padding:18px}}
@media(max-width:768px){body:before{inset:8px}.header-inner{min-height:80px;padding:18px 24px}.brand{font-size:.85rem}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:16px;right:16px;padding:20px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex;animation:menuIn .25s var(--ease-kinetic)}.site-nav a{font-size:1rem;padding:9px 6px}.wrap{width:calc(100% - 48px)}.hero{padding:54px 0 40px}.hero:after{margin-top:32px}.chapter{padding-left:62px;padding-bottom:48px}.chapter-grid{grid-template-columns:1fr;gap:22px}.room-grid{grid-template-columns:1fr}.spec{position:static}.split-panel{grid-template-columns:1fr}.grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.footer-inner{display:block}.footer-links{margin-top:18px}.pattern-row{gap:8px}.pattern{height:100px}.swatches{gap:8px}.swatch{padding:10px}.article-intro{margin-bottom:40px}}
@media(min-width:481px) and (max-width:768px){h1{max-width:18ch}.room-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.brand{font-size:.73rem;gap:7px}.brand-mark{width:19px;height:19px}.header-inner{padding-inline:20px;gap:8px}.wrap{width:calc(100% - 40px)}.chapter{padding-left:45px}.node{width:33px;height:37px;font-size:.7rem}.ledger:before{left:16px}.panel,.spec{padding:19px}.swatches,.pattern-row{grid-template-columns:1fr}.pattern{height:120px}.swatch:before{height:45px}.actions>*{width:100%}.footer-links{gap:15px}}
@keyframes menuIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.panel:hover,.button:hover{transform:none}}
@media print{body{background:#fff;color:#111}body:before,.site-header,.site-footer,.actions,.menu-toggle{display:none}.wrap{width:100%}.hero{padding:20px 0}.spec,.panel,details,.note{background:#fff;color:#111;border-color:#777}.muted,.lead,details p{color:#333}.chapter-grid{display:block}.chapter{padding-left:60px}.node{background:#fff;color:#111}.motion-ready .reveal{opacity:1;transform:none}a{color:#111}}