.contact-detail{background:#000}
.contact-hero.hero{height:32vw;min-height:400px;background:radial-gradient(ellipse at 80% 60%,#15202b,#030609 60%,#000);isolation:isolate;overflow:hidden}
.contact-hero-copy{position:relative;margin-left:8.5%;padding-top:60px;z-index:1}
.contact-hero-copy h1{font-size:var(--heading-short);line-height:1.3;margin:30px 0 0}
.contact-lines{position:absolute;right:0;top:5%;height:110%;width:60%;color:#6d859d;opacity:.35;stroke-width:1}
.contact-section{padding:90px 8.5%;background:#000}
.contact-section h2{font-size:var(--heading-long);line-height:1.5;margin:0 0 35px}
.contact-layout{display:grid;grid-template-columns:1fr 1.8fr;gap:9%}
.contact-address dl{margin-top:45px}
.contact-detail dt{font-size:15px;color:#90a3b7;line-height:1.8;margin-bottom:12px}
.contact-detail dd{font-size:var(--body);line-height:2;margin:0;color:#c4ceda}
.contact-intro{font-size:var(--body);line-height:2;color:#c4ceda;margin:0 0 40px}
.inquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:28px 30px}
.inquiry-fields label{font-size:var(--body);line-height:1.7;display:block;color:#dce3ec}
.inquiry-fields label>span{color:#97aac0;font-size:15px}
.inquiry-fields input,.inquiry-fields textarea{display:block;margin-top:12px;width:100%;border:1px solid #ffffff3b;border-radius:0;background:#0b1016;color:#f0f4fa;padding:13px 15px;font:inherit;font-size:var(--body);line-height:1.7;box-sizing:border-box}
.inquiry-fields textarea{resize:vertical;min-height:150px}
.inquiry-fields input:focus,.inquiry-fields textarea:focus{outline:1px solid #a7bdd4;outline-offset:2px}
.field-wide{grid-column:1/-1}
.form-note{font-size:14px;line-height:1.9;color:#96a8bc;margin:25px 0}
.contact-detail button.more{background:transparent;color:#fff;cursor:pointer;font-family:inherit}
#inquiry-status{font-size:15px;color:#c7d6e6;line-height:1.9;margin:20px 0 0}
.contact-channels{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:20px}
.contact-channels article{border-top:1px solid #ffffff35;padding-top:35px}
.contact-channels h2{font-size:var(--subtitle);margin-bottom:30px}
.contact-channels dl{margin:0;display:grid;grid-template-columns:50px minmax(0,1fr);gap:18px 20px;align-items:baseline}
.contact-channels dt{margin:0}
.contact-channels a{color:#d5e0ed;text-decoration:none;overflow-wrap:anywhere}
.contact-channels a:hover{text-decoration:underline;text-underline-offset:5px}
.social-contact{padding-top:20px;padding-bottom:110px}
.qr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:45px;margin-top:50px}
.qr-grid figure{margin:0;min-width:0}
.qr-surface{display:flex;align-items:center;justify-content:center;background:#fff;aspect-ratio:1;max-width:240px;padding:18px;box-sizing:border-box}
.qr-surface img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain;filter:none}
.qr-grid figcaption{font-size:var(--subtitle);line-height:1.7;margin:22px 0 10px}
.qr-grid figure>a{font-size:14px;color:#93a8be;text-underline-offset:4px}
@media(max-width:1000px){.contact-layout{gap:6%;grid-template-columns:1fr 1.5fr}.qr-grid{gap:25px}.qr-grid figcaption{font-size:22px}}
@media(max-width:600px){.contact-hero.hero{height:430px;min-height:430px}.contact-hero-copy{margin-left:7%;padding-top:70px}.contact-lines{width:110%;right:-45%;opacity:.23}.contact-section{padding:60px 7%}.contact-layout{grid-template-columns:1fr;gap:55px}.contact-section h2{font-size:var(--heading-long);margin-bottom:25px}.contact-address dl{margin-top:25px}.contact-address dd br{display:none}.inquiry-fields{grid-template-columns:1fr;gap:23px}.contact-channels{grid-template-columns:1fr;gap:45px;padding-top:0}.contact-channels h2{font-size:var(--subtitle)}.social-contact{padding-top:0}.qr-grid{grid-template-columns:1fr 1fr;gap:35px 22px;margin-top:30px}.qr-surface{padding:12px}.qr-grid figcaption{font-size:20px;margin-top:16px}.qr-grid figure>a{font-size:13px}.contact-channels dl{gap:12px 10px}}
