:root{--navy:#0b1b2f;--navy-2:#102942;--navy-3:#183953;--ink:#182b3b;--muted:#54677a;--cloud:#f1f5f8;--line:#d4dfe8;--blue:#6ca3d2;--white:#fff;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--white)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px}
img{display:block;max-width:100%}
a{color:inherit}
button,summary{font:inherit}
:focus-visible{outline:3px solid #89bdf0;outline-offset:4px}
.skip-link{position:absolute;left:12px;top:-80px;z-index:50;background:#fff;color:#071729;padding:12px 16px}
.skip-link:focus{top:12px}
.site-header{height:82px;padding:0 clamp(22px,4vw,76px);display:flex;align-items:center;gap:3vw;background:var(--navy);color:#fff;position:relative;z-index:10}
.brand{font-weight:700;font-size:1rem;letter-spacing:.28em;text-decoration:none;white-space:nowrap}
.brand span{font-weight:400}
.site-header nav{display:flex;align-items:center;gap:clamp(18px,2.1vw,38px);margin-left:auto}
.site-header nav a{font-size:.82rem;text-decoration:none;white-space:nowrap;color:#d9e4ee;transition:color .2s}
.site-header nav a:hover,.site-header nav a.active{color:#fff}
.site-header nav a.active{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:11px}
.header-note{font:italic .78rem/1.2 Georgia,serif;max-width:120px;margin-left:2vw;color:#c6d8e7}
.hero{display:grid;grid-template-columns:44% 56%;min-height:min(760px,calc(100vh - 82px));background:var(--navy);color:#fff;position:relative;overflow:hidden}
.hero-copy{align-self:center;padding:70px 8% 100px clamp(28px,7vw,130px);position:relative;z-index:2}
.eyebrow{display:block;color:#3d6281;font-size:.77rem;font-weight:700;letter-spacing:.25em;line-height:1.5;text-transform:uppercase}
.eyebrow.light{color:#a6c3de}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(5rem,8.5vw,10rem);line-height:.78;letter-spacing:-.07em;margin:40px 0 44px}
.hero h1 em{font-weight:400;color:#b9d8ee}
.hero-lead{font-size:clamp(1.1rem,1.45vw,1.4rem);line-height:1.68;max-width:560px;color:#e3edf5;margin:0 0 38px}
.text-link{display:inline-flex;align-items:center;gap:28px;padding:0 0 8px;border-bottom:1px solid #3e6380;color:#1a3c5b;font-size:.9rem;font-weight:700;letter-spacing:.04em;text-decoration:none;transition:gap .2s,color .2s}
.text-link:hover{gap:38px;color:#527fa4}
.light-link{color:#fff;border-color:#8aa7c0}
.light-link:hover{color:#b9d8ee}
.hero-photo-wrap{height:100%;min-height:580px;position:relative;background:#7290ab}
.hero-photo{width:100%;height:100%;object-fit:cover;object-position:58% center;filter:saturate(.76) contrast(1.08)}
.hero-photo-wrap:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,27,47,.48),transparent 40%),linear-gradient(0deg,rgba(8,23,40,.7),transparent 42%);z-index:1}
.hero-photo-note{position:absolute;right:clamp(22px,4vw,68px);bottom:42px;z-index:2;display:flex;flex-direction:column;gap:6px;text-align:right;max-width:230px;font-size:.81rem;line-height:1.35;color:#eef5fb}
.hero-photo-note strong{font:italic 1.5rem Georgia,serif;color:#fff}
.small-overline{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase}
.hero-index{position:absolute;bottom:24px;left:clamp(28px,7vw,130px);z-index:2;font-size:.66rem;letter-spacing:.25em;color:#95b3cc}
.opening-line{display:grid;grid-template-columns:repeat(3,1fr);max-width:1440px;margin:0 auto;padding:32px clamp(24px,6vw,90px);background:#fff}
.opening-line p{display:flex;align-items:baseline;gap:16px;margin:0;padding:0 30px;border-left:1px solid var(--line);font-size:.86rem;color:var(--muted)}
.opening-line p:first-child{border-left:0;padding-left:0}
.opening-line strong{font:400 1.85rem Georgia,serif;color:#173954;white-space:nowrap}
.section-pad{padding:clamp(80px,10vw,150px) clamp(24px,7vw,120px)}
.research{background:var(--cloud)}
.section-intro{display:grid;grid-template-columns:1.5fr .65fr;gap:8vw;align-items:end;max-width:1360px;margin:0 auto 70px}
h2,h3,p{overflow-wrap:break-word}
.section-intro h2,.journey-heading h2,.music h2{font:400 clamp(3.4rem,5.8vw,7rem)/1.03 Georgia,'Times New Roman',serif;letter-spacing:-.055em;margin:24px 0 0}
.section-intro h2 em,.journey-heading h2 em,.music h2 em{font-weight:400}
.section-intro>p{font-size:1.1rem;line-height:1.7;color:#40596c;max-width:380px;margin:0 0 8px}
.research-feature{display:grid;grid-template-columns:46% 54%;max-width:1360px;margin:0 auto;background:#fff;min-height:480px}
.research-feature-image{min-height:480px;overflow:hidden;background:#849eb0}
.research-feature-image img{width:100%;height:100%;object-fit:cover;object-position:center 31%}
.research-feature-body{display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,6vw,96px)}
.date-line{display:flex;align-items:center;gap:14px;color:#537491;font-size:.76rem;text-transform:uppercase;letter-spacing:.18em;font-weight:700;line-height:1.5}
.date-rule{width:25px;height:1px;background:#9bb1c4;flex:none}
.research h3{font:400 clamp(2rem,3.3vw,3.6rem)/1.13 Georgia,serif;letter-spacing:-.04em;margin:25px 0}
.research-feature-body p,.research-note p{font-size:1.05rem;line-height:1.75;color:#496174;margin:0 0 27px}
.research-feature-body .text-link{align-self:start;margin-top:10px}
.research-secondary{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center;max-width:1360px;margin:48px auto 0}
.field-image{height:260px;overflow:hidden}
.field-image img{width:100%;height:100%;object-fit:cover}
.research-note{padding:0 clamp(0px,2vw,40px)}
.research-note h3{font-size:clamp(1.85rem,2.8vw,3rem);margin:18px 0 15px}
.research-note p{margin-bottom:10px}
.research-note .note-small{font-size:.95rem;color:#65788a}
.journey{background:var(--navy);color:#fff}
.journey-heading{max-width:1360px;margin:0 auto 70px;display:grid;grid-template-columns:1.2fr .6fr;column-gap:7vw}
.journey-heading .eyebrow{grid-column:1/-1}
.journey-heading h2{margin:22px 0 0}
.journey-heading h2 em{color:#9ebfda}
.journey-heading p{align-self:end;color:#c0d2e0;font-size:1.08rem;line-height:1.7;max-width:380px;margin:0 0 10px}
.timeline{max-width:1360px;margin:0 auto}
.chapter{display:grid;grid-template-columns:160px minmax(0,1fr) 255px;gap:clamp(28px,4vw,65px);padding:38px 0 44px;border-top:1px solid #456075}
.chapter-last{border-bottom:1px solid #456075}
.chapter-date>span{font:400 1.55rem Georgia,serif;color:#b2d2e9;white-space:nowrap}
.chapter-date .dash{padding:0 3px;color:#6587a2}
.chapter-date small{display:block;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;line-height:1.6;color:#92b0c9;margin-top:12px}
.chapter-heading{display:flex;gap:18px;align-items:start}
.chapter-no{color:#77a8cf;font-size:.74rem;letter-spacing:.1em;margin-top:8px}
.chapter h3{font:400 clamp(1.7rem,2.25vw,2.65rem)/1.19 Georgia,serif;letter-spacing:-.035em;margin:0}
.chapter-main>p{font-size:1rem;line-height:1.73;color:#cbd9e5;max-width:640px;margin:20px 0 23px}
.chapter-main strong{color:#fff}
.link-row{display:flex;flex-wrap:wrap;gap:9px 25px}
.link-row a,.archive-grid a{font-size:.82rem;line-height:1.5;color:#beddf5;text-decoration:none;border-bottom:1px solid transparent}
.link-row a:hover,.archive-grid a:hover{border-color:currentColor;color:#fff}
.chapter-image{width:100%;height:180px;object-fit:cover;background:#31506b;align-self:start}
.chapter-expanded .chapter-image{height:230px}
.chapter-awards .chapter-image{object-position:center 40%}
.archive{margin-top:25px;padding-top:14px;border-top:1px solid #3f5b73}
.archive summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer;color:#e7f3fc;font-size:.86rem;font-weight:700;list-style:none}
.archive summary::-webkit-details-marker{display:none}
.archive summary span{font-size:1.25rem;line-height:1;transition:transform .2s}
.archive[open] summary span{transform:rotate(45deg)}
.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 15px;margin-top:20px}
.music{display:grid;grid-template-columns:43% 57%;align-items:stretch;gap:0;background:#e6edf2;padding-top:0;padding-bottom:0}
.music-copy{padding:clamp(80px,9vw,140px) clamp(30px,7vw,115px) clamp(70px,7vw,110px) 0;align-self:center}
.music h2{font-size:clamp(3rem,4.7vw,5.5rem);margin:24px 0 30px}
.music h2 em{color:#456b89}
.music-copy>p:not(.music-caption){font-size:1.1rem;line-height:1.7;color:#40586c;max-width:480px}
.music-rule{display:block;width:55px;height:1px;background:#5d819e;margin-top:50px}
.music-caption{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:#52718a;margin-top:18px}
.music-image{min-height:590px;margin-right:calc(-1 * clamp(24px,7vw,120px));overflow:hidden;background:#46627d}
.music-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.site-footer{background:#091725;color:#fff;min-height:130px;padding:35px clamp(24px,7vw,120px);display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-footer p{font:italic .93rem Georgia,serif;color:#b5cada;letter-spacing:.05em}
.back-top{font-size:.8rem;color:#dce9f4;text-decoration:none}
.back-top:hover{text-decoration:underline}
@media(max-width:1150px){.header-note{display:none}.hero{grid-template-columns:48% 52%}.chapter{grid-template-columns:130px minmax(0,1fr) 210px;gap:25px}.chapter-image{height:150px}.chapter-expanded .chapter-image{height:200px}.opening-line p{display:block}.opening-line span{display:block;margin-top:6px}}
@media(max-width:800px){.site-header{height:auto;min-height:72px;flex-wrap:wrap;gap:8px;padding:18px 24px}.site-header nav{order:3;width:100%;margin:8px 0 0;gap:24px;overflow-x:auto;padding-bottom:5px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:70px 28px 50px}.hero h1{font-size:clamp(5rem,19vw,8rem);margin:25px 0}.hero-photo-wrap{height:430px;min-height:0}.hero-index{display:none}.opening-line{padding:25px;gap:15px}.opening-line p{padding:0 12px}.opening-line strong{font-size:1.35rem}.opening-line span{font-size:.75rem}.section-intro,.journey-heading{grid-template-columns:1fr;gap:20px}.section-intro{margin-bottom:40px}.section-intro>p,.journey-heading p{max-width:630px}.research-feature{grid-template-columns:1fr}.research-feature-image{height:500px;min-height:0}.research-feature-body{padding:44px}.chapter{grid-template-columns:115px minmax(0,1fr);gap:25px}.chapter-image{grid-column:2;height:220px;max-width:430px}.chapter-expanded .chapter-image{height:220px}.music{grid-template-columns:1fr;padding-bottom:0}.music-copy{padding:80px 0}.music-image{margin-left:calc(-1 * clamp(24px,7vw,120px));height:480px;min-height:0}}
@media(max-width:560px){.site-header nav{gap:18px}.site-header nav a{font-size:.78rem}.hero-photo-wrap{height:340px}.hero-photo-note{bottom:20px;right:20px}.hero-photo-note span:last-child{display:none}.opening-line{grid-template-columns:1fr;gap:0}.opening-line p,.opening-line p:first-child{display:flex;align-items:center;gap:16px;border-left:0;border-top:1px solid var(--line);padding:12px 0}.opening-line p:first-child{border-top:0}.opening-line span{margin-top:0;font-size:.8rem}.section-pad{padding:75px 24px}.section-intro h2,.journey-heading h2{font-size:clamp(3rem,13vw,4.4rem)}.research-feature-image{height:370px}.research-feature-body{padding:32px 26px}.research h3{font-size:2.25rem}.research-secondary{grid-template-columns:1fr}.field-image{height:220px}.research-note{padding:0}.journey-heading{margin-bottom:35px}.chapter{grid-template-columns:1fr;gap:14px;padding:30px 0}.chapter-date{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.chapter-date>span{font-size:1.4rem}.chapter-date small{margin:0;text-align:right}.chapter-main>p{font-size:.98rem}.chapter-image{grid-column:1;height:210px;max-width:none}.chapter-expanded .chapter-image{height:210px}.archive-grid{grid-template-columns:1fr 1fr}.music{padding-top:0;padding-bottom:0}.music-copy{padding:75px 0}.music h2{font-size:clamp(2.85rem,12vw,4.5rem)}.music-image{height:330px;margin-right:-24px;margin-left:-24px}.site-footer{flex-wrap:wrap;min-height:0;padding:35px 24px}.site-footer p{order:3;width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.text-link,.archive summary span,.site-header nav a{transition:none}}