.house-journal {
  --journal-edge: clamp(22px, 6vw, 100px);
  background: #f8f5ed;
  color: #242b24;
}
.journal-spread {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(38px, 8vw, 138px);
  max-width: 1440px;
  margin: auto;
  padding: clamp(44px, 6vw, 92px) var(--journal-edge);
}
.journal-copy {max-width: 34rem;}
.house-journal h1 {
  margin: 0;
  font: 400 clamp(68px, 7vw, 110px)/.95 Georgia, 'Times New Roman', serif;
  letter-spacing:-.025em;
  color: inherit;
}
.house-journal h1 em {display: block; font: italic 400 1em/.99 Georgia, serif;}
.journal-kicker {
  display: flex; align-items: center; gap: 12px;
  margin: 0 0 24px; font-size: 11px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase;
}
.journal-kicker::before {content: ''; width: 30px; height: 1px; background: currentColor;}
.journal-lede {margin: 30px 0 16px; max-width: 32ch; font-size: clamp(19px, 1.8vw, 26px); line-height: 1.42; letter-spacing: -.025em;}
.journal-body {max-width: 43ch; margin: 0; color: #50594e; font-size: 16px; line-height: 1.65;}
.journal-spread figure {margin: 0; min-width: 0;}
.journal-spread img {display: block; width: 100%; height: auto;}
.journal-portrait {max-width: 530px;}
.journal-portrait figcaption {display: flex; justify-content: space-between; gap: 12px; padding-top: 12px; font-size: 12px;}
.journal-portrait figcaption span:last-child {color: #596153;}
.contact-spread {grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 96px);}
.contact-spread .journal-copy {grid-column: 2; grid-row: 1;}
.contact-spread .journal-still {grid-column: 1; grid-row: 1;}
.journal-still img {aspect-ratio: 4 / 5; object-fit: cover;}
.contact-invitation {margin: 22px 0 26px; font-size: 16px; line-height: 1.55; color: #50594e;}
.atelier-directory {margin: 0;}
.atelier-directory > div {display: grid; grid-template-columns: 4rem 1fr; gap: 12px; border-top: 1px solid #cbcbbf; padding: 14px 0;}
.atelier-directory dt {color: #596153; font-size: 13px; line-height: 1.8;}
.atelier-directory dd {margin: 0; line-height: 1.5; overflow-wrap: anywhere;}
.atelier-directory address {font-style: normal;}
.atelier-directory a {color: inherit; text-underline-offset: 4px; text-decoration: none;}
.atelier-directory a.map-link {display: inline-block; font-size: 13px; margin-top: 8px; text-decoration: none;}
.atelier-directory a:is(:hover, :focus-visible) {color: var(--shop-green); text-decoration: none;}
.journal-book, .journal-book:visited {display: inline-flex; align-items: center; min-height: 46px; margin-top: 12px; padding: 10px 22px; border-radius: 40px; background: #233e30; color: white; font-size: 14px; font-weight: 550; text-decoration: none;}
.journal-book:is(:hover, :focus-visible) {background: var(--shop-green); color: white;}
@media (max-width: 740px) {
  .journal-spread {grid-template-columns: minmax(0, 1fr); gap: 30px; padding-block: 36px 42px;}
  .house-journal h1 {font-size: clamp(54px, 10vw, 76px);}
  .house-journal h1 em {display: inline;}
  .journal-kicker {margin-bottom: 16px;}
  .journal-lede {margin-top: 20px;}
  .journal-portrait {width: 100%; justify-self: center;}
  .contact-spread .journal-copy, .contact-spread .journal-still {grid-area: auto;}
  .journal-still img {aspect-ratio: 4 / 3; object-position: 50% 42%;}
}

.founder-bio {display:grid;gap:18px;max-width:43ch;color:#50594e;font-size:16px;line-height:1.75}
.founder-bio p {margin:0}
.house-philosophy {max-width:calc(1440px - 2 * var(--journal-edge));margin:0 auto;border-block:1px solid #cbcbbf;padding:clamp(46px,6vw,84px) 24px;text-align:center}
.house-philosophy blockquote {margin:0 auto;max-width:25ch;font:italic 400 clamp(34px,4.8vw,68px)/1.22 Georgia,'Times New Roman',serif;color:#243f30;letter-spacing:-.02em}
.house-philosophy p {margin:0}
.house-story {display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,8vw,138px);max-width:1440px;margin:auto;padding:clamp(44px,6vw,92px) var(--journal-edge)}
.house-story h2 {font:italic 400 clamp(28px,3vw,40px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.02em;margin:0 0 20px}
.house-story p {font-size:16px;line-height:1.8;color:#50594e;margin:0 0 18px;max-width:52ch}
@media(max-width:740px){.house-philosophy{margin-inline:var(--journal-edge);padding-inline:0}.house-story{grid-template-columns:minmax(0,1fr);gap:28px}.house-story p:last-child{margin-bottom:0}}

.house-philosophy .quote-letter {animation:none;opacity:1}