:root{--ink:#18324a;--navy:#162f46;--burgundy:#762839;--dark-burgundy:#551c2b;--gold:#e6c77f;--paper:#f6f7f8;--white:#fff;--muted:#637486;--line:#dfe5e9}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.025em;line-height:1.13}
h1{font-size:clamp(2.9rem,5.8vw,5.8rem)}
h2{font-size:clamp(2.3rem,4vw,3.65rem)}
h3{line-height:1.25}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:absolute;z-index:20;top:-100px;left:16px;background:#fff;padding:12px}.skip-link:focus{top:8px}
.site-header{background:linear-gradient(108deg,var(--dark-burgundy),var(--burgundy) 47%,#274f70);color:#fff}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:112px}
.brand{display:flex;align-items:center;gap:17px;text-decoration:none!important}
.brand-mark{display:grid;place-items:center;position:relative;flex:none;width:68px;height:68px;border:1px solid rgba(255,255,255,.44);border-radius:12px;color:var(--gold);font:42px/1 Georgia,serif}
.mark-line{position:absolute;bottom:8px;width:19px;border-bottom:2px solid var(--gold)}
.brand-name{display:flex;align-items:baseline;gap:10px}
.brand-name strong{font:700 clamp(24px,2.7vw,36px)/1 Georgia,serif;letter-spacing:.045em}
.brand-name small{color:#f3dfa8;font-size:12px;font-weight:700;letter-spacing:.24em}
.masthead-side{text-align:right;font-size:13px;line-height:1.4}
.masthead-side span{display:block;color:#e4d8dc}
.masthead-side a{font-weight:700}
.masthead-side a span{display:inline;color:var(--gold)}
.main-nav{background:var(--navy)}
.nav-inner{display:flex;align-items:center;gap:clamp(16px,3vw,42px);min-height:48px}
.nav-inner a{color:#e5edf1;font-size:14px;font-weight:650;white-space:nowrap}
.nav-inner a:hover{color:#fff}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 45%,#426278 0%,#24445e 37%,#17344c 72%);color:#fff}
.hero:before{content:"";position:absolute;inset:0;opacity:.32;background-image:linear-gradient(90deg,transparent 96%,rgba(255,255,255,.055) 96%),linear-gradient(transparent 96%,rgba(255,255,255,.055) 96%);background-size:56px 56px;pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:45px;min-height:600px;padding-block:75px 82px}
.hero-copy{max-width:680px}
.eyebrow{color:var(--burgundy);font-size:12px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}
.eyebrow.light{color:var(--gold)}
.hero h1{margin:18px 0 22px}
.hero-lede{max-width:650px;color:#dbe7ee;font-size:18px;line-height:1.75}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:32px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:13px 20px;border-radius:4px;font-size:14px;font-weight:750;text-decoration:none!important}
.button.gold{background:var(--gold);color:#21394d}
.button.gold:hover{background:#f6db9b}
.button.outline{border:1px solid rgba(255,255,255,.7);color:#fff}
.button.outline:hover{background:rgba(255,255,255,.1)}
.text-action{color:#fff;font-size:14px;font-weight:700}
.hero-art{position:relative;width:min(100%,490px);aspect-ratio:1;justify-self:end;isolation:isolate}
.orbit{position:absolute;inset:5%;border:1px solid rgba(236,218,169,.28);border-radius:50%;transform:rotate(-20deg)}
.orbit:before,.orbit:after{content:"";position:absolute;inset:15%;border:1px dashed rgba(255,255,255,.14);border-radius:50%}
.orbit-middle{inset:18%;border-color:rgba(255,255,255,.38)}
.orbit-inner{inset:32%;border-color:rgba(230,199,127,.65);box-shadow:0 0 80px rgba(230,199,127,.1)}
.orbit-center{position:absolute;inset:39%;display:grid;place-items:center;border-radius:50%;background:rgba(230,199,127,.13);color:#f6dc9c;font:clamp(52px,7vw,90px)/1 Georgia,serif}
.orb{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 8px rgba(230,199,127,.12)}
.orb-one{top:11%;left:42%}.orb-two{right:10%;top:56%;width:9px;height:9px}.orb-three{left:17%;bottom:19%;width:7px;height:7px}
.art-caption{position:absolute;bottom:2%;left:50%;transform:translateX(-50%);color:#b9cbd5;font-size:11px;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
.section{padding-block:100px;scroll-margin-top:24px}
.intro{display:grid;grid-template-columns:160px minmax(0,1fr) 255px;gap:50px;align-items:start}
.section-number{padding-top:8px;color:var(--burgundy);font-size:11px;font-weight:800;letter-spacing:.16em}
.intro-copy h2{max-width:700px}
.intro-copy p:last-child{max-width:690px;color:#4d6172;font-size:18px}
.intro-aside{padding-top:110px;color:#627587;font:italic 19px/1.55 Georgia,serif}
.aside-rule{display:block;width:36px;margin-bottom:22px;border-top:3px solid var(--gold)}
.band{background:#eaf0f3}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}
.section-heading h2{margin-bottom:0}
.section-heading>p{max-width:340px;margin:0 0 6px;color:#5d7080}
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.topic-card{position:relative;display:flex;flex-direction:column;min-height:355px;padding:28px 23px 25px;background:#fff;border:1px solid var(--line);box-shadow:0 11px 28px rgba(27,51,70,.04)}
.card-index{position:absolute;top:25px;right:23px;color:#9cadb8;font-size:11px;font-weight:800;letter-spacing:.1em}
.topic-icon{display:grid;place-items:center;width:53px;height:53px;margin-bottom:27px;border-radius:50%;background:#f5ebec;color:var(--burgundy);font:34px/1 Georgia,serif}
.topic-card h3{font:500 23px/1.2 Georgia,serif}
.topic-card p{color:#607183;font-size:14px;line-height:1.65}
.topic-card a{margin-top:auto;padding-top:12px;color:var(--burgundy);font-size:12px;font-weight:750;line-height:1.35}
.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.approach-feature{padding:42px;background:linear-gradient(145deg,#f5eded,#fff);border-left:4px solid var(--burgundy)}
.feature-label,.panel-kicker{font-size:11px;font-weight:800;letter-spacing:.17em}
.feature-label{color:var(--burgundy)}
.approach-feature p{margin:24px 0;color:#3a5264;font:22px/1.55 Georgia,serif}
.inline-link{color:var(--burgundy);font-size:14px;font-weight:750}
.steps{display:grid;gap:3px}
.steps>div{display:grid;grid-template-columns:45px 1fr;gap:0 15px;padding:19px 0;border-bottom:1px solid var(--line)}
.steps b{grid-row:span 2;color:var(--burgundy);font-size:13px}
.steps h3{margin:0 0 5px;font:500 23px Georgia,serif}
.steps p{margin:0;color:#5f7180;font-size:14px}
.research-note{max-width:720px;margin:28px 0 0;color:#697b89;font-size:12px}
.connection{background:linear-gradient(115deg,#602334,#7a2a3c 60%,#924353);color:#fff}
.connection-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:100px}
.connection h2{max-width:640px}
.connection p:not(.eyebrow){max-width:640px;color:#f0e5e6;font-size:17px}
.connection .button{margin-top:18px}
.connection-panel{padding:40px 42px;background:rgba(31,19,36,.22);border:1px solid rgba(255,255,255,.27)}
.panel-kicker{color:var(--gold)}
.connection-panel ul{list-style:none;margin:20px 0 0;padding:0}
.connection-panel li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.2);font:20px Georgia,serif}
.connection-panel li:last-child{border:0}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.resource-card{position:relative;display:flex;flex-direction:column;min-height:265px;padding:30px;background:#fff;border:1px solid var(--line);transition:transform .15s,box-shadow .15s}
.resource-card:hover{transform:translateY(-3px);text-decoration:none;box-shadow:0 15px 30px rgba(27,51,70,.1)}
.resource-card>span{color:var(--burgundy);font-size:11px;font-weight:800;letter-spacing:.17em}
.resource-card h3{max-width:280px;margin:25px 0 10px;font:500 25px/1.2 Georgia,serif}
.resource-card p{max-width:300px;color:#647686;font-size:14px}
.resource-card b{position:absolute;right:28px;bottom:25px;color:var(--burgundy);font-size:22px}
.about{background:var(--navy);color:#fff}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}
.about p:not(.eyebrow){color:#d5e2e9;font-size:18px}
.about-actions{display:flex;flex-wrap:wrap;gap:24px;margin-top:28px}
.about-actions a{color:var(--gold);font-size:14px;font-weight:750}
.site-footer{background:#102637;color:#d1dde3}
.footer-grid{display:flex;justify-content:space-between;gap:35px;padding-block:45px 38px}
.footer-grid>div:first-child{display:flex;flex-direction:column}
.footer-grid strong{color:#fff;font:700 23px Georgia,serif;letter-spacing:.06em}
.footer-grid span{font-size:12px}
.footer-grid>div:last-child{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px 26px;font-size:12px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:18px;border-top:1px solid #355064;color:#a6b9c4;font-size:11px}
.hero-domain{margin:27px 0 0;color:#aecaDA;font-size:12px;letter-spacing:.04em}
.hero-domain strong{color:#f0d593}
.section-more{margin:27px 0 0;text-align:right}
.page-hero{background:linear-gradient(125deg,#1b3a52,#284f68 65%,#6b3346);color:#fff;padding-block:43px 86px}
.breadcrumb{display:flex;gap:12px;align-items:center;margin:0 0 63px;color:#c7d9e1;font-size:12px}
.breadcrumb a{color:#f0d38e}
.page-hero h1{max-width:930px;margin:12px 0 19px;font-size:clamp(2.8rem,5.5vw,5rem)}
.page-lede{max-width:750px;margin:0;color:#dce9ee;font-size:19px;line-height:1.7}
.two-column,.split-callout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,8vw,115px);align-items:start}
.prose{color:#4a5f70;font-size:17px}
.prose p{margin-bottom:22px}
.prose .research-note{font-size:12px}
.research-list{border-top:1px solid #ccd7dd}
.research-list article{display:grid;grid-template-columns:235px 1fr;gap:30px;padding:35px 0;border-bottom:1px solid #d7e0e5;scroll-margin-top:30px}
.research-list article>span{padding-top:6px;color:var(--burgundy);font-size:11px;font-weight:800;letter-spacing:.16em}
.research-list h3{margin:0 0 10px;font:500 28px Georgia,serif}
.research-list p{max-width:700px;margin-bottom:9px;color:#5e7280}
.research-list a{color:var(--burgundy);font-size:13px;font-weight:750}
.split-callout p:not(.eyebrow){color:#4b6070;font-size:18px}
.method-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:65px}
.method-flow>div{min-height:225px;padding:26px;background:#fff;border-top:3px solid var(--burgundy);box-shadow:0 12px 25px rgba(27,51,70,.06)}
.method-flow span{color:var(--burgundy);font-size:12px;font-weight:800}
.method-flow h3{margin:29px 0 9px;font:500 22px Georgia,serif}
.method-flow p{color:#647586;font-size:14px}
.note-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:36px 42px;background:#fff;border-left:4px solid var(--gold)}
.note-panel h2{margin:0;font-size:34px}
.note-panel>p{margin:0;color:#5d7081}
.reading-grid,.identity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.reading-grid a,.identity-grid article{position:relative;min-height:280px;padding:28px;background:#fff;border:1px solid var(--line)}
.reading-grid a:hover{text-decoration:none;box-shadow:0 15px 30px rgba(27,51,70,.1)}
.reading-grid span,.identity-grid span{color:var(--burgundy);font-size:11px;font-weight:800;letter-spacing:.15em}
.reading-grid h3{margin:32px 0 12px;font:500 26px Georgia,serif}
.reading-grid p,.identity-grid p{color:#607486;font-size:14px}
.reading-grid b{position:absolute;right:24px;bottom:18px;color:var(--burgundy);font-size:21px}
.link-stack{display:grid;gap:4px}
.link-stack a{display:flex;justify-content:space-between;gap:15px;padding:18px 20px;background:#fff;border:1px solid #d8e1e6;font-weight:650}
.link-stack a:hover{text-decoration:none;border-color:var(--burgundy)}
.link-stack b{color:var(--burgundy)}
.video-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.video-list a{position:relative;min-height:190px;padding:26px 30px;background:#fff;border:1px solid var(--line)}
.video-list a:hover{text-decoration:none;box-shadow:0 15px 30px rgba(27,51,70,.1)}
.video-list span{color:var(--burgundy);font-size:11px;font-weight:800;letter-spacing:.15em}
.video-list h3{max-width:470px;margin:17px 20px 12px 0;font:500 24px/1.26 Georgia,serif}
.video-list small{color:#647586}
.video-list b{position:absolute;right:25px;bottom:20px;color:var(--burgundy);font-size:21px}
.identity-grid article{min-height:295px}
.identity-grid h2{margin:30px 0 15px;font-size:30px}
.identity-grid a,.identity-grid strong{color:var(--burgundy);font-size:14px}
nav a[aria-current="page"]{color:#fff!important;border-bottom:2px solid var(--gold);padding-bottom:3px}
@media(max-width:1050px){.intro{grid-template-columns:1fr 3fr}.intro-aside{display:none}.card-grid{grid-template-columns:repeat(2,1fr)}.topic-card{min-height:290px}.connection-grid{gap:50px}}
@media(max-width:1050px){.method-flow{grid-template-columns:repeat(2,1fr)}.reading-grid,.identity-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wrap{width:min(100% - 32px,600px)}.masthead{min-height:92px}.masthead-side{display:none}.brand-mark{width:50px;height:50px;font-size:32px}.brand-name{display:block}.brand-name strong{font-size:24px}.brand-name small{display:block;margin-top:5px;font-size:9px}.nav-inner{overflow-x:auto;gap:23px;min-height:49px;scrollbar-width:thin}.nav-inner a{flex:none;font-size:13px}.hero-grid{display:block;min-height:0;padding-block:65px 50px}.hero h1{font-size:clamp(2.8rem,11vw,4.2rem)}.hero-lede{font-size:16px}.hero-art{width:min(340px,85%);margin:20px auto 0}.section{padding-block:68px}.intro,.section-heading,.approach-grid,.connection-grid,.about-grid,.two-column,.split-callout,.note-panel{display:block}.section-number{margin-bottom:22px}.intro-copy p:last-child{font-size:16px}.section-heading>p{margin-top:18px}.card-grid,.resource-grid,.reading-grid,.identity-grid,.video-list,.method-flow{grid-template-columns:1fr}.topic-card{min-height:250px}.approach-feature{padding:28px;margin-bottom:25px}.approach-feature p{font-size:19px}.connection-panel{margin-top:40px;padding:28px}.resource-card{min-height:210px}.about-grid>div+div{margin-top:25px}.footer-grid,.footer-bottom{display:block}.footer-grid>div+div{margin-top:25px}.footer-bottom span{display:block}.footer-bottom span+span{margin-top:8px}.page-hero{padding-block:28px 62px}.breadcrumb{margin-bottom:40px}.page-lede{font-size:16px}.research-list article{display:block;padding:26px 0}.research-list h3{margin-top:10px}.method-flow{margin-top:35px}.reading-grid a,.identity-grid article{min-height:220px}.note-panel>p{margin-top:20px}.section-more{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.resource-card{transition:none}}
