
.page-home-mark{
  position:fixed;
  left:32px;
  top:24px;
  z-index:1400;
  width:34px;
  display:flex;
  flex-direction:column;
  align-items:center;
  color:#fff;
  mix-blend-mode:difference;
  text-decoration:none;
  font-family:"Libre Caslon Display",serif;
  font-size:25px;
  line-height:.72;
  letter-spacing:-.05em;
  pointer-events:auto;
}
.page-home-mark::after{
  content:"";
  order:2;
  width:25px;
  height:1px;
  margin:7px 0;
  background:currentColor;
  opacity:.75;
}
.page-home-mark .pt-home-p{order:1}
.page-home-mark .pt-home-t{order:3}
.page-home-mark:hover{opacity:.62}
@media(max-width:900px){
  .page-home-mark{left:20px;top:18px;font-size:22px;width:30px}
  .page-home-mark::after{width:22px;margin:6px 0}
}



/* Contact hero: move the split so the complete desktop navigation sits on black. */
.hero{
  grid-template-columns:46% 54% !important;
}
.hero-right{
  background:#0b0b0b !important;
}

/* Keep the navigation completely plain; white because it now sits entirely on black. */
#pageHeroMenu{
  padding:26px 34px 0 !important;
}
#pageHeroMenu .page-hero-nav{
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
#pageHeroMenu .page-hero-nav > a,
#pageHeroMenu .page-hero-nav > .page-org-item > .page-org-trigger{
  color:#f3f0e9 !important;
  mix-blend-mode:normal !important;
}

/* Refined but restrained contact layout. */
.contact-content{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);
  gap:clamp(72px,9vw,140px);
  align-items:start;
  padding-top:clamp(90px,8vw,125px);
  padding-bottom:clamp(110px,10vw,155px);
}

.contact-primary{
  max-width:760px;
}

.contact-primary .label{
  margin-bottom:clamp(34px,4vw,54px);
}

.contact-intro{
  margin:0;
  max-width:720px;
  font-family:"Libre Caslon Display",serif;
  font-size:clamp(44px,5.2vw,76px);
  line-height:.98;
  letter-spacing:-.025em;
}

.contact-email{
  display:inline-block;
  margin-top:clamp(42px,5vw,68px);
  padding-bottom:7px;
  font-family:"Libre Caslon Display",serif;
  font-size:clamp(22px,2.45vw,38px);
  line-height:1.15;
  text-decoration:none;
  border-bottom:1px solid rgba(17,17,17,.48);
}
.contact-email::after{
  content:" ↗";
  font-family:"DM Sans",sans-serif;
  font-size:.62em;
  vertical-align:.18em;
}
.contact-email:hover{
  color:var(--red);
  border-bottom-color:var(--red);
}

.contact-details{
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:38px;
  border-top:1px solid var(--line);
}

.contact-detail{
  padding:20px 0 22px;
  border-bottom:1px solid var(--line);
}
.contact-detail:nth-child(odd):not(.contact-wide){
  padding-right:18px;
}
.contact-detail span{
  display:block;
  margin-bottom:8px;
  color:var(--muted);
  font-size:9px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.contact-detail p{
  margin:0;
  font-size:15px;
  line-height:1.55;
}
.contact-address,
.contact-wide{
  grid-column:1 / -1;
}

@media(max-width:900px){
  .hero{
    grid-template-columns:72% 28% !important;
  }
  .contact-content{
    grid-template-columns:1fr;
    gap:70px;
  }
}
@media(max-width:560px){
  .contact-details{
    grid-template-columns:1fr;
  }
  .contact-address,
  .contact-wide{
    grid-column:auto;
  }
  .contact-detail:nth-child(odd):not(.contact-wide){
    padding-right:0;
  }
  .contact-email{
    font-size:18px;
    word-break:break-word;
  }
}
