:root{--bg:#f3f0e9;--ink:#242733;--accent:#d48b43;--soft:#d8e2e5}
*{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;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}
.mosaic-nav{position:fixed;left:18px;right:18px;bottom:16px;z-index:10;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);display:flex;align-items:center;gap:18px;padding:12px 18px;border-radius:28px}.mosaic-nav .brand{margin-right:auto}.mosaic-nav nav{display:flex;gap:12px;overflow-x:auto}.mosaic-nav a{text-decoration:none;white-space:nowrap;font-size:12px}body.mosaic{padding-bottom:86px}.home{width:min(1180px,calc(100% - 28px));margin:auto;padding:70px 0 54px}.home h1{font-size:clamp(54px,10vw,136px);max-width:980px}.home figure{margin:34px 0 0;max-width:760px}.home img{width:100%;aspect-ratio:16/9;object-fit:cover}.index{width:min(1180px,calc(100% - 28px));margin:0 auto 90px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.index a{text-decoration:none;min-height:190px;padding:16px;background:color-mix(in srgb,var(--accent) 10%,var(--bg));clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.index a:nth-child(2n){transform:translateY(34px)}.index b{font-family:Georgia,serif;font-size:28px}.article{width:min(1100px,calc(100% - 28px));margin:auto;min-height:calc(100vh - 86px);display:grid;grid-template-columns:44% 1fr;gap:48px;align-items:center;padding:54px 0}.article figure{margin:0;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);overflow:hidden}.article img{width:100%;aspect-ratio:4/5;object-fit:cover}.article h1{font-size:clamp(48px,8vw,96px)}@media(max-width:900px){.mosaic-nav{position:static;margin:14px;display:block}body.mosaic{padding-bottom:0}.mosaic-nav nav{margin-top:10px}.index{grid-template-columns:1fr}.index a:nth-child(2n){transform:none}.article{display:block}.article figure{max-width:520px;margin-top:28px}}