html,body{min-height:100%;background:#071427}
body{min-height:100svh;font-family:"Jost","Segoe UI",sans-serif}

.contact-main{position:relative;display:grid;min-height:100svh;align-items:center;overflow:hidden;padding:112px var(--page-pad) 34px;background:#0a1c30}
.contact-main::before{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(5,15,28,.97) 0%,rgba(5,17,31,.8) 43%,rgba(7,20,36,.68)),url("../media/pictures/continents_bg.png") center/cover no-repeat;filter:saturate(.9) contrast(1.08)}
.contact-main::after{position:absolute;inset:0;content:"";background:linear-gradient(118deg,rgba(55,103,140,.14),transparent 40%,rgba(200,155,69,.05) 76%);pointer-events:none}
.contact-hero{position:relative;z-index:1;display:grid;width:min(100%,1560px);margin-inline:auto;grid-template-columns:minmax(490px,.9fr) minmax(620px,1.1fr);gap:clamp(30px,3vw,52px);align-items:center}
.contact-hero::after{display:none}
.contact-copy{max-width:570px}
.contact-copy h1{margin:16px 0 24px;font-size:clamp(3.35rem,3.85vw,4.9rem);font-weight:400;line-height:.9}
.contact-copy>p:not(.eyebrow){max-width:530px;margin:0;color:var(--muted);font-size:.96rem;line-height:1.75}
.contact-direct{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:34px;padding-top:24px;border-top:1px solid rgba(219,177,88,.34)}
.contact-direct span{margin-bottom:4px;color:var(--gold-light);font-size:.67rem;font-weight:500;text-transform:uppercase}
.contact-direct a{color:rgba(244,239,229,.78);font-size:.88rem;transition:color 180ms ease}
.contact-direct a:hover,.contact-direct a:focus-visible{color:var(--gold-light)}

.contact-shell{display:grid;gap:14px}
.contact-form,.contact-info-panel{border:1px solid rgba(219,177,88,.36);border-radius:6px;background:rgba(9,29,49,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 70px rgba(0,0,0,.3);backdrop-filter:blur(14px) saturate(1.15)}
.contact-form{padding:clamp(24px,2.4vw,38px)}
.contact-form__heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid rgba(244,239,229,.11)}
.contact-form__heading span{color:var(--gold-light);font-family:"Cormorant Garamond",Georgia,serif;font-size:1.65rem}
.contact-form__heading strong{color:var(--muted);font-size:.67rem;font-weight:400;text-transform:uppercase}
.contact-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.contact-field{display:grid;gap:6px}
.contact-field-wide{grid-column:1/-1}
.contact-field>span,.contact-info-panel span{color:var(--gold-light);font-size:.64rem;font-weight:500;text-transform:uppercase}
.contact-field input,.contact-field select,.contact-field textarea{width:100%;border:1px solid rgba(219,177,88,.24);border-radius:4px;color:var(--cream);background:rgba(3,13,24,.66);outline:none;transition:border-color 180ms ease,box-shadow 180ms ease}
.contact-field input,.contact-field select{height:43px;padding:0 12px}
.contact-field textarea{min-height:82px;padding:10px 12px;resize:vertical}
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:var(--gold-light);box-shadow:0 0 0 3px rgba(200,155,69,.1)}
.contact-field option{color:#071427;background:var(--cream)}
.contact-form__footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px}
.contact-consent{display:flex;max-width:430px;align-items:flex-start;gap:9px;color:var(--muted);font-size:.7rem;line-height:1.45}
.contact-consent input{flex:0 0 auto;margin-top:3px;accent-color:var(--gold)}
.contact-form__footer .button{min-height:46px;flex:0 0 auto}
.contact-info-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.contact-info-panel div{display:grid;gap:6px;align-content:center;min-height:82px;padding:16px 22px;border-right:1px solid rgba(244,239,229,.11)}
.contact-info-panel div:last-child{border-right:0}
.contact-info-panel strong{color:rgba(244,239,229,.8);font-family:"Cormorant Garamond",Georgia,serif;font-size:1rem;font-weight:400;line-height:1.2}
.contact-toast{position:fixed;right:24px;bottom:24px;z-index:250;max-width:420px;padding:15px 20px;border:1px solid rgba(219,177,88,.5);border-radius:4px;color:var(--cream);background:#0d2239;box-shadow:0 18px 50px rgba(0,0,0,.4)}
.contact-toast[hidden]{display:none}

@media(max-width:1100px){.contact-main{padding-top:118px;overflow:visible}.contact-hero{grid-template-columns:1fr;gap:38px}.contact-copy{max-width:750px}.contact-copy h1{max-width:900px}.contact-direct{display:none}}
@media(max-width:720px){.contact-main{display:block;min-height:100svh;padding:110px 20px 42px}.contact-hero{display:block}.contact-copy{margin-bottom:38px}.contact-copy h1{font-size:3.65rem}.contact-form{padding:22px 18px}.contact-form__heading{align-items:flex-start;flex-direction:column;gap:5px}.contact-form__grid,.contact-info-panel{grid-template-columns:1fr}.contact-field-wide{grid-column:auto}.contact-form__footer{align-items:stretch;flex-direction:column}.contact-form__footer .button{width:100%}.contact-info-panel div{border-right:0;border-bottom:1px solid rgba(244,239,229,.11)}.contact-info-panel div:last-child{border-bottom:0}}
@media(max-height:760px) and (min-width:1101px){.contact-main{padding-top:92px;padding-bottom:20px}.contact-copy h1{font-size:3.8rem}.contact-copy>p:not(.eyebrow){font-size:.86rem}.contact-direct{margin-top:22px;padding-top:16px}.contact-form{padding:22px 26px}.contact-form__heading{margin-bottom:14px;padding-bottom:11px}.contact-form__grid{gap:9px 14px}.contact-field input,.contact-field select{height:38px}.contact-field textarea{min-height:64px}.contact-form__footer{margin-top:13px}.contact-info-panel div{min-height:66px}}
