.zen-classic-home > .home-intro {
  --intro-ink: #201f1b;
  --intro-muted: #46463e;
  --intro-line: rgb(32 31 27 / 24%);
  --intro-space: 24px;
  padding: 32px 0 24px;
  margin-bottom: 24px;
  background: transparent;
  color: var(--intro-ink);
  font-family: 'Jost',Arial,sans-serif;
}
.home-intro__layout { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); align-items: center; gap: 24px 64px; }
.home-intro__copy { display: flex; flex-direction: column; min-width: 0; width: 100%; max-width: 568px; padding: 16px 16px 16px 24px; }
.home-intro__stories { display: grid; width: 100%; }
.home-intro__panel { grid-area: 1 / 1; display: flex; flex-direction: column; align-items: flex-start; gap: var(--intro-space); min-width: 0; text-shadow: 0 0 4px var(--sketchbook-paper),0 0 8px var(--sketchbook-paper); }
/* Reserve the tallest story's space so the offers and choices stay still. */
.home-intro__panel[hidden] { display: flex; visibility: hidden; pointer-events: none; }
.home-intro__title { width: 100%; max-width: 18ch; margin: 0; font: 400 48px/1.16 'Jost',Arial,sans-serif; letter-spacing: 0; text-wrap: balance; }
.home-intro__description { width: 100%; max-width: 44ch; margin: 0; color: var(--intro-muted); font-size: 18px; font-weight: 400; line-height: 1.65; text-wrap: pretty; }
.home-intro__offers { display: grid; gap: 8px; width: 100%; margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--intro-line); color: var(--intro-ink); font-size: 14px; font-weight: 500; line-height: 1.5; text-shadow: 0 0 4px var(--sketchbook-paper),0 0 8px var(--sketchbook-paper); }
.home-intro__offers span { display: block; }
.home-intro__collections { min-width: 0; }
.home-intro__visual {
  position: relative;
  display: block;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  /* A lightly feathered paper edge keeps the photograph in the sketchbook. */
  -webkit-mask-image: url('../images/page-assets/home/home-photo-paper-mask.svg?v=2');
  mask-image: url('../images/page-assets/home/home-photo-paper-mask.svg?v=2');
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.home-intro__visual > a { display: block; width: 100%; height: 100%; }
.home-intro__visual > a > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.home-intro__switcher { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 20px; border-bottom: 1px solid var(--intro-line); }
.home-intro__switcher[hidden] { display: none; }
.home-intro__switcher button { position: relative; display: grid; grid-template-rows: 72px minmax(40px,auto); justify-items: center; align-items: center; gap: 4px; min-width: 0; padding: 4px 8px 12px; border: 0; border-radius: 0; background: transparent; color: var(--intro-muted); font: 400 15px/1.4 'Jost',Arial,sans-serif; letter-spacing: 0; text-align: center; cursor: pointer; }
.home-intro__switcher button > span { text-shadow: 0 0 4px var(--sketchbook-paper),0 0 8px var(--sketchbook-paper),0 0 12px var(--sketchbook-paper); }
.home-intro__switcher button::after { content: ''; position: absolute; bottom: -1px; left: 16%; right: 16%; height: 2px; background: transparent; transition: background-color 150ms ease; }
.home-intro__switcher button > img { display: block; width: 128px; max-width: 100%; height: 72px; object-fit: contain; opacity: .7; transition: opacity 150ms ease,transform 150ms ease; }
.home-intro__switcher button[aria-pressed='true'] { color: var(--intro-ink); font-weight: 500; }
.home-intro__switcher button[aria-pressed='true']::after { background: var(--intro-ink); }
.home-intro__switcher button[aria-pressed='true'] > img { opacity: 1; }
.home-intro button:focus-visible { outline: 2px solid var(--intro-ink); outline-offset: 4px; }
@media(hover:hover) and (pointer:fine) {
  .home-intro__switcher button:hover > img { opacity: 1; transform: translateY(-3px); }
}
@media(min-width: 1600px) { .home-intro__layout { column-gap: 80px; } }
@media(max-width: 1100px) and (min-width: 783px) {
  .home-intro__layout { gap: 24px 40px; }
  .home-intro__copy { padding: 8px 0; }
  .home-intro__title { font-size: 38px; }
  .home-intro__description { font-size: 17px; }
  .home-intro__switcher { gap: 12px; }
}
@media(max-width: 782px) {
  .zen-classic-home > .home-intro { --intro-space: 18px; padding: 24px 0; margin-bottom: 24px; }
  .home-intro__layout { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .home-intro__copy { max-width: none; padding: 0; }
  .home-intro__title { font-size: 34px; line-height: 1.18; }
  .home-intro__description { max-width: none; font-size: 16px; line-height: 1.65; }
  .home-intro__offers { gap: 8px; margin-top: 24px; padding-top: 18px; font-size: 14px; }
  .home-intro__switcher { gap: 4px; }
  .home-intro__switcher button { grid-template-rows: 48px minmax(48px,auto); gap: 6px; padding: 0 0 10px; font-size: 12px; font-weight: 500; }
  .home-intro__switcher button > img { height: 48px; width: 80px; }
  .home-intro__switcher button::after { left: 5%; right: 5%; }
}
@media(max-width: 360px) {
  .home-intro__title { font-size: 30px; }
  .home-intro__switcher button { font-size: 11px; }
}
@media(min-width: 600px) and (max-width: 782px) {
  .home-intro__title { max-width: 22ch; font-size: 40px; }
  .home-intro__description { max-width: 60ch; }
  .home-intro__switcher button { font-size: 14px; }
}
@media(prefers-reduced-motion:reduce) { .home-intro img,.home-intro button::after { transition: none; } }