html.contact-document{scroll-behavior:smooth;scroll-padding-top:110px}
.contact-page{--contact-ease:cubic-bezier(.2,.65,.3,1);--contact-brand-rise:80px;background:var(--deep);color:var(--white)}
.contact-page main{overflow:hidden}.contact-page .reading-progress{height:1px}
.contact-page .site-header{background:linear-gradient(180deg,rgb(16 26 46 / .3),transparent)}
.contact-page .site-header.is-scrolled{background:rgb(27 42 74 / .97)}
.contact-hero{position:relative;isolation:isolate;display:grid;place-items:center;height:866px;padding-top:70px;overflow:hidden;background:var(--navy)}
.contact-hero-photo,.contact-hero-shade{position:absolute;inset:0;z-index:-2;overflow:hidden}
.contact-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72)}
.contact-hero-shade{z-index:-1;background:rgb(16 26 46 / .24)}
.contact-hero h1{margin:0}.contact-brand{width:440px;height:auto;filter:drop-shadow(0 3px 18px rgb(7 14 26 / .25))}
.contact-inquiry{padding-top:148px;padding-bottom:110px}
.contact-intro{text-align:center;margin-bottom:54px}
.contact-intro h2{font-size:72px;line-height:1.1;letter-spacing:.2px}
.contact-lead{margin-top:48px;font-size:19px;font-weight:600;line-height:1.8;letter-spacing:-.4px}
.contact-description{font-size:18px;line-height:1.9;letter-spacing:-.35px;margin-top:30px;color:var(--light)}
.contact-field,.contact-phone{margin:0 0 18px;padding:0;border:0;min-width:0}
.contact-field>label,.contact-phone>legend,.contact-privacy>p{display:block;padding:0;margin:0 0 8px;font-size:16px;line-height:1.5;font-weight:400}
.required-mark{font-size:12px;vertical-align:top;margin-left:5px;color:var(--gold)}
.contact-field input,.contact-field textarea,.phone-inputs input{appearance:none;display:block;width:100%;min-width:0;border:1px solid transparent;border-radius:2px;background:#1d2a40;color:var(--white);font:400 16px/1.5 Pretendard,sans-serif;padding:7px 11px;outline:none;transition:background-color .2s,box-shadow .2s}
.contact-field input,.phone-inputs input{height:40px}
.contact-field textarea{height:112px;min-height:112px;resize:vertical;font-size:14px;line-height:1.75}
.contact-field textarea::placeholder{color:#91a0b7;opacity:1}
.contact-field :is(input,textarea):focus,.phone-inputs input:focus{background:#223149;box-shadow:0 0 0 1px var(--gold)}
.phone-inputs{display:flex;align-items:center;gap:8px}.phone-inputs input{width:72px;text-align:center}.phone-inputs>span{color:var(--light);font-size:12px}
.contact-form [aria-invalid=true]{box-shadow:0 0 0 1px #e9a397}
.field-error{font-size:12px;line-height:1.7;color:#ffc0b5;margin-top:6px}.field-error[hidden]{display:none}
.privacy-copy{height:164px;overflow:auto;padding:12px 14px;background:#1d2a40;color:var(--light);font-size:14px;line-height:1.8;scrollbar-color:#62708a #1d2a40;scrollbar-width:thin}
.privacy-copy{overflow-wrap:anywhere;overscroll-behavior:contain}
.privacy-copy h3{margin:22px 0 8px;color:var(--white);font-size:inherit;font-weight:600;line-height:1.7}
.privacy-copy p+p{margin-top:12px}
.privacy-copy :is(ol,ul){margin:10px 0;padding-left:22px;list-style-position:outside}
.privacy-copy ol{list-style-type:decimal}.privacy-copy ul{list-style-type:disc}
.privacy-copy li+li{margin-top:6px}
.privacy-copy a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.privacy-copy a:focus-visible{outline:1px solid var(--gold);outline-offset:2px}
.privacy-copy:focus-visible{outline:1px solid var(--gold);outline-offset:3px}
.consent-label{display:flex;align-items:center;gap:10px;margin-top:12px;width:fit-content;min-height:28px;cursor:pointer;font-size:14px;line-height:1.6}
.consent-label input{width:18px;height:18px;margin:0;flex:none;accent-color:var(--gold);cursor:pointer}
.consent-label input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.contact-submit-row{text-align:center;margin-top:22px}
.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-verification{display:flex;justify-content:center;margin-bottom:18px}.contact-verification:empty{display:none}
.contact-channels{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin-top:16px;font:400 13px/1.7 Pretendard,sans-serif}
.contact-channels a{color:var(--muted,#65718a);text-underline-offset:4px}.contact-channels a:hover{color:var(--navy,#1b2a49)}
#contact-submit{min-width:132px;min-height:44px;border:0;border-radius:30px;background:var(--gold);color:var(--deep);padding:0 25px;font:550 14px/22px Pretendard,sans-serif;transition:background-color .2s}
#contact-submit:is(:hover,:focus-visible){background:var(--gold-hover)}#contact-submit:disabled{opacity:.5;cursor:default}
.contact-status{font-size:13px;line-height:1.8;color:var(--light);margin-top:18px}.contact-status:empty{display:none}
.contact-page footer{background:var(--deep)}
.contact-motion [data-reveal]{opacity:0;translate:0 24px;transition:opacity .7s var(--contact-ease),translate .85s var(--contact-ease)}
.contact-motion [data-reveal].is-revealed{opacity:1;translate:0 0}
.contact-motion [data-reveal]:not(.is-revealed){transition-duration:0s}
.contact-page[data-contact-intro=waiting] .contact-brand{opacity:0;transform:translateY(var(--contact-brand-rise))}
.contact-page[data-contact-intro=waiting] .contact-hero-photo img{transform:scale(1.04)}
.contact-page[data-contact-intro=playing] .contact-brand{animation:contact-brand-in 1.25s cubic-bezier(.22,.72,.25,1) .25s both}
.contact-page[data-contact-intro=playing] .contact-hero-photo img{animation:contact-photo-in 1.35s var(--contact-ease) .15s both}
.contact-page-hidden .contact-hero *{animation-play-state:paused!important}
@keyframes contact-brand-in{from{opacity:0;transform:translateY(var(--contact-brand-rise))}to{opacity:1;transform:translateY(0)}}
@keyframes contact-photo-in{from{transform:scale(1.04)}to{transform:scale(1)}}
@media(max-width:760px){
 html.contact-document{scroll-padding-top:120px}
 .contact-page{--contact-brand-rise:52px}
 .contact-hero{height:476px;padding-top:116px}.contact-brand{width:260px;max-width:76vw}.contact-hero-photo img{object-position:center}
 .contact-inquiry{padding-top:78px;padding-bottom:76px}.contact-intro{margin-bottom:38px}.contact-intro h2{font-size:43px;line-height:1.15;letter-spacing:0;white-space:nowrap}.contact-lead{font-size:16px;margin-top:35px}.contact-description{font-size:15px;line-height:1.9;letter-spacing:-.3px;margin-top:25px}.contact-description br{display:none}
 .contact-field,.contact-phone{margin-bottom:17px}.contact-field>label,.contact-phone>legend,.contact-privacy>p{font-size:14px;margin-bottom:7px}.contact-field input,.phone-inputs input{height:42px}.contact-field textarea{height:122px;min-height:122px;font-size:16px;line-height:1.65}.phone-inputs input{width:65px}.phone-inputs{gap:8px}
 .privacy-copy{font-size:13px;line-height:1.8;padding:11px 12px}.consent-label{font-size:12px;gap:8px}.consent-label input{width:17px;height:17px}.contact-submit-row{margin-top:23px}
 .contact-motion [data-reveal]{translate:0 18px}.contact-motion [data-reveal].is-revealed{translate:0 0}
}
@media(max-width:359px){.contact-intro h2{font-size:36px}.contact-description{font-size:14px}.contact-brand{width:236px}.contact-lead{font-size:15px}.consent-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){html.contact-document{scroll-behavior:auto}.contact-motion [data-reveal]{opacity:1!important;translate:none!important;transition:none!important}.contact-page .contact-hero *{animation:none!important;opacity:1!important;transform:none!important}.contact-page input,.contact-page textarea,#contact-submit{transition:none!important}}
