:root{--bg:#f7f7f2;--ink:#25292a;--accent:#9aa8aa;--soft:#e1e8e8}
*{box-sizing:border-box}html{scroll-behavior:smooth}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;left:10px;top:-60px;background:var(--ink);color:var(--bg);padding:8px 12px;z-index:90}.skip:focus{top:10px}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;color:var(--accent);font-weight:900;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) 60%,white)}.plain{width:min(900px,calc(100% - 28px));margin:auto;padding:72px 0 96px}.plain h1{font-size:clamp(44px,8vw,92px)}.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;font-weight:900;color:color-mix(in srgb,var(--ink) 62%,white)}@media(max-width:640px){.next{display:block}.next a{display:block;margin-top:8px}}
.nav{position:fixed;left:18px;right:18px;bottom:16px;z-index:10;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);display:flex;gap:18px;align-items:center;padding:12px 18px;border-radius:28px}.nav .brand{margin-right:auto}.nav nav{display:flex;gap:12px;overflow-x:auto}.nav a{text-decoration:none;font-size:12px;white-space:nowrap}body.crystal{padding-bottom:86px}.home{width:min(1180px,calc(100% - 28px));margin:auto;text-align:center;padding:72px 0 52px}.home h1{font-size:clamp(56px,10vw,138px);max-width:980px;margin:auto}.home p{max-width:740px;margin-left:auto;margin-right:auto}.home figure{margin:36px auto 0;max-width:760px;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);overflow:hidden}.home img{width:100%;aspect-ratio:16/9;object-fit:cover}.index{width:min(1180px,calc(100% - 28px));margin:0 auto 92px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.index a{text-decoration:none;background:color-mix(in srgb,var(--soft) 70%,var(--bg));min-height:190px;padding:22px;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.index b{font-family:Georgia,serif;font-size:29px}.article{width:min(1100px,calc(100% - 28px));margin:auto;min-height:calc(100vh - 86px);display:grid;grid-template-columns:1fr 42%;gap:52px;align-items:center}.article figure{margin:0;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);overflow:hidden}.article img{width:100%;aspect-ratio:1;object-fit:cover}.article h1{font-size:clamp(48px,8vw,96px)}
@media(max-width:930px){.nav{position:static!important;width:auto!important;height:auto!important;display:block!important;margin:14px!important;padding:18px!important;border-radius:22px!important}.nav nav{display:flex!important;flex-wrap:wrap!important;margin-top:10px!important}.patina main,.patina .site-footer,.patina .next{margin-left:auto!important;width:min(1040px,calc(100% - 28px))!important}body.crystal{padding-bottom:0!important}.home,.article{display:block!important;width:min(1060px,calc(100% - 28px))!important;min-height:auto!important;padding:56px 0!important;text-align:left!important}.home figure,.article figure{height:auto!important;min-height:0!important;max-width:540px!important;margin-top:28px!important}.home img,.article img{height:auto!important;aspect-ratio:4/5!important}.index{display:block!important;columns:1!important;width:min(1060px,calc(100% - 28px))!important}.index a{display:block!important;min-height:auto!important;margin:0 0 12px!important}}