@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Shippori+Mincho+B1:wght@700;800&display=swap");

:root{--cream:#f7f2e7;--cream-deep:#efe7d6;--ink:#261d13;--pod:#6e5138;--orchid:#6e7f41}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;background:var(--ink);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif}
.landing{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;padding:36px 22px;background:var(--cream)}
.landing::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 54%,rgba(110,127,65,.12));pointer-events:none}
.speckles{position:absolute;inset:0;opacity:.45;background-image:radial-gradient(2px 1px at 12% 22%,var(--ink) 98%,transparent),radial-gradient(1px 2px at 27% 71%,var(--pod) 98%,transparent),radial-gradient(2px 1px at 43% 38%,var(--ink) 98%,transparent),radial-gradient(1px 2px at 69% 17%,var(--ink) 98%,transparent),radial-gradient(2px 2px at 91% 33%,var(--pod) 98%,transparent),radial-gradient(1px 1px at 74% 90%,var(--ink) 98%,transparent)}
.card{position:relative;z-index:1;width:min(880px,100%);padding:clamp(34px,6vw,72px);border:1px solid rgba(110,81,56,.25);border-radius:24px;background:rgba(247,242,231,.88);box-shadow:0 30px 80px rgba(38,29,19,.14);backdrop-filter:blur(8px)}
.kicker{margin:0 0 24px;color:var(--pod);font-size:13px;font-weight:700;letter-spacing:.22em}
h1{margin:0;font-family:"Shippori Mincho B1",Georgia,serif;font-size:clamp(36px,6.4vw,76px);font-weight:800;letter-spacing:-.03em;line-height:1.18}
.summary{max-width:640px;margin:28px 0 0;color:var(--pod);font-size:clamp(16px,2vw,20px);line-height:1.75}
.language-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}
.language-links a{display:inline-flex;align-items:center;justify-content:space-between;min-width:210px;gap:28px;padding:15px 18px;border:1.5px solid var(--orchid);border-radius:10px;color:var(--orchid);font-weight:700;text-decoration:none;transition:transform 160ms ease,background 160ms ease,color 160ms ease}
.language-links a:hover,.language-links a:focus-visible{transform:translateY(-2px);outline:none;background:var(--cream-deep)}
.language-links a.primary{background:var(--orchid);color:white}
.author{margin:32px 0 0;color:var(--pod);font-size:13px;letter-spacing:.04em}
@media(max-width:560px){.card{border-radius:18px}.language-links{display:grid}.language-links a{min-width:0}}
@media(prefers-reduced-motion:reduce){.language-links a{transition:none}}