:root{--bg-canvas:#211c17;--bg-surface:#342b22;--bg-surface-hover:#403429;--text-primary:#f4f1ea;--text-muted:#d0c4b4;--accent-primary:#d4a84b;--accent-secondary:#b98b52;--border-subtle:#62503b;--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}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:17px/1.8 "Trebuchet MS","Segoe UI",sans-serif;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3{line-height:1.18;font-weight:500;letter-spacing:-.025em}h1{font-size:clamp(2.5rem,5.7vw,4.8rem);margin:.3em 0 .5em;max-width:19ch}h2{font-size:clamp(1.7rem,3vw,2.5rem);margin-top:0}h3{font-size:1.3rem}p{margin:0 0 1.2em}a{color:var(--accent-primary);text-decoration-thickness:1px;text-underline-offset:5px;transition:color .25s,text-underline-offset .25s}a:hover{text-underline-offset:8px;color:var(--text-primary)}button,input,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}img{max-width:100%;display:block;border-radius:4px;object-fit:cover}figure{margin:0}figcaption,.small{font-size:.85rem;color:var(--text-muted)}figcaption{padding-top:.7rem}.wrap{max-width:1200px;margin:auto;padding:0 28px}.topline{border-bottom:1px solid var(--border-subtle);font-size:.78rem;letter-spacing:.06em;padding:8px 28px;color:var(--text-muted)}.site-header{position:relative;border-bottom:1px solid var(--border-subtle);z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 28px;max-width:1440px;margin:auto}.brand{font-size:1rem;font-weight:bold;color:var(--text-primary);text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:10px}.brand-mark{color:var(--accent-primary);font-size:1.4rem}.nav{display:flex;gap:18px;align-items:center}.nav a{font-size:.85rem;color:var(--text-muted);text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--accent-primary)}.menu-button{display:none;background:none;border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:4px;font-size:1.7rem;line-height:1;padding:8px 15px}.skip{position:absolute;left:15px;top:-100px;background:var(--accent-primary);color:var(--bg-canvas);padding:8px;z-index:100}.skip:focus{top:10px}main{min-height:55vh}.lead{padding:80px 0 60px;position:relative;background:radial-gradient(ellipse at 80% 30%,#d4a84b20,transparent 60%);background-size:200% 200%;animation:gradientShift 12s ease infinite}.lead-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent-primary);margin-bottom:16px}.intro{font-size:1.17rem;color:var(--text-muted);max-width:60ch}.button{display:inline-block;background:var(--accent-primary);color:#211c17;border:0;border-radius:4px;padding:12px 21px;text-decoration:none;font-weight:bold;transition:transform .35s var(--ease-kinetic),box-shadow .35s}.button:hover{color:#211c17;transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.text-action{background:none;border:0;color:var(--accent-primary);text-decoration:underline;text-underline-offset:5px;padding:8px 0}.text-action:hover{text-underline-offset:8px}.hero-art{position:relative;min-height:420px}.hero-art img{position:absolute;width:65%;height:auto;aspect-ratio:4/3;border:1px solid var(--border-subtle);box-shadow:var(--shadow-elevation);background:var(--bg-surface)}.hero-art .shoreline-illustration{top:0;left:0;transform:rotate(-5deg)}.hero-art .pavilion-illustration{top:95px;right:0;transform:rotate(5deg)}.hero-art .nature-path-illustration{top:220px;left:15%;width:55%;transform:rotate(-2deg)}.art-caption{position:absolute;bottom:-20px;font-size:.75rem;color:var(--text-muted)}.section{padding:62px 0;border-top:1px solid var(--border-subtle)}.section-heading{max-width:72ch;margin-bottom:30px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel,.card,.callout{background:var(--bg-surface);background:linear-gradient(135deg,#493826aa,#342b22ed);border:1px solid var(--border-subtle);border-radius:4px;padding:28px;backdrop-filter:var(--glass-backdrop)}.card{transition:transform .4s var(--ease-kinetic),box-shadow .4s,border-color .4s}.card:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);border-color:var(--accent-primary)}.card h3 a{color:var(--text-primary)}.number{display:block;color:var(--accent-primary);font-size:.8rem;letter-spacing:.1em;margin-bottom:20px}.comparison{background:radial-gradient(ellipse at 20% 40%,#d4a84b13,transparent 65%)}.wide-card{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}.photo-banner{width:100%;aspect-ratio:16/9}.grid-photo{width:100%;aspect-ratio:4/3}.thumbnail{width:90px;height:90px;aspect-ratio:1}.compact{display:flex;gap:20px;align-items:center}.article-head{padding:70px 0 42px}.article-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:50px;align-items:start}.prose{max-width:70ch;margin:0 auto}.prose h2{font-size:1.8rem;margin:2em 0 .7em}.prose h3{margin-top:1.6em}.prose li{margin-bottom:.65em}.article-aside{border-left:1px solid var(--border-subtle);padding-left:25px;font-size:.93rem;color:var(--text-muted)}.article-aside h2{font-size:1.2rem;color:var(--text-primary)}.article-aside a{display:inline-block;margin-bottom:8px}.article-body{padding-bottom:70px}.callout{margin:28px 0;border-left:3px solid var(--accent-primary)}.sources{padding-top:24px;border-top:1px solid var(--border-subtle);font-size:.92rem}.sources ul{padding-left:22px}.diagram{display:flex;gap:10px;margin:24px 0}.diagram span{flex:1;text-align:center;border:1px solid var(--border-subtle);border-radius:4px;padding:17px 8px;font-size:.85rem;background:#d4a84b0c}.steps{counter-reset:journey;list-style:none;padding:0}.steps li{position:relative;padding:5px 0 26px 48px;border-left:1px solid var(--border-subtle);margin-left:15px}.steps li:before{counter-increment:journey;content:counter(journey);position:absolute;left:-17px;top:0;background:var(--bg-canvas);border:1px solid var(--accent-primary);border-radius:4px;width:32px;height:32px;text-align:center;color:var(--accent-primary)}details{border-bottom:1px solid var(--border-subtle);padding:21px 0}summary{cursor:pointer;font-size:1.1rem;color:var(--text-primary)}details p{color:var(--text-muted);padding-top:16px;margin-bottom:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}label{display:block;margin-bottom:20px}input,textarea{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid var(--border-subtle);border-radius:4px;background:var(--bg-canvas);color:var(--text-primary)}textarea{min-height:190px;resize:vertical}.preview{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;margin:0;min-height:260px;color:var(--text-muted)}.actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap}.status{min-height:1.8em;color:var(--accent-primary);font-size:.9rem;margin-top:16px}.footer{border-top:1px solid var(--border-subtle);padding:40px 0 28px;background:#1b1713}.footer-tagline{font-size:1.2rem;color:var(--text-primary);margin-bottom:25px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:30px}.footer-links{display:flex;gap:12px 24px;flex-wrap:wrap}.footer-links a{font-size:.9rem}.company{font-size:.85rem;color:var(--text-muted);border-top:1px solid var(--border-subtle);padding-top:24px}.company p{margin-bottom:.8em}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.83rem;color:var(--text-muted)}.reveal-visible{transform:translateY(0);opacity:1}.reveal-pending{transform:translateY(22px);opacity:0}.reveal{transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}
@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(min-width:1025px){.article-aside{margin-top:12px}.lead{min-height:600px}}
@media(min-width:769px) and (max-width:1024px){.header-inner{flex-wrap:wrap;gap:14px}.nav{gap:20px}.hero-art{min-height:360px}.hero-art .nature-path-illustration{top:185px}.lead-grid{gap:25px}.article-layout{gap:30px}}
@media(max-width:768px){.header-inner{padding:18px 22px}.menu-button{display:block}.nav{display:flex;flex-wrap:wrap;gap:12px 22px;padding:15px 22px;border-top:1px solid var(--border-subtle)}.menu-ready .nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-surface);box-shadow:var(--shadow-elevation);padding:22px}.menu-ready .nav.is-open{display:grid;grid-template-columns:1fr 1fr;animation:menuDown .25s var(--ease-kinetic)}.lead-grid,.article-layout,.form-grid,.wide-card{grid-template-columns:1fr}.lead{padding:45px 0}.hero-art{max-width:480px;width:100%;margin:15px auto 30px;min-height:410px}.section{padding:42px 0}.article-aside{padding:24px 0 0;border-left:0;border-top:1px solid var(--border-subtle)}.article-head{padding-top:45px}.editorial-grid{grid-template-columns:1fr}.topline{padding-left:22px}.wrap{padding:0 22px}.article-body{padding-bottom:45px}}
@media(min-width:481px) and (max-width:768px){.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.hero-art{min-height:430px}}
@media(max-width:480px){body{font-size:16px}.brand{font-size:.88rem;gap:6px}.header-inner{gap:8px}.topline{font-size:.68rem}.wrap{padding:0 20px}.hero-art{min-height:330px}.hero-art .pavilion-illustration{top:70px}.hero-art .nature-path-illustration{top:165px}.panel,.card,.callout{padding:21px}.grid{grid-template-columns:minmax(0,1fr)}.footer-grid{grid-template-columns:1fr}.diagram{flex-direction:column}.compact{align-items:flex-start}.thumbnail{width:70px;height:70px}.art-caption{bottom:-5px}}
@keyframes menuDown{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}.reveal-pending{opacity:1;transform:none}.button:hover,.card:hover{transform:none}}