/* The story behind the name, followed by two clear ways into the studio. */
.boutique .wye-origin {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
  gap: clamp(40px, 8vw, 130px);
  align-items: center;
  padding-top: clamp(64px, 7vw, 108px);
  padding-bottom: clamp(64px, 7vw, 108px);
  background: #25342d;
  color: #f3e9d8;
}
.wye-origin .eyebrow { color: #edab89; margin-bottom: 26px; }
.boutique-editorial .wye-origin h2 {
  font-size: clamp(58px, 6.7vw, 96px);
  line-height: 1.02;
  letter-spacing: -.065em;
}
.wye-origin h2 em { color: #edab89; font-size: .85em; line-height: 1.25; }
.wye-origin-story { margin-top: 34px; max-width: 550px; }
.wye-origin-story p { font-size: 16px; line-height: 1.8; color: #dedecf; }
.wye-origin-story p + p { margin-top: 20px; }
.wye-origin .quiet-link { margin-top: 21px; color: #f3e9d8; border-color: #9baba0; }
.wye-origin .quiet-link:hover { color: #edab89; border-color: #edab89; }
.wye-origin :focus-visible { outline-color: #f3e9d8; }
.wye-origin-art { margin: 0; min-width: 0; align-self: center; }
.wye-origin-mark {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  color: #e4e3d3;
  border: 1px solid #83948745;
  background-image: linear-gradient(#9cb4a30e 1px, transparent 1px), linear-gradient(90deg, #9cb4a30e 1px, transparent 1px);
  background-size: 28px 28px;
}
.wye-origin-mark::before,
.wye-origin-mark::after { content: ''; position: absolute; width: 10px; height: 10px; border-color: #edab89; border-style: solid; }
.wye-origin-mark::before { left: -1px; top: -1px; border-width: 2px 0 0 2px; }
.wye-origin-mark::after { right: -1px; bottom: -1px; border-width: 0 2px 2px 0; }
.wye-origin-symbol { display: block; width: 65%; height: auto; }
.wye-origin-art figcaption { display: flex; justify-content: space-between; gap: 12px; padding-top: 19px; color: #bac5b8; font: 10px/1.6 var(--mono); }
.boutique .wye-connect {
  display: grid;
  grid-template-columns: minmax(0, 1.22fr) minmax(0, .78fr);
  gap: clamp(36px, 6vw, 94px);
  align-items: center;
  padding-top: clamp(64px, 7vw, 102px);
  padding-bottom: clamp(64px, 7vw, 102px);
  background: #dfbd9c;
  color: #25342d;
  border-bottom: 1px solid #ae9279;
}
.wye-connect .eyebrow { color: #5b432f; margin-bottom: 24px; }
.boutique-editorial .wye-connect h2 { font-size: clamp(46px, 5.2vw, 76px); line-height: 1.08; }
.wye-connect h2 em { font-size: .83em; line-height: 1.4; color: #783d29; }
.boutique .wye-project-button {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  margin-top: 32px;
  min-height: 58px;
  padding: 17px 23px;
  background: #25342d;
  border: 1px solid #25342d;
  color: #f3e9d8;
  font-size: 14px;
  transition: background .2s, border-color .2s;
}
.boutique .wye-project-button:hover { background: #354a3e; border-color: #354a3e; }
.wye-project-button > span { font-size: 24px; }
.wye-connect-viewers { padding: 30px 0 30px clamp(26px, 3vw, 48px); border-left: 1px solid #7c67557a; }
.wye-connect-viewers > p:not(.eyebrow) { font-size: 16px; line-height: 1.8; color: #414b3e; max-width: 360px; }
.wye-viewer-links { display: grid; margin-top: 29px; }
.wye-viewer-links a { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 0; border-top: 1px solid #7c67557a; font-size: 18px; font-weight: 550; letter-spacing: -.025em; }
.wye-viewer-links a:last-child { border-bottom: 1px solid #7c67557a; }
.wye-viewer-links a > span { font-size: 24px; }
.wye-viewer-links a:hover { color: #783d29; }
.wye-connect :focus-visible { outline-color: #25342d; }
@media (max-width: 900px) {
  .boutique .wye-origin { gap: 40px; }
  .boutique .wye-connect { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 32px; }
  .wye-connect-viewers { padding-left: 26px; }
}
@media (max-width: 640px) {
  .boutique .wye-origin { grid-template-columns: 1fr; gap: 37px; padding-top: 54px; padding-bottom: 45px; }
  .boutique-editorial .wye-origin h2 { font-size: clamp(54px, 13.8vw, 80px); }
  .wye-origin-story { margin-top: 25px; }
  .wye-origin-story p { font-size: 15px; }
  .wye-origin-mark { aspect-ratio: 1.5; }
  .wye-origin-symbol { width: 52%; max-height: 82%; }
  .wye-origin-art figcaption { padding-top: 14px; font-size: 9px; }
  .boutique .wye-connect { grid-template-columns: 1fr; gap: 36px; padding-top: 51px; padding-bottom: 45px; }
  .boutique-editorial .wye-connect h2 { font-size: clamp(42px, 10.7vw, 62px); }
  .boutique .wye-project-button { margin-top: 25px; width: 100%; font-size: 13px; padding-left: 18px; padding-right: 18px; }
  .wye-connect-viewers { padding: 29px 0 0; border-left: 0; border-top: 1px solid #7c67557a; }
  .wye-connect-viewers .eyebrow { margin-bottom: 17px; }
  .wye-connect-viewers > p:not(.eyebrow) { font-size: 15px; max-width: none; }
  .wye-viewer-links { margin-top: 23px; }
  .wye-viewer-links a { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .boutique .wye-project-button { transition: none; }
}