.page-contact{--feature-blue:#1E4A6B;--feature-gold:#C9A063;position:relative;background:var(--paper);overflow-x:hidden}
.page-contact .contact-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.page-contact .contact-backdrop::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;opacity:.5;-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 78%);mask-image:linear-gradient(to bottom,#000 0%,transparent 78%)}
.page-contact .contact-backdrop::after{content:"";position:absolute;top:60px;right:-160px;width:480px;height:480px;border:1px solid var(--gold);border-radius:50%;opacity:.5;box-shadow:0 0 0 28px rgba(201,160,99,.05),0 0 0 56px rgba(201,160,99,.04)}
.page-contact .breadcrumbs{position:relative;z-index:1;padding-top:28px;font-size:14px;letter-spacing:.06em;color:var(--muted)}
.page-contact .breadcrumbs__sep{padding:0 8px;color:var(--line)}
.page-contact .contact-hero{position:relative;z-index:1}
.page-contact .contact-hero__inner{padding-top:48px;padding-bottom:24px;display:grid;grid-template-columns:1fr;gap:56px}
.page-contact .contact-hero__intro{position:relative}
.page-contact .display-title{font-size:clamp(44px,9vw,88px);font-weight:200;letter-spacing:.02em;line-height:1.04;margin:24px 0 20px;color:var(--ink)}
.page-contact .display-title__subline{display:block;margin-top:10px;font-size:clamp(20px,4.5vw,38px);font-weight:300;color:var(--blue)}
.page-contact .lede{max-width:38em;font-size:15px;line-height:1.9;color:var(--muted);margin:0}
.page-contact .contact-card{position:relative;display:grid;grid-template-columns:1fr;background:var(--blue);border:1px solid var(--gold);border-top:6px solid var(--gold);box-shadow:0 24px 56px var(--shadow);transition:transform .3s ease,box-shadow .3s ease}
.page-contact .contact-card:hover{transform:translateY(-8px);box-shadow:0 32px 64px rgba(26,24,21,.2)}
.page-contact .contact-card__visual{position:relative;min-height:200px;overflow:hidden;background:var(--blue)}
.page-contact .contact-card__img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;opacity:.55}
.page-contact .contact-card__watermark{position:absolute;left:24px;bottom:8px;font-size:clamp(72px,12vw,116px);font-weight:200;line-height:1;color:var(--paper);opacity:.92;letter-spacing:.1em;z-index:1;text-shadow:0 4px 24px rgba(0,0,0,.28)}
.page-contact .contact-card__body{padding:32px 24px 40px;color:var(--paper)}
.page-contact .contact-card__heading{display:flex;align-items:baseline;gap:12px;margin:0 0 20px;font-size:26px;font-weight:500;color:var(--gold)}
.page-contact .contact-card__index{font-size:15px;font-weight:700;color:var(--gold);letter-spacing:.1em}
.page-contact .contact-list{list-style:none;margin:0;padding:0}
.page-contact .contact-list__item{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:18px 0;border-top:1px solid rgba(201,160,99,.35)}
.page-contact .contact-list__label{flex-basis:100%;font-size:13px;letter-spacing:.14em;color:rgba(245,240,230,.72)}
.page-contact .contact-list__value{flex:1 1 auto;font-size:16px;font-weight:500;color:var(--paper);text-decoration:none;word-break:break-all;transition:color .2s ease}
.page-contact .contact-list__item:hover .contact-list__value,.page-contact .contact-list__item:focus-within .contact-list__value{color:var(--gold)}
.page-contact .contact-list__mark{opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;font-size:12px;line-height:1;letter-spacing:.12em;color:var(--gold);border:1px solid var(--gold);padding:5px 9px;white-space:nowrap}
.page-contact .contact-list__item:hover .contact-list__mark,.page-contact .contact-list__item:focus-within .contact-list__mark{opacity:1;transform:translateY(0)}
.page-contact .contact-list__note{flex-basis:100%;padding-left:0;font-size:13px;color:rgba(245,240,230,.55)}
.page-contact .contact-address{position:relative;z-index:1;padding-top:80px;padding-bottom:72px}
.page-contact .contact-address__inner{display:grid;grid-template-columns:1fr;gap:40px}
.page-contact .contact-address__media{position:relative;overflow:hidden;border:1px solid var(--gold);background:var(--wash);box-shadow:16px 16px 0 rgba(30,74,107,.08)}
.page-contact .contact-address__media img{display:block;width:100%;max-width:100%;height:auto;object-fit:cover}
.page-contact .contact-address__pin{position:absolute;top:16px;right:16px;writing-mode:vertical-rl;font-size:12px;letter-spacing:.3em;color:var(--paper);background:var(--blue);border:1px solid var(--gold);padding:12px 6px}
.page-contact .contact-address__info{padding-top:8px}
.page-contact .contact-address__detail{display:flex;gap:24px;align-items:flex-start;margin:28px 0}
.page-contact .contact-address__vertical{writing-mode:vertical-rl;font-size:13px;letter-spacing:.4em;color:var(--blue);border:1px solid var(--gold);padding:14px 8px;flex-shrink:0}
.page-contact .contact-address__text{font-size:22px;font-weight:500;line-height:1.5;color:var(--ink);margin:0}
.page-contact .contact-address__note{max-width:36em;font-size:14px;line-height:1.8;color:var(--muted);border-left:3px solid var(--gold);padding-left:18px;margin:0}
.page-contact .contact-feedback{position:relative;z-index:1;padding-bottom:88px}
.page-contact .contact-feedback__panel{display:grid;grid-template-columns:1fr;background:var(--blue);color:var(--paper);border:1px solid var(--gold);box-shadow:0 24px 48px var(--shadow)}
.page-contact .contact-feedback__head{padding:40px 28px 0}
.page-contact .contact-feedback__head .section-heading{margin-bottom:16px}
.page-contact .contact-feedback__head .section-heading__title{color:var(--paper)}
.page-contact .contact-feedback__head .section-heading__index{color:var(--gold)}
.page-contact .contact-feedback__body{padding:28px}
.page-contact .contact-feedback__body>p{font-size:15px;line-height:1.9;color:rgba(245,240,230,.88);max-width:42em;margin-top:0}
.page-contact .contact-feedback__tips{list-style:none;margin:24px 0;padding:0}
.page-contact .contact-feedback__tips li{position:relative;padding-left:22px;font-size:14px;line-height:1.8;color:rgba(245,240,230,.75)}
.page-contact .contact-feedback__tips li::before{content:"";position:absolute;left:0;top:.65em;width:9px;height:9px;border:1px solid var(--gold);transform:rotate(45deg)}
.page-contact .contact-feedback .btn{background:var(--paper);border-color:var(--paper);color:var(--blue)}
.page-contact .contact-feedback .btn:hover,.page-contact .contact-feedback .btn:focus{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.page-contact .contact-more{position:relative;z-index:1;padding-bottom:64px}
.page-contact .contact-more__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:36px}
.page-contact .contact-more__heading .section-heading{margin:0}
.page-contact .contact-more__grid{display:grid;grid-template-columns:1fr;gap:24px}
.page-contact .contact-more__card{display:block;padding:32px 28px;background:var(--wash);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:background .25s ease,border-color .25s ease,transform .25s ease}
.page-contact .contact-more__card:hover,.page-contact .contact-more__card:focus{background:var(--paper);border-color:var(--gold);transform:translateY(-4px);outline:none}
.page-contact .contact-more__card-mark{display:inline-block;font-size:40px;font-weight:200;color:var(--gold);line-height:1;margin-bottom:16px}
.page-contact .contact-more__card-title{display:block;font-size:20px;font-weight:600;margin-bottom:8px;color:var(--blue)}
.page-contact .contact-more__card-text{font-size:14px;line-height:1.7;color:var(--muted)}

@media (min-width:720px){
.page-contact .contact-address__inner{grid-template-columns:2fr 3fr;gap:56px;align-items:start}
.page-contact .contact-feedback__panel{grid-template-columns:2fr 3fr}
.page-contact .contact-feedback__head{padding:48px 0 48px 44px}
.page-contact .contact-feedback__body{padding:44px}
.page-contact .contact-more__grid{grid-template-columns:repeat(3,1fr)}
.page-contact .contact-list__mark{position:absolute;right:0;transform:translateX(6px)}
.page-contact .contact-list__item:hover .contact-list__mark,.page-contact .contact-list__item:focus-within .contact-list__mark{opacity:1;transform:translateX(0)}
.page-contact .contact-list__item{padding-right:88px}
}
@media (min-width:960px){
.page-contact .contact-hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:72px;align-items:start;padding-top:64px}
.page-contact .contact-hero .contact-card{margin-top:96px}
.page-contact .contact-card{grid-template-columns:5fr 6fr;border-top:1px solid var(--gold);border-left:6px solid var(--gold)}
.page-contact .contact-card__visual{min-height:340px}
.page-contact .contact-card__body{padding:40px 36px 48px;display:flex;flex-direction:column;justify-content:center}
.page-contact .contact-address{padding-top:104px}
.page-contact .contact-feedback__head{padding-left:56px}
.page-contact .contact-feedback__body{padding:56px}
.page-contact .contact-more{padding-bottom:88px}
}