:root{--bg-canvas:#241b16;--bg-surface:#35291f;--bg-surface-hover:#423225;--text-primary:#f4f1ea;--text-muted:#d3c4b3;--accent-primary:#d4a84b;--accent-secondary:#e4c986;--border-subtle:#66513a;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px #d4a84b55;--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:16px/1.75 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3,.eyebrow,.button{font-family:"Arial Narrow","Helvetica Neue",sans-serif}h1,h2,h3{line-height:1.15;text-transform:uppercase;letter-spacing:.09em;text-wrap:balance}h1{font-size:clamp(2rem,4.6vw,4.3rem);margin:.4em 0}h2{font-size:clamp(1.35rem,2.3vw,2rem);margin:0 0 1rem}h3{font-size:1.05rem}p{margin:0 0 1.1rem}a{color:var(--accent-secondary);text-underline-offset:4px}a:hover{color:var(--text-primary)}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}figcaption{font-size:.8rem;color:var(--text-muted);margin-top:.6rem}.wrap{width:min(1200px,calc(100% - 40px));margin-inline:auto}.site-header{position:relative;margin:20px 20px 32px;padding:17px 20px;border:1px solid var(--border-subtle);border-radius:20px;background:#35291fe8;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow-elevation)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);font-weight:750;font-size:.95rem;white-space:nowrap;flex-shrink:0}.brand-mark{height:31px;width:31px;display:grid;place-items:center;color:var(--bg-canvas);background:var(--accent-primary);border-radius:9px;font-size:18px}.site-nav{display:flex;gap:14px;align-items:center}.site-nav a{font-size:.76rem;color:var(--text-muted);text-decoration:none;white-space:nowrap}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent-secondary);text-decoration:underline}.menu-toggle{display:none;border:1px solid var(--border-subtle);background:var(--bg-canvas);color:var(--text-primary);border-radius:10px;width:42px;height:42px;font-size:28px;line-height:1}.skip-link{position:absolute;top:-100px;left:20px;z-index:10;padding:10px;background:var(--accent-primary);color:var(--bg-canvas)}.skip-link:focus{top:10px}.eyebrow{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-secondary);font-weight:700}.intro{max-width:72ch;margin-bottom:32px}.intro p{color:var(--text-muted);font-size:1.08rem}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:34px;align-items:center;margin-bottom:54px;background:radial-gradient(ellipse at 80% 30%,#d4a84b22,transparent 65%);background-size:200% 200%;animation:gradientShift 12s ease infinite}.hero-copy{padding:20px 0}.hero-copy p{max-width:53ch;color:var(--text-muted)}.hero-scene{position:relative;padding-bottom:65px}.image-frame{border-radius:20px;overflow:hidden;background:#493828;aspect-ratio:4/3;border:1px solid var(--border-subtle)}.hero-scene .image-frame{aspect-ratio:4/5}.fact-panel{position:absolute;bottom:0;left:20px;right:20px;padding:20px;border-radius:20px;border:1px solid var(--accent-primary);background:#35291ff0;backdrop-filter:var(--glass-backdrop);box-shadow:var(--shadow-elevation)}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.facts strong{display:block;color:var(--accent-secondary);font-size:1.3rem}.facts span{font-size:.78rem;color:var(--text-muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 19px;border:1px solid var(--accent-primary);border-radius:8px;background:var(--accent-primary);color:#241b16;font-size:.82rem;letter-spacing:.09em;font-weight:800;text-decoration:none;box-shadow:4px 4px 0 #120d09;transition:transform .3s var(--ease-kinetic),box-shadow .3s var(--ease-kinetic),background .3s}.button:hover{color:#241b16;background:var(--accent-secondary);transform:translate(3px,3px);box-shadow:1px 1px 0 #120d09}.button.secondary{background:transparent;color:var(--accent-secondary)}.button:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px}.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;margin-bottom:42px}.tile{grid-column:span 6;min-width:0;padding:30px;border:1px solid var(--border-subtle);border-radius:20px;background:var(--bg-surface);transition:transform .4s var(--ease-kinetic),box-shadow .4s var(--ease-kinetic),background .4s}.tile:hover{background:var(--bg-surface-hover);transform:translateY(-5px) scale(1.005);box-shadow:var(--shadow-elevation),var(--glow-accent)}.tile.wide{grid-column:span 8}.tile.narrow{grid-column:span 4}.tile.full{grid-column:1/-1}.tile.glow{background:radial-gradient(ellipse at top right,#d4a84b1f,transparent 75%),var(--bg-surface)}.tile p,.tile li{color:var(--text-muted)}.tile .image-frame{margin:20px 0}.tile a:not(.button){font-weight:650}.tile-number{display:inline-block;color:var(--accent-secondary);font-size:.75rem;letter-spacing:.2em;margin-bottom:15px}.divided-list{padding:0;margin:16px 0;list-style:none}.divided-list li{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:15px 0;border-top:1px solid var(--border-subtle)}.divided-list li:last-child{border-bottom:1px solid var(--border-subtle)}.list-icon{color:var(--accent-secondary);font-weight:800}.divided-list strong{color:var(--text-primary)}.swatches{display:flex;gap:10px;margin:20px 0}.swatch{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-muted)}.swatch::before{content:"";width:20px;height:20px;border:1px solid #b9a48b;border-radius:50%;background:var(--swatch)}.swatch.linen{--swatch:#d2c1a6}.swatch.walnut{--swatch:#775138}.swatch.felt{--swatch:#918578}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid var(--border-subtle);padding:16px 0}.comparison strong{display:block;color:var(--text-primary)}.comparison span{font-size:.9rem;color:var(--text-muted)}.prose{max-width:70ch;margin-inline:auto}.prose p:last-child{margin-bottom:0}.section-heading{margin:40px 0 22px}.note{border-left:3px solid var(--accent-primary);padding:12px 18px;background:#241b1666;color:var(--text-muted);font-size:.9rem}.thumb-row{display:grid;grid-template-columns:90px 1fr;gap:18px;align-items:center;border-top:1px solid var(--border-subtle);padding:18px 0}.thumb-row .image-frame{margin:0;aspect-ratio:1}.thumb-row h3{margin:0 0 8px}.thumb-row p{font-size:.9rem;margin:0}.fluid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:22px}.banner-image{aspect-ratio:16/9;max-height:420px;margin-bottom:30px}details{border-top:1px solid var(--border-subtle);padding:18px 0}details:last-child{border-bottom:1px solid var(--border-subtle)}summary{cursor:pointer;font-weight:700;color:var(--text-primary)}details p{margin:14px 0 0;max-width:70ch}.composer{display:grid;grid-template-columns:1fr 1fr;gap:30px}label{display:block;font-size:.9rem;font-weight:650;margin:16px 0 6px}input,textarea{width:100%;background:var(--bg-canvas);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:9px;padding:12px}textarea{resize:vertical;min-height:150px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font: .9rem/1.7 system-ui,sans-serif;background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:14px;padding:20px;min-height:220px;margin:16px 0}.status{min-height:1.8em;font-size:.9rem;color:var(--accent-secondary)}.small{font-size:.85rem;color:var(--text-muted)}.site-footer{margin-top:55px;padding:32px 0;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:.85rem}.footer-inner{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.footer-brand{font-weight:700}.footer-note{margin-top:12px;max-width:74ch}.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.reveal-visible{opacity:1;transform:translateY(0)}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(min-width:1025px){.site-header{padding-inline:22px}.site-nav{gap:13px}}
@media(min-width:769px) and (max-width:1024px){.site-header{flex-wrap:wrap}.site-nav{width:100%;justify-content:space-between}.hero{gap:24px}.tile{padding:24px}.tile.wide,.tile.narrow{grid-column:span 6}.facts{gap:8px}.fact-panel{left:12px;right:12px;padding:16px}}
@media(max-width:768px){.wrap{width:calc(100% - 32px)}.site-header{margin:12px 16px 28px;padding:13px 15px}.brand{font-size:.85rem;white-space:normal}.brand-mark{flex-shrink:0}.js .menu-toggle{display:block;flex-shrink:0}.site-header{flex-wrap:wrap}.site-nav{width:100%;flex-direction:column;align-items:stretch;gap:0;padding-top:8px}.site-nav a{padding:12px;border-top:1px solid var(--border-subtle);font-size:.95rem}.js .site-nav{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;width:auto;background:var(--bg-surface);padding:12px 20px;border:1px solid var(--border-subtle);border-radius:20px;z-index:5;box-shadow:var(--shadow-elevation)}.js .site-nav.is-open{display:flex}.hero{grid-template-columns:1fr;gap:20px;margin-bottom:36px}.hero-copy{padding:0}.hero-scene .image-frame{aspect-ratio:4/3}.bento{grid-template-columns:1fr;gap:18px}.tile,.tile.wide,.tile.narrow,.tile.full{grid-column:1;padding:24px}.composer{grid-template-columns:1fr}.hero h1{max-width:17ch}.footer-inner{display:block}.footer-links{margin-top:18px}.intro{margin-bottom:25px}}
@media(max-width:480px){h1{font-size:2.1rem}.site-header{gap:10px}.brand{font-size:.74rem}.brand-mark{width:26px;height:26px}.tile,.tile.wide,.tile.narrow{padding:21px}.fact-panel{left:10px;right:10px;padding:16px}.facts strong{font-size:1.1rem}.facts span{font-size:.7rem}.comparison{gap:12px}.actions .button{width:100%}.hero-scene{padding-bottom:70px}.swatches{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.tile:hover,.button:hover{transform:none}}