.pet-main{padding-top:40px}.pet-back{color:var(--muted);font-size:16px}.pet-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:64px;align-items:center;padding:48px 0 56px}.pet-copy{min-width:0}.pet-copy h1{font-size:44px;line-height:1.25;margin:14px 0 24px}.pet-copy p:not(.eyebrow){line-height:1.85;color:#dcd7de;max-width:32em}.pet-copy .pet-lede{font-size:22px;margin-bottom:18px}.pet-copy .actions{margin-top:30px;flex-wrap:wrap}.pet-demo{min-width:0}.pet-stage{display:grid;place-items:center;min-height:288px;background:#f4efe4;border-bottom:6px solid var(--accent)}.pet-sprite{width:192px;height:208px;background-image:url('spritesheet.webp');background-repeat:no-repeat;background-size:1536px 2288px;background-position:0 0;flex:none}.pet-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding-top:20px}.pet-controls[hidden]{display:none}.pet-controls label{font-size:16px}.pet-controls select,.pet-controls button{font:inherit;font-size:16px;min-height:44px;border:2px solid #837c89;background:#1c1b23;color:#f4efe4;padding:8px 12px}.pet-controls button{cursor:pointer;min-width:72px}.pet-controls :focus-visible{outline:3px solid #ff687b;outline-offset:4px}.pet-notes{border-top:1px solid #615b66;padding:32px 0;max-width:850px}.pet-notes h2{font-size:26px;margin-bottom:16px}.pet-notes p{font-size:17px;line-height:1.9;color:#dcd7de;margin-bottom:14px}@media(max-width:760px){.pet-intro{grid-template-columns:1fr;gap:30px;padding-top:30px}.pet-copy h1{font-size:34px}.pet-copy .pet-lede{font-size:20px}.pet-demo{width:100%;max-width:420px}.pet-stage{min-height:260px}.pet-main{padding-top:26px}}