.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1.25rem 1.5rem}.hero__stage{display:grid;place-items:center}.hero__dog{width:min(68vw,420px);height:auto;display:block;object-fit:contain;background:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.hero__name{margin:.1rem 0 0;font-size:clamp(3.4rem,12vw,6.75rem);font-weight:600;letter-spacing:.02em;line-height:.9;color:var(--color-ink)}.hero__mark{width:22px;height:22px;margin-top:.85rem;border-radius:50%;background:var(--color-accent);border:3px solid var(--color-ink)}@media(max-width:640px){.hero{padding-top:2.5rem}.hero__dog{width:min(82vw,340px)}.hero__mark{width:16px;height:16px;border-width:2px;margin-top:.7rem}}.footer{display:flex;justify-content:center;padding:0 1rem 1.4rem}.footer__word{margin:0;font-size:.85rem;font-weight:500;letter-spacing:.18em;color:var(--color-ink);opacity:.28}@media(max-width:640px){.footer{padding-bottom:1rem}}.app{min-height:100dvh;display:flex;flex-direction:column;background:var(--color-base);overflow:hidden;position:relative}.app__dot{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--color-accent);border:3px solid var(--color-ink);pointer-events:none}.app__dot--tl{top:28px;left:28px}.app__dot--br{right:32px;bottom:36px;width:28px;height:28px;background:var(--color-accent-ear)}@media(max-width:640px){.app__dot--tl{top:16px;left:16px;width:14px;height:14px;border-width:2px}.app__dot--br{right:16px;bottom:20px;width:20px;height:20px;border-width:2px}}:root{--color-base: #ffffff;--color-accent: #007dfe;--color-accent-ear: #117be9;--color-ink: #000000;--font-doodle: "Fredoka", "Trebuchet MS", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--color-base);color:var(--color-ink);font-family:var(--font-doodle);-webkit-font-smoothing:antialiased}::selection{background:var(--color-accent);color:var(--color-base)}