:root{--bg:#eceff0;--ink:#20282e;--accent:#6b8795;--soft:#d3dde2}

*{box-sizing:border-box}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.7}img{display:block;max-width:100%;height:auto}a{color:inherit}.skip{position:absolute;top:-60px;left:12px;background:var(--ink);color:var(--bg);padding:8px 12px;z-index:99}.skip:focus{top:12px}h1,h2{font-family:Georgia,serif;letter-spacing:-.06em;line-height:.94;margin:0}p{font-size:17px;color:color-mix(in srgb,var(--ink) 62%,white)}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--accent);margin:0 0 12px}.brand{font-family:Georgia,serif;font-size:34px;text-decoration:none;letter-spacing:-.06em}.site-footer{width:min(1160px,calc(100% - 28px));margin:auto;border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);padding:34px 0 42px}.site-footer b{font-family:Georgia,serif;font-size:34px}.site-footer nav{display:flex;gap:14px;flex-wrap:wrap}.site-footer small{display:block;margin-top:14px;color:color-mix(in srgb,var(--ink) 62%,white)}.plain{width:min(900px,calc(100% - 28px));margin:auto;padding:72px 0 96px}.plain h1{font-size:clamp(44px,8vw,96px)}.next{width:min(1160px,calc(100% - 28px));margin:auto;border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);padding:24px 0 80px;display:flex;justify-content:space-between;gap:18px}.next a{font-family:Georgia,serif;color:var(--accent);font-size:32px;text-decoration:none}.next span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 62%,white);font-weight:900}@media(max-width:640px){.next{display:block}.next a{display:block;margin-top:8px}}

 .zipper-nav{position:sticky;top:0;z-index:10;width:min(1180px,calc(100% - 28px));margin:14px auto 0;padding:12px 16px;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);background:color-mix(in srgb,var(--bg) 92%,transparent);display:flex;align-items:center;gap:18px}.zipper-nav .brand{margin-right:auto}.zipper-nav nav{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.zipper-nav a{text-decoration:none;font-size:12px}.home{width:min(1180px,calc(100% - 28px));margin:auto;min-height:calc(100vh - 88px);display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.home h1{font-size:clamp(52px,9vw,128px)}.home figure{margin:0;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);overflow:hidden}.home img,.article img{width:100%;height:100%;object-fit:cover}.home figure{height:72vh}.index{width:min(1180px,calc(100% - 28px));margin:0 auto 92px;display:flex;overflow-x:auto;border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}.index a{flex:0 0 255px;min-height:230px;text-decoration:none;padding:24px;border-right:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}.index b{font-family:Georgia,serif;font-size:31px}.article{width:min(1120px,calc(100% - 28px));margin:auto;min-height:calc(100vh - 88px);display:grid;grid-template-columns:1fr 39%;gap:54px;align-items:center;padding:56px 0}.article figure{height:68vh;overflow:hidden}.article h1{font-size:clamp(48px,8vw,96px)}@media(max-width:920px){.zipper-nav,.home,.article{display:block}.zipper-nav{padding:18px}.zipper-nav nav{justify-content:flex-start;margin-top:10px}.home figure,.article figure{height:auto;max-width:520px;margin-top:28px}.home img,.article img{height:auto;aspect-ratio:4/5}}