
:root{--navy:#0B2A52;--navy2:#123B6B;--copper:#C97A4E;--paper:#F7F5F1;--white:#fff;--ink:#101820;--soft:#59636f;--line:#e0e3e7}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 42px));margin:auto}header{position:sticky;top:0;z-index:30;background:rgba(247,245,241,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}nav{height:88px;display:flex;align-items:center;gap:28px}nav img{width:150px;max-height:64px;object-fit:contain;display:block}nav .links{display:flex;gap:24px;align-items:center;margin-left:auto;font-size:14px;font-weight:650;color:var(--navy)}nav .active{color:var(--copper)}.eyebrow{font-size:12px;letter-spacing:.18em;color:#efb196;font-weight:800}.hero{background:var(--navy);color:#fff;padding:76px 0 64px}.hero h1{font:700 clamp(46px,7vw,80px) Georgia,serif;margin:10px 0 12px;letter-spacing:-.035em}.hero h2{font:400 clamp(22px,3vw,34px) Georgia,serif;margin:0 0 20px}.hero p{max-width:850px;color:#e3e9ef;font-size:18px;line-height:1.65}.stats{display:flex;gap:28px;flex-wrap:wrap;margin-top:28px;font-weight:750}.stats span{border-left:2px solid var(--copper);padding-left:12px}.library{padding:54px 0 90px}.featured{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0 48px}.featured a{background:var(--navy);color:#fff;padding:25px;border-radius:12px;min-height:180px}.featured small,.cat{font-size:11px;letter-spacing:.12em;color:var(--copper);font-weight:850}.featured h3{font:700 24px Georgia,serif;margin:12px 0}.intro{display:flex;justify-content:space-between;gap:30px;align-items:end}.intro h2{font:700 34px Georgia,serif;color:var(--navy);margin:0}.intro p{color:var(--soft)}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 34px}.filter{border:1px solid #c9ced4;background:white;color:var(--navy);padding:10px 14px;border-radius:999px;font-weight:750;font-size:12px;cursor:pointer}.filter.on{background:var(--navy);color:white;border-color:var(--navy)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.resource-card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 12px 28px rgba(11,42,82,.06);transition:.2s}.resource-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(11,42,82,.12)}.resource-card img,.card-placeholder{width:100%;aspect-ratio:4/3;object-fit:cover;background:#0b2a52}.card-placeholder{display:flex;flex-direction:column;justify-content:flex-end;padding:25px;color:white;background:linear-gradient(145deg,#0b2a52,#123b6b)}.card-placeholder span{font-size:11px;letter-spacing:.18em;color:#f0a17d}.card-placeholder strong{font:700 25px Georgia,serif;line-height:1.12}.card-body{padding:20px 20px 22px}.card-body h3{font:700 22px Georgia,serif;color:var(--navy);margin:8px 0}.card-body p{color:var(--soft);font-size:14px;line-height:1.5;min-height:42px}.read{font-size:13px;color:var(--navy);font-weight:800}.article-hero{padding:58px 0 32px}.article-hero h1{font:700 clamp(38px,6vw,64px) Georgia,serif;color:var(--navy);max-width:950px;margin:10px 0 16px}.lead{font-size:20px;line-height:1.6;color:var(--soft);max-width:850px}.article-wrap{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:54px;padding:15px 0 80px}.article-content{font:17px/1.78 Georgia,serif}.article-content h2{font:700 30px/1.2 Georgia,serif;color:var(--navy);margin:42px 0 12px}.article-content img{width:100%;max-height:620px;object-fit:contain;background:white;border:1px solid var(--line);border-radius:12px;margin:10px 0 28px}.concept{border-left:4px solid var(--copper);background:#fff;padding:22px 24px;margin:34px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.side{font-size:13px;color:var(--soft)}.side .box{position:sticky;top:110px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.back{font-weight:800;color:var(--navy)}.related{border-top:1px solid var(--line);padding:42px 0 70px}.related h2{font:700 30px Georgia,serif;color:var(--navy)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related a{background:white;border:1px solid var(--line);padding:20px;border-radius:10px}.gate{position:fixed;inset:0;background:rgba(4,17,34,.82);z-index:100;display:none;align-items:center;justify-content:center;padding:24px}.gate.show{display:flex}.gate-panel{background:#fff;width:min(650px,100%);padding:48px;border-radius:14px;text-align:center}.gate-panel h2{font:700 38px Georgia,serif;color:var(--navy);margin:10px 0}.gate-panel p{color:var(--soft);line-height:1.55}.gate-panel input{width:100%;padding:15px;border:1px solid #ccd2d8;border-radius:8px;margin:7px 0;font-size:15px}.gate-panel button{width:100%;padding:15px;border:0;border-radius:8px;background:var(--copper);color:#fff;font-weight:850;margin-top:8px;cursor:pointer}.preview-note{padding:18px;background:#fff;border-left:3px solid var(--copper)}footer{padding:30px 0;color:#69737e;font-size:13px;text-align:center}@media(max-width:900px){nav .links{display:none}.grid,.featured,.related-grid{grid-template-columns:repeat(2,1fr)}.article-wrap{grid-template-columns:1fr}.side{display:none}}@media(max-width:620px){.grid,.featured,.related-grid{grid-template-columns:1fr}.hero{padding:50px 0}.gate-panel{padding:30px 22px}}

.concept-box,.takeaway-box{background:var(--navy);color:#fff;padding:26px 28px;margin:36px 0;border-radius:12px;border-left:4px solid var(--copper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;box-shadow:0 12px 28px rgba(11,42,82,.10)}.concept-box .concept-label,.takeaway-box .takeaway-label{font-size:11px;letter-spacing:.14em;color:#efb196;font-weight:850;margin-bottom:8px}.concept-box h3{font:700 27px Georgia,serif;color:#fff;margin:0 0 12px}.concept-box p,.takeaway-box p{color:#fff;margin:0;line-height:1.65}.takeaway-box .takeaway-cta{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.22);font-weight:750}.article-content .concept-box strong,.article-content .takeaway-box strong{color:#fff}
