/* Contact page — ported from the Say Notary contact design and scoped to this page
   so it coexists with style.css (shared header/footer). */
.contact-page{--ct-paper:#F3ECE4;--ct-ink:#241319;--ct-rose:#FF4F93;--ct-violet:#B14CFF;--ct-dim:#6b5b60;--ct-line:#e0d1d7;background:var(--ct-paper)}
.contact-main{font-family:'Manrope',system-ui,sans-serif;color:var(--ct-ink);line-height:1.5}
.ct-section{position:relative;overflow:hidden;min-height:100svh;background:var(--ct-paper);padding:161px 0 clamp(4rem,10vh,7rem)}
.ct-section canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block}
.ct-section::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/></svg>");opacity:.04;pointer-events:none;mix-blend-mode:multiply;z-index:1}
.ct-wrap{max-width:1100px;margin:0 auto;padding:0 3rem;position:relative;z-index:2}
.ct-sc{font-family:'Space Grotesk',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:600;color:var(--ct-dim)}
.ct-topbar{display:flex;justify-content:space-between;align-items:flex-start;padding:1vh 0 3vh}
.ct-brand{font-family:'Instrument Serif',serif;font-size:1.5rem;line-height:1}
.ct-brand small{display:block;font-family:'Space Grotesk',system-ui,sans-serif;letter-spacing:.2em;font-size:.58rem;text-transform:uppercase;color:var(--ct-dim);margin-top:.3rem}
.ct-head{max-width:720px}
.contact-main .ct-head h1{font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(3rem,8vw,6rem);line-height:1;letter-spacing:0;margin:1rem 0 1.2rem}
.contact-main .ct-head h1 em{font-style:italic;font-weight:400;color:var(--ct-rose)}
.ct-head p{color:var(--ct-dim);font-size:1.1rem;line-height:1.7;max-width:52ch;margin:0}
.ct-wabtn{display:inline-flex;align-items:center;gap:.7rem;margin-top:2.4rem;background:var(--ct-rose);color:#fff;font-family:'Space Grotesk',system-ui,sans-serif;font-weight:600;font-size:1.05rem;padding:1.1rem 2.4rem;border-radius:999px;text-decoration:none;box-shadow:0 18px 40px -14px rgba(255,79,147,.55);transition:transform .3s}
.ct-wabtn:hover{transform:translateY(-2px)}

/* avatar with pulsing glow and spinning conic ring */
.ct-avatarwrap{position:relative;display:grid;place-items:center;line-height:0;margin:0 auto 1.6rem;width:max-content}
.ct-avatarwrap::after{content:"";position:absolute;inset:-30px;border-radius:50%;z-index:0;background:radial-gradient(circle,rgba(255,79,147,.40),rgba(177,76,255,.22) 45%,transparent 72%);animation:ct-avpulse 4.5s ease-in-out infinite;filter:blur(6px)}
.ct-avatarwrap::before{content:"";position:absolute;inset:-11px;border-radius:50%;z-index:1;background:conic-gradient(from 0deg,#FF4F93,#B14CFF,#FF2E88,#C9A96E,#FF4F93);animation:ct-avspin 9s linear infinite;filter:blur(3px);opacity:.9}
@keyframes ct-avspin{to{transform:rotate(360deg)}}
@keyframes ct-avpulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}
.ct-avatar{position:relative;z-index:2;width:clamp(110px,15vw,150px);height:clamp(110px,15vw,150px);border-radius:50%;object-fit:cover;object-position:center top;border:5px solid #fff;box-shadow:0 18px 44px -18px rgba(60,20,40,.42);margin-bottom:1.6rem;display:block}

/* contact cards */
.ct-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:4rem}
.ct-card{position:relative;overflow:hidden;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.7);border-radius:20px;padding:2.4rem 2.1rem;min-height:175px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 24px 56px -30px rgba(60,20,40,.38);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}
.ct-card:hover{transform:translateY(-7px);box-shadow:0 34px 66px -28px rgba(60,20,40,.5)}
.ct-lbl{font-family:'Space Grotesk',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;color:var(--ct-violet);margin-bottom:1rem}
.ct-card a,.ct-val{font-family:'Space Grotesk',system-ui,sans-serif;font-weight:600;font-size:1.22rem;color:var(--ct-ink);text-decoration:none;line-height:1.45;display:block}
.ct-val small{display:block;font-family:'Manrope',system-ui,sans-serif;font-weight:400;font-size:.95rem;color:var(--ct-dim);margin-top:.4rem}
.ct-card.ct-wide{grid-column:1 / -1;flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:2rem;align-items:center;min-height:auto;padding:2.4rem 2.4rem}
.ct-card.ct-wide .ct-blk{min-width:200px;flex:0 1 auto}
.ct-card .ct-email{overflow-wrap:normal;word-break:normal}
/* animated conic border that travels around each card */
@property --ct-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes ct-cardspin{to{--ct-angle:360deg}}
.ct-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.6px;background:conic-gradient(from var(--ct-angle),transparent 52%,#FF4F93 74%,#B14CFF 88%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ct-cardspin 6s linear infinite;pointer-events:none;z-index:3}
.ct-grid .ct-card:nth-child(2)::before{animation-delay:-2s}
.ct-grid .ct-card:nth-child(3)::before{animation-delay:-4s}
.ct-card.ct-wide::before{animation-delay:-1.4s}

@media(max-width:860px){.ct-section{padding-top:127px}}
@media(min-width:821px){.ct-card.ct-wide{flex-wrap:nowrap;gap:2.4rem}}
@media(min-width:821px) and (max-width:1040px){.ct-card .ct-email{font-size:1.02rem}}
@media(max-width:820px){.ct-wrap{padding:0 1.4rem}.ct-card.ct-wide{flex-direction:column;align-items:flex-start;gap:1.5rem}.contact-main .ct-head h1{font-size:3rem}.ct-card .ct-email{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){.ct-avatarwrap::before,.ct-avatarwrap::after,.ct-card::before{animation:none}}

.contact-page .myrah-menu-links>a[aria-current="page"]{color:#fff}
.contact-page .footer{position:relative;z-index:2}