:root{--ink:#303834;--green:#365c49;--paper:#f7f3e9;--line:#deded2}body{background:radial-gradient(ellipse at 90% 0,#efdfc4aa,transparent 50%),var(--paper)}header .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:21px}header .brand img{width:46px;height:46px;border-radius:50%;object-fit:contain;background:#282a2e}header .brand small{font-size:12px;font-weight:500;color:#758071;letter-spacing:0}.loki-portrait{margin:0 12px 0 30px;width:205px;flex-shrink:0;transform:rotate(3deg);border:7px solid #fffdf6;border-bottom-width:12px;background:#fffdf6;border-radius:20px;box-shadow:0 12px 30px #58452b16}.loki-portrait img{width:100%;display:block;border-radius:12px}.loki-portrait figcaption{font-size:10px;letter-spacing:2px;padding:9px 3px 0;font-weight:700}.loki-portrait figcaption span{display:block;font-size:12px;letter-spacing:1px;margin-top:5px;color:#8d795d}.loki-footer{max-width:1356px;margin:24px auto 0;padding:32px 24px 24px;border-top:1px solid #d8dacd;display:grid;grid-template-columns:1fr 1fr;gap:20px;color:#5b6b60;font-size:12px;line-height:1.8}.footer-owner strong{display:block;color:#334b3d;font-size:18px}.footer-owner span{display:block;margin:4px 0 12px}.footer-owner a{color:#365c49;margin-right:24px}.visit-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.visit-stats b{display:block;font-size:25px;font-variant-numeric:tabular-nums;color:#365c49}.visit-stats span{font-size:11px;white-space:nowrap}.loki-footer details{grid-column:1/-1;max-width:800px}.loki-footer p{font-size:12px}.loki-footer small{grid-column:1/-1;color:#879080}header{gap:16px;flex-wrap:wrap}.intro h1{font-size:clamp(27px,3.1vw,42px)}@media(max-width:700px){.loki-portrait{width:115px;margin:0 0 0 10px;border-width:4px}.loki-portrait figcaption{font-size:8px;letter-spacing:0}.loki-portrait figcaption span{font-size:10px}.loki-footer{grid-template-columns:1fr;padding:25px 20px}.intro{align-items:center}.intro p{font-size:12px}header .brand small{display:inline}.visit-stats{gap:10px}.intro h1{font-size:26px}}@media(max-width:400px){.loki-portrait{width:85px}.intro h1{font-size:24px}.loki-portrait figcaption span{display:none}header .brand{font-size:18px}}