@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--bg:#f6f2ea;--paper:#fffdf8;--ink:#20251f;--muted:#687067;--forest:#234f43;--forest2:#356656;--sage:#dfe7dd;--rust:#b6633e;--rust2:#d28660;--sand:#e9dfcf;--line:#ded8cd;--dark:#17372f;--shadow:0 24px 60px rgba(44,58,50,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;line-height:1.58}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1190px,calc(100% - 40px));margin:auto}.narrow{max-width:860px}
.header{position:sticky;top:0;z-index:50;background:rgba(246,242,234,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(222,216,205,.9)}.header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:#fff;font-weight:800}.brand-text{display:flex;flex-direction:column;line-height:1.03}.brand-text strong{font:700 17px DM Sans}.brand-text small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#7c8279;margin-top:5px}.nav{display:flex;gap:24px;font-size:14px;color:#4a514b}.nav a:hover{color:var(--forest)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;background:var(--forest);color:#fff;border:1px solid var(--forest);font-weight:700;cursor:pointer}.btn.alt{background:#fffdf8;color:var(--forest);border-color:#bfc8bf}.btn.rust{background:var(--rust);border-color:var(--rust)}.btn-sm{min-height:42px;padding:0 16px;font-size:13px}
.ribbon{background:var(--dark);color:#e8eee8;overflow:hidden}.ribbon-track{display:flex;gap:20px;width:max-content;padding:10px 0;font-size:10px;letter-spacing:.14em;text-transform:uppercase;animation:ticker 30s linear infinite}.ribbon-track i{color:#94ab9f}@keyframes ticker{to{transform:translateX(-50%)}}
.hero{padding:60px 0 70px}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center}.eyebrow{margin:0 0 15px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--rust);font-weight:700}h1,h2,h3{font-family:"Libre Caslon Display",Georgia,serif}.hero h1{font-size:clamp(54px,6vw,86px);line-height:.94;letter-spacing:-.035em;margin:0 0 24px}.lede{font-size:19px;color:#596158;max-width:680px}.hero-actions{display:flex;gap:18px;align-items:center;margin-top:30px}.hero-points{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.hero-points span{font-size:12px;padding:9px 12px;border-radius:999px;background:#edf1e9;color:#536056;border:1px solid #d8ded5}.hero-media{position:relative;min-height:545px;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#ddd}.hero-media img{width:100%;height:100%;min-height:545px;object-fit:cover}.hero-card{position:absolute;left:22px;right:22px;bottom:22px;background:rgba(255,253,248,.94);backdrop-filter:blur(15px);border-radius:18px;padding:20px;box-shadow:0 15px 35px rgba(0,0,0,.13)}.kicker,.hero-card span{display:block;font:700 10px DM Sans;letter-spacing:.14em;text-transform:uppercase;color:#8b6a55}.hero-card strong{display:block;font:400 27px/1.05 "Libre Caslon Display",Georgia,serif;margin:8px 0}.hero-card a{font-weight:700;color:var(--forest)}
.quick{background:#fffdf8;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}.quick-grid a{padding:24px;border-right:1px solid var(--line)}.quick-grid a:last-child{border-right:0}.quick-grid span{font-size:10px;letter-spacing:.13em;color:#8e867c;text-transform:uppercase}.quick-grid strong{display:block;font:400 20px/1.15 "Libre Caslon Display",Georgia,serif;margin-top:7px}
.section{padding:100px 0}.section-head{max-width:850px;margin-bottom:45px}.section-head h2{font-size:clamp(42px,5vw,65px);line-height:.98;letter-spacing:-.03em;margin:0 0 18px}.section-head p:last-child{color:var(--muted);font-size:17px}.split-head{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;max-width:none;align-items:end}
.topic-section{background:#fffdf8}.topic-shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:start}.topic-panel{position:sticky;top:110px;padding:25px;border-radius:22px;background:#eef2eb;border:1px solid #dbe2d8}.topic-panel h3{font-size:31px;margin:0 0 8px}.topic-panel p{color:var(--muted)}.topic-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.topic-tabs button{border:1px solid #c7d0c6;background:#fffdf8;border-radius:999px;padding:9px 12px;font:600 12px DM Sans;color:#506056;cursor:pointer}.topic-tabs button.active{background:var(--forest);border-color:var(--forest);color:#fff}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.topic-card{border:1px solid var(--line);border-radius:20px;background:#fffdf8;padding:22px;min-height:205px;display:flex;flex-direction:column}.topic-card[hidden]{display:none}.topic-card h3{font-size:25px;line-height:1.1;margin:11px 0}.topic-card p{font-size:14px;color:var(--muted)}.topic-card a{margin-top:auto;font-weight:700;color:var(--forest)}
.tools{background:#e9eee8}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{background:#fffdf8;border:1px solid #d5ded4;border-radius:22px;padding:25px;box-shadow:0 12px 32px rgba(55,68,60,.05)}.tool-card h3{font-size:29px;margin:0 0 9px}.tool-card>p{color:var(--muted)}.tool-form{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:18px}.tool-form label{font-size:12px;color:#5f675f}.tool-form input{width:100%;min-height:46px;margin-top:5px;border:1px solid #c9d1c8;border-radius:11px;background:#fff;padding:0 12px;font:inherit}.tool-form button,.tool-result{grid-column:1/-1}.tool-result{display:grid;gap:4px;background:#f1f4ef;padding:14px;border-radius:13px;min-height:65px;color:#4f5a51;font-size:13px}.tool-result strong{color:#1f2a23}.tool-result small{color:#7b837c}
.insights{background:#fffdf8}.insight-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:15px}.insight{border:1px solid var(--line);border-radius:22px;background:#fffdf8;padding:23px;min-height:280px;display:flex;flex-direction:column}.insight.feature{grid-row:span 2;padding:0;overflow:hidden}.insight-img{aspect-ratio:16/10;overflow:hidden}.insight-img img{width:100%;height:100%;object-fit:cover}.insight-body{padding:24px}.insight h3{font-size:27px;line-height:1.08;margin:10px 0}.insight.feature h3{font-size:35px}.insight p{font-size:14px;color:var(--muted)}.insight a{margin-top:auto;color:var(--forest);font-weight:700}
.visual-strip{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.visual-card{position:relative;border-radius:24px;overflow:hidden;min-height:420px;background:#ddd}.visual-card img{width:100%;height:100%;min-height:420px;object-fit:cover}.visual-overlay{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(255,253,248,.93);border-radius:16px;padding:17px}.visual-overlay h3{font-size:27px;margin:4px 0 8px}.visual-overlay p{margin:0;color:#62685f;font-size:13px}
.glossary{background:#f2ede4}.glossary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.term{background:#fffdf8;border:1px solid var(--line);border-radius:18px;padding:21px}.term span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8f7765}.term h3{font-size:23px;margin:8px 0}.term p{font-size:14px;color:var(--muted)}
.editorial{background:var(--dark);color:#f1f5f1}.editorial-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px}.editorial-copy p{color:#c4d0c8}.principles{display:grid;grid-template-columns:1fr 1fr;gap:14px}.principles div{min-height:185px;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.035)}.principles b{display:block;font:700 11px DM Sans;color:#d8a884;margin-bottom:33px}.principles strong{font-size:21px}.principles p{font-size:13px;color:#bac8be}
.footer{background:#122e27;color:#dfe8e1;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr .7fr 1fr;gap:55px}.footer p{font-size:12px;color:#90a399}.footer-links,.footer-id{display:flex;flex-direction:column;gap:8px}.footer-links strong,.footer-id strong{color:#fff;margin-bottom:6px}.footer a{color:#aabcb1}.footer-bottom{margin-top:40px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;gap:18px;font-size:12px;color:#81968a}
.page{padding:76px 0}.page-wrap{max-width:890px}.page h1{font-size:clamp(48px,6vw,74px);line-height:.98;margin:0 0 24px}.page h2{font-size:31px;margin-top:38px}.page p,.page li{color:#5d655d}.page .intro{font-size:20px;color:#35413a}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.contact-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fffdf8}.contact-card span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8a8278}.contact-card strong,.contact-card a{display:block;margin-top:6px}.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.nav{display:none}.hero-grid,.topic-shell,.editorial-grid,.visual-strip{grid-template-columns:1fr}.topic-panel{position:static}.insight-grid{grid-template-columns:1fr 1fr}.insight.feature{grid-column:1/-1;grid-row:auto}.tools-grid,.glossary-grid{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.split-head{grid-template-columns:1fr;gap:12px}}
@media(max-width:640px){.container{width:min(100% - 28px,1190px)}.btn-sm{display:none}.hero h1{font-size:51px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-media,.hero-media img{min-height:430px}.topic-grid,.insight-grid,.tools-grid,.glossary-grid,.principles,.contact-cards{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.quick-grid a{border-right:0;border-bottom:1px solid var(--line)}.tool-form{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ribbon-track,.reveal{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}