.contact-page{max-width:1180px;padding:56px var(--pad) 110px;margin:0 auto}.contact-hero{text-align:center;margin-bottom:48px}.contact-hero .eyebrow{justify-content:center}.contact-hero .eyebrow:after{content:"";background:var(--ink);width:30px;height:1.5px;display:block}.contact-hero h1{font-family:var(--font-inter), Inter, system-ui, sans-serif;letter-spacing:-.02em;margin:0 0 18px;font-size:clamp(40px,5vw,76px);font-weight:700;line-height:1}.contact-hero h1 em{background:linear-gradient(#0000 60%,#ff2d2d66 60% 90%,#0000 90%);font-style:normal}.contact-hero p{color:var(--ink-soft);max-width:560px;margin:0 auto;font-size:clamp(17px,1.5vw,19px);line-height:1.45}.contact-grid{grid-template-columns:1.25fr .75fr;align-items:start;gap:32px;display:grid}.contact-form{border:3px solid var(--ink);box-shadow:14px 14px 0 var(--ink);background:#fff;border-radius:24px;padding:34px 36px 32px}.field{margin-bottom:20px}.field label,.field>.field-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:9px;font-size:11px;font-weight:700;display:block}.field input,.field textarea{border:2px solid var(--ink);width:100%;color:var(--ink);background:#fffdf8;border-radius:10px;outline:none;padding:13px 14px;font-family:inherit;font-size:15px}.field textarea{resize:vertical;min-height:148px;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:#a99f8b}.field input:focus,.field textarea:focus{box-shadow:0 0 0 3px #ff2d2d40}.field-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.topics{flex-wrap:wrap;gap:8px;display:flex}.topic{border:2px solid var(--ink);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:9px 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .12s,color .12s,transform .12s}.topic:hover{background:#fffceb}.topic.is-on{background:var(--pink);color:#fff;box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.contact-submit{margin-top:8px}.contact-form .btn{justify-content:center;width:100%;padding:18px 30px;font-size:16px}.contact-note{color:var(--muted);margin:16px 0 0;font-size:12.5px;line-height:1.5}.contact-note a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink);text-underline-offset:3px;font-weight:700;text-decoration-thickness:2px}.contact-aside{flex-direction:column;gap:20px;display:flex}.contact-card{border:2.5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff;border-radius:20px;padding:26px 28px}.contact-card.is-highlight{background:#fffceb}.contact-card h2{font-family:var(--font-caveat), cursive;margin:0 0 14px;font-size:34px;font-weight:700;line-height:1}.contact-card p{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.5}.contact-card p+p{margin-top:12px}.contact-list{margin:0;padding:0;list-style:none}.contact-list li{color:var(--ink-soft);padding:8px 0 8px 24px;font-size:15px;line-height:1.5;position:relative}.contact-list li:before{content:"→";color:var(--pink);font-weight:800;position:absolute;left:0}.contact-mail{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink);text-underline-offset:4px;margin-top:4px;font-size:17px;font-weight:700;text-decoration-thickness:2px;display:inline-block}.contact-mail:hover{color:var(--pink)}.contact-sent{text-align:center;padding:26px 10px 10px}.contact-sent h2{font-family:var(--font-caveat), cursive;margin:0 0 12px;font-size:46px;font-weight:700;line-height:1}.contact-sent p{color:var(--ink-soft);max-width:48ch;margin:0 auto 20px;font-size:16px;line-height:1.5}@media (max-width:1000px){.contact-grid{grid-template-columns:1fr}.contact-form{box-shadow:10px 10px 0 var(--ink)}}@media (max-width:760px){.contact-page{padding-top:36px;padding-bottom:72px}.contact-form{box-shadow:8px 8px 0 var(--ink);border-radius:20px;padding:26px 20px 24px}.field-row{grid-template-columns:1fr;gap:0}.field input,.field textarea{font-size:16px}}
