:root{--red:#c8102e;--blue:#005fb8;--mica:#f3f3f3;--ink:#1b1b1b;--white:#ffffff;--line:#d6d6d6;--mute:#555555;--line-d:#3a3a3a;--mute-d:#c9c9c9;--disp:Bahnschrift,"DIN Alternate","Roboto Condensed","Arial Narrow",system-ui,sans-serif;--body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--s1:clamp(1.75rem,1.25rem + 2.2vw,2.6rem);--s2:clamp(1.2rem,1.1rem + 0.4vw,1.4rem);--s3:1rem;--fig:min(44dvh,336px);color-scheme:light;}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--red) var(--mica)}body{margin:0;background:var(--mica);color:var(--ink);font:400 var(--s3)/1.6 var(--body);text-align:center;caret-color:var(--red);overflow-x:clip}::selection{background:var(--red);color:var(--white)}h1,h2,h3{font-family:var(--disp);font-weight:700;text-wrap:balance;margin:0;letter-spacing:-0.01em}p,li,dd{text-wrap:pretty}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}.wrap{width:min(100% - 32px,1120px);margin-inline:auto;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.ico{width:20px;height:20px;flex:none;fill:currentColor}.story{padding-top:max(16px,env(safe-area-inset-top))}.hero{padding:8px 0 24px;display:flex;flex-direction:column;align-items:center;gap:12px}.logo{display:block;width:64px;height:64px;border-radius:50%}h1{font-size:var(--s1);line-height:1.12;max-width:16ch}h1 span{display:block}.lead{margin:0;max-width:34ch;color:var(--mute)}.btn-next{display:inline-flex;align-items:center;justify-content:center;min-width:248px;min-height:56px;padding:0 28px;margin-top:20px;background:var(--blue);color:var(--white);font:700 var(--s2)/1 var(--disp);text-decoration:none;border-radius:4px;transition:transform .15s cubic-bezier(.16,1,.3,1)}.btn-next:active{transform:scale(.97)}.under{margin:12px 0 0;color:var(--mute)}.pin{margin:0;position:sticky;top:0;z-index:2;background:var(--mica);padding:8px 0;height:calc(var(--fig) + 16px);display:flex;justify-content:center}.pin svg{height:100%;width:auto;max-width:100%}.l{opacity:0;transform:translateY(16px);transition:opacity .35s ease-out,transform .5s cubic-bezier(.16,1,.3,1)}.pin[data-step="1"] .l1,.pin[data-step="2"] .l2,.pin[data-step="3"] .l3,.pin[data-step="4"] .l4{opacity:1;transform:none}.bar{transform-box:fill-box;transform-origin:left center;transform:scaleX(.08);transition:transform .9s cubic-bezier(.16,1,.3,1)}.pin[data-step="3"] .bar{transform:scaleX(.62)}.steps{list-style:none;margin:0;padding:0 0 8px}.steps li{min-height:70dvh;display:flex;align-items:center;justify-content:center}.steps p{margin:0;max-width:24ch;font:700 var(--s2)/1.35 var(--disp);display:flex;flex-direction:column;align-items:center;gap:10px}.num{width:36px;height:36px;border:1.5px solid var(--red);color:var(--red);border-radius:50%;display:grid;place-items:center;font:700 var(--s3)/1 var(--disp)}.dark{background:var(--ink);color:var(--white);padding:48px 0 40px}.dark .mute{color:var(--mute-d)}.bento{display:grid;gap:12px}.tile{border:1px solid var(--line-d);border-radius:6px;padding:24px 16px}.tile h2{font-size:var(--s2);line-height:1.25;margin-bottom:8px}.tile>p{margin:0 auto 16px;max-width:52ch}.rows{list-style:none;margin:0;padding:0;text-align:center}.rows li+li{border-top:1px solid var(--line-d)}.rows summary{list-style:none;cursor:pointer;min-height:56px;padding:12px 4px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600}.rows summary::-webkit-details-marker{display:none}.rows summary .ico{transition:transform .25s ease-out}.rows details[open] summary .ico{transform:rotate(180deg)}.rows dl{margin:0 auto;padding:0 4px 16px;max-width:52ch}.ans{margin:0 auto;padding:0 4px 16px;max-width:52ch;color:var(--mute-d)}.rows dt{font-weight:700;color:var(--white)}.rows dd{margin:0 0 8px;color:var(--mute-d)}.flip{perspective:900px;padding:0;border:0;background:none}.card{appearance:none;display:block;width:100%;min-height:248px;border:0;padding:0;background:none;color:inherit;font:inherit;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.16,1,.3,1)}.card[aria-pressed="true"]{transform:rotateY(180deg)}.face{position:absolute;inset:0;border-radius:6px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.ft{font:700 var(--s2)/1.25 var(--disp)}.face p{margin:0;max-width:30ch}.front{border:1px solid var(--line-d);background:#262626}.back{background:var(--red);color:var(--white);transform:rotateY(180deg)}.hint{color:var(--mute-d)}.back .hint{color:var(--white)}.faq-lead summary{font:700 var(--s2)/1.3 var(--disp);min-height:56px}.faq-lead p{margin:0 auto 16px;max-width:52ch;color:var(--mute-d)}.index{columns:2 140px;column-gap:24px;list-style:none;margin:0;padding:0}.index li{break-inside:avoid;padding:6px 0}.index a{text-underline-offset:3px;text-decoration-color:var(--red);display:inline-block;min-height:32px;padding-top:4px}.close{background:var(--red);color:var(--white);padding:48px 0 56px}.close h2{font-size:var(--s2);margin-bottom:24px}.shot{display:block;width:100%;height:auto;border-radius:6px;background:var(--white)}.close .btn-next{background:var(--blue);margin-top:40px;outline-color:var(--white)}.close .btn-next:focus-visible{outline-color:var(--white)}.end{display:block;margin:40px auto 0;width:32px;height:32px;border-radius:50%;background:var(--red);color:var(--white);font:700 var(--s3)/32px var(--disp)}footer{padding:24px 0 calc(96px + env(safe-area-inset-bottom))}.tags{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.tags a{display:inline-block;padding:10px 14px;min-height:44px;text-decoration:none;font-weight:700;color:var(--white);border-radius:4px}.tags li:nth-child(1) a{background:var(--blue);transform:rotate(-3deg)}.tags li:nth-child(2) a{background:var(--ink);transform:rotate(2deg)}.tags li:nth-child(3) a{background:var(--red);transform:rotate(-1deg)}.tags li:nth-child(4) a{background:var(--blue);transform:rotate(3deg)}footer p{margin:0;color:var(--mute)}.dock{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--white);border-top:1px solid var(--line);padding:8px 16px calc(8px + env(safe-area-inset-bottom));display:flex;justify-content:center;transform:translateY(110%);opacity:0;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .2s}.dock.on{transform:none;opacity:1}.dock .btn-next{margin:0;min-height:48px}@media (min-width:900px){.logo{width:96px;height:96px}.story .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px}.hero{grid-column:1;grid-row:1;padding:40px 0 48px;min-height:calc(100dvh - 32px);justify-content:center}.track{display:contents}.pin{grid-column:2;grid-row:1 / 3;align-self:start;top:calc(50dvh - 216px);height:432px;padding:16px 0;margin-top:max(16px,calc(50dvh - 232px))}.steps{grid-column:1;grid-row:2}.bento{grid-template-columns:2fr 1fr}.t-fix{grid-row:span 2}.t-index{grid-column:1 / -1}.tile{padding:32px 24px}}@media (hover:hover) and (pointer:fine){.btn-next:hover{background:#004c93}.tags a:hover{transform:rotate(0deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none !important;animation:none !important}}