:root{--bg-canvas:#1c1f24;--bg-surface:#292f32;--bg-surface-hover:#303b3b;--text-primary:#e5e7eb;--text-muted:#bcc8c6;--accent-primary:#14b8a6;--accent-secondary:#91d5c4;--border-subtle:#475452;--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 rgba(20,184,166,.22);--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}img{display:block;width:100%;height:auto;object-fit:cover;border-radius:4px}a{color:var(--accent-secondary);text-decoration-thickness:1px;text-underline-offset:5px;transition:color .2s,text-underline-offset .2s}a:hover{color:#fff;text-underline-offset:8px}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,textarea,select{outline-offset:5px} :focus-visible{outline:2px solid var(--accent-primary)}::selection{background:#17685f;color:#fff}input,textarea{accent-color:var(--accent-primary)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.13;text-wrap:balance;overflow-wrap:anywhere}h1{font-size:clamp(2.6rem,5.5vw,4.8rem);margin:.3em 0 .5em;letter-spacing:-.04em}h2{font-size:clamp(1.8rem,3.4vw,2.7rem);margin:0 0 .65em}h3{font-size:1.5rem;margin:.35em 0 .55em}p{margin:0 0 1.2em}small,.muted{color:var(--text-muted)}ul,ol{padding-left:1.3rem}li{margin:.4em 0}.wrap{width:min(1200px,calc(100% - 64px));margin:0 auto}.skip{position:absolute;left:16px;top:-100px;z-index:20;background:var(--bg-surface);padding:10px}.skip:focus{top:12px}.site-header{position:relative;padding:24px 0 0;border-bottom:1px solid var(--border-subtle)}.header-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:21px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary);font-weight:650;font-size:clamp(.86rem,2vw,1.15rem);letter-spacing:-.025em}.brand-mark{width:27px;height:34px;flex-shrink:0;border:1px solid var(--accent-primary);border-radius:4px;background:repeating-linear-gradient(105deg,transparent 0 5px,#14b8a6 6px 7px,transparent 8px 11px)}.header-note{color:var(--text-muted);font-size:.8rem;letter-spacing:.09em;text-transform:uppercase}.site-nav{display:flex;justify-content:center;gap:clamp(20px,3vw,42px);padding:13px 0 17px}.site-nav a{font-size:.9rem;text-decoration:none;position:relative;white-space:nowrap}.site-nav a:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:1px;background:var(--accent-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-kinetic)}.site-nav a:hover:after,.site-nav a[aria-current=page]:after{transform:scaleX(1)}.menu-toggle{display:none;background:transparent;border:1px solid var(--border-subtle);color:var(--text-primary);font-size:1.8rem;line-height:1;padding:7px 16px;border-radius:4px}.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:52px;padding:72px 0}.hero:before,.texture-zone:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 45%,rgba(20,184,166,.16),transparent 65%);background-size:200% 200%;animation:gradientShift 12s ease infinite}.hero figure{margin:0}.hero img{aspect-ratio:4/3;background:var(--bg-surface)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;color:var(--accent-secondary);margin-bottom:16px}.lede{font-size:1.13rem;color:var(--text-muted);max-width:57ch}.button{display:inline-block;padding:12px 21px;border:1px solid var(--accent-primary);border-radius:4px;background:var(--accent-primary);color:#092c27;font-weight:700;text-decoration:none;transition:transform .35s var(--ease-kinetic),box-shadow .35s,background .35s}.button:hover{color:#092c27;background:#5bcebd;transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.text-button{background:none;border:0;padding:3px 0;color:var(--accent-secondary);text-decoration:underline;text-underline-offset:5px;transition:transform .3s var(--ease-kinetic),text-underline-offset .3s}.text-button:hover{transform:translateY(-2px);text-underline-offset:8px}figcaption{font-size:.8rem;color:var(--text-muted);padding-top:9px}.atlas-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 44px}.zone{grid-column:span 6;padding:44px 0;border-top:1px solid var(--border-subtle);min-width:0}.zone-wide{grid-column:1/-1}.zone-small{grid-column:span 5}.zone-large{grid-column:span 7}.texture-zone{position:relative;isolation:isolate}.rows{list-style:none;margin:22px 0;padding:0}.rows li{margin:0;padding:17px 0;border-top:1px solid var(--border-subtle);display:grid;grid-template-columns:25px 1fr;gap:12px}.rows li:last-child{border-bottom:1px solid var(--border-subtle)}.row-icon{color:var(--accent-primary);font-size:1.1rem}.rows a{font-weight:600}.rows p{margin:6px 0 0;font-size:.95rem;color:var(--text-muted)}.split-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px}.photo-grid{aspect-ratio:4/3}.photo-banner{aspect-ratio:16/9}.grain-illustration{aspect-ratio:1;background:var(--bg-surface)}.zone-link{display:inline-block;margin-top:12px}.article-heading{max-width:900px;padding:64px 0 40px}.article-heading h1{font-size:clamp(2.7rem,5vw,4.2rem)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:64px;padding:36px 0 64px;border-top:1px solid var(--border-subtle)}.prose{max-width:70ch;margin:0 auto;min-width:0}.prose h2{margin-top:1.6em}.prose h3{margin-top:1.4em}.prose p,.prose li{color:var(--text-muted)}.prose strong{color:var(--text-primary)}.article-aside{padding-top:9px}.article-aside h2{font-size:1.45rem}.article-aside p{font-size:.94rem;color:var(--text-muted)}.article-aside a{display:block;margin:12px 0}.inset{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;padding:26px;margin:26px 0}.inset p:last-child{margin-bottom:0}.table-scroll{overflow-x:auto;margin:25px 0}table{width:100%;border-collapse:collapse;font-size:.93rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border-subtle);padding:13px 12px}th{color:var(--accent-secondary);font-weight:600}td{color:var(--text-muted)}.palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:32px;margin-top:24px}.palette{border-top:1px solid var(--border-subtle);padding:20px 0}.swatches{display:flex;height:24px;margin:16px 0;border-radius:4px;overflow:clip}.swatches span{flex:1}.cedar{background:#9f6e4c}.linen{background:#d4c8ac}.chalk{background:#e4dfd3}.olive{background:#72795b}.charcoal{background:#353b3c}.clay{background:#9e6451}.faq-list{max-width:850px;margin:0 auto;padding-bottom:65px}details{border-top:1px solid var(--border-subtle);padding:20px 0}details:last-child{border-bottom:1px solid var(--border-subtle)}summary{cursor:pointer;font-family:Georgia,"Times New Roman",serif;font-size:1.3rem;color:var(--text-primary);padding-right:12px}details p{color:var(--text-muted);margin:16px 0 0;max-width:70ch}.page-intro{padding:60px 0 35px;max-width:850px}.reading-page{max-width:70ch;margin:0 auto;padding-bottom:64px}.reading-page h2{margin-top:1.5em}.reading-page p,.reading-page li{color:var(--text-muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.field-full{grid-column:1/-1}input,textarea{width:100%;min-width:0;background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:4px;padding:12px;color:var(--text-primary)}textarea{resize:vertical;min-height:150px}.actions{display:flex;gap:22px;flex-wrap:wrap;align-items:center}.output{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;color:var(--text-muted);max-height:360px;overflow:auto}.status{min-height:1.75em;color:var(--accent-secondary);margin-top:14px}.site-footer{border-top:1px solid var(--border-subtle);padding:34px 0 24px}.footer-top{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.site-footer p{font-size:.85rem;color:var(--text-muted);margin-top:20px}.site-footer a{font-size:.9rem}.reveal-pending{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.reveal-visible{opacity:1;transform:translateY(0)}[hidden]{display:none!important}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(min-width:1025px){.hero{min-height:620px}.article-aside{border-left:1px solid var(--border-subtle);padding-left:25px}}
@media(min-width:769px) and (max-width:1024px){.hero{gap:28px}.article-layout{gap:34px;grid-template-columns:minmax(0,1fr) 220px}.atlas-grid{gap:0 28px}.header-note{display:none}}
@media(min-width:481px) and (max-width:768px){.wrap{width:calc(100% - 44px)}.hero{gap:30px}.atlas-grid{gap:0 28px}}
@media(max-width:768px){.hero,.split-feature{grid-template-columns:1fr}.hero{padding:42px 0}.hero figure{max-width:560px}.zone,.zone-small,.zone-large{grid-column:1/-1}.article-layout{grid-template-columns:1fr;gap:30px}.article-aside{border-top:1px solid var(--border-subtle);padding-top:25px}.header-note{display:none}.site-nav{gap:20px}}
@media(max-width:767px){.menu-toggle{display:block}.site-header{z-index:5}.header-top{padding-bottom:20px}.js-enabled .site-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;padding:12px 22px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-elevation)}.js-enabled .site-nav.is-open{display:flex;animation:menuEnter .3s var(--ease-kinetic)}.site-nav{flex-wrap:wrap}.site-nav a{padding:10px}.site-nav a:after{bottom:5px}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}@keyframes menuEnter{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}.brand{gap:8px;font-size:.83rem}.brand-mark{width:20px;height:28px}.menu-toggle{padding:5px 12px}.hero{gap:28px}.zone{padding:32px 0}.inset{padding:20px}.article-heading,.page-intro{padding-top:40px}.footer-top{flex-direction:column}.footer-links{gap:14px}.actions{gap:18px}th,td{padding:10px 8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}.button:hover,.text-button:hover{transform:none}}