/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
.mag-case {
  background: #f3f2ef;
  color: #1a1a1a;
  overflow: hidden;
}
.mag-case h1,.mag-case h2,.mag-case p {
  margin: 0;
}
.mag-case .case-back {
  display: inline-block;
}
.mag-intro {
  min-height: 730px;
  display: grid;
  grid-template-columns: 43% 57%;
  background: #1b1c1b;
  color: white;
}
.mag-intro-copy {
  padding: 5.5vw 7vw 7vw 9%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8rem;
}
.mag-intro-copy .case-back {
  color: white;
}
.mag-intro-copy .oe-kicker,.mag-facts,.mag-intro-caption,.mag-chapter-label,.mag-statement>span,.mag-single-copy>span,.mag-band>span,.mag-wide-intro>span,.mag-spread-copy>span {
  font-size: .72rem;
  letter-spacing: .18em;
  font-weight: 800;
}
.mag-intro h1 {
  font-size: clamp(4.3rem, 8.2vw, 10rem);
  line-height: .84;
  letter-spacing: -.025em;
  margin: 2.3rem 0 2rem;
}
.mag-intro p {
  max-width: 520px;
  font-size: clamp(1.1rem, 1.35vw, 1.45rem);
  line-height: 1.5;
  color: #c9c9c8;
}
.mag-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  margin-top: 4rem;
  color: #a8a8a7;
}
.mag-intro-art {
  position: relative;
  min-height: 720px;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at 62% 35%,#545450,#30302e 49%,#1b1c1b 100%);
  padding: 4rem 9%;
}
.mag-intro-paper {
  width: min(73%, 520px);
  transform: rotate(-6deg);
  box-shadow: 22px 34px 80px #0009,4px 4px 0 #cfcfc9,9px 9px 0 #777;
}
.mag-intro-paper .mag-ad {
  margin: 0;
}
.mag-intro-paper img {
  display: block;
  width: 100%;
  height: auto;
}
.mag-intro-paper figcaption {
  display: none;
}
.mag-intro-caption {
  position: absolute;
  bottom: 4%;
  right: 5%;
  color: #b5b5b2;
}
.mag-statement {
  padding: 10rem 9%;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 3rem;
  border-bottom: 1px solid #d6d5d1;
}
.mag-statement h2 {
  font-size: clamp(2.9rem, 5.1vw, 6rem);
  line-height: .99;
  letter-spacing: -.035em;
}
.mag-statement p {
  grid-column: 2;
  max-width: 650px;
  font-size: 1.16rem;
  line-height: 1.6;
  color: #5d5d5b;
}
.mag-chapter {
  padding: 9vw 8%;
  background: #e8e7e2;
}
.mag-chapter:nth-of-type(2n) {
  background: #f2f1ed;
}
.mag-chapter-label {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #a4a39e;
  padding-top: 1rem;
  margin-bottom: 4rem;
}
.mag-open-book {
  max-width: 1380px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  filter: drop-shadow(0 25px 35px #2223);
  transform: perspective(1600px) rotateX(2deg);
}
.mag-paper {
  aspect-ratio: .74;
  min-width: 0;
  background: #faf9f5;
  overflow: hidden;
}
.mag-editorial {
  border-right: 1px solid #d4d3d0;
  display: flex;
  flex-direction: column;
  padding: 5% 8%;
  position: relative;
}
.mag-page-index,.mag-folio {
  font-size: .63rem;
  letter-spacing: .15em;
  font-weight: 800;
  color: #666;
}
.mag-editorial-content {
  margin: auto 0 4%;
  max-width: 80%;
}
.mag-mini-rule {
  display: block;
  background: #d3412d;
  width: 42px;
  height: 3px;
  margin-bottom: 3rem;
}
.mag-editorial h2 {
  font-size: clamp(2.1rem, 4.2vw, 5rem);
  line-height: .98;
  letter-spacing: -.035em;
  margin-bottom: 2.5rem;
}
.mag-editorial p {
  font-family: Georgia,serif;
  font-size: clamp(1rem, 1.25vw, 1.4rem);
  line-height: 1.55;
  color: #444;
  margin-bottom: 5rem;
}
.mag-ad {
  margin: 0;
  min-width: 0;
}
.mag-ad img {
  display: block;
  width: 100%;
  height: auto;
}
.mag-ad figcaption {
  font-size: .7rem;
  letter-spacing: .13em;
  text-transform: uppercase;
  font-weight: 800;
  color: #666;
  margin-top: 1rem;
}
.mag-ad-page .mag-ad,.mag-ad-page .mag-ad img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mag-ad-page figcaption {
  display: none;
}
.mag-pair {
  max-width: 1380px;
  margin: 6vw auto 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4vw;
  align-items: start;
}
.mag-pair .mag-ad {
  max-width: 82%;
  margin: auto;
}
.mag-pair .mag-ad:nth-child(2) {
  margin-top: 14%;
}
.mag-single {
  display: grid;
  grid-template-columns: 38% 62%;
  background: #1c1d1b;
  color: white;
  min-height: 730px;
}
.mag-single-copy {
  padding: 7vw 10%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mag-single h2 {
  font-size: clamp(3.2rem, 5vw, 6rem);
  line-height: .96;
  letter-spacing: -.035em;
  margin: 3rem 0;
}
.mag-single p {
  font-size: 1.15rem;
  line-height: 1.6;
  color: #c3c3c1;
  max-width: 370px;
}
.mag-single-art {
  background: #353635;
  display: grid;
  place-items: center;
  padding: 7% 16%;
}
.mag-single-art .mag-ad {
  width: min(100%, 530px);
}
.mag-single-art .mag-ad img {
  box-shadow: 15px 26px 45px #0006;
}
.mag-single-art figcaption {
  color: #d1d1cf;
}
.mag-band {
  padding: 10vw 9%;
  background: #d3412d;
  color: white;
}
.mag-band h2 {
  font-size: clamp(3.5rem, 7.2vw, 9rem);
  line-height: .88;
  letter-spacing: -.025em;
  margin-top: 3rem;
}
.mag-gallery {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 6vw 3vw;
  padding: 10vw 8%;
  align-items: start;
}
.mag-gallery .mag-ad:nth-child(4n+2),.mag-gallery .mag-ad:nth-child(4n+4) {
  margin-top: 5rem;
}
.mag-gallery img {
  box-shadow: 9px 15px 27px #1112;
}
.mag-wide-intro {
  padding: 9vw 8% 5vw;
  background: #e9e8e4;
}
.mag-wide-intro h2,.mag-spread-copy h2 {
  font-size: clamp(3.5rem, 6.3vw, 7.5rem);
  line-height: .95;
  letter-spacing: -.035em;
  margin: 2.5rem 0;
}
.mag-spread-copy h2 {
  letter-spacing: -.025em;
}
.mag-wide-intro p,.mag-spread-copy p {
  font-size: 1.15rem;
  line-height: 1.6;
  max-width: 580px;
  color: #555;
}
.mag-landscapes {
  background: #e9e8e4;
  padding: 0 8% 10vw;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7vw 4vw;
}
.mag-landscape {
  background: #f9f8f5;
  padding: 3vw;
  box-shadow: 10px 20px 35px #1111;
  align-self: start;
}
.mag-landscape:nth-child(even) {
  margin-top: 5vw;
}
.mag-landscape img {
  width: 100%;
  object-fit: contain;
}
.mag-spread-section {
  background: #222321;
  color: white;
  padding: 9vw 8%;
}
.mag-spread-copy p {
  color: #c8c8c5;
}
.mag-spread-art {
  margin-top: 5vw;
  background: #efece7;
  padding: 2.5vw;
  box-shadow: 0 25px 70px #0006;
}
.mag-spread-art img {
  width: 100%;
}
.mag-spread-art figcaption {
  color: #333;
}
.mag-case .oe-end {
  background: #f2f1ed;
}
.mag-reveal {
  opacity: 0;
  transform: translateY(55px);
  transition: opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1);
}
.mag-reveal.visible {
  opacity: 1;
  transform: none;
}
.magazine-feature {
  grid-column: 1/-1;
  background: #2a2b29;
}
.magazine-feature img {
  object-fit: contain;
  background: #3b3c39;
  padding: 3%;
}
@media (max-width:800px) {
  .mag-intro {
    grid-template-columns: 1fr;
  }
  .mag-intro-copy {
    min-height: 610px;
    padding: 4rem 7% 5rem;
    gap: 6rem;
  }
  .mag-intro-art {
    min-height: 570px;
  }
  .mag-statement {
    grid-template-columns: 1fr;
    padding: 7rem 7%;
  }
  .mag-statement p {
    grid-column: 1;
  }
  .mag-chapter {
    padding: 6rem 5%;
  }
  .mag-paper {
    aspect-ratio: .75;
  }
  .mag-editorial-content {
    max-width: 95%;
  }
  .mag-editorial p {
    margin-bottom: 2rem;
  }
  .mag-single {
    grid-template-columns: 1fr;
  }
  .mag-single-copy {
    padding: 6rem 7% 3rem;
  }
  .mag-single-art {
    padding: 5rem 15%;
  }
  .mag-gallery {
    grid-template-columns: repeat(2,1fr);
    gap: 4rem 5%;
    padding: 6rem 6%;
  }
  .mag-landscapes {
    grid-template-columns: 1fr;
  }
  .mag-landscape:nth-child(even) {
    margin-top: 0;
  }
}
@media (max-width:550px) {
  .mag-intro-copy {
    min-height: 540px;
  }
  .mag-intro h1 {
    font-size: clamp(4.3rem, 17vw, 6rem);
  }
  .mag-intro-art {
    min-height: 450px;
  }
  .mag-intro-paper {
    width: 66%;
  }
  .mag-statement {
    padding: 5rem 6%;
  }
  .mag-chapter-label {
    margin-bottom: 2rem;
  }
  .mag-open-book {
    display: block;
    filter: none;
    transform: none;
  }
  .mag-editorial {
    aspect-ratio: auto;
    min-height: 330px;
    padding: 9%;
  }
  .mag-editorial-content {
    margin-top: 3rem;
  }
  .mag-editorial h2 {
    font-size: 2.8rem;
    margin-bottom: 1.5rem;
  }
  .mag-editorial p {
    font-size: 1rem;
    margin-bottom: 2rem;
  }
  .mag-ad-page {
    aspect-ratio: auto;
  }
  .mag-ad-page .mag-ad,.mag-ad-page .mag-ad img {
    height: auto;
  }
  .mag-pair {
    gap: 2rem;
    margin-top: 3rem;
  }
  .mag-pair .mag-ad {
    max-width: 100%;
  }
  .mag-pair .mag-ad:nth-child(2) {
    margin-top: 2rem;
  }
  .mag-gallery {
    gap: 3rem 5%;
  }
  .mag-gallery .mag-ad:nth-child(n) {
    margin-top: 0;
  }
  .mag-gallery figcaption,.mag-pair figcaption {
    font-size: .6rem;
    line-height: 1.4;
  }
  .mag-band {
    padding: 7rem 6%;
  }
  .mag-wide-intro {
    padding: 6rem 6% 3rem;
  }
  .mag-landscapes {
    padding: 0 6% 6rem;
    gap: 3rem;
  }
  .mag-landscape {
    padding: 5%;
  }
  .mag-spread-section {
    padding: 6rem 6%;
  }
  .mag-spread-art {
    padding: 3%;
  }
}
@media (prefers-reduced-motion:reduce) {
  .mag-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
.mag-intro {
  grid-template-columns: 35% 65%;
}
.mag-intro-copy {
  padding-left: 11%;
  padding-right: 7%;
}
.mag-intro h1 {
  font-size: clamp(4.3rem, 6.7vw, 8rem);
}
.mag-intro-art {
  background: #cbc8c3 url('/assets/magazine-ads/tabletop-scene.png') center/cover no-repeat;
  min-height: 720px;
  padding: 4%;
}
.mag-intro-paper {
  width: min(86%, 880px);
  transform: rotate(-2.5deg);
  background: #f4f2ed;
  padding: 1.1%;
  box-shadow: 0 2px 0 #b8b5ae,0 5px 0 #e8e5df,0 9px 0 #aaa8a3,21px 33px 40px #0005;
  position: relative;
}
.mag-intro-paper img {
  display: block;
  width: 100%;
  height: auto;
}
.mag-intro-paper:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 1%;
  bottom: 1%;
  width: 3px;
  pointer-events: none;
  background: linear-gradient(90deg,#0002,#fff5,#0001);
  mix-blend-mode: multiply;
}
.mag-intro-caption {
  color: #333;
  text-shadow: 0 1px 2px #fff;
}
.mag-open-book .mag-paper {
  aspect-ratio: auto;
}
.mag-ad-page .mag-ad,.mag-ad-page .mag-ad img {
  height: auto;
  object-fit: initial;
}
.mag-pair .mag-ad:nth-child(2) {
  margin-top: 0;
}
.mag-gallery {
  grid-template-columns: repeat(3,1fr);
}
.mag-gallery .mag-ad:nth-child(n) {
  margin-top: 0;
}
.mag-landscape {
  padding: 0;
  box-shadow: 10px 20px 35px #1111;
}
.mag-landscape .mag-ad figcaption {
  padding: 1.1rem 1.5rem;
  margin: 0;
  background: #f9f8f5;
}
.mag-landscape:nth-child(even) {
  margin-top: 0;
}
.magazine-feature>.mag-feature-table {
  display: grid;
  place-items: center;
  padding: 4%;
  background: #cbc8c3 url('/assets/magazine-ads/tabletop-scene.png') center/cover no-repeat;
}
.magazine-feature .mag-feature-table img {
  display: block;
  width: 84%;
  height: auto;
  min-height: 0;
  object-fit: contain;
  border: 6px solid #f4f2ed;
  box-shadow: 0 4px 0 #bebbb4,14px 21px 25px #0005;
  transform: rotate(-2deg);
}
.magazine-feature:hover .mag-feature-table img,.magazine-feature:focus-visible .mag-feature-table img {
  transform: rotate(-2deg) scale(1.025);
}
@media (max-width:800px) {
  .mag-intro {
    grid-template-columns: 1fr;
  }
  .mag-intro-copy {
    padding: 4rem 7% 5rem;
    min-height: 540px;
  }
  .mag-intro-art {
    min-height: 500px;
  }
  .mag-gallery {
    grid-template-columns: repeat(2,1fr);
  }
}
@media (max-width:550px) {
  .mag-intro-art {
    min-height: 340px;
  }
  .mag-intro-paper {
    width: 84%;
  }
  .mag-intro-caption {
    font-size: .55rem;
  }
  .mag-gallery {
    grid-template-columns: repeat(2,1fr);
  }
  .mag-open-book .mag-editorial {
    min-height: 330px;
  }
  .mag-open-book .mag-ad-page {
    aspect-ratio: auto;
  }
  .magazine-feature>.mag-feature-table {
    min-height: 320px;
  }
}
.mag-intro {
  display: flex;
  flex-direction: column-reverse;
  min-height: 0;
}
.mag-intro-art {
  display: block;
  min-height: 0;
  padding: 0;
  background: none;
}
.mag-intro-art>img {
  display: block;
  width: 100%;
  height: auto;
}
.mag-intro-copy {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 5vw;
  min-height: 0;
  padding: 5vw 8%;
  align-items: start;
}
.mag-intro-copy>.case-back {
  justify-self: start;
  margin-top: .8rem;
}
.mag-intro-copy h1 {
  font-size: clamp(4rem, 7.5vw, 9rem);
  margin: 1.5rem 0 2rem;
}
.mag-intro-copy p {
  max-width: 720px;
}
.mag-facts {
  margin-top: 2.5rem;
}
.magazine-feature>img {
  object-fit: cover;
  object-position: center;
  min-height: 520px;
  padding: 0;
}
@media (max-width:800px) {
  .mag-intro-copy {
    display: block;
    padding: 4rem 7% 5rem;
  }
  .mag-intro-copy>.case-back {
    margin-bottom: 4rem;
  }
  .mag-intro-art {
    min-height: 0;
  }
  .mag-intro h1 {
    font-size: clamp(4rem, 12vw, 7rem);
  }
}
@media (max-width:550px) {
  .mag-intro-copy {
    padding: 3rem 6% 4rem;
  }
  .mag-intro-copy>.case-back {
    margin-bottom: 3rem;
  }
  .mag-intro-art {
    min-height: 0;
  }
  .magazine-feature>img {
    min-height: 0;
    aspect-ratio: 16/9;
  }
}
.mag-case .oe-end {
  background: #171817;
  color: #fff;
}
.mag-case .oe-end span,.mag-case .oe-end a {
  color: #fff;
}
.mag-case .oe-end a {
  border-color: #fff;
}
.mag-case .oe-end a:hover {
  background: #fff;
  color: #171817;
}
.mag-campaign {
  background: #e8e7e2;
  padding: 9vw 8%;
}
.mag-campaign-lead {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 1380px;
  margin: auto;
  box-shadow: 0 25px 35px #2223;
}
.mag-campaign-copy {
  background: #faf9f5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 9% 10%;
}
.mag-campaign-kicker {
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .17em;
  color: #666;
}
.mag-campaign-copy h2 {
  font-size: clamp(2.8rem, 4.9vw, 6rem);
  line-height: .96;
  letter-spacing: -.025em;
  margin: 2.3rem 0;
}
.mag-campaign-copy p {
  font-family: Georgia,serif;
  font-size: clamp(1rem, 1.3vw, 1.35rem);
  line-height: 1.65;
  color: #444;
  max-width: 480px;
}
.mag-campaign-copy .mag-folio {
  margin-top: 4rem;
}
.mag-campaign-lead>.mag-ad {
  background: #faf9f5;
}
.mag-campaign-lead>.mag-ad img {
  height: 100%;
  object-fit: cover;
}
.mag-campaign-lead>.mag-ad figcaption {
  display: none;
}
.mag-campaign-pair {
  max-width: 1380px;
  margin: 6vw auto 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4vw;
}
.mag-campaign-pair .mag-ad {
  width: 82%;
  margin: 0 auto;
}
.mag-campaign-pair img {
  box-shadow: 9px 15px 27px #1112;
}
@media (max-width:800px) {
  .mag-campaign {
    padding: 6rem 5%;
  }
  .mag-campaign-copy {
    padding: 8%;
  }
  .mag-campaign-copy h2 {
    font-size: clamp(2.4rem, 5vw, 4rem);
  }
}
@media (max-width:550px) {
  .mag-campaign {
    padding: 5rem 5%;
  }
  .mag-campaign-lead {
    display: block;
  }
  .mag-campaign-copy {
    padding: 10%;
    min-height: 370px;
  }
  .mag-campaign-copy .mag-folio {
    margin-top: 2rem;
  }
  .mag-campaign-lead>.mag-ad img {
    height: auto;
  }
  .mag-campaign-pair {
    gap: 1rem;
    margin-top: 3rem;
  }
  .mag-campaign-pair .mag-ad {
    width: 100%;
  }
  .mag-campaign-pair figcaption {
    font-size: .6rem;
    line-height: 1.4;
  }
}
.mag-case .oe-end a:hover,.mag-case .oe-end a:focus-visible {
  background: transparent;
  color: #f3c767;
  border-color: #f3c767;
}
.mag-spread-art img {
  filter: contrast(1.18) saturate(1.12);
}