:root{color-scheme:light;--bg: #f5efe8;--bg-soft: rgba(255, 255, 255, .74);--text: #2a2320;--muted: #6f625b;--accent: #b46a58;--accent-dark: #8c4d40;--border: rgba(90, 61, 48, .12);--shadow: 0 18px 50px rgba(88, 58, 46, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;min-width:320px;font-family:"Noto Serif JP",Hiragino Mincho ProN,Yu Mincho,Georgia,serif;color:var(--text);background:radial-gradient(circle at top,rgba(180,106,88,.14),transparent 36%),linear-gradient(180deg,#fbf8f4,#f4ede6)}a{color:inherit;text-decoration:none}#app{min-height:100vh}.page{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:24px 0 48px}.hero{min-height:86vh;display:grid;place-items:center;padding:24px 0}.hero__card,.info-card,.message-card{background:var(--bg-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow)}.hero__card{width:min(100%,820px);padding:clamp(28px,5vw,64px);border-radius:28px;text-align:center;position:relative;overflow:hidden}.hero__card:before,.hero__card:after{content:"";position:absolute;inset:auto;width:180px;height:180px;border-radius:50%;background:#b46a581f;filter:blur(12px);z-index:-1}.hero__card:before{top:-60px;right:-50px}.hero__card:after{bottom:-70px;left:-60px}.eyebrow,.section__label{margin:0;letter-spacing:.28em;text-transform:uppercase;color:var(--accent-dark);font-size:.8rem}h1{margin:18px 0 0;display:grid;gap:8px;font-size:clamp(2.8rem,8vw,6rem);line-height:.95}.lead{max-width:40rem;margin:24px auto 0;font-size:clamp(1rem,2vw,1.15rem);line-height:1.9;color:var(--muted)}.hero__meta{margin-top:28px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.hero__meta p{margin:0;padding:10px 16px;border-radius:999px;border:1px solid rgba(180,106,88,.18);background:#ffffff80}.hero__actions{margin-top:32px;display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-width:160px;padding:14px 20px;border-radius:999px;border:1px solid transparent;font-weight:700;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.button:hover{transform:translateY(-1px)}.button--primary{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dark));box-shadow:0 12px 26px #8c4d4040}.button--ghost{color:var(--accent-dark);border-color:#b46a5847;background:#ffffff8c}.button--full{width:100%}.section{margin-top:28px;scroll-margin-top:24px}.section__head{margin-bottom:18px}.section__head h2,.message-card h2,.info-card h3,.timeline h3{margin:6px 0 0;font-size:clamp(1.4rem,3vw,2rem)}.info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.info-card{padding:22px;border-radius:22px}.info-card p,.timeline__item p,.message-card p{margin:0;color:var(--muted);line-height:1.8}.section--split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr);gap:18px;align-items:start}.timeline{display:grid;gap:14px}.timeline__item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid rgba(90,61,48,.12)}.timeline__time{font-weight:700;color:var(--accent-dark)}.message-card{padding:28px;border-radius:24px}@media(max-width:920px){.info-grid,.section--split{grid-template-columns:1fr}}@media(max-width:640px){.page{width:min(100% - 20px,1120px);padding-top:10px}.hero{min-height:auto;padding-top:10px}.hero__card{padding:24px;border-radius:22px}.timeline__item{grid-template-columns:1fr;gap:6px}.button{width:100%}}
