/* Contact: an editorial introduction and a practical visitor information panel. */
.contact-page{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;padding-block:24px 80px}
.contact-breadcrumb{grid-column:1/-1;display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:32px}
.contact-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;transition:color .2s}
.contact-breadcrumb a:hover{color:var(--gold)}
.contact-heading{padding-bottom:36px}
.contact-heading .eyebrow{color:var(--gold)}
.contact-heading .eyebrow>span[lang]{font-size:10px;letter-spacing:.18em;margin-left:0;flex-basis:auto}
.contact-heading h1{font-size:clamp(42px,4.5vw,64px);margin-top:12px;letter-spacing:.1em;line-height:1.45}
.contact-content{display:contents}
.contact-intro{align-self:end;max-width:400px;font-size:16px;color:var(--text);line-height:2.1;padding-bottom:43px;text-wrap:pretty}
.contact-layout{grid-column:1/-1;display:grid;grid-template-columns:1.16fr 1fr;align-items:stretch;gap:56px;border-top:1px solid var(--line);padding-top:36px}
/* Classic WordPress themes add a wrapper around Group block children. */
.contact-layout>.wp-block-group__inner-container{display:contents}
.contact-details{grid-column:2;grid-row:1;min-width:0;align-self:center}
.contact-detail{padding-block:0 27px}
.contact-detail h2{font-family:var(--serif);font-size:25px;font-weight:400;letter-spacing:.08em;margin-bottom:17px}
.contact-detail p{font-size:14px;color:var(--text);line-height:1.9;margin-block:0 12px;overflow-wrap:anywhere}
.contact-detail .contact-address{font-family:var(--sans);font-style:normal;font-size:16px;line-height:1.9;color:var(--ink);font-variant-numeric:tabular-nums;margin-top:17px}
.contact-detail .text-link{color:var(--ink);font-size:14px;margin-top:0;min-height:44px;gap:28px;transition:color .2s,gap .2s}
.contact-detail .text-link:hover{color:var(--gold);gap:34px}
.contact-detail:last-child{background:#eeeee6;padding:26px 28px 25px;border-left:2px solid #b1a17f}
.contact-detail:last-child h2{font-family:var(--sans);font-size:18px;letter-spacing:.04em;margin-bottom:10px}
.contact-detail .button{display:flex;max-width:100%;margin-top:18px;min-height:50px;font-size:13px;transition:background .2s,transform .2s}
.contact-detail .button:hover{background:#405347}
.contact-detail .button:active{transform:translateY(1px)}
.contact-detail .contact-note{font-size:12px;color:#62675e;margin-top:16px;margin-bottom:0;line-height:1.9}
.contact-detail:last-child p:has(.button){margin-bottom:0}
.contact-layout .contact-photo{grid-column:1;grid-row:1;margin:0;display:flex;flex-direction:column;min-width:0}
.contact-photo img{width:100%;height:100%;min-height:0;flex:1;aspect-ratio:1.08;object-fit:cover;object-position:center}
.contact-photo figcaption{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin:15px 0 0;letter-spacing:.09em}
.contact-photo figcaption:before{content:'';width:22px;height:1px;background:var(--gold);flex-shrink:0}
@media(max-width:1100px){.contact-page{column-gap:36px;padding-bottom:60px}.contact-layout{grid-template-columns:1fr 1fr;gap:32px}.contact-heading h1{font-size:52px}.contact-detail:last-child{padding:22px}.contact-photo img{aspect-ratio:auto}}
@media(max-width:800px){.contact-page{display:block;padding-top:16px;padding-bottom:48px}.contact-breadcrumb{margin-bottom:24px}.contact-heading{padding-bottom:14px}.contact-heading h1{font-size:42px;margin-top:10px}.contact-intro{font-size:15px;max-width:32em;padding-bottom:28px}.contact-layout{grid-template-columns:1fr;gap:32px;padding-top:26px}.contact-details{grid-column:1;grid-row:1}.contact-detail{padding-bottom:24px}.contact-detail h2{font-size:23px}.contact-detail:last-child{padding:23px}.contact-detail .contact-address{font-size:15px}.contact-layout .contact-photo{grid-column:1;grid-row:2}.contact-photo img{height:auto;flex:none;aspect-ratio:4/3}.contact-photo figcaption{margin-top:12px}.contact-detail .button{gap:16px}}
@media(prefers-reduced-motion:reduce){.contact-page a{transition:none}}
