:root{
  --paper:#f6f2ea;--ink:#1e1c19;--muted:#6f6a61;--rule:#a8a58d;--hair:#d8d1c5;
  --page:960px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.site-header{
  width:min(var(--page),calc(100% - 56px));margin:0 auto;padding:20px 0 15px;
  display:flex;align-items:flex-start;justify-content:space-between;gap:40px
}
.brand{text-decoration:none}
.brand strong{display:block;font-size:18px;letter-spacing:.025em}
.brand span{display:block;margin-top:6px;font-size:12px;color:#70765f}
.nav{display:flex;gap:24px;padding-top:6px;font:10px/1.2 Arial,sans-serif;letter-spacing:.03em;text-transform:uppercase}
.nav a{text-decoration:none;padding:0 0 8px}
.nav a[aria-current="page"],.nav a:hover{border-bottom:1px solid #767a62}

.hero{
  width:min(var(--page),calc(100% - 56px));margin:0 auto;min-height:430px;
  display:grid;grid-template-columns:48% 52%;
  border-top:1px solid #ece6dc;border-bottom:1px solid #dfd8cc
}
.hero-copy{padding:78px 30px 44px 30px;position:relative}
.hero-copy h1{margin:0;max-width:430px;font-size:31px;line-height:1.19;font-weight:400;letter-spacing:-.018em}
.hero-copy .rule{width:132px;height:1px;background:#767a62;margin:22px 0 22px;transform:rotate(-1deg);transform-origin:left}
.hero-copy p{max-width:460px;font-size:15px;line-height:1.58;margin:0}
.hero-copy .place{position:absolute;left:30px;bottom:24px;font:10px Arial,sans-serif;color:#77726a;text-transform:uppercase}
.hero-copy .place:after{content:"";display:block;width:66px;border-top:1px solid #bab4a8;margin-top:9px}
.hero-photo{overflow:hidden;min-height:430px}
.hero-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:67% center}

.doors{
  width:min(var(--page),calc(100% - 56px));margin:0 auto;padding:38px 34px 24px;
  display:grid;grid-template-columns:1fr 1fr;gap:58px
}
.door{text-align:center}
.door h2{font-size:20px;font-weight:400;letter-spacing:.03em;text-transform:uppercase;margin:0 0 18px}
.door h2:after{content:"";display:block;width:122px;border-top:1px solid var(--rule);margin:14px auto 0}
.door-link{display:inline-block;text-decoration:none}
.door img{display:block;margin:16px auto 0;height:auto}

/* Visible-diameter relationship is intentional: Millie ~3% larger than MOM. */
.door.read img{width:286px;max-width:88vw}
.door.visit img{width:278px;max-width:88vw}

.signoff{text-align:center;padding:10px 30px 0}
.signoff blockquote{margin:0;font-size:20px;font-style:italic;color:#5f5b55;letter-spacing:.01em}
.signoff cite{display:block;margin-top:9px;font-style:normal;font-size:14px;color:#878177}
.spacer{height:230px}

.site-footer{max-width:760px;margin:0 auto;padding:22px 20px 46px;border-top:1px solid var(--hair);font:10px Arial,sans-serif;color:#8c877f;text-align:center}
.site-footer a{text-decoration:none;margin-left:22px}

.page{max-width:900px;margin:65px auto 0;padding:0 34px 90px}
.page h1{font-size:46px;font-weight:400;margin:0 0 26px}
.page p{font-size:19px;line-height:1.7;color:#3b3833}
.page .lede{font-size:24px;line-height:1.55;color:#2d2a27}
.page .small{font-size:14px;color:#77716a}
.quiet-link{display:inline-block;margin-top:14px;text-decoration:none;border-bottom:1px solid #9c9986;padding-bottom:3px}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:38px}
.card{border-top:1px solid #b9b2a6;padding:24px 0}
.card h3{font-size:20px;font-weight:400;margin:0 0 10px}
.card p{margin:0;font-size:18px}

@media(max-width:900px){
  .site-header{width:calc(100% - 36px);padding:20px 0;display:block}
  .nav{margin-top:18px;gap:18px;flex-wrap:wrap}
  .hero{width:calc(100% - 36px);grid-template-columns:1fr;min-height:auto}
  .hero-copy{padding:62px 24px 76px}
  .hero-copy h1{font-size:36px}
  .hero-copy p{font-size:18px}
  .hero-copy .place{left:24px;bottom:24px}
  .hero-photo{min-height:390px}
  .doors{width:calc(100% - 36px);grid-template-columns:1fr;padding:50px 18px 18px;gap:62px}
  .door h2{font-size:26px}
  .door.read img{width:360px;max-width:82vw}
  .door.visit img{width:350px;max-width:82vw}
  .signoff blockquote{font-size:22px}
  .spacer{height:180px}
  .cards{grid-template-columns:1fr}
}