@font-face{font-family:Cormorant;src:url('assets/cormorant-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Cormorant;src:url('assets/cormorant-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}

:root{--ink:#142d32;--paper:#efece3;--paper-ink:#273d3d;--muted:#56625b;--ivory:#f6f1e6;--brass:#c8b58c;--rule:#c9cec1;--serif:Cormorant,Georgia,serif;--sans:Manrope,Arial,sans-serif;color-scheme:light;scroll-behavior:smooth;scroll-padding-top:32px}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);font-family:var(--sans);font-weight:400;color:var(--ivory);-webkit-font-smoothing:antialiased}
body,a{cursor:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:6px;touch-action:manipulation}
a:hover{cursor:pointer}
a:focus-visible{outline:2px solid var(--brass);outline-offset:8px}
::selection{background:#cfbb8f;color:var(--ink)}
html{scrollbar-color:#8e9a8d var(--ink);scrollbar-width:thin}
svg{fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.skip-link{position:fixed;z-index:20;top:12px;left:12px;padding:14px 20px;background:var(--paper);color:var(--ink);transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.site-header{position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:32px 5.55%}
.wordmark{font-family:var(--serif);font-size:36px;line-height:1;text-decoration:none;letter-spacing:-.03em}
.wordmark span{font-style:italic}
.header-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:12px;letter-spacing:.025em;text-decoration:none}
.header-link svg{height:19px;width:19px;transition:transform .25s ease-out}
.header-link:hover svg{transform:translateX(4px)}
.header-link:hover{text-decoration:underline}
.opening{position:relative;display:flex;align-items:center;isolation:isolate;min-height:780px;height:100svh;max-height:1200px;overflow:hidden;background:var(--ink)}
.landscape,.opening-shade{position:absolute;inset:0;z-index:-1}
.landscape{animation:landscape-arrival 7s cubic-bezier(.16,1,.3,1) both}
.landscape img{display:block;width:100%;height:100%;object-fit:cover;object-position:58% 51%}
.opening-shade{background:linear-gradient(90deg,rgba(11,32,37,.58) 0%,rgba(11,32,37,.26) 43%,rgba(11,32,37,0) 75%),linear-gradient(0deg,rgba(8,24,27,.7) 0%,transparent 25%,transparent 80%,rgba(10,28,33,.2) 100%)}
.opening-copy{width:100%;padding:112px 5.55% 90px;position:relative}
h1{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(64px,7.4vw,96px);letter-spacing:-.025em;line-height:.99;text-wrap:balance}
h1 em{font-weight:400}
.opening-copy p{font-size:15px;line-height:1.85;color:#e1e5dd;margin:28px 0 32px;max-width:380px}
.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:44px;border-bottom:1px solid #aaa890;font-size:12px;letter-spacing:.045em;text-decoration:none;transition:color .2s ease-out,border-color .2s ease-out}
.text-link svg{width:19px;height:19px;transition:transform .25s ease-out}
.text-link:hover{color:#fff9e9;border-color:var(--ivory)}
.text-link:hover svg{transform:translateY(4px)}
.opening-foot{position:absolute;left:5.55%;right:5.55%;bottom:31px;display:flex;align-items:center;justify-content:flex-end;color:#d4dbd1;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.opening-foot span:last-child{font-family:var(--serif);font-style:italic;font-size:17px;letter-spacing:.01em;text-transform:none}
.author-note{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:126px 10% 114px;background:var(--paper);color:var(--paper-ink)}
.note-mark{display:block;width:35px;height:50px;color:#8a7956;margin:0 0 36px}
h2{font-family:var(--serif);font-size:clamp(40px,4.3vw,57px);font-weight:400;line-height:1.08;letter-spacing:-.025em;margin:0;text-wrap:balance}
.note-copy{padding-top:4px;max-width:510px}
.note-copy p{font-size:14px;line-height:1.95;margin:0 0 23px;color:var(--muted)}
.note-copy .note-lead{font-family:var(--serif);font-size:28px;line-height:1.3;color:var(--paper-ink);margin-bottom:24px}
.note-copy .note-close{margin-top:34px;color:var(--paper-ink)}
.note-copy .signature{font-family:var(--serif);font-style:italic;font-size:38px;color:var(--paper-ink);line-height:1.15;margin:30px 0 0}
.manifesto-link{display:inline-flex;align-items:center;gap:18px;min-height:48px;margin-top:24px;font-size:14px;text-underline-offset:5px}
.manifesto-link svg{width:18px;height:18px}
.site-footer{background:var(--paper);color:var(--paper-ink);display:flex;align-items:center;gap:28px;margin:0;padding:24px 5.55% 30px;position:relative;font-size:10px}
.site-footer:before{content:"";position:absolute;top:0;left:5.55%;right:5.55%;height:1px;background:var(--rule)}
.footer-wordmark{font-family:var(--serif);font-size:24px;text-decoration:none;letter-spacing:-.025em}
.site-footer>span{color:var(--muted)}
.site-footer a:focus-visible{outline-color:var(--paper-ink)}
@keyframes landscape-arrival{from{transform:scale(1.035);filter:brightness(.88)}to{transform:scale(1);filter:brightness(1)}}
@media(min-width:1700px){.opening-copy,.site-header{padding-left:max(5.55%,calc((100vw - 1600px)/2))}.opening-copy{padding-bottom:115px}}
@media(max-width:900px){.opening{min-height:720px}.opening-copy{padding-top:130px}.author-note{gap:7%;padding:90px 7%}.note-copy .note-lead{font-size:26px}.note-copy p{font-size:16px;line-height:1.8}.site-header{padding-top:28px}.wordmark,.footer-wordmark{display:inline-flex;align-items:center;min-height:44px}.header-link{font-size:14px;min-height:48px}.site-footer{font-size:12px;flex-wrap:wrap}.landscape img{object-position:65% 50%}}
@media(max-width:600px){
  .site-header{padding:25px 7%;align-items:center}.wordmark{font-size:32px}.header-link{font-size:13px;gap:8px;padding:4px 0}.header-link svg{width:18px;height:18px}
  .opening{height:100svh;min-height:720px;max-height:1050px;align-items:flex-start}.landscape img{object-position:90% 50%}
  .opening-shade{background:linear-gradient(180deg,rgba(11,32,37,.58),rgba(11,32,37,.3) 40%,rgba(11,32,37,.03) 70%,rgba(8,24,27,.75)),linear-gradient(90deg,rgba(11,32,37,.18),transparent 70%)}
  .opening-copy{padding:180px 7% 110px}h1{font-size:clamp(48px,10.3vw,64px);line-height:1.03;letter-spacing:-.025em}
  .opening-copy p{font-size:16px;line-height:1.7;max-width:280px;margin:25px 0 23px}.desktop-break{display:none}.text-link{font-size:14px;gap:32px;min-height:48px}.opening-foot{left:7%;right:7%;bottom:26px;font-size:8px;letter-spacing:.11em}.opening-foot span:last-child{font-size:15px}
  .author-note{display:block;padding:70px 8% 66px}.note-mark{width:28px;height:40px;margin-bottom:28px}h2{font-size:43px}.note-copy{padding-top:37px;max-width:none}.note-copy .note-lead{font-size:27px}.note-copy p{font-size:16px;line-height:1.8}.note-copy .note-close{margin-top:30px}.note-copy .signature{font-size:36px;margin-top:25px}
  .site-footer{display:grid;grid-template-columns:1fr;gap:4px;padding:23px 8% 26px}.footer-wordmark{font-size:25px;justify-self:start}.site-footer>span{grid-column:1;font-size:12px}.site-footer:before{left:8%;right:8%}
}
@media(max-width:360px){.wordmark{font-size:29px}.opening-copy{padding-top:170px}h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.landscape{animation:none}a,svg{transition:none!important}}