body[data-page="contact"] .contact-section{padding:48px 0 58px;background:#fffdf8}
.contact-shell{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);align-items:start;gap:18px;width:min(100%,1020px);margin:auto}
.contact-form{padding:32px;border:1px solid #e1d8ca;border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 18px 48px rgba(18,59,50,.09)}
.contact-form-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.75fr);align-items:end;gap:20px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #e6ded1}.contact-form-head .eyebrow{grid-column:1/-1;margin-bottom:-12px;color:#ef713d}.contact-form-head h2{margin:0;color:#123b32;font-size:clamp(1.65rem,2.6vw,2.35rem);line-height:1}.contact-form-head p{margin:0;color:#65716c;font-size:.76rem;line-height:1.5}
.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.contact-form .field{min-width:0;margin:0}.contact-form .field label{margin-bottom:5px;color:#344941;font-size:.68rem;font-weight:700}.contact-form .control{width:100%;min-height:44px;padding:9px 12px;border:1px solid #ddd5c8;border-radius:9px;background:#faf8f2;font-size:.79rem}.contact-form .control:hover{background:#fff}.contact-form .control:focus{border-color:#17664f;background:#fff;outline:3px solid rgba(23,102,79,.1)}.contact-form .field-error{min-height:13px;margin:3px 0 0;font-size:.6rem}.contact-subject,.contact-message{grid-column:1/-1}.contact-subject>.field{margin:0}.contact-form textarea.control{display:block;height:106px;min-height:106px;max-height:150px;resize:vertical;line-height:1.45}
.contact-submit-row{display:flex;align-items:center;gap:18px;margin-top:15px}.contact-submit-row .btn{flex:0 0 auto;min-width:170px;min-height:43px;border-radius:999px}.contact-submit-row small{max-width:320px;color:#7a847f;font-size:.61rem;line-height:1.4}
.contact-support-card{position:relative;isolation:isolate;padding:30px 26px;border-radius:20px;background:#123b32;color:#fff;box-shadow:0 18px 48px rgba(18,59,50,.16);overflow:hidden}.contact-support-card::after{content:"";position:absolute;z-index:-1;right:-26px;bottom:-22px;width:190px;height:170px;background:url('../images/d6-pattern.svg') right bottom/auto 42px;opacity:.22;mask-image:linear-gradient(315deg,#000,transparent 78%);-webkit-mask-image:linear-gradient(315deg,#000,transparent 78%)}.contact-support-kicker{display:block;margin-bottom:8px;color:#cfe978;font-size:.61rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.contact-support-card h2{margin:0 0 9px;color:#fff;font-size:1.7rem;line-height:1}.contact-support-card>p{margin-bottom:24px;color:rgba(255,255,255,.7);font-size:.72rem}.support-detail{display:grid;gap:3px;padding:11px 0;border-top:1px solid rgba(255,255,255,.15)}.support-detail small{color:#cbd8d3;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}.support-detail strong,.support-detail a{color:#fff;font-size:.77rem;font-weight:650;overflow-wrap:anywhere}.support-detail a:hover{color:#cfe978}
@media(max-width:780px){.contact-shell{grid-template-columns:1fr;max-width:640px}.contact-form{padding:26px}.contact-support-card{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.contact-support-card>span,.contact-support-card>h2,.contact-support-card>p{grid-column:1/-1}.contact-support-card>p{margin-bottom:14px}}
@media(max-width:560px){body[data-page="contact"] .contact-section{padding:30px 0 42px}.contact-form{padding:22px 18px;border-radius:16px}.contact-form-head{display:block}.contact-form-head .eyebrow{margin-bottom:7px}.contact-form-head h2{margin-bottom:9px}.contact-form-grid{grid-template-columns:1fr;gap:4px}.contact-form-grid>*{grid-column:1}.contact-submit-row{align-items:stretch;flex-direction:column;gap:8px}.contact-submit-row .btn{width:100%}.contact-support-card{display:block;padding:25px 21px;border-radius:16px}}