.contact-page.star-contact-page{position:relative;isolation:isolate;overflow:hidden;min-height:600px;height:100svh;display:grid;place-items:center;padding:45px 7vw;background:#252329;color:#f8eddf}.star-swipe-host{position:absolute;inset:0;pointer-events:none;z-index:1}.star-swipe-trigger{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer;z-index:2}.star-swipe-trigger:focus-visible{outline:2px solid #d9bbe9;outline-offset:-20px}.star-contact-content{text-transform:uppercase;position:relative;z-index:3;text-align:center;pointer-events:none}.star-contact-content h2{font:500 clamp(65px,9vw,118px)/1 'Fraunces',Georgia,serif;letter-spacing:-.055em;margin:0 0 42px}.star-contact-links{display:flex;flex-direction:column;align-items:center;gap:23px}.star-contact-links a{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit;font-size:clamp(20px,2.4vw,30px);line-height:1.4;pointer-events:auto}.star-contact-links svg{width:27px;height:27px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.star-contact-links a:hover{color:#d9bbe9}.star-contact-links a:focus-visible{outline:2px solid #d9bbe9;outline-offset:10px;border-radius:3px}
@media(max-width:700px){.contact-page.star-contact-page{min-height:530px;padding:35px 5vw}.star-contact-content h2{font-size:clamp(54px,16vw,72px);margin-bottom:35px}.star-contact-links{gap:22px}.star-contact-links a{font-size:20px;gap:11px}.star-contact-links svg{width:23px;height:23px}}

.contact-warp-canvas{display:block;width:100%;height:100%}.star-contact-content{filter:drop-shadow(0 2px 10px #000);text-shadow:0 1px 18px #000,0 0 35px #000}.star-swipe-trigger:after{content:'✦';position:absolute;right:6vw;bottom:35px;color:#d9bbe9;font-size:25px;opacity:.6;transition:opacity .2s,transform .2s}.star-swipe-trigger:hover:after,.star-swipe-trigger:focus-visible:after{opacity:1;transform:rotate(20deg)}
@media(prefers-reduced-motion:reduce){.star-swipe-trigger:after{transition:none}}

/* Reuse the same four-frame cat illustration as the home page. */
.contact-cat-lane{position:relative;width:min(78vw,400px);height:135px;margin:16px auto 0}
.contact-cat-walker{position:absolute;left:0;bottom:-18px;width:105px;height:140px;animation:contact-cat-stroll 12s linear infinite}
.contact-cat-facing{display:block;width:100%;height:100%;animation:contact-cat-facing 12s steps(1,end) infinite}
.contact-cat-sprite{display:block;width:100%;height:100%;background:url('assets/cat-walk.webp') no-repeat;background-size:400% 100%;animation:gait .72s steps(4) infinite}
@keyframes contact-cat-stroll{0%,100%{left:0}48%,52%{left:calc(100% - 105px)}}
@keyframes contact-cat-facing{0%,100%{transform:scaleX(1)}50%{transform:scaleX(-1)}}
@media(max-width:700px){.contact-cat-lane{height:120px;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.contact-cat-walker,.contact-cat-facing,.contact-cat-sprite{animation:none}.contact-cat-walker{left:calc(50% - 52.5px)}}