.home{background:radial-gradient(circle at 1px 1px,#412e3617 1px,#0000 1.5px) 0 0/14px 14px,#f6eee4}.intro{border-bottom:2px solid var(--at-ink);background:#2e3346;width:100%;height:min(100dvh - 66px,56.25vw);position:relative;overflow:hidden;container-type:inline-size}.intro-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.intro-labels{pointer-events:none;position:absolute;inset:0}.label{white-space:pre-line;text-align:center;color:var(--at-ink);font-size:clamp(10px,1.6cqw,15px);font-weight:700;line-height:1.35;animation:.25s ease-out label-in;position:absolute;transform:translate(-50%,-100%)}.label.name{border:1.5px solid var(--at-ink);background:#fffcf6eb;border-radius:999px;padding:1px 8px;font-size:clamp(9px,1.3cqw,13px);transform:translate(-50%)}.label.say,.label.good,.label.bad,.label.note{background:var(--at-paper);border:2px solid var(--at-ink);box-shadow:0 3px 0 var(--at-ink);border-radius:12px;padding:4px 10px}.label.say:after{content:"";background:var(--at-paper);border-right:2px solid var(--at-ink);border-bottom:2px solid var(--at-ink);width:10px;height:10px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.label.good{background:#dff5ee}.label.bad{background:#fde1e5}.label.plain{color:var(--at-ink);font-size:clamp(8px,1.15cqw,12px);font-weight:700;line-height:1.3}.label.sign{font-family:var(--at-display);color:var(--at-paper);-webkit-text-stroke:3px var(--at-ink);paint-order:stroke fill;font-size:clamp(10px,1.5cqw,15px)}@keyframes label-in{0%{opacity:0;margin-top:6px}}.intro-caption{text-align:center;pointer-events:none;opacity:0;background:linear-gradient(#0000,#2e33469e 45%);justify-items:center;gap:6px;padding:7% 6% 5.5%;display:grid;position:absolute;bottom:0;left:0;right:0;transform:translateY(12px)}.intro-caption.in{opacity:1;transition:opacity .5s .25s,transform .5s .25s;transform:none}.cap-1{font-family:var(--at-display);color:var(--at-paper);-webkit-text-stroke:clamp(4px, .9cqw, 10px) var(--at-ink);paint-order:stroke fill;text-shadow:0 clamp(3px, .6cqw, 7px) 0 var(--at-ink);font-size:clamp(20px,4.4cqw,52px);font-weight:900;line-height:1.15}.cap-2{font-family:var(--at-display);color:var(--at-paper);-webkit-text-stroke:clamp(3px, .5cqw, 6px) var(--at-ink);paint-order:stroke fill;font-size:clamp(12px,2cqw,22px);font-weight:800}.intro[data-scene=sunrise] .intro-caption,.intro[data-scene=finale] .intro-caption{background:0 0;top:14%;bottom:auto}.intro[data-scene=sunrise] .cap-1{letter-spacing:.05em;font-size:clamp(44px,12cqw,150px)}.intro[data-scene=finale] .intro-caption{top:4%}.intro-cta{opacity:0;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:10px;transition:opacity .5s .6s,transform .5s .6s;display:flex;position:absolute;bottom:13%;left:0;right:0;transform:translateY(16px)}.intro.done .intro-cta{opacity:1;pointer-events:auto;transform:none}.intro-cta .button{text-decoration:none}.intro-cta .primary{background:var(--at-amber);color:var(--at-ink);box-shadow:0 4px 0 var(--at-amber-depth), 0 4px 0 2px var(--at-ink)}.intro-controls{align-items:center;gap:6px;display:flex;position:absolute;bottom:10px;right:12px}.intro-controls .chip{background:#fffcf6eb;padding:2px 10px;font-size:12px}.dots{gap:5px;margin-right:6px;display:flex}.dot{border:2px solid var(--at-ink);width:11px;height:11px;box-shadow:none;background:#fffcf6b3;border-radius:50%;padding:0}.dot[aria-current]{background:var(--at-amber)}.home-main{gap:34px}.home-about{gap:14px;display:grid}.features{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:6px;display:grid}.feature{align-content:start;gap:8px;padding:18px 18px 20px;display:grid}.feature h3{font-size:18px}.feature p{color:var(--at-ink-2);font-size:14px;line-height:1.7}.home-steps{gap:16px;padding:24px;display:grid}.home-steps h2{font-size:26px}.home-steps .button{text-decoration:none}.steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.steps li{background:var(--at-panel-2);border-radius:14px;align-content:start;gap:4px;padding:14px 14px 14px 56px;display:grid;position:relative}.steps li:before{counter-increment:step;content:counter(step);border:2px solid var(--at-ink);background:var(--at-teal);width:30px;height:30px;color:var(--at-paper);font-family:var(--at-display);box-shadow:0 2px 0 var(--at-ink);border-radius:9px;place-items:center;font-weight:900;display:grid;position:absolute;top:14px;left:14px}.steps p{color:var(--at-ink-2);font-size:13px}.steps a{color:var(--at-teal-depth);font-weight:700}@media (width<=860px){.features,.steps{grid-template-columns:1fr}}@media (width<=560px){.intro-controls{top:6px;bottom:auto;right:6px}.intro-controls .dots{display:none}.label.say,.label.note{padding:2px 6px}}