/* Only the front-page PET ME ON! button. Its original size, orange fill and rim remain. */
#start.home-cta .home-cta-wordmark{display:inline-block;font-family:var(--heading);font-weight:400;font-size:clamp(22px,4.5vw,28px);line-height:1.05;letter-spacing:.4px;background:linear-gradient(#fffdf3 12%,#fff0d0 40%,#ffcd76 78%,#fff5df);background-clip:text;-webkit-background-clip:text;color:#fff1d3;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.15px #171613;paint-order:stroke fill;text-shadow:none;filter:drop-shadow(0 1.2px 0 #171613)}
#start.home-cta .home-cta-cue{width:44px;flex-basis:44px;translate:none;rotate:none;transform:none;transition:none}
#start.home-cta .home-cta-cue svg{width:100%;height:100%;overflow:visible}
#start.home-cta .home-cta-paw{transform:none;transform-origin:center;filter:none;transition:filter 120ms ease-out}
#start.home-cta.paw-is-pressed .home-cta-paw{filter:url(#home-cta-stamp) drop-shadow(0 1px .25px #ffdc9f);color:#39210f}
#start.home-cta .home-cta-arrow{transform:translateX(0);transition:transform 160ms cubic-bezier(.22,.68,.3,1)}
#start.home-cta.cta-departing .home-cta-arrow{transform:translateX(6px)}
@media(prefers-reduced-motion:reduce){
 #start.home-cta .home-cta-paw,#start.home-cta .home-cta-arrow{transition:none}
 #start.home-cta.cta-departing .home-cta-arrow{transform:none}
}
/* Approved lettering; logo-like dark rim only on the homepage CTA. */
#start.home-cta{border:4px solid #171613}
/* Logo-like depth: a narrow edge glint, never a shine band across the face. */
#start.home-cta{position:relative;isolation:isolate;box-shadow:inset 0 -4px 2px #a64b0038,0 3px 10px rgb(253 139 8 / .21)}
#start.home-cta::before{content:'';position:absolute;inset:2px;border-radius:inherit;border:1.7px solid #fff1ce;border-right-color:transparent;border-bottom-color:transparent;background:none;clip-path:inset(0 0 42% 0);mask-image:linear-gradient(90deg,#000 0%,#000 72%,transparent 98%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 72%,transparent 98%);pointer-events:none;z-index:-1}

/* Lettering-only revision; approved rim and paw/arrow rules above remain intact. */
#start.home-cta .home-cta-wordmark{display:inline-flex;align-items:center;width:clamp(140px,44vw,220px);flex:none;background:none;color:inherit;-webkit-text-fill-color:initial;-webkit-text-stroke:0;filter:none;line-height:1}
#start.home-cta .home-cta-letter-art{display:block;width:100%;height:auto;overflow:visible;fill:none;stroke:none;flex:none}

/* V214 preview: only the rounded orange button surface and depth. */
#start.home-cta{
 background:#ff9409;
 border:4px solid #171613;
 box-shadow:inset 0 2px 1px #ffe3a5,inset 2px 0 2px #ffc36a,inset 0 -5px 3px #d96c00,0 3px 0 #171613,0 6px 8px #7436001c;
}
#start.home-cta::before{content:none}

/* V215: uniform black rim with a light shadow, no bottom extrusion. */
#start.home-cta{box-shadow:inset 0 2px 1px #ffe3a5,inset 2px 0 2px #ffc36a,inset 0 -2px 2px #df780d,0 3px 6px #54290024}

/* V216: approved motion only; V215 surface stays unchanged. */
#start.home-cta .home-cta-paw{transform-box:fill-box;transform-origin:center;transition:transform 150ms cubic-bezier(.23,1,.32,1)}
#start.home-cta.paw-is-pressed .home-cta-paw{transform:translateY(1px) scale(.9);color:#8e4305;filter:drop-shadow(0 -1px .4px #532501) drop-shadow(0 1px .25px #ffd597)}
#start.home-cta .camera-icon{transform:rotate(0);transform-origin:50% 60%;transition:transform 220ms cubic-bezier(.23,1,.32,1)}
#start.home-cta.cta-engaged .camera-icon{transform:rotate(-12deg)}
#start.home-cta.cta-engaged .home-cta-arrow{transform:translateX(5px)}
#start.home-cta.cta-departing .home-cta-arrow{transform:translateX(7px)}
@media(prefers-reduced-motion:reduce){
 #start.home-cta .camera-icon,#start.home-cta .home-cta-paw,#start.home-cta .home-cta-arrow{transition:none}
 #start.home-cta.cta-engaged .camera-icon,#start.home-cta.cta-engaged .home-cta-arrow,#start.home-cta.cta-departing .home-cta-arrow{transform:none}
}

/* V217: recessed paw print uses inner edges, no floating outer shadow. */
#start.home-cta.paw-is-pressed .home-cta-paw{transform:translateY(1px) scale(.92);color:#a95306;filter:url(#home-cta-stamp)}

/* V218: slightly larger paw; hover release restores the raised state. */
#start.home-cta .home-cta-paw{transform:scale(1.14)}
#start.home-cta.paw-is-pressed .home-cta-paw{transform:translateY(1px) scale(1.04)}
