.contact-page{background:radial-gradient(circle at 82% 22%,#dec29f33,#0000 32rem),radial-gradient(circle at 6% 52%,#ffffff80,#0000 28rem),#f1ede5;min-height:100svh;overflow:clip}.contact-main{width:min(96rem,100%);margin:0 auto;padding:8.25rem clamp(1.5rem,4.25vw,4.25rem) 5rem}.contact-hero{grid-template-columns:minmax(25rem,.78fr) minmax(38rem,1.22fr);align-items:center;gap:clamp(3rem,5.5vw,6.5rem);display:grid}.contact-copy{z-index:2;position:relative}.contact-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.contact-kicker,.conversation-label{color:#fff7ea;letter-spacing:.075em;text-transform:uppercase;text-shadow:0 1px 1px #461d1059;background:linear-gradient(145deg,#d47a48,#b85a31);border:1px solid #6a321929;width:max-content;margin:0;font-weight:850;line-height:1;box-shadow:0 9px 13px #5a2d1840,inset 2px 3px 4px #ffdcb74d,inset -3px -4px 5px #5f27152b}.contact-kicker{border-radius:.82rem 1rem .74rem .92rem;margin-bottom:1.65rem;padding:.66rem 1.1rem .6rem;font-size:.82rem;transform:rotate(-.55deg)}.contact-copy h1{letter-spacing:-.032em;text-transform:uppercase;margin:0;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(4.5rem,6.1vw,6.7rem);font-weight:400;line-height:.9}.contact-copy h1 span{display:block}.contact-lede{letter-spacing:-.018em;max-width:33rem;margin:1.35rem 0 0;font-size:clamp(1rem,1.35vw,1.28rem);font-weight:520;line-height:1.5}.location-pill{letter-spacing:.065em;text-transform:uppercase;background:linear-gradient(145deg,#eadcc7,#ddc7a8);border:1px solid #5e402424;border-radius:.85rem 1rem .78rem .95rem;align-items:center;gap:.7rem;width:max-content;max-width:100%;margin:1.55rem 0 0;padding:.68rem 1.05rem;font-size:.78rem;font-weight:850;line-height:1;display:flex;transform:rotate(.35deg);box-shadow:0 8px 12px #4d36202e,inset 2px 3px 4px #ffffff75,inset -3px -4px 5px #5b3b1f1f}.location-pill span{color:#92a245;text-shadow:0 2px 2px #3c451538;font-size:1rem}.conversation-scene{filter:drop-shadow(0 24px 22px #4b352133);min-width:0;position:relative;transform:rotate(.2deg)}.conversation-scene>img{width:100%;height:auto;display:block}.conversation-hotspot{z-index:4;cursor:pointer;background:0 0;border:0;border-radius:999px;margin:0;padding:0;position:absolute}.email-hotspot{width:31.6%;height:15.2%;top:54.1%;left:34%}.copy-hotspot{width:25.3%;height:14.1%;top:56.3%;left:68.3%}.conversation-hotspot:focus-visible{outline-offset:-7px;outline:2px solid #c66a3cb8}.conversation-scene .copy-status{z-index:5;color:#fff6e9;opacity:0;pointer-events:none;background:#282624;border-radius:.7rem;min-height:0;margin:0;padding:.55rem .8rem;font-size:.68rem;transition:opacity .16s,transform .16s;position:absolute;bottom:5.5%;left:63.5%;transform:translate(-50%,.5rem);box-shadow:0 8px 12px #2e22183d}.conversation-scene .copy-status:not(:empty){opacity:1;transform:translate(-50%)}.conversation-board,.reason-card,.social-card{isolation:isolate;background:radial-gradient(circle at 25% 14%,#ffffff61,#0000 16rem),linear-gradient(145deg,#ead9c0 0%,#dfc9ab 60%,#d7bea0 100%);border:1px solid #5c3b1e2b;position:relative;box-shadow:0 24px 34px #5239203b,0 6px 9px #5239201f,inset 6px 7px 9px #ffffff6b,inset -7px -8px 11px #5c3a1e26}.conversation-board:before,.reason-card:before,.social-card:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;mix-blend-mode:soft-light;opacity:.68;background-image:radial-gradient(circle at 1px 1px,#472f1c3d 0 .7px,#0000 .9px),radial-gradient(circle at 2px 2px,#ffffff8f 0 .65px,#0000 .85px);background-position:0 0,3px 4px;background-size:8px 9px,11px 13px;position:absolute;inset:0}.conversation-board:after,.reason-card:after,.social-card:after{content:"";z-index:1;pointer-events:none;border-radius:inherit;border:1px solid #fff3;position:absolute;inset:.35rem;box-shadow:inset 0 0 0 1px #6140240b}.conversation-board{border-radius:2.35rem 1.9rem 2.5rem 2.05rem/2rem 2.45rem 1.95rem 2.35rem;min-height:27rem;padding:4.65rem clamp(2rem,4vw,4rem) 2.7rem;transform:rotate(.35deg)}.conversation-label{z-index:4;border-radius:.8rem 1.05rem .75rem .96rem;padding:.78rem 1.5rem .7rem;font-size:.96rem;position:absolute;top:-1.15rem;left:19%;transform:rotate(.45deg)}.board-holes{z-index:1;opacity:.82;background:radial-gradient(circle,#6f4e32 0 3px,#3d281847 3.2px,#ffffff61 4px,#0000 4.7px) 0 0/2.3rem 2.3rem;width:8rem;position:absolute;top:4rem;bottom:2rem;left:2.5rem;mask-image:linear-gradient(90deg,#000,#000 58%,#0000 100%)}.conversation-grid{z-index:2;grid-template-columns:minmax(11rem,.68fr) minmax(19rem,1.32fr);align-items:center;gap:clamp(2rem,4vw,4.25rem);display:grid;position:relative}.mail-object{justify-self:center;width:11rem;height:14rem;position:relative}.mail-socket{z-index:2;aspect-ratio:1;background:linear-gradient(145deg,#44413d,#272624);border:1px solid #00000059;border-radius:1.35rem 1.05rem 1.45rem 1.15rem;place-items:center;width:8.4rem;display:grid;position:absolute;top:1.2rem;left:50%;transform:translate(-50%)rotate(-1.5deg);box-shadow:0 15px 18px #3b2a1b52,inset 4px 4px 5px #ffffff17,inset -5px -6px 7px #00000047}.mail-envelope{background:linear-gradient(145deg,#3f3c38,#2c2a27);border:.38rem solid #181715;border-radius:.55rem .45rem .62rem .48rem;width:5.1rem;height:3.75rem;display:block;position:relative;box-shadow:0 7px 8px #00000061,inset 2px 2px 3px #ffffff0f,inset -3px -3px 4px #00000038}.mail-envelope:before,.mail-envelope:after{content:"";background:#171614;border-radius:999px;width:2.75rem;height:.38rem;position:absolute;top:.28rem;box-shadow:0 2px 2px #0000004d}.mail-envelope:before{transform-origin:0;left:.12rem;transform:rotate(35deg)}.mail-envelope:after{transform-origin:100%;right:.12rem;transform:rotate(-35deg)}.mail-cable{border-bottom:.68rem solid #c76639;border-left:.68rem solid #c76639;border-radius:0 0 0 1.8rem;width:3.15rem;height:4rem;position:absolute;top:8.7rem;left:50%;transform:translate(-.25rem)rotate(-1deg);box-shadow:-3px 4px 5px #562d173d,inset 2px 0 #ffd4ab3d}.mail-cable:before{content:"";background:#d17645;border-radius:.35rem;width:1.15rem;height:.95rem;position:absolute;top:-.7rem;left:-.9rem;box-shadow:0 3px 4px #4f281447,inset 1px 1px 2px #ffddb947}.conversation-copy{z-index:2;position:relative}.conversation-copy h2{letter-spacing:-.02em;text-transform:uppercase;margin:0;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(2.4rem,3.4vw,3.55rem);font-weight:400;line-height:1}.email-actions{align-items:center;gap:1rem;margin-top:1.45rem;display:flex}.email-button,.copy-email-button{letter-spacing:.07em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-height:4.2rem;font-size:.88rem;font-weight:850;line-height:1;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex}.email-button{color:#fff;background:linear-gradient(145deg,#313131,#1f1f1f);border:1px solid #171717;gap:1.1rem;min-width:14.5rem;padding:.95rem 1.5rem;box-shadow:0 12px 16px #231f1a38,inset 0 1px #ffffff1a}.email-button span{font-size:1.35rem}.copy-email-button{color:#28241f;background:#f1e7d894;border:2px solid #28241f;min-width:11.5rem;padding:.95rem 1.25rem;box-shadow:inset 2px 2px 4px #ffffff61}.copy-email-button.is-copied{background:#aeb957;border-color:#7e8a39}.email-button:hover,.email-button:focus-visible,.copy-email-button:hover,.copy-email-button:focus-visible{transform:translateY(-3px)}.conversation-note{margin:1.3rem 0 0;font-size:1rem;font-weight:520;line-height:1.45}.copy-status{color:#8f4828;letter-spacing:.03em;min-height:1.1rem;margin:.35rem 0 0;font-size:.72rem;font-weight:800}.contact-details{grid-template-columns:minmax(30rem,.96fr) minmax(39rem,1.24fr);align-items:start;gap:clamp(3rem,5vw,6.5rem);margin-top:4.4rem;display:grid}.contact-details h2{letter-spacing:.08em;text-transform:uppercase;margin:0 0 1.15rem .25rem;font-size:.9rem;font-weight:900;line-height:1}.reason-cards,.social-cards{gap:.15rem;display:grid;position:relative}.reason-cards{grid-template-columns:minmax(0,1fr) 1.35rem minmax(0,1fr) 1.35rem minmax(0,1fr)}.reason-cards:before,.social-cards:before{content:none}.clay-connector{z-index:1;background:radial-gradient(at 30% 18%,#ffdeba61,#0000 42%),linear-gradient(#d77b49 0%,#c36539 58%,#aa4f2c 100%);border:1px solid #65301847;border-radius:48% 55% 46% 52%/62% 48% 58% 44%;place-self:center;width:calc(100% + 1.4rem);height:.72rem;position:relative;transform:rotate(-1.5deg)scaleY(.92);box-shadow:0 5px 7px #52281440,inset 2px 2px 3px #ffdebb4f,inset -3px -3px 4px #5b241130}.clay-connector:nth-of-type(2n){transform:rotate(1.25deg)scaleY(.92)}.clay-connector:before,.clay-connector:after{content:none}.reason-card{z-index:2;text-align:center;border-radius:1.4rem 1.15rem 1.5rem 1.2rem;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;min-height:11.2rem;padding:1rem .7rem;display:flex}.reason-card:nth-child(2){transform:rotate(.45deg)}.reason-card:nth-child(3){transform:rotate(-.35deg)}.reason-card>*,.social-card>*{z-index:2;position:relative}.reason-card h3{letter-spacing:.035em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900;line-height:1.2}.reason-icon{object-fit:contain;filter:drop-shadow(0 10px 8px #48311d3d);width:5.2rem;height:5.2rem;position:relative}.social-cards{grid-template-columns:minmax(0,1fr) 1.1rem minmax(0,1fr) 1.1rem minmax(0,1fr) 1.1rem minmax(0,1fr)}.social-card{z-index:2;color:#fff8ec;text-align:center;border-radius:1.35rem 1.1rem 1.45rem 1.15rem;flex-direction:column;justify-content:flex-end;align-items:center;min-height:11.5rem;padding:.6rem .55rem 1.05rem;transition:transform .2s cubic-bezier(.16,1,.3,1),filter .18s;display:flex}.social-card:nth-child(2){transform:rotate(.45deg)}.social-card:nth-child(3){transform:rotate(-.35deg)}.social-card:nth-child(4){transform:rotate(.55deg)}.social-card.linkedin{background:radial-gradient(circle at 25% 16%,#ffffff2e,#0000 7rem),linear-gradient(145deg,#396ba0,#244c76)}.social-card.github,.social-card.twitter{background:radial-gradient(circle at 25% 16%,#ffffff1a,#0000 7rem),linear-gradient(145deg,#41403d,#272624)}.social-card.hashnode{background:radial-gradient(circle at 25% 16%,#ffffff29,#0000 7rem),linear-gradient(145deg,#9b78aa,#73557f)}.social-card img{object-fit:contain;filter:none;width:4.8rem;height:4.8rem;margin-bottom:.3rem}.social-card h3{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:900;line-height:1}.social-card p{letter-spacing:.055em;text-transform:uppercase;margin:.55rem 0 0;font-size:.62rem;font-weight:800;line-height:1}.social-card:hover,.social-card:focus-visible{filter:brightness(1.06)saturate(1.04);transform:translateY(-7px)rotate(-.7deg)}@media (width<=1180px){.contact-hero{grid-template-columns:minmax(22rem,.72fr) minmax(34rem,1.28fr);gap:3rem}.contact-copy h1{font-size:clamp(4rem,6vw,5.25rem)}.contact-details{grid-template-columns:1fr}.social-card{min-height:11.5rem}}@media (width<=900px){.contact-hero{grid-template-columns:1fr}.contact-copy{max-width:42rem}.conversation-board{margin-top:1rem}}@media (width<=760px){.contact-page .mockup-header{position:relative}.contact-main{padding:2.5rem 1.25rem 4rem}.contact-copy h1{font-size:clamp(3.75rem,15vw,5rem)}.contact-lede{font-size:1rem}.location-pill{justify-content:center;width:100%;font-size:.68rem}.conversation-board{min-height:auto;padding:4.5rem 1.25rem 2rem}.conversation-label{font-size:.76rem;left:50%;transform:translate(-50%)rotate(.45deg)}.board-holes{display:none}.conversation-grid{grid-template-columns:1fr;gap:.75rem}.mail-object{height:11.5rem}.mail-socket{width:7.2rem}.mail-cable{top:7.5rem}.conversation-copy{text-align:center}.conversation-copy h2{font-size:2.75rem}.email-actions{flex-direction:column}.email-button,.copy-email-button{width:100%;min-width:0}.contact-details{grid-template-columns:1fr;gap:3.5rem;margin-top:3.5rem}.reason-cards{grid-template-columns:1fr}.social-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.reason-cards:before,.social-cards:before,.clay-connector{display:none}.reason-card{min-height:9.5rem}.reason-card:nth-child(n),.social-card:nth-child(n){transform:none}.social-card{min-height:11.5rem}.social-card img{width:4.45rem;height:4.45rem}}@media (width<=420px){.social-cards{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.email-button,.copy-email-button,.social-card{transition:none}}