:root{--contact-night:#102f26;--contact-soft:#194438;--contact-paper:#eeeae0;--contact-cream:#fbf8f0;--contact-coral:#d97861;--contact-gold:#d1b06f;--contact-line:rgba(18,42,34,.2)}
body.contact-page{min-height:100svh;color:var(--contact-night);background:var(--contact-paper)}
.contact-shell{min-height:calc(100svh - 72px);padding:clamp(28px,6vh,68px) 20px;display:grid;place-items:start center}
.contact-card{width:min(680px,100%);border:1px solid var(--contact-line);background:var(--contact-cream);box-shadow:0 18px 55px rgba(11,38,29,.1)}
.contact-head{padding:28px 30px 24px;border-bottom:1px solid var(--contact-line)}
.contact-head>p{margin:0 0 7px;color:var(--contact-coral);font-size:.6rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.contact-head h1{margin:0;font:600 clamp(2rem,5vw,3rem)/1 Georgia,serif;letter-spacing:-.035em}
.contact-head>span{display:block;max-width:58ch;margin-top:12px;color:#5e6d65;font-size:.75rem;line-height:1.65}
.contact-catalog-note{margin:24px 30px 0;padding:14px 16px;display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;border-left:3px solid var(--contact-gold);background:#f2ecdc;color:#536159}
.contact-catalog-note strong{width:23px;height:23px;display:grid;place-items:center;border:1px solid var(--contact-gold);border-radius:50%;font:700 .7rem Georgia,serif}
.contact-catalog-note p{margin:0;font-size:.68rem;line-height:1.65}
.contact-error{margin:18px 30px 0;padding:11px 13px;border:1px solid #d9aaa3;background:#fff0ed;color:#812f26;font-size:.7rem}
.contact-form{padding:24px 30px 28px;display:grid;gap:15px}
.contact-form label{display:grid;gap:6px;color:#536159;font-size:.65rem;font-weight:750}
.contact-form input,.contact-form textarea{width:100%;box-sizing:border-box;padding:10px 11px;border:1px solid #929f97;border-radius:0;color:var(--contact-night);background:#fff;font:inherit;font-size:.76rem;line-height:1.55}
.contact-form input{min-height:42px}.contact-form textarea{resize:vertical;min-height:160px}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--contact-gold);outline-offset:1px;border-color:var(--contact-soft)}
.contact-form button{min-height:44px;margin-top:2px;border:1px solid var(--contact-night);border-radius:0;color:#fff;background:var(--contact-night);font-size:.65rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.contact-form button:hover{background:var(--contact-soft)}
.contact-card>footer{padding:16px 30px;border-top:1px solid var(--contact-line);color:#6a766f;font:italic .75rem Georgia,serif;text-align:right}
.contact-success{padding:46px 30px;text-align:center}.contact-success>span{width:54px;height:54px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--contact-soft);font-size:1.5rem}.contact-success h2{margin:0;font:600 1.7rem Georgia,serif}.contact-success p{max-width:48ch;margin:12px auto 22px;color:#5e6d65;font-size:.75rem;line-height:1.65}.contact-success a{display:inline-grid;min-height:40px;padding:0 18px;place-items:center;border:1px solid var(--contact-night);color:var(--contact-night);font-size:.62rem;font-weight:800;text-transform:uppercase}
@media(max-width:600px){.contact-shell{padding:20px 12px}.contact-head,.contact-form{padding-left:20px;padding-right:20px}.contact-catalog-note,.contact-error{margin-left:20px;margin-right:20px}.contact-card>footer{padding-left:20px;padding-right:20px}}