*,::before,::after{box-sizing:border-box}html{scroll-behavior:smooth;background:#f4f0e9}body{margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,p{margin:0}img{display:block;max-width:100%;height:auto}
.page {
  background:#f4f0e9;
  color:#27251f;
  min-height:100svh;
  --gold:#987744;
  font-family:Arial,Helvetica,sans-serif;
}
.page a {
  color:inherit;
  text-decoration:none;
}
.page a:focus-visible {
  outline:2px solid #987744;
  outline-offset:7px;
}
.skip {
  position:fixed;
  top:-100px;
  left:20px;
  z-index:20;
  background:#f4f0e9;
  padding:14px;
}
.skip:focus {
  top:12px;
}
.header {
  height:112px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 6%;
  border-bottom:1px solid #dcd5c9;
}
.brand {
  display:flex;
  align-items:center;
  gap:17px;
}
.brand img {
  object-fit:contain;
  width:54px;
  height:58px;
}
.brand>span {
  font-size:14px;
  letter-spacing:.23em;
}
.brand>span>span {
  display:block;
  font-size:8px;
  letter-spacing:.38em;
  margin-top:8px;
}
.headerLink {
  font-size:10px;
  letter-spacing:.15em;
  text-transform:uppercase;
  display:flex;
  gap:25px;
}
.hero {
  display:grid;
  grid-template-columns:52% 48%;
  min-height:740px;
}
.introduction {
  padding:83px 8% 49px 11.5%;
  display:flex;
  align-items:flex-start;
  flex-direction:column;
}
.eyebrow {
  font-size:9px;
  letter-spacing:.24em;
  font-weight:500;
  line-height:1.8;
  color:#816641;
  display:flex;
  align-items:center;
  gap:12px;
}
.eyebrow>span {
  width:26px;
  height:1px;
  background:#987744;
}
.page h1,.page h2 {
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400;
}
.page h1 {
  font-size:clamp(55px,5.8vw,100px);
  line-height:1.07;
  letter-spacing:-.055em;
  margin:29px 0 25px;
}
.page em {
  font-weight:400;
  color:#8c7049;
}
.announcement {
  font-size:15px;
  letter-spacing:.015em;
  margin:0 0 16px;
}
.description {
  font-size:13px;
  color:#706b62;
  line-height:1.95;
  max-width:360px;
  margin:0;
}
.page .primary {
  background:#292820;
  color:#faf7f0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:35px;
  padding:20px 23px;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.15em;
  margin-top:31px;
  transition:background .2s;
}
.page .primary:hover {
  background:#5d513f;
}
.secondary {
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase;
  padding:21px 0;
  border-bottom:1px solid #b9ae9a;
  display:flex;
  gap:30px;
}
.signature {
  margin-top:57px;
  font-size:8px;
  line-height:2;
  letter-spacing:.25em;
  color:#696254;
}
.signature span {
  font-size:7px;
  letter-spacing:.19em;
}
.heroVisual {
  position:relative;
  min-height:740px;
  overflow:hidden;
  background:#baa184;
}
.portrait {
  object-fit:cover;
  object-position:center top;
}
.photoCaption {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  padding:40px 30px 25px;
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:#fff9ef;
  font-size:7px;
  letter-spacing:.19em;
  background:linear-gradient(transparent,#392d2390);
}
.house {
  padding:100px 8%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9%;
  border-top:1px solid #dcd5c9;
  scroll-margin-top:30px;
}
.page h2 {
  font-size:clamp(34px,3.2vw,52px);
  line-height:1.2;
  letter-spacing:-.035em;
  margin:24px 0;
}
.houseCopy {
  padding-top:16px;
}
.houseCopy p {
  font-size:13px;
  line-height:2;
  color:#6e685d;
  margin:0 0 19px;
}
.disciplines {
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  border-top:1px solid #dcd5c9;
  padding-top:25px;
  margin-top:30px;
  font-size:7px;
  letter-spacing:.15em;
}
.contact {
  background:#24251f;
  color:#f4f0e9;
  padding:80px 8%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9%;
  scroll-margin-top:25px;
}
.contact .eyebrow {
  color:#bfa576;
}
.contact em {
  color:#c2a77a;
}
.contact p:not(.eyebrow) {
  font-size:12px;
  line-height:1.9;
  color:#b7b7a9;
}
.contactLinks {
  padding-top:25px;
  min-width:0;
}
.contactLinks>a {
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:20px 0 24px;
  border-bottom:1px solid #4a4b40;
}
.contactLinks>a>span:first-child {
  font-size:8px;
  letter-spacing:.2em;
  color:#bfa576;
}
.contactLinks>a>span+span {
  font-size:17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
}
.contactLinks b {
  font-weight:400;
  color:#bfa576;
}
.email {
  overflow-wrap:anywhere;
}
.business {
  padding-top:18px;
}
.footer {
  background:#24251f;
  border-top:1px solid #414237;
  padding:25px 6%;
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:#a8a89c;
  font-size:8px;
  letter-spacing:.06em;
}
.footer>span:nth-child(2) {
  font-size:7px;
  letter-spacing:.18em;
}
.footer>span:last-child {
  font-family:Georgia,serif;
  font-style:italic;
  font-size:12px;
}
@media(min-width:1600px) {
  .hero {
    min-height:830px;
  }
  .heroVisual {
    min-height:830px;
  }
  .introduction {
    padding-top:110px;
  }
}
@media(max-width:1000px) {
  .header {
    height:95px;
  }
  .hero {
    grid-template-columns:54% 46%;
    min-height:690px;
  }
  .heroVisual {
    min-height:690px;
  }
  .introduction {
    padding-top:60px;
  }
  .page h1 {
    font-size:64px;
  }
  .signature {
    margin-top:40px;
  }
  .house,.contact {
    gap:6%;
    padding:70px 6%;
  }
  .contactLinks>a>span+span {
    font-size:14px;
  }
}
@media(max-width:760px) {
  .header {
    height:87px;
    padding:0 6%;
  }
  .brand {
    gap:11px;
  }
  .brand img {
    width:42px;
    height:45px;
  }
  .brand>span {
    font-size:10px;
    letter-spacing:.18em;
  }
  .brand>span>span {
    font-size:6px;
  }
  .headerLink {
    font-size:8px;
    letter-spacing:.08em;
    gap:8px;
  }
  .hero {
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .introduction {
    padding:53px 7% 42px;
  }
  .page h1 {
    font-size:clamp(57px,13vw,86px);
    margin:25px 0;
  }
  .announcement {
    font-size:14px;
  }
  .description {
    font-size:12px;
    max-width:390px;
  }
  .signature {
    margin-top:35px;
  }
  .heroVisual {
    min-height:0;
    height:130vw;
    max-height:730px;
  }
  .portrait {
    object-position:center top;
  }
  .photoCaption {
    font-size:6px;
    padding:35px 20px 20px;
  }
  .house,.contact {
    grid-template-columns:1fr;
    gap:12px;
    padding:58px 7%;
  }
  .houseCopy {
    padding-top:0;
  }
  .page h2 {
    font-size:38px;
  }
  .contactLinks {
    padding-top:0;
  }
  .contactLinks>a>span+span {
    font-size:15px;
  }
  .footer {
    flex-wrap:wrap;
    padding:25px 7%;
    line-height:1.8;
    gap:14px;
  }
  .footer>span:nth-child(2) {
    order:3;
    width:100%;
  }
  .footer>span:last-child {
    margin-left:auto;
  }
  .desktopBreak {
    display:none;
  }
}
@media(prefers-reduced-motion:reduce) {
  .page * {
    scroll-behavior:auto!important;
    transition:none!important;
  }
}