:root{--bg:#EAF2F5;--surface:#FFFFFF;--text:#1A1A1A;--muted:#5C6973;--border:#D9E4EA;--navy:#0F2740;--ocean:#1F5F8B;--sand:#D9C7A3;--shadow:0 18px 42px rgba(15,39,64,.08);--container:1220px;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Inter",system-ui,sans-serif;background:linear-gradient(180deg,#F2F7F9 0%, #EAF2F5 100%);color:var(--text);line-height:1.75}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}input,textarea,button{font:inherit}input,textarea{width:100%;border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:14px 16px}
.wrap{width:min(calc(100% - 32px),var(--container));margin:0 auto}.narrow{max-width:860px}.eyebrow{display:inline-block;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ocean);font-weight:700}
.site-header{position:sticky;top:0;z-index:50;background:rgba(234,242,245,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header-inner{min-height:84px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:28px}
.brand-lockup{display:flex;flex-direction:column}.logo{font-family:"Playfair Display",serif;font-size:1.7rem;font-weight:800;color:var(--navy);letter-spacing:-.03em}.tagline{font-size:.84rem;color:var(--muted)}
.main-nav ul{margin:0;padding:0;list-style:none;display:flex;justify-content:flex-end;gap:22px;flex-wrap:wrap}.main-nav a{color:var(--muted);font-weight:600;padding-bottom:4px;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav a.active{color:var(--navy);border-color:var(--sand)}
.hero-banner{min-height:76vh;background-size:cover;background-position:center}.hero-overlay{min-height:76vh;background:linear-gradient(90deg, rgba(15,39,64,.78), rgba(15,39,64,.48), rgba(15,39,64,.16));display:flex;align-items:center}
.hero-content{color:#fff;max-width:780px}.hero-content h1,.page-hero h1{font-family:"Playfair Display",serif;font-size:clamp(2.9rem,6vw,5.5rem);line-height:1.02;letter-spacing:-.04em;margin:12px 0 16px}.hero-content p{color:rgba(255,255,255,.88);max-width:700px;font-size:1.08rem}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;font-weight:700;border:1px solid transparent}.btn-primary{background:var(--navy);color:#fff}.btn-secondary{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.22)}
.section{padding:82px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.section-head h2{margin:8px 0 0;font-family:"Playfair Display",serif;font-size:clamp(2rem,4vw,3.15rem);line-height:1.08;color:var(--navy)}.page-hero{padding:58px 0 18px}.page-hero p{color:var(--muted)}.text-link{color:var(--ocean);border-bottom:1px solid var(--sand);padding-bottom:3px}
.feature-grid{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:22px}.feature-large{grid-row:span 2}.feature-card,.info-card,.archive-card,.reading-card,.sidebar-card,.contact-card,.sitemap-card,.post-item,.prose-main{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.feature-card img{width:100%;height:290px;object-fit:cover}.feature-large img{height:100%}.feature-card-body{padding:22px}.topic-label{display:inline-block;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ocean);font-weight:700}
.feature-card h3,.info-card h3,.archive-card h3,.post-item h3,.reading-card h3,.sidebar-card h3,.contact-card h2,.sitemap-card h2,.prose-main h2{margin:10px 0 10px;font-family:"Playfair Display",serif;color:var(--navy)}
.feature-card p,.info-card p,.archive-card p,.post-item p,.sidebar-card p,.prose-main p,.legal-prose p,.contact-card p{color:var(--muted)}
.three-column-layout,.archive-grid,.reading-grid,.sitemap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info-card,.archive-card,.reading-card,.sitemap-card,.contact-card{padding:22px}
.two-column-layout,.prose-layout,.contact-grid{display:grid;grid-template-columns:1.35fr .75fr;gap:24px}.post-list{display:grid;gap:18px}.post-item{padding:24px}.post-meta{font-size:.92rem;color:var(--muted)}
.cta-panel{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:32px;background:linear-gradient(135deg, rgba(31,95,139,.08), rgba(217,199,163,.14));border:1px solid var(--border);border-radius:28px}
.prose-main{padding:28px}.clean-list{margin:0;padding-left:18px}.clean-list li{margin:8px 0}.mini-grid{margin-top:24px}.magazine-grid .feature-card img{height:260px}.static-form{display:grid;gap:12px}.form-note{font-size:.92rem;color:var(--muted)}
.legal-prose{max-width:860px}.legal-prose h2{font-family:"Playfair Display",serif;color:var(--navy);margin:26px 0 8px}
.site-footer{padding:54px 0 24px;border-top:1px solid var(--border);background:#F4F8FA}.footer-grid{display:grid;grid-template-columns:1.15fr .9fr .9fr .9fr;gap:24px}.site-footer h3,.site-footer h4{margin:0 0 12px;font-family:"Playfair Display",serif;color:var(--navy)}.site-footer p,.site-footer a,.footer-bottom span{color:var(--muted)}.site-footer a{display:block;padding:6px 0}.site-footer a:hover{color:var(--ocean)}
.footer-bottom{margin-top:22px;padding-top:16px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}.footer-bottom-links{display:flex;gap:22px;flex-wrap:wrap}.sitemap-card a{display:block;padding:6px 0}
@media (max-width:1080px){.feature-grid,.three-column-layout,.archive-grid,.reading-grid,.sitemap-grid,.footer-grid{grid-template-columns:1fr 1fr}.feature-large{grid-row:auto}}
@media (max-width:760px){.header-inner,.two-column-layout,.prose-layout,.contact-grid,.feature-grid,.three-column-layout,.archive-grid,.reading-grid,.sitemap-grid,.footer-grid{grid-template-columns:1fr}.main-nav ul{justify-content:flex-start;gap:16px}.hero-banner,.hero-overlay{min-height:64vh}.cta-panel{flex-direction:column;align-items:flex-start}}