/* Inherit the home page's blue animated background, navigation and footer. */
.contact-page { color:var(--cream); }
.contact-page main#topo { width:min(1440px,100%); padding:152px clamp(24px,5vw,80px) 112px; }
.contact-page__layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(40px,6vw,96px); align-items:start; }
.contact-page__intro { padding-top:8px; }
.contact-page__eyebrow { font-size:11px; letter-spacing:.2em; text-transform:uppercase; margin:0 0 28px; opacity:.72; }
.contact-page__title { margin:0; font:400 clamp(64px,7.4vw,112px)/.98 var(--font-kicker); letter-spacing:-.025em; text-transform:uppercase; }
.contact-page__title span { display:block; }
.contact-page__lead { max-width:34ch; font-size:16px; line-height:1.75; margin:30px 0 0; color:rgba(255,246,214,.8); }
.contact-page__email { display:inline-block; color:var(--cream); margin-top:40px; text-decoration:none; border-bottom:1px solid rgba(255,246,214,.45); padding-bottom:5px; font-size:clamp(13px,1.2vw,17px); }
.contact-page__note { max-width:34ch; font-size:11px; line-height:1.6; opacity:.58; margin-top:16px; }
.inquiry-form { display:grid; gap:14px; min-width:0; }
.inquiry-field { position:relative; border:1px solid rgba(255,246,214,.28); background:rgba(7,16,79,.22); border-radius:6px; transition:border-color .25s,background .25s; }
.inquiry-field:focus-within { border-color:var(--cream); background:rgba(7,16,79,.4); box-shadow:0 0 0 1px rgba(255,246,214,.15); }
.inquiry-field label { display:block; padding:13px 20px 0; font-size:10px; letter-spacing:.09em; text-transform:uppercase; color:rgba(255,246,214,.65); }
.inquiry-field input,.inquiry-field textarea { display:block; width:100%; border:0; border-radius:6px; outline:0; box-shadow:none; color:var(--cream); background:transparent; padding:8px 20px 15px; font:400 16px/1.5 var(--font-ui); }
.inquiry-field textarea { min-height:170px; resize:vertical; }
.inquiry-field input::placeholder,.inquiry-field textarea::placeholder { color:rgba(255,246,214,.48); opacity:1; }
.inquiry-field input:autofill { -webkit-text-fill-color:var(--cream); box-shadow:0 0 0 100px #101b50 inset; }
.inquiry-submit { justify-self:start; display:inline-flex; align-items:center; gap:28px; border:1px solid var(--cream); background:var(--cream); color:var(--blue); border-radius:4px; min-height:64px; padding:16px 26px; cursor:pointer; font:400 23px/1.2 var(--font-kicker); text-transform:uppercase; transition:transform .3s,background .3s; }
.inquiry-submit:hover { transform:translateY(-3px); background:#fff; }
.inquiry-submit:disabled { cursor:wait; opacity:.7; transform:none; }
.inquiry-submit:focus-visible,.contact-page__email:focus-visible,.inquiry-terms button:focus-visible { outline:2px solid var(--cream); outline-offset:5px; }
.inquiry-terms { margin:3px 0 2px; font-size:11px; line-height:1.7; color:rgba(255,246,214,.68); }
.inquiry-terms button { border:0; padding:0; color:inherit; font:inherit; background:none; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.inquiry-status { margin:0; padding:14px 16px; border:1px solid rgba(255,246,214,.4); border-radius:4px; font-size:13px; line-height:1.6; background:rgba(7,16,79,.5); }
.inquiry-status[data-state="error"] { border-color:#ffb0a3; }
.inquiry-status:empty { display:none; }
.inquiry-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.contact-policy { width:min(700px,calc(100% - 32px)); max-height:80svh; border:1px solid #fff6d644; border-radius:12px; padding:36px; background:#07104f; color:var(--cream); }
.contact-policy::backdrop { background:rgba(0,0,0,.7); backdrop-filter:blur(5px); }
.contact-policy h2 { font:400 36px/1.1 var(--font-kicker); margin:0 48px 24px 0; }
.contact-policy__body { font-size:13px; line-height:1.7; }
.contact-policy__close { position:absolute; right:16px; top:12px; background:none; border:0; color:inherit; font-size:30px; padding:8px; cursor:pointer; }
.contact-policy__close:focus-visible { outline:2px solid var(--cream); }
.contact-policy__language { font-size:11px; opacity:.65; }
@media(max-width:960px) {
 .contact-page main#topo { padding:124px 24px 72px; }
 .contact-page__layout { grid-template-columns:1fr; gap:42px; max-width:680px; margin:auto; }
 .contact-page__title { font-size:clamp(64px,12vw,104px); }
 .contact-page__lead { max-width:44ch; }
 .contact-page__email { margin-top:24px; }
}
@media(max-width:480px) {
 .contact-page main#topo { padding-inline:20px; }
 .contact-page__title { font-size:clamp(52px,13vw,64px); }
 .inquiry-submit { width:100%; justify-content:space-between; }
 .contact-policy { padding:28px 22px; }
}
@media(prefers-reduced-motion:no-preference) {
 .contact-page__intro { animation:contact-arrive 1.1s cubic-bezier(.16,1,.3,1) both; }
 .inquiry-form { animation:contact-arrive 1.25s cubic-bezier(.16,1,.3,1) .12s backwards; }
}
@media(prefers-reduced-motion:reduce) { .inquiry-field,.inquiry-submit { transition:none; } }
@keyframes contact-arrive { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:translateY(0); } }