*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101d24;color:#f4f3e9;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;line-height:1.7}a{color:inherit;text-underline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{max-width:1120px;margin:auto;padding:0 28px}.site-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid #ffffff20}.brand{font-size:14px;font-weight:750;text-decoration:none}.site-header nav,footer nav{display:flex;gap:24px;font-size:13px}.site-header nav a,footer a{text-decoration:none;color:#c4cdd1}.hero{padding:48px 0 20px}.eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.18em}.heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:10px 0 28px}h1{font-size:clamp(25px,4vw,43px);line-height:1.3;letter-spacing:-.025em;margin:0 0 7px}h1 small{display:block;color:#bbc7ca;font-size:13px;font-weight:400;letter-spacing:.1em;margin-top:10px}.lead{font-size:17px;margin:0;color:#d3dada}.badge{font-size:12px;white-space:nowrap;color:#b5c6cb}.poster{position:relative;overflow:hidden;border:1px solid #ffffff25;border-radius:16px;background:#080e12;isolation:isolate}.poster img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.poster:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#060b11bd);pointer-events:none}.play{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);z-index:1;display:inline-flex;gap:12px;align-items:center;justify-content:center;background:var(--accent);color:#142027;border-radius:100px;padding:17px 42px;text-decoration:none;font-weight:800;font-size:20px;box-shadow:0 6px 35px #0007;white-space:nowrap}.play:hover{filter:brightness(1.1)}.under{display:flex;justify-content:space-between;gap:16px;margin-top:13px;color:#aebabf;font-size:12px}.under p{margin:0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:47px 0;border-bottom:1px solid #ffffff20}.intro h2{font-size:24px;margin:0 0 12px}.intro p{font-size:14px;color:#b5c4c9;margin:0;max-width:42ch}.steps{display:flex;align-items:center;gap:17px}.steps div{flex:1;font-size:13px}.steps b{display:block;font-size:27px;color:var(--accent);font-weight:400}.details{padding:28px 0 45px;display:grid;gap:10px}details{border:1px solid #ffffff20;border-radius:12px;padding:16px 20px}summary{cursor:pointer;font-size:14px;font-weight:650}details p{font-size:14px;color:#bcc9ce;max-width:76ch}details img{width:100%;border-radius:8px;margin-top:12px}footer{border-top:1px solid #ffffff20;padding:24px 0 32px;display:flex;justify-content:space-between;gap:24px;color:#9cafb7;font-size:12px}.prose{max-width:760px;margin:50px auto;min-height:55vh}.prose h1{font-size:30px}.prose h2{margin-top:30px;font-size:19px}.prose p{color:#c1cdd2;font-size:14px}.skip{position:absolute;left:-999px}.skip:focus{left:20px;top:10px;background:#fff;color:#000;z-index:10}@media(max-width:650px){.wrap{padding:0 18px}.site-header{padding:20px 0}.site-header nav{gap:16px}.hero{padding-top:30px}.heading{display:block;margin-bottom:22px}.badge{display:block;margin-top:15px}.poster{border-radius:11px}.poster img{aspect-ratio:4/3;object-fit:cover}.play{font-size:18px;padding:13px 32px;bottom:8%}.under{display:block;font-size:11px}.under a{display:inline-block;margin-top:8px}.intro{grid-template-columns:1fr;gap:28px;padding:32px 0}.intro h2{font-size:21px}.steps{gap:12px}footer{display:block}footer nav{gap:16px;flex-wrap:wrap;margin-top:16px}.prose{margin:30px auto}.lead{font-size:14px}}
@media(min-width:651px){.hero{padding-top:28px}.poster img{height:52vh;min-height:290px;max-height:540px;aspect-ratio:auto;object-fit:cover}.heading{margin-bottom:22px}}
@media(max-width:650px){.poster img{height:auto;aspect-ratio:4/3;object-position:35% center}.site-header nav{white-space:nowrap}.site-header .brand{max-width:55%;line-height:1.4}}