:root{--bg:#f3eadf;--ink:#33241f;--accent:#b77252;--soft:#e3c9b6}

*{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:50}.skip:focus{top:12px}h1,h2{font-family:Georgia,serif;line-height:.94;letter-spacing:-.06em;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}.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}

.loop-nav{position:sticky;top:0;z-index:10;width:min(1180px,calc(100% - 28px));margin:14px auto 0;padding:12px 18px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);display:flex;gap:18px;align-items:center}.brand{font-family:Georgia,serif;font-size:34px;text-decoration:none;letter-spacing:-.06em;margin-right:auto}.loop-nav nav{display:flex;gap:12px;flex-wrap:wrap}.loop-nav 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:500px 1fr;gap:50px;align-items:center}.home figure,.article figure{margin:0;border-radius:50%;overflow:hidden;box-shadow:0 0 0 22px color-mix(in srgb,var(--accent) 15%,transparent)}.home img,.article img{width:100%;aspect-ratio:1;object-fit:cover}.home h1{font-size:clamp(52px,8vw,118px)}.index{width:min(900px,calc(100% - 28px));margin:0 auto 94px}.index a{display:grid;grid-template-columns:110px 1fr;gap:24px;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent);padding:20px 0}.index small{color:var(--accent);font-size:12px;letter-spacing:.16em}.index b{font-family:Georgia,serif;font-size:35px}.article{width:min(1060px,calc(100% - 28px));margin:auto;min-height:100vh;display:grid;grid-template-columns:1fr 430px;gap:48px;align-items:center;padding:56px 0}.article h1{font-size:clamp(48px,8vw,96px)}@media(max-width:900px){.loop-nav,.home,.article{display:block;border-radius:24px}.loop-nav nav{margin-top:12px}.home figure,.article figure{max-width:520px;margin-top:28px}.index a{grid-template-columns:1fr}}