:root{--bg-canvas:#1e1612;--bg-surface:#2a201a;--bg-surface-hover:#372820;--text-primary:#f5ecdf;--text-muted:#c5b5a1;--accent-primary:#f59e0b;--accent-secondary:#d97706;--border-subtle:#59483a;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.38);--glow-accent:0 0 24px -4px rgba(245,158,11,.35);--glass-backdrop:blur(16px) saturate(150%);--page-width:1200px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;overflow-wrap:anywhere;hyphens:auto}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.12;letter-spacing:-.025em;overflow-wrap:anywhere}
h1{font-size:clamp(2.7rem,6vw,5.6rem);margin:.25em 0}
h2{font-size:clamp(2rem,4vw,3.2rem);margin:.2em 0 .55em}
h3{font-size:1.45rem;margin:.25em 0 .6em}
p{max-width:72ch}
a{color:#ffc45a;text-underline-offset:.2em}
a:hover{color:#ffe0a1}
button,input,textarea,select{font:inherit}
button,.button{display:inline-block;background:var(--accent-primary);color:#21170d;border:0;padding:.85rem 1.15rem;font-weight:800;text-decoration:none;box-shadow:4px 4px 0 #8b4e06;cursor:pointer;transition:transform .25s var(--ease-kinetic),box-shadow .25s var(--ease-kinetic),background .25s}
button:hover,.button:hover{transform:translate(4px,4px);box-shadow:0 0 0 #8b4e06;background:#ffc04a;color:#21170d}
:focus-visible{outline:3px solid #ffe0a1;outline-offset:4px}
img{display:block;width:100%;height:auto;object-fit:cover}
.site-top{border-bottom:1px solid var(--border-subtle);color:var(--text-muted);font-size:.82rem}
.top-inner,.header-inner,.footer-inner{width:min(calc(100% - 2.5rem),var(--page-width));margin:auto}
.top-inner{padding:.45rem 0;display:flex;justify-content:space-between;gap:1rem}
.site-header{position:relative;background:#211813;border-bottom:1px solid var(--border-subtle);z-index:5}
.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--text-primary);text-decoration:none;font-family:Georgia,"Times New Roman",serif;font-size:1.4rem;font-weight:700;white-space:nowrap}
.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--accent-primary);color:#21170d;border-radius:50%;font-family:system-ui,sans-serif;font-size:.9rem}
.primary-nav{display:flex;align-items:center;gap:clamp(.7rem,2vw,1.5rem)}
.primary-nav a{font-size:.9rem;color:var(--text-primary);text-decoration:none}
.primary-nav a:hover,.primary-nav a[aria-current=page]{color:var(--accent-primary)}
.menu-toggle{display:none;padding:.35rem .7rem;font-size:1.6rem;line-height:1;box-shadow:none}
.wrap{width:min(calc(100% - 2.5rem),var(--page-width));margin-inline:auto}
.hero{position:relative;padding:clamp(3.8rem,8vw,7rem) 0 5rem;background-color:#241a14;background-image:linear-gradient(rgba(245,236,223,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(245,236,223,.035) 1px,transparent 1px);background-size:32px 32px}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(2rem,6vw,5rem)}
.eyebrow,.kicker{color:var(--accent-primary);font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800}
.hero-copy p{font-size:1.08rem;color:#ddcfbd;max-width:62ch}
.hero-art{position:relative;min-height:400px}
.hero-photo{position:absolute;width:58%;height:320px;border:5px solid #241a14;box-shadow:var(--shadow-elevation)}
.hero-photo img{height:100%}
.hero-photo.one{left:1%;top:5%;transform:rotate(-5deg)}
.hero-photo.two{left:30%;top:25%;z-index:2;transform:rotate(3deg)}
.hero-photo.three{right:0;top:0;transform:rotate(7deg)}
.hero-note{position:absolute;z-index:3;bottom:0;left:9%;padding:.8rem 1rem;background:var(--accent-primary);color:#21170d;font-weight:800}
.section{padding:clamp(3.5rem,7vw,6rem) 0}
.section-pattern{background-color:#241a14;background-image:radial-gradient(rgba(245,158,11,.16) 1px,transparent 1px);background-size:20px 20px}
.section-intro{margin-bottom:2rem}
.section-intro p{color:var(--text-muted)}
.fact-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.4rem}
.fact{border-top:2px solid var(--accent-primary);padding:1rem 1rem 0 0}
.fact strong{display:block;font-family:Georgia,serif;font-size:1.25rem}
.fact span{color:var(--text-muted);font-size:.92rem}
.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}
.card{position:relative;background:var(--bg-surface);border:1px solid var(--border-subtle);transition:transform .35s var(--ease-kinetic),box-shadow .35s var(--ease-kinetic),background .35s}
.card:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:var(--bg-surface-hover)}
.card-image{position:relative;aspect-ratio:4/3}
.card-image img{height:100%}
.badge{position:absolute;bottom:-.65rem;left:1rem;background:var(--accent-primary);color:#21170d;border-radius:99px;padding:.35rem .7rem;font-size:.75rem;font-weight:850;letter-spacing:.04em}
.card-body{padding:1.45rem}
.card-body p{color:var(--text-muted)}
.card-body a{font-weight:750}
.feature-card{display:grid;grid-template-columns:.9fr 1.1fr;align-items:stretch;background:var(--bg-surface);border:1px solid var(--border-subtle)}
.feature-card img{height:100%;min-height:290px}
.feature-card-copy{padding:clamp(1.5rem,4vw,3rem)}
.check-list{padding:0;list-style:none;max-width:72ch}
.check-list li{position:relative;padding:.6rem 0 .6rem 2rem;border-bottom:1px solid var(--border-subtle)}
.check-list li:before{content:"✓";position:absolute;left:.15rem;color:var(--accent-primary);font-weight:900}
.prose{max-width:72ch;margin-inline:auto}
.prose p{color:#e0d3c3}
.callout{border-left:4px solid var(--accent-primary);background:#2a201a;padding:1.2rem 1.4rem;margin:1.5rem 0}
.table-wrap{overflow-x:auto;margin:1.5rem 0}
table{border-collapse:collapse;width:100%;min-width:620px;background:var(--bg-surface)}
th,td{padding:.9rem 1rem;text-align:left;border:1px solid var(--border-subtle);vertical-align:top}
th{color:var(--accent-primary);font-family:Georgia,serif}
details{border:1px solid var(--border-subtle);background:var(--bg-surface);padding:1rem 1.15rem;margin:.75rem 0}
summary{cursor:pointer;font-weight:750}
details p{color:var(--text-muted);margin-bottom:.2rem}
.check-panel{padding:1.5rem;background:#2a201a;border:1px solid var(--border-subtle)}
.check-panel label{display:flex;gap:.75rem;align-items:flex-start;padding:.55rem 0}
.check-panel input{accent-color:var(--accent-primary);margin-top:.35rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-grid .wide{grid-column:1/-1}
label{display:block;font-weight:700}
input,textarea,select{width:100%;padding:.75rem;background:#17110e;color:var(--text-primary);border:1px solid var(--border-subtle);margin-top:.35rem}
textarea{min-height:150px;resize:vertical}
.tool-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}
.status{min-height:1.5em;color:#ffc45a}
.site-footer{padding:2.5rem 0;background:#17110e;border-top:1px solid var(--border-subtle)}
.footer-inner{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem}
.footer-inner p{color:var(--text-muted);font-size:.9rem}
.footer-links{display:flex;flex-wrap:wrap;gap:.75rem 1.2rem;align-content:start}
.footer-links a{color:var(--text-primary)}
.footer-bottom{grid-column:1/-1;padding-top:1rem;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:.85rem}
.breadcrumb{font-size:.88rem;color:var(--text-muted);padding-top:1.4rem}
.page-hero{padding:3.5rem 0 2rem;background-image:linear-gradient(rgba(245,236,223,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(245,236,223,.035) 1px,transparent 1px);background-size:32px 32px}
.page-hero h1{max-width:16ch;font-size:clamp(2.7rem,5.5vw,4.8rem)}
.page-hero p{color:var(--text-muted);max-width:68ch}
.reveal{opacity:0;transform:translateY(22px);transition:all .7s var(--ease-kinetic)}
.reveal-visible{opacity:1;transform:translateY(0)}
@media(min-width:1025px){.wrap,.top-inner,.header-inner,.footer-inner{width:min(calc(100% - 3rem),var(--page-width))}}
@media(max-width:768px){.header-inner{min-height:68px}.menu-toggle{display:block;margin-left:auto}.primary-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:1rem 1.25rem 1.3rem;background:#211813;border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-elevation);flex-direction:column;align-items:stretch;gap:0}.primary-nav.is-open{display:flex}.primary-nav a{padding:.75rem 0;border-bottom:1px solid var(--border-subtle)}.hero-grid{grid-template-columns:1fr}.hero-art{min-height:330px;max-width:620px;width:100%;margin:0 auto}.hero-photo{height:270px}.feature-card{grid-template-columns:1fr}.feature-card img{max-height:330px}.fact-row{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.footer-bottom{grid-column:auto}}
@media(max-width:480px){.wrap,.top-inner,.header-inner,.footer-inner{width:calc(100% - 2rem)}.top-inner{font-size:.72rem}.brand{font-size:1.18rem}.hero{padding-top:3.5rem}.hero-art{min-height:255px}.hero-photo{height:205px;width:61%;border-width:3px}.hero-note{font-size:.8rem;left:3%}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.section{padding:3.5rem 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}