.contact-page .site-header{background:var(--color-bg);border-bottom:3px solid var(--color-ink)}.contact-page .nav a.active{color:var(--color-secondary)}.contact-page .nav a.active:after{background:var(--color-secondary);width:100%}.contact-hero{padding:10rem var(--gutter) 4rem;text-align:center;position:relative}.contact-hero:before{content:"";background-image:radial-gradient(circle, var(--color-ink) 1.6px, transparent 2px);opacity:.3;pointer-events:none;background-size:13px 13px;width:220px;height:220px;position:absolute;top:25%;left:8%;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 75%);mask-image:radial-gradient(circle,#000 30%,#0000 75%)}.contact-hero:after{content:"";background-image:radial-gradient(circle, var(--color-ink) 1.5px, transparent 2px);opacity:.25;pointer-events:none;background-size:12px 12px;width:180px;height:180px;position:absolute;bottom:5%;right:6%;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 75%);mask-image:radial-gradient(circle,#000 30%,#0000 75%)}.contact-title{margin:0 0 2rem;line-height:.85;display:inline-block;position:relative}.contact-title .title-ghost,.contact-title .title-main{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;transform-origin:50%;font-size:clamp(4rem,13vw,11rem);font-weight:400;display:block;transform:scaleY(1.12)}.contact-title .title-ghost{color:#0000;-webkit-text-stroke:2px var(--color-secondary);opacity:.75;position:absolute;top:0;left:0;right:0;transform:scaleY(1.12)translateY(-10px)}.contact-title .title-main{color:var(--color-secondary);-webkit-text-stroke:2px var(--color-ink);text-shadow:5px 5px 0 var(--color-ink), 10px 10px 0 var(--color-primary);position:relative}.contact-subtitle{font-family:var(--font-accent);color:var(--color-ink);text-transform:uppercase;letter-spacing:.1em;max-width:620px;margin:0 auto;font-size:1.1rem;font-weight:500;line-height:1.6}.contact-main{padding:3rem 0 6rem;position:relative}.mail-card{background:var(--color-ink);border:4px solid var(--color-ink);max-width:780px;box-shadow:12px 12px 0 var(--color-secondary);transition:transform .3s var(--ease), box-shadow .3s var(--ease);margin:0 auto 5rem;position:relative;overflow:hidden}.mail-card:before{content:"";background-image:radial-gradient(circle, var(--color-primary) 1.5px, transparent 2px);opacity:.18;pointer-events:none;background-size:14px 14px;position:absolute;inset:0}.mail-card:after{content:"✉";color:var(--color-secondary);opacity:.15;font-size:16rem;font-family:var(--font-display);pointer-events:none;line-height:1;position:absolute;top:-40px;right:-20px}.mail-card:hover{box-shadow:16px 16px 0 var(--color-secondary);transform:translate(-4px,-4px)}.mail-card-inner{z-index:2;text-align:center;padding:3rem 2.5rem;position:relative}.mail-eyebrow{font-family:var(--font-accent);text-transform:uppercase;letter-spacing:.2em;color:var(--color-primary);margin:0 0 1.5rem;font-size:.8rem;font-weight:700}.mail-link{font-family:var(--font-display);color:var(--color-cream);letter-spacing:.02em;text-transform:lowercase;word-break:break-word;-webkit-text-stroke:1.5px var(--color-ink);text-shadow:3px 3px 0 var(--color-secondary);transition:color .3s var(--ease), transform .3s var(--ease);margin-bottom:1.5rem;font-size:clamp(1.75rem,5vw,3.25rem);display:inline-block}.mail-link:hover{color:var(--color-primary);transform:translateY(-2px)}.mail-note{font-family:var(--font-accent);color:#fff5e6bf;text-transform:uppercase;letter-spacing:.1em;margin:0 0 2rem;font-size:.9rem;font-weight:500}.mail-card .btn-primary{background:var(--color-primary);color:var(--color-ink);box-shadow:5px 5px 0 var(--color-cream)}.mail-card .btn-primary:hover{background:var(--color-cream);box-shadow:7px 7px 0 var(--color-primary)}.reasons-header{text-align:center;margin-bottom:2.5rem}.reasons-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:5rem;display:grid}.reason-card{background:var(--color-cream);border:3px solid var(--color-ink);box-shadow:7px 7px 0 var(--color-ink);transition:transform .3s var(--ease), box-shadow .3s var(--ease);padding:2rem 1.75rem;position:relative}.reason-card:hover{box-shadow:11px 11px 0 var(--color-secondary);transform:translate(-4px,-4px)}.reason-num{font-family:var(--font-display);color:var(--color-primary);-webkit-text-stroke:1.5px var(--color-ink);margin-bottom:.75rem;font-size:2rem;line-height:1}.reason-card h3{font-family:var(--font-display);letter-spacing:.03em;color:var(--color-secondary);text-transform:uppercase;-webkit-text-stroke:.5px var(--color-ink);margin:0 0 .75rem;font-size:1.6rem;font-weight:400}.reason-card p{color:var(--color-ink);margin:0;font-size:.95rem;font-weight:500;line-height:1.6}.contact-extras{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:4rem;display:grid}.extra-card{background:var(--color-ink);color:var(--color-cream);border:3px solid var(--color-primary);box-shadow:6px 6px 0 var(--color-primary);transition:transform .3s var(--ease), box-shadow .3s var(--ease);padding:1.75rem 1.5rem}.extra-card:hover{box-shadow:9px 9px 0 var(--color-primary);transform:translate(-3px,-3px)}.extra-title{font-family:var(--font-accent);text-transform:uppercase;letter-spacing:.2em;color:var(--color-primary);margin:0 0 1rem;font-size:.8rem;font-weight:700}.extra-card p{color:var(--color-cream);margin:0 0 .75rem;font-size:.95rem;font-weight:500;line-height:1.6}.extra-card p:last-child{margin-bottom:0}.extra-card strong{color:var(--color-primary);font-weight:700}.socials{flex-direction:column;gap:.6rem;display:flex}.socials a{font-family:var(--font-accent);color:var(--color-cream);text-transform:uppercase;letter-spacing:.08em;transition:all .2s var(--ease);background:#fff5e60d;border:2px solid #fff5e626;padding:.5rem .75rem;font-size:.95rem;font-weight:600}.socials a:hover{background:var(--color-primary);color:var(--color-ink);border-color:var(--color-ink);transform:translate(4px)}.contact-footer-note{border-top:3px dashed var(--color-ink);text-align:center;padding-top:3rem}@media (max-width:960px){.reasons-grid{grid-template-columns:repeat(2,1fr)}.contact-extras{grid-template-columns:1fr}}@media (max-width:640px){.contact-hero{padding:8rem var(--gutter) 2.5rem}.reasons-grid{grid-template-columns:1fr;gap:1.25rem}.mail-card-inner{padding:2rem 1.25rem}.mail-link{font-size:1.5rem}.mail-card:after{font-size:10rem;top:-20px;right:-10px}}
