:root { --ink:#183b3a; --orange:#f06f4d; --butter:#f7df7c; --paper:#fbf7ef; --mint:#bfe0d1; --line:#d8d4c9; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"DM Sans",Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { height:86px; padding:0 6vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { font-weight:700; font-size:18px; letter-spacing:-.05em; }.brand-mark { color:var(--orange); font-size:20px; margin-right:4px; }
.back { font-size:12px; font-weight:700; }.back:hover { color:var(--orange); }
.button { display:inline-flex; align-items:center; gap:16px; padding:14px 19px; background:var(--ink); color:#fff; font-size:12px; font-weight:700; }.button:hover { background:var(--orange); }
.subject-hero { padding:10vw 13vw 8vw; background:var(--butter); }.eyebrow { margin:0 0 20px; font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
h1,h2,h3 { font-family:Fraunces,Georgia,serif; font-weight:500; letter-spacing:-.06em; } h1 { max-width:790px; margin:0; font-size:clamp(54px,8vw,108px); line-height:.92; } h1 em,h2 em { color:var(--orange); font-weight:500; }
.lead { max-width:520px; margin:32px 0 0; font-size:16px; line-height:1.7; }
.content { max-width:1000px; padding:100px 13vw; margin:auto; }.content h2 { font-size:clamp(36px,4vw,55px); line-height:1; margin:0 0 22px; }.content > p { max-width:580px; line-height:1.7; font-size:15px; }
.approach { margin-top:70px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.approach article { border-top:1px solid var(--line); padding-top:20px; }.approach span { color:var(--orange); font-size:11px; font-weight:700; }.approach h3 { font-size:24px; margin:20px 0 10px; }.approach p { margin:0; font-size:13px; line-height:1.6; }
.format { background:var(--mint); padding:95px 13vw; }.format-inner { max-width:1000px; margin:auto; }.format h2 { font-size:clamp(38px,4.5vw,62px); margin:0 0 42px; line-height:.98; }.format-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.format article { background:var(--paper); padding:34px; min-height:205px; }.format-icon { color:var(--orange); font-size:31px; }.format h3 { font-size:26px; margin:22px 0 8px; }.format p { max-width:345px; font-size:13px; line-height:1.6; margin:0; }
.cta { text-align:center; padding:110px 25px; }.cta h2 { font-size:clamp(42px,5vw,68px); line-height:.98; margin:0 0 28px; }.cta p { font-size:14px; margin:0 0 30px; }footer { padding:25px 6vw; background:var(--ink); color:#fff; display:flex; justify-content:space-between; font-size:11px; }footer a { text-decoration:underline; }
@media(max-width:700px) { .site-header { height:70px; padding:0 24px; }.site-header .button { display:none; }.subject-hero { padding:80px 25px; }.content { padding:75px 25px; }.approach,.format-grid { grid-template-columns:1fr; }.approach { gap:35px; margin-top:45px; }.format { padding:75px 25px; }.format article { min-height:0; }.cta { padding:80px 25px; }footer { padding:22px 25px; gap:15px; flex-wrap:wrap; } }