@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Libre+Caslon+Display&family=Roboto+Mono:wght@400;500&display=swap');

:root{--ink:#111014;--paper:#fdfdfc;--plum:#671a74;--line:#cbc7cc;--muted:#615d64;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}

.site-header{max-width:1280px;margin:auto;padding:36px 42px 24px;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--ink)}
.masthead{font:600 clamp(44px,7vw,88px)/.78 Inter,sans-serif;letter-spacing:-.075em}.masthead span{color:var(--plum);font-size:.28em;letter-spacing:-.02em;vertical-align:top;margin-left:8px}
.site-header p{margin:0 0 3px;font:500 13px Roboto Mono,monospace;letter-spacing:.14em;text-transform:uppercase}
.section-nav{position:sticky;top:0;z-index:10;display:flex;justify-content:center;gap:clamp(20px,4vw,52px);overflow-x:auto;padding:13px 24px;background:rgba(253,253,252,.97);border-bottom:1px solid var(--line);scrollbar-width:none}
.section-nav a{flex:0 0 auto;font:500 12px Roboto Mono,monospace;letter-spacing:.09em;text-transform:uppercase}.section-nav a:hover,.section-nav a:focus-visible{color:var(--plum)}

main{max-width:1280px;margin:auto;padding:48px 42px 0}.cover{display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:58px;align-items:stretch;padding-bottom:48px}.cover-copy{display:flex;flex-direction:column;justify-content:center;padding:30px 0}.label{margin:0 0 24px;color:var(--plum);font:500 11px Roboto Mono,monospace;letter-spacing:.11em;text-transform:uppercase}.cover h1{margin:0;max-width:670px;font:400 clamp(56px,6.6vw,92px)/.92 'Libre Caslon Display',Georgia,serif;letter-spacing:-.045em}.intro{max-width:590px;margin:34px 0 30px;color:var(--muted);font-size:19px;line-height:1.5}.primary-link{width:max-content;padding-bottom:4px;border-bottom:1px solid var(--ink);font-weight:600}.primary-link span{margin-left:14px;color:var(--plum)}
.cover-image{position:relative;min-height:620px;margin:0;background:#1d1027;overflow:hidden}.cover-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08)}.cover-image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(12,5,16,.75))}.cover-image figcaption{position:absolute;z-index:1;left:28px;right:28px;bottom:24px;display:flex;justify-content:space-between;align-items:end;color:white}.cover-image figcaption span:first-child{font:600 24px Inter,sans-serif;letter-spacing:-.06em}.cover-image figcaption span:last-child{font:400 10px Roboto Mono,monospace;letter-spacing:.08em;text-transform:uppercase}
.edition-line{display:flex;justify-content:space-between;gap:24px;padding:14px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font:500 10px Roboto Mono,monospace;letter-spacing:.1em;text-transform:uppercase}

.lead-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--ink)}.lead-grid article{min-height:450px;padding:70px 48px 64px 0}.lead-grid article+article{padding-left:48px;border-left:1px solid var(--line)}.lead-grid h2{max-width:500px;margin:0 0 30px;font:400 clamp(38px,4.5vw,60px)/1 'Libre Caslon Display',Georgia,serif;letter-spacing:-.035em}.lead-grid article>p:last-child{max-width:475px;margin:0;color:var(--muted);font-size:17px}

.departments{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding:110px 0}.departments>header{align-self:start;position:sticky;top:82px}.departments>header h2{margin:0 0 26px;font:400 clamp(56px,6vw,82px)/.9 'Libre Caslon Display',Georgia,serif;letter-spacing:-.04em}.departments>header>p:last-child{max-width:390px;margin:0;color:var(--muted);font-size:17px}.department-list article{display:grid;grid-template-columns:48px 150px 1fr;gap:22px;align-items:baseline;padding:27px 0;border-top:1px solid var(--line)}.department-list article:last-child{border-bottom:1px solid var(--line)}.department-list span{color:var(--plum);font:500 11px Roboto Mono,monospace}.department-list h3{margin:0;font:400 29px 'Libre Caslon Display',Georgia,serif}.department-list p{margin:0;color:var(--muted)}

.closing{margin-bottom:48px;padding:70px 56px;background:var(--ink);color:white}.closing>p:nth-child(2){max-width:950px;margin:0 0 42px;font:400 clamp(42px,6vw,76px)/1 'Libre Caslon Display',Georgia,serif;letter-spacing:-.035em}.closing a{color:#d6b3dc;font-weight:600}.closing a span{margin-left:14px}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 42px;background:var(--plum);color:white;font:400 12px Roboto Mono,monospace}.footer-mark{font:600 20px Inter,sans-serif;letter-spacing:-.05em}

.legal{max-width:880px;min-height:80vh;padding:38px 42px 100px}.legal nav{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:0 0 80px;border-bottom:1px solid var(--ink)}.legal nav div{display:flex;gap:24px}.legal nav a:not(.masthead){font:500 12px Roboto Mono,monospace;text-transform:uppercase}.legal .masthead{font-size:34px}.legal h1{margin:65px 0 70px;font:400 clamp(64px,9vw,105px)/.85 'Libre Caslon Display',Georgia,serif;letter-spacing:-.05em}.legal h2{margin:42px 0 8px;font:400 27px 'Libre Caslon Display',Georgia,serif}.legal p{font-size:18px}.legal p a{color:var(--plum);text-decoration:underline}

@media(max-width:820px){.site-header{padding:28px 20px 20px;align-items:flex-start;gap:14px;flex-direction:column}.section-nav{justify-content:flex-start}main{padding:30px 20px 0}.cover{grid-template-columns:1fr;gap:38px}.cover-copy{padding:16px 0 0}.cover-image{min-height:440px}.cover-image figcaption{left:20px;right:20px}.edition-line{display:grid;gap:4px}.lead-grid{grid-template-columns:1fr}.lead-grid article{min-height:0;padding:62px 0}.lead-grid article+article{padding:62px 0;border-left:0;border-top:1px solid var(--line)}.departments{grid-template-columns:1fr;gap:58px;padding:85px 0}.departments>header{position:static}.department-list article{grid-template-columns:35px 1fr}.department-list p{grid-column:2}.closing{padding:55px 25px}footer{padding:28px 20px;align-items:flex-start;flex-direction:column}.legal{padding:28px 20px 90px}.legal nav{padding-bottom:60px}}
