/* Modern American Gallery. Every visual rule is scoped to this opt-in page. */
.jds-page {
  --jds-space-1:8px;
  --jds-space-2:16px;
  --jds-space-3:24px;
  --jds-space-4:40px;
  --jds-space-5:64px;
  --jds-space-6:100px;
  --jds-wide:1320px;
  --jds-reading:680px;
  background:var(--jds-bg);
  color:var(--jds-text);
  font-family:var(--jds-sans);
  font-size:16px;
  line-height:1.7;
  overflow-wrap:break-word
}
.jds-page * {
  box-sizing:border-box
}
.jds-page [hidden] {
  display:none!important
}
.jds-page figure,.jds-page blockquote {
  margin:0
}
.jds-page p {
  margin:0 0 20px
}
.jds-page h1,.jds-page h2,.jds-page h3 {
  font-family:var(--jds-serif);
  font-weight:400;
  line-height:1.08;
  letter-spacing:-.035em;
  text-transform:none;
  color:var(--jds-text);
  margin:0 0 24px
}
.jds-page h1 {
  font-size:clamp(46px,5.2vw,76px)
}
.jds-page h2 {
  font-size:clamp(34px,3.2vw,49px)
}
.jds-page h3 {
  font-size:32px
}
.jds-page a {
  color:inherit;
  text-decoration:none
}
.jds-page a:hover {
  text-decoration:underline;
  text-underline-offset:6px
}
.jds-page :focus-visible {
  outline:3px solid var(--jds-accent);
  outline-offset:6px
}
.jds-page section[id] {
  scroll-margin-top:32px
}
.jds-page img {
  display:block;
  max-width:100%;
  height:auto
}
.jds-wrap {
  width:calc(100% - 96px);
  max-width:var(--jds-wide);
  margin-inline:auto
}
.jds-section {
  padding-block:96px
}
.jds-page .jds-eyebrow {
  font:600 11px/1.6 var(--jds-sans);
  text-transform:uppercase;
  letter-spacing:.17em;
  margin-bottom:22px
}
.jds-page .jds-muted {
  color:var(--jds-muted)
}
.jds-hero {
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);
  gap:64px;
  padding-block:48px 52px;
  align-items:center
}
.jds-hero-art {
  min-width:0
}
.jds-hero-art img {
  width:100%;
  box-shadow:0 12px 35px #242c3112
}
.jds-hero-art figcaption {
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-size:10px;
  color:var(--jds-muted);
  letter-spacing:.04em;
  margin-top:13px
}
.jds-hero-copy {
  padding-bottom:24px;
  min-width:0
}
.jds-page .jds-byline {
  font-size:13px;
  letter-spacing:.03em;
  margin-top:-7px
}
.jds-rule {
  display:block;
  height:2px;
  width:36px;
  background:var(--jds-accent);
  margin:30px 0
}
.jds-page .jds-hook {
  font-family:var(--jds-serif);
  font-size:23px;
  line-height:1.5;
  margin-bottom:14px
}
.jds-page .jds-reference {
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:10px;
  color:var(--jds-muted)
}
.jds-actions {
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  gap:16px;
  margin-top:32px
}
.jds-page .jds-button {
  background:var(--jds-accent);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:32px;
  padding:13px 23px;
  font-size:12px;
  font-weight:600;
  min-height:48px;
  border:1px solid var(--jds-accent)
}
.jds-page .jds-button:hover {
  background:#602631;
  text-decoration:none
}
.jds-page .jds-text-link {
  display:inline-flex;
  align-items:center;
  gap:24px;
  font-size:12px;
  font-weight:600;
  min-height:44px;
  text-decoration:underline;
  text-underline-offset:7px;
  text-decoration-color:#9b787b
}
.jds-chapters {
  border-top:1px solid var(--jds-border);
  border-bottom:1px solid var(--jds-border);
  display:flex;
  gap:34px;
  align-items:center;
  justify-content:space-between;
  padding-block:16px
}
.jds-chapters .jds-eyebrow {
  margin:0
}
.jds-chapters a {
  display:inline-flex;
  align-items:center;
  gap:14px;
  min-height:44px;
  font-size:10px;
  color:var(--jds-accent)
}
.jds-chapters a span {
  color:var(--jds-text);
  font-size:12px
}
.jds-story,.jds-details {
  display:grid;
  grid-template-columns:1fr 1.25fr;
  gap:100px
}
.jds-prose {
  max-width:var(--jds-reading);
  font-size:16px;
  line-height:1.85
}
.jds-page .jds-lead {
  font-size:20px;
  font-family:var(--jds-serif);
  line-height:1.65
}
.jds-page blockquote {
  padding:24px 0 0 25px;
  border-left:2px solid var(--jds-accent);
  margin-top:35px;
  font-size:17px;
  font-family:var(--jds-serif);
  font-style:normal
}
.jds-page blockquote cite {
  font:600 10px/1.5 var(--jds-sans);
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--jds-muted)
}
.jds-video-section {
  display:grid;
  grid-template-columns:1fr 1.25fr;
  gap:100px;
  align-items:center;
  padding-bottom:96px
}
.jds-video {
  position:relative;
  aspect-ratio:16/9;
  background:#252e31
}
.jds-video-play {
  position:relative;
  display:block;
  border:0;
  padding:0;
  width:100%;
  height:100%;
  cursor:pointer;
  color:#fff;
  background:#252e31;
  font:inherit;
  margin:0;
  text-transform:none;
  border-radius:0;
  overflow:hidden
}
.jds-video-play img {
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(.52)
}
.jds-play-icon {
  position:absolute;
  left:50%;
  top:46%;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  width:65px;
  height:65px;
  border:1px solid #ffffffb3;
  border-radius:50%;
  font-size:19px;
  padding-left:3px
}
.jds-video-caption {
  position:absolute;
  left:0;
  right:0;
  bottom:17%;
  font-size:12px;
  letter-spacing:.04em
}
.jds-video iframe {
  display:block;
  width:100%;
  height:100%;
  border:0
}
.jds-video-copy>p:not(.jds-eyebrow) {
  color:var(--jds-muted)
}
.jds-purchase {
  background:var(--jds-surface);
  border-block:1px solid var(--jds-border)
}
.jds-section-heading {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:40px;
  margin-bottom:42px
}
.jds-section-heading h2 {
  margin-bottom:0
}
.jds-section-heading>p {
  font-size:12px;
  margin:0
}
.jds-purchase-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:center
}
.jds-purchase-art {
  padding:28px 36px;
  background:#e4e7e3
}
.jds-purchase-art img {
  width:100%;
  box-shadow:0 10px 25px #0002
}
.jds-purchase-art figcaption {
  font-size:10px;
  text-align:center;
  margin-top:18px;
  color:var(--jds-muted)
}
.jds-selector-slot {
  min-width:0
}
.jds-purchase-unavailable {
  padding:40px;
  border:1px solid #b9c0bb;
  background:#fafbf8
}
.jds-purchase-unavailable p {
  font-size:14px
}
.jds-purchase-unavailable p:last-child {
  margin-bottom:0
}
.jds-purchase-unavailable h3 {
  font-size:30px
}
.jds-facts {
  margin-top:38px;
  font-size:12px;
  max-width:370px
}
.jds-facts>div {
  display:grid;
  grid-template-columns:110px 1fr;
  gap:12px;
  border-top:1px solid var(--jds-border);
  padding-block:12px
}
.jds-facts dt {
  color:var(--jds-muted);
  font-weight:400
}
.jds-facts dd {
  margin:0
}
.jds-deeper {
  padding-top:20px;
  border-top:1px solid var(--jds-border)
}
.jds-reminder {
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-block:1px solid var(--jds-border);
  padding-block:25px;
  margin-bottom:90px
}
.jds-reminder p {
  font:26px/1.2 var(--jds-serif);
  margin:0
}
.jds-continue {
  background:#e9edeb
}
.jds-next-card {
  display:grid;
  grid-template-columns:1.35fr 1fr;
  gap:70px;
  align-items:center;
  margin-top:40px
}
.jds-next-card figure {
  min-width:0
}
.jds-next-card img {
  max-height:480px;
  width:100%;
  object-fit:contain
}
.jds-next-card h3 {
  font-size:clamp(34px,4vw,55px)
}
.jds-next-card>div>p {
  font-family:var(--jds-serif);
  font-size:20px;
  max-width:460px
}
.jds-journey-fallback {
  padding-block:10px
}
.jds-previous {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  font-size:12px;
  margin-top:30px
}
.jds-merchandise h2 {
  font-size:30px
}
.jds-merchandise ul {
  display:flex;
  gap:30px;
  list-style:none;
  padding:0;
  flex-wrap:wrap
}
.jds-merchandise li {
  width:180px;
  font-size:12px
}
.jds-merchandise li img {
  margin-bottom:14px
}
.jds-skip {
  position:absolute;
  left:-10000px
}
.jds-skip:focus {
  left:24px;
  z-index:999;
  background:#fff;
  padding:16px
}
@media(min-width:1200px) {
  .jds-hero {
    min-height:660px
  }
  .jds-hero-copy {
    padding-right:24px
  }
}
@media(max-width:1100px) {
  .jds-wrap {
    width:calc(100% - 64px)
  }
  .jds-hero {
    gap:34px;
    grid-template-columns:1.4fr 1fr
  }
  .jds-story,.jds-details,.jds-video-section {
    gap:60px
  }
  .jds-chapters {
    gap:16px
  }
  .jds-chapters>.jds-eyebrow {
    display:none
  }
  .jds-purchase-grid {
    gap:36px
  }
  .jds-section {
    padding-block:72px
  }
  .jds-hero-copy {
    padding:0
  }
  .jds-page .jds-hook {
    font-size:21px
  }
}
@media(max-width:767px) {
  .jds-wrap {
    width:calc(100% - 40px)
  }
  .jds-hero {
    display:flex;
    flex-direction:column;
    gap:28px;
    padding-block:20px 38px
  }
  .jds-hero-art {
    width:100%
  }
  .jds-hero-copy {
    width:100%
  }
  .jds-page h1 {
    font-size:49px;
    margin-bottom:20px
  }
  .jds-page .jds-eyebrow {
    font-size:10px;
    margin-bottom:16px
  }
  .jds-hero-art figcaption {
    font-size:9px
  }
  .jds-page .jds-byline {
    font-size:12px
  }
  .jds-rule {
    margin-block:22px
  }
  .jds-page .jds-hook {
    font-size:23px
  }
  .jds-actions {
    flex-direction:row;
    flex-wrap:wrap;
    gap:14px 22px;
    margin-top:25px;
    align-items:center
  }
  .jds-page .jds-button {
    padding-inline:17px;
    gap:16px
  }
  .jds-chapters {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 12px;
    padding-block:12px
  }
  .jds-chapters a {
    font-size:10px;
    gap:12px
  }
  .jds-story,.jds-details,.jds-video-section {
    grid-template-columns:1fr;
    gap:24px
  }
  .jds-section {
    padding-block:54px
  }
  .jds-page h2 {
    font-size:36px
  }
  .jds-prose {
    font-size:16px
  }
  .jds-page blockquote {
    padding-left:20px
  }
  .jds-video-section {
    padding-bottom:54px
  }
  .jds-video-copy h2 {
    margin-bottom:16px
  }
  .jds-section-heading {
    display:block;
    margin-bottom:25px
  }
  .jds-section-heading>p {
    margin-top:20px
  }
  .jds-purchase-grid {
    grid-template-columns:1fr;
    gap:24px
  }
  .jds-purchase-art {
    padding:22px
  }
  .jds-purchase-unavailable {
    padding:28px
  }
  .jds-facts {
    max-width:100%;
    margin-top:25px
  }
  .jds-reminder {
    display:block;
    margin-bottom:54px;
    padding-block:24px
  }
  .jds-reminder p {
    font-size:24px;
    margin-bottom:14px
  }
  .jds-next-card {
    grid-template-columns:1fr;
    gap:28px;
    margin-top:26px
  }
  .jds-next-card h3 {
    font-size:38px
  }
  .jds-next-card>div>p {
    font-size:20px
  }
  .jds-merchandise li {
    width:calc(50% - 15px)
  }
}
@media(prefers-reduced-motion:reduce) {
  .jds-page * {
    scroll-behavior:auto!important;
    animation:none!important;
    transition:none!important
  }
}
/* Connected WOW renderer owns its complete preview/control layout. */
.jds-page .jds-purchase-grid--connected {
  grid-template-columns:minmax(0,1fr)
}