:root{color-scheme:dark;font-family:Inter,"Helvetica Neue",Arial,"Noto Sans JP",sans-serif;background:#111618;color:#e4e8e7}*{box-sizing:border-box}body{margin:0}main{max-width:1140px;margin:auto;padding:32px 40px 50px}a{color:inherit;text-underline-offset:.24em}nav{display:flex;justify-content:space-between;gap:24px;font-size:13px}header{padding:90px 0 55px;max-width:780px}.eyebrow{font:11px/1.5 monospace;letter-spacing:.17em;color:#96b8c0}h1{font-size:clamp(38px,5.2vw,70px);line-height:1.24;font-weight:500;letter-spacing:-.04em;margin:24px 0 30px}.lead{font-size:17px;line-height:2;color:#b8c0c0;max-width:650px}figure{margin:10px 0 65px}img{width:100%;height:auto;display:block;border-radius:2px}figcaption{font-size:12px;color:#9aa7a9;line-height:1.7;margin-top:13px}section{max-width:720px;margin:0 auto 65px}h2{font-size:29px;line-height:1.5;font-weight:500;margin:18px 0 24px}section p{font-size:15px;line-height:2;color:#b8c0c0}ul{padding-left:20px}li{font-size:13px;line-height:1.9;color:#a9b5b6;margin-bottom:12px}.credits{border-top:1px solid #303a3d;padding-top:42px}footer{display:flex;justify-content:space-between;gap:24px;padding-top:25px;border-top:1px solid #303a3d;font-size:12px}footer span{font:10px monospace;color:#9aa7a9}@media(max-width:650px){main{padding:24px 20px}header{padding-top:65px}nav{font-size:12px}h2{font-size:24px}.lead{font-size:15px}figure,section{margin-bottom:45px}footer{flex-direction:column}}