:root{--ink:#29172a;--pink:#f471af;--soft:#ffe1ee;--paper:#fff9fc}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:'Noto Sans JP',sans-serif;background:radial-gradient(circle at 82% 12%,#fff 0 6%,transparent 24%),radial-gradient(circle at 10% 90%,#ffd5e8 0,transparent 35%),linear-gradient(135deg,#fff9fc,#ffe6f1)}.landing{min-height:100vh;padding:clamp(26px,6vw,86px)}.preview{margin:0 0 clamp(25px,5vw,64px);color:#a25a7d;font-size:10px;font-weight:900;letter-spacing:.17em}.landing-grid{max-width:1080px;margin:auto;display:grid;grid-template-columns:minmax(280px,.74fr) 1.26fr;gap:clamp(38px,8vw,110px);align-items:center}.cover{display:block;position:relative;overflow:hidden;border-radius:28px;background:#20111f;box-shadow:0 28px 70px rgba(83,28,61,.29);transform:rotate(-2deg);transition:.28s}.cover:hover{transform:rotate(0) translateY(-8px);box-shadow:0 36px 78px rgba(83,28,61,.34)}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 32%,rgba(30,8,28,.28))}.cover img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}.cover span{position:absolute;z-index:1;right:18px;bottom:18px;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;text-align:center;line-height:1.12;color:#fff;background:var(--pink);font-size:10px;font-weight:900;letter-spacing:.1em;box-shadow:0 10px 24px rgba(85,19,57,.3)}.eyebrow{margin:0;color:#d4498b;font-size:10px;font-weight:900;letter-spacing:.16em}.subtitle{margin:19px 0 4px;color:#a56381;font-size:14px;font-weight:800;letter-spacing:.08em}.copy h1{margin:0;font-family:'DM Serif Display','Noto Sans JP',serif;font-size:clamp(56px,8vw,104px);font-weight:400;line-height:1}.description{margin:28px 0;color:#644d5c;font-size:16px;line-height:2}.meta{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 32px}.meta span{padding:8px 11px;border:1px solid #f0d6e2;border-radius:999px;background:#fff;color:#a05377;font-size:10px;font-weight:900;letter-spacing:.08em}.read{display:inline-flex;gap:28px;align-items:center;padding:15px 22px;border-radius:999px;background:linear-gradient(135deg,#e74e93,#fb93c4);color:#fff;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.06em;box-shadow:0 14px 28px rgba(214,54,125,.22)}.read b{font-size:18px}@media(max-width:720px){.landing{padding:28px 24px 54px}.preview{margin-bottom:34px;font-size:8px}.landing-grid{grid-template-columns:1fr;gap:35px}.cover{max-width:335px;margin:auto}.copy{text-align:center}.copy h1{font-size:64px}.description{font-size:14px}.meta{justify-content:center}.read{margin:auto}}