:root{--bg-canvas:#fff;--bg-surface:#f1f5f9;--bg-surface-hover:#e8edf2;--text-primary:#1e293b;--text-muted:#475569;--accent-primary:#b45309;--accent-secondary:#78350f;--border-subtle:#cbd5e1;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(30,41,59,.18);--glow-accent:0 0 24px -4px rgba(180,83,9,.24);--glass-backdrop:blur(16px) saturate(180%);--content: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}
img{display:block;width:100%;height:auto;object-fit:cover}
a{color:var(--accent-secondary);text-underline-offset:.2em}
a:hover{color:var(--accent-primary)}
h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;line-height:1.12;overflow-wrap:anywhere;hyphens:auto}
h1{font-size:clamp(2.8rem,7vw,6.5rem);letter-spacing:-.045em;margin:.25em 0}
h2{font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.025em;margin:0 0 .55em}
h3{font-size:1.5rem;margin:.25em 0 .5em}
p{max-width:72ch}
.container{width:min(calc(100% - 2.5rem),var(--content));margin-inline:auto}
.site-header{background:#fff;border-bottom:1px solid var(--border-subtle);position:relative;z-index:5}
.header-inner{min-height:82px;display:flex;align-items:center;gap:2rem}
.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--text-primary);font-weight:800;letter-spacing:-.03em;white-space:nowrap;margin-right:auto}
.brand-mark{width:34px;height:34px;background:var(--accent-primary);color:#fff;display:grid;place-items:center;border-radius:50%;font:700 1.15rem Georgia,serif}
.header-nav{display:flex;align-items:center;gap:1.5rem}
.nav-group{display:flex;align-items:center;gap:1.1rem}
.header-nav a,.footer-links a{font-size:.92rem;font-weight:650;text-decoration:none}
.header-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--accent-primary);text-decoration-thickness:2px;text-underline-offset:7px}
.menu-toggle{display:none;border:0;background:transparent;color:var(--text-primary);font-size:1.8rem;line-height:1;cursor:pointer;padding:.4rem}
.mobile-menu{display:none}
main{min-height:60vh}
.hero{padding:clamp(4rem,9vw,8rem) 0 4rem;background:#fff}
.hero-copy{max-width:850px}
.eyebrow{margin:0 0 .7rem;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800;color:var(--accent-primary)}
.hero p{font-size:1.2rem;color:var(--text-muted);max-width:64ch}
.button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent-primary);color:#fff;border:0;border-radius:999px;padding:.82rem 1.35rem;font-weight:800;text-decoration:none;transition:transform .25s var(--ease-kinetic),box-shadow .25s var(--ease-kinetic),background .2s}
.button:hover,.button:focus-visible{background:var(--accent-secondary);color:#fff;transform:translateY(-3px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}
.button.secondary{background:var(--text-primary)}
.band{padding:4.5rem 0}
.band.pale{background:var(--bg-surface)}
.section-intro{max-width:72ch;margin:0 auto 2rem}
.section-intro p{color:var(--text-muted)}
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:1.15rem}
.tile{background:#fff;border:1px solid var(--border-subtle);min-width:0;transition:transform .35s var(--ease-kinetic),box-shadow .35s var(--ease-kinetic),background .25s}
.tile:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:var(--bg-surface-hover)}
.tile.wide{grid-column:span 7}.tile.narrow{grid-column:span 5}.tile.third{grid-column:span 4}.tile.half{grid-column:span 6}
.tile-content{padding:1.35rem 1.5rem 1.6rem}
.tile-content p{color:var(--text-muted)}
.image-frame{position:relative;aspect-ratio:4/3;background:#dbe1e7}
.image-frame img{height:100%;aspect-ratio:4/3}
.badge{position:absolute;bottom:-16px;left:1rem;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:var(--accent-primary);color:white;font-size:.68rem;line-height:1.1;text-align:center;text-transform:uppercase;font-weight:850;letter-spacing:.06em;border:3px solid #fff}
.tile-content.has-badge{padding-top:1.75rem}
.sequence{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--border-subtle);background:#fff}
.sequence-step{padding:1.5rem;border-right:1px solid var(--border-subtle);position:relative}
.sequence-step:last-child{border:0}
.step-number{display:block;color:var(--accent-primary);font:700 2.5rem Georgia,serif}
.sequence-step p{color:var(--text-muted);font-size:.94rem}
.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}
.detail-panel{padding:1.4rem;background:#fff;border:1px solid var(--border-subtle)}
.detail-panel h3{margin-top:0}
.reference-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem 1.2rem;padding:0;list-style:none}
.reference-list li{padding:.65rem 0;border-bottom:1px solid var(--border-subtle)}
.reference-list a{font-weight:650}
.article-hero{padding:3.5rem 0 2.5rem;background:var(--bg-surface)}
.article-hero .container{max-width:var(--content)}
.article-hero p{font-size:1.15rem;color:var(--text-muted);max-width:70ch}
.article-body{max-width:760px;margin-inline:auto;padding:3rem 1.25rem 5rem}
.article-body h2{font-size:2rem;margin-top:2.1em}
.article-body h3{margin-top:1.7em}
.article-body p,.article-body li{color:#334155}
.article-image{margin:2rem 0}
.article-image img{aspect-ratio:16/9}
.caption{font-size:.86rem;color:var(--text-muted);margin:.5rem 0}
.callout{border-left:5px solid var(--accent-primary);background:var(--bg-surface);padding:1.2rem 1.4rem;margin:2rem 0}
.split-panels{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.reference-row{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border-subtle)}
details{background:#fff;border:1px solid var(--border-subtle);padding:1rem 1.2rem;margin:.75rem 0}
summary{cursor:pointer;font-weight:750}
details p{color:var(--text-muted);margin-bottom:.2rem}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}
.worksheet{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:1.4rem}
label{display:block;font-weight:700;margin:.85rem 0 .3rem}
input,textarea,select{width:100%;padding:.8rem;border:1px solid #94a3b8;background:#fff;color:var(--text-primary);font:inherit;border-radius:0}
textarea{min-height:120px;resize:vertical}
.preview{white-space:pre-wrap;background:#fff;border:1px solid var(--border-subtle);padding:1rem;min-height:130px;margin:1rem 0;color:#334155}
.tool-actions{display:flex;gap:.7rem;flex-wrap:wrap}
.status{min-height:1.5em;color:var(--accent-secondary);font-weight:700}
.about-strip{background:var(--bg-surface);padding:1.4rem;border:1px solid var(--border-subtle)}
.site-footer{background:#1e293b;color:#f8fafc;padding:3rem 0}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem}
.site-footer h2,.site-footer h3{color:#fff}
.site-footer p,.site-footer li{color:#e2e8f0}
.site-footer a{color:#fbbf24}
.footer-links{list-style:none;padding:0;margin:0;display:grid;gap:.45rem}
.footer-brand{font:800 1.4rem Georgia,serif;color:#fff!important}
.footer-bottom{border-top:1px solid #64748b;margin-top:2rem;padding-top:1rem;font-size:.9rem}
.reveal{opacity:0;transform:translateY(22px);transition:all .7s var(--ease-kinetic)}
.reveal.reveal-visible{transform:translateY(0);opacity:1}
@media(max-width:1024px){.container{width:min(calc(100% - 2rem),var(--content))}.tile.wide,.tile.narrow{grid-column:span 6}.tile.third{grid-column:span 6}.reference-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.header-inner{min-height:70px}.header-nav{display:none}.menu-toggle{display:block;order:3;margin-left:auto}.brand{margin-right:0}.mobile-menu{display:block;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-elevation);padding:.5rem 1.25rem 1rem;visibility:hidden;opacity:0;transform:translateY(-8px);transition:.2s}.mobile-menu.open{visibility:visible;opacity:1;transform:translateY(0)}.mobile-menu a{display:block;padding:.75rem .2rem;border-bottom:1px solid var(--border-subtle);text-decoration:none;font-weight:700}.hero{padding:4rem 0 3rem}.sequence{grid-template-columns:1fr 1fr}.sequence-step:nth-child(2){border-right:0}.sequence-step:nth-child(-n+2){border-bottom:1px solid var(--border-subtle)}.split-panels,.contact-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>section:last-child{grid-column:1/-1}}
@media(max-width:480px){.container{width:calc(100% - 1.5rem)}h1{font-size:2.75rem}.band{padding:3.2rem 0}.tile.wide,.tile.narrow,.tile.third,.tile.half{grid-column:1/-1}.sequence{grid-template-columns:1fr}.sequence-step{border-right:0;border-bottom:1px solid var(--border-subtle)!important}.sequence-step:last-child{border-bottom:0!important}.reference-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>section:last-child{grid-column:auto}.header-inner{gap:.6rem}.brand{font-size:.9rem}.brand-mark{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}