:root{color-scheme:light;--ink:#292117;--orange:#f24b21;--yellow:#ffdc45;--paper:#fffaf0}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;background:var(--paper);color:var(--ink);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;border-top:14px solid var(--orange)}
body::after{content:"";position:fixed;bottom:0;left:0;right:0;height:12px;background:var(--yellow)}
main{max-width:760px;margin:auto;padding:58px 24px 42px;text-align:center}
.eyebrow{font:700 12px/1.5 Arial,sans-serif;letter-spacing:.18em;margin:0 0 22px}
h1{font-size:clamp(56px,11vw,90px);font-weight:900;letter-spacing:.02em;line-height:1.1;margin:0;color:var(--orange)}
h1 span{display:block;color:var(--ink);font-size:.42em;letter-spacing:.15em;margin-bottom:12px}
.date{font:800 clamp(24px,5vw,36px)/1.5 Arial,sans-serif;margin:24px 0 30px}
.date span{font:700 14px/1.5 "Yu Gothic",sans-serif;display:inline-block;vertical-align:middle;background:var(--yellow);padding:4px 10px;margin-left:5px}
section{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:28px 12px 30px}
.label{font-weight:700;font-size:14px;letter-spacing:.07em;margin:0 0 12px}
h2{font:800 clamp(32px,7vw,52px)/1.15 Arial,sans-serif;letter-spacing:-.035em;margin:0 0 20px}
section p:last-child{font-size:14px;line-height:2;margin:0}
a{display:inline-block;color:var(--ink);font-size:13px;font-weight:700;line-height:1.8;text-underline-offset:5px;margin-top:24px;padding:8px 0}
a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}
a:hover{color:#a62b0d}
footer{font-size:11px;line-height:1.8;margin-top:38px}
@media(max-width:420px){main{padding-top:36px}.eyebrow{font-size:10px}section{padding:24px 0}.date{margin:20px 0 24px}}
