/* The viewport remains still. Native scroll position only advances this scene timeline. */
.scroll-runway,.cinema-controls {
  display:none
}

html.cinematic-root {
  scrollbar-width:none;
  scrollbar-gutter:auto;
  scroll-behavior:auto
}

html.cinematic-root::-webkit-scrollbar,html.cinematic-root body::-webkit-scrollbar {
  display:none
}

.cinematic-ready .scroll-runway {
  display:block;
  width:1px;
  pointer-events:none
}

.cinematic-ready .stage {
  position:fixed;
  inset:0;
  z-index:1;
  overflow:hidden;
  perspective:1600px;
  touch-action:pan-y
}

.cinematic-ready .scene {
  position:absolute;
  inset:0;
  height:100%;
  min-height:0;
  padding:120px 8vw 86px;
  overflow:clip;
  visibility:hidden;
  pointer-events:none;
  will-change:clip-path,opacity,transform;
  transform-origin:50% 50%
}

.cinematic-ready .scene-inner {
  height:100%;
  min-height:0;
  max-height:100%;
  width:100%;
  overflow-y:auto;
  scrollbar-width:none;
  transform:none;
  overscroll-behavior-y:auto
}

.cinematic-ready .scene-inner::-webkit-scrollbar {
  display:none
}

.cinematic-ready .reveal {
  opacity:var(--content-opacity,1);
  transform:translate3d(var(--content-x,0px),0,0) scale(var(--content-scale,1));
  filter:blur(var(--content-blur,0px));
  transform-origin:50% 50%;
  transition:none;
  will-change:transform,opacity
}

.cinematic-ready .site-header {
  background:#17132ae8;
  backdrop-filter:blur(12px);
  padding-top:20px;
  padding-bottom:20px;
  z-index:30
}

.cinematic-ready .hero-scroll,.cinematic-ready .hero-chapter {
  display:none
}

.cinematic-ready .hero-grid {
  align-content:safe center;
  gap:65px
}

.cinematic-ready .hero-art {
  padding-top:0;
  overflow:visible;
  transform:translate3d(calc(var(--departure,0)*85px),0,0) scale(calc(1 - var(--departure,0)*.13));
  filter:none;
  opacity:var(--content-opacity,1)
}

.cinematic-ready .book-object {
  width:min(27vw,37vh);
  transition:none;
  transform:rotateY(calc(-7deg - var(--departure,0)*42deg)) rotateZ(calc(1.8deg + var(--departure,0)*12deg));
  transform-origin:center;
  will-change:transform
}

.cinematic-ready .hero-copy h1 {
  font-size:clamp(62px,6.3vw,94px)
}

.cinematic-ready .hero-description {
  font-size:20px
}

.cinematic-ready .book-edition {
  margin-top:20px
}

.cinematic-ready .scene-book {
  background:var(--cream)
}

.cinematic-ready .book-layout {
  justify-content:safe center;
  align-items:center
}

.cinematic-ready .section-heading h2 {
  font-size:clamp(36px,3.9vw,57px);
  max-width:1100px
}

.cinematic-ready .book-story {
  max-width:850px;
  font-size:20px;
  line-height:1.85;
  margin-top:32px;
  margin-bottom:0
}

.cinematic-ready .scene-themes {
  background:radial-gradient(ellipse at 50% 100%,#79506d55,transparent 65%),#35243f;
  color:var(--cream)
}

.scene-themes {
  background:#35243f;
  color:var(--cream);
  padding:100px 8vw
}

.themes-layout {
  min-height:100svh;
  padding:100px 0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:42px
}

.themes-heading {
  text-align:center;
  position:relative
}

.themes-heading>.eyebrow {
  color:#d0a18c;
  margin-bottom:20px
}

.themes-heading h2 {
  font-size:clamp(39px,4.6vw,65px);
  line-height:1.14;
  letter-spacing:-1.3px
}

.cinematic-ready .themes-layout {
  padding:0;
  justify-content:safe center;
  gap:40px
}

.cinematic-ready .theme-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:25px;
  width:100%;
  padding:10px 3px 22px
}

.cinematic-ready .theme-grid article {
  padding:31px 28px;
  background:#fcf5ed;
  border-color:#d9beb2;
  box-shadow:0 15px 40px #10091e28;
  transform:translate3d(calc((1 - var(--arrival,1))*var(--card-x,0px)),0,0) rotate(calc((1 - var(--arrival,1))*var(--card-angle,0deg)));
  transform-origin:50% 100%;
  transition:none
}

.cinematic-ready .theme-grid article:first-child {
  --card-x:-100px;
  --card-angle:-9deg
}

.cinematic-ready .theme-grid article:nth-child(2) {
  --card-x:0px;
  --card-angle:0deg
}

.cinematic-ready .theme-grid article:nth-child(3) {
  --card-x:100px;
  --card-angle:9deg
}

.cinematic-ready .theme-grid h3 {
  font-size:28px;
  line-height:1.22;
  margin-bottom:14px
}

.cinematic-ready .theme-grid p {
  font-size:17px;
  line-height:1.7
}

.cinematic-ready .theme-number {
  font-size:9px;
  letter-spacing:2px;
  margin-bottom:23px
}

.cinematic-ready .theme-grid .theme-wide {
  grid-column:auto;
  display:block;
  padding:31px 28px
}

.cinematic-ready .theme-wide .theme-number {
  margin-bottom:23px
}

.cinematic-ready .theme-wide>svg {
  display:none
}

.scene-quote {
  background:var(--midnight);
  color:var(--cream);
  position:relative;
  overflow:clip;
  padding:120px 8vw;
  min-height:100svh
}

.quote-landscape {
  position:absolute;
  inset:-8%;
  background:url('../assets/images/book-cover.webp') center 30%/cover;
  transform:scale(var(--landscape-scale,1.15));
  will-change:transform
}

.quote-shade {
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,#17132af0,#17132a55 50%,#17132aca)
}

.quote-panel {
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  text-align:center;
  min-height:80svh;
  max-width:1050px
}

.quote-panel>div {
  position:relative;
  padding:55px 8px 15px
}

.cinema-quote-mark {
  position:absolute;
  top:-18px;
  left:50%;
  transform:translateX(-50%);
  font-size:130px;
  line-height:1;
  color:#e6b795;
  opacity:.7
}

.quote-panel h2 {
  font-weight:400;
  font-size:clamp(34px,4.6vw,65px);
  line-height:1.4;
  letter-spacing:-1.2px;
  text-shadow:0 3px 28px #12091e5e
}

.quote-panel .eyebrow {
  font-size:10px;
  letter-spacing:2.5px;
  line-height:1.8;
  color:#dfb49c;
  margin-top:36px
}

.cinematic-ready .quote-panel {
  min-height:0
}

.cinematic-ready .scene-author {
  background:var(--cream)
}

.author-monogram {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-45%);
  font-size:min(75vw,85vh);
  font-family:var(--serif);
  font-style:italic;
  line-height:1;
  pointer-events:none;
  color:#5c3a5b08;
  z-index:-1
}

.cinematic-ready .author-layout {
  padding:0;
  display:flex;
  flex-direction:column;
  justify-content:safe center;
  align-items:center;
  max-width:850px
}

.cinematic-ready .author-layout h2 {
  font-size:clamp(64px,7vw,103px);
  margin-bottom:30px
}

.cinematic-ready .author-bio {
  font-size:23px;
  line-height:1.9;
  text-align:center
}

.cinematic-ready .author-signoff {
  width:150px;
  flex-shrink:0
}

.cinematic-ready .scene-details {
  background:var(--midnight);
  display:flex;
  flex-direction:column
}

.cinematic-ready .details-layout {
  height:auto;
  flex:1;
  min-height:0;
  padding:0 0 25px;
  justify-content:safe center;
  gap:90px
}

.cinematic-ready .closing-copy h2 {
  font-size:clamp(42px,4.5vw,66px)
}

.cinematic-ready .faq-list summary {
  padding:19px 0
}

.cinematic-ready .site-footer {
  flex-shrink:0;
  padding:20px 0 0;
  margin:0 auto;
  max-width:1160px
}

.cinematic-ready .site-footer>.footer-brand {
  font-size:17px
}

.cinematic-ready .site-footer>span {
  font-size:9px
}

.cinema-controls {
  position:fixed;
  left:5vw;
  right:5vw;
  bottom:25px;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  z-index:21;
  color:#e7c9b3;
  font-family:var(--sans);
  mix-blend-mode:normal
}

.cinematic-ready .cinema-controls {
  display:flex
}

.cinema-controls:before {
  content:'';
  position:absolute;
  inset:-12px -14px;
  z-index:-1;
  pointer-events:none;
  border:1px solid #c99c7925;
  border-radius:5px;
  background:#17132ad9;
  backdrop-filter:blur(12px)
}

.cinema-instruction {
  display:flex;
  align-items:center;
  gap:12px;
  font-size:7px;
  letter-spacing:1.8px;
  min-width:250px
}

.cinema-scroll-mark {
  width:13px;
  height:20px;
  border:1px solid #d1ae98;
  border-radius:9px;
  position:relative;
  flex-shrink:0
}

.cinema-scroll-mark:after {
  content:'';
  position:absolute;
  width:1px;
  height:5px;
  background:#e6c4ab;
  left:5px;
  top:4px
}

.cinema-dots {
  display:flex;
  align-items:center;
  gap:7px
}

.cinema-dots button {
  position:relative;
  width:24px;
  height:24px;
  border:1px solid transparent;
  border-radius:50%;
  padding:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:none;
  color:inherit;
  transition:border-color .25s
}

.cinema-dots button>span {
  width:4px;
  height:4px;
  border-radius:50%;
  background:currentColor;
  opacity:.4;
  flex-shrink:0
}

.cinema-dots button[aria-current] {
  border-color:#d1ae9870
}

.cinema-dots button[aria-current]>span {
  opacity:1
}

.cinema-position {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  font-size:9px;
  min-width:250px
}

.cinema-chapter-name {
  font-family:var(--serif);
  font-style:italic;
  font-size:14px;
  margin-right:14px;
  color:#dec1c6
}

.cinema-divider {
  width:30px;
  height:1px;
  background:#d1ae9850
}

.cinema-total {
  opacity:.5
}

.cinema-position>button {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:6px;
  width:28px;
  height:28px;
  border:1px solid #d1ae9870;
  background:none;
  border-radius:3px;
  color:inherit
}

.cinema-position>button:disabled {
  opacity:.25
}

.cinema-position>button>svg {
  width:16px;
  height:16px
}

.cinema-position>button[data-direction='-1']>svg {
  transform:rotate(180deg)
}

.cinematic-ready .mobile-menu {
  gap:17px
}

.cinematic-ready .mobile-menu>a {
  font-size:35px
}

.cinematic-ready .mobile-menu .menu-note {
  margin-top:14px
}

@media(max-width:1050px) {
  .cinema-chapter-name {
    display:none
  }

  .cinema-instruction,.cinema-position {
    min-width:205px
  }

  .cinematic-ready .hero-grid {
    gap:35px
  }

  .cinematic-ready .hero-copy h1 {
    font-size:68px
  }

  .cinematic-ready .book-object {
    width:min(28vw,36vh)
  }

  .cinematic-ready .hero-description {
    font-size:18px
  }

  .cinematic-ready .theme-grid {
    gap:18px
  }

  .cinematic-ready .theme-grid article,.cinematic-ready .theme-grid .theme-wide {
    padding:25px 23px
  }

  .cinematic-ready .theme-grid h3 {
    font-size:24px
  }

  .cinematic-ready .theme-grid p {
    font-size:16px
  }

  .cinematic-ready .details-layout {
    gap:55px
  }

  .cinematic-ready .author-bio {
    font-size:21px
  }

}

@media(max-height:760px) and (min-width:701px) {
  .cinematic-ready .scene {
    padding-top:103px;
    padding-bottom:83px
  }

  .cinematic-ready .hero-copy h1 {
    font-size:65px;
    margin-bottom:20px
  }

  .cinematic-ready .hero-copy .eyebrow {
    margin-bottom:16px
  }

  .cinematic-ready .hero-description {
    font-size:17px
  }

  .cinematic-ready .book-object {
    width:min(25vw,36vh)
  }

  .cinematic-ready .section-heading h2 {
    font-size:43px
  }

  .cinematic-ready .book-story {
    font-size:17px;
    margin-top:24px;
    line-height:1.8
  }

  .cinematic-ready .themes-layout {
    gap:30px
  }

  .themes-heading h2 {
    font-size:48px
  }

  .cinematic-ready .theme-grid article,.cinematic-ready .theme-grid .theme-wide {
    padding:24px
  }

  .cinematic-ready .theme-grid h3 {
    font-size:23px
  }

  .cinematic-ready .theme-grid p {
    font-size:15px
  }

  .cinematic-ready .theme-number,.cinematic-ready .theme-wide .theme-number {
    margin-bottom:16px
  }

  .cinematic-ready .quote-panel h2 {
    font-size:47px
  }

  .cinematic-ready .author-layout h2 {
    font-size:75px;
    margin-bottom:20px
  }

  .cinematic-ready .author-bio {
    font-size:19px
  }

  .cinematic-ready .author-signoff {
    margin-top:20px;
    margin-bottom:15px
  }

  .cinematic-ready .closing-copy h2 {
    font-size:49px
  }

  .cinematic-ready .closing-copy>p:not(.eyebrow) {
    font-size:17px
  }

  .cinematic-ready .faq-list summary {
    font-size:16px;
    padding:16px 0
  }

  .cinematic-ready .faq-list details>p {
    font-size:13px
  }

}

@media(max-width:700px) {
  .cinematic-ready .scene {
    padding:104px 8vw 86px
  }

  .cinematic-ready .site-header {
    padding:17px 7vw
  }

  .cinematic-ready .hero-grid {
    grid-template-columns:1fr;
    gap:18px;
    align-content:safe center
  }

  .cinematic-ready .hero-copy .eyebrow {
    font-size:8px;
    letter-spacing:2.2px;
    margin-bottom:14px
  }

  .cinematic-ready .hero-copy h1 {
    font-size:clamp(38px,11.7vw,58px);
    line-height:1.04;
    letter-spacing:-1.3px;
    margin-bottom:15px
  }

  .cinematic-ready .hero-description {
    font-size:14px;
    line-height:1.65
  }

  .cinematic-ready .hero-actions {
    margin-top:19px;
    gap:19px;
    flex-direction:row;
    align-items:center
  }

  .cinematic-ready .hero-actions .button {
    font-size:13px;
    min-height:43px;
    padding:12px 17px;
    gap:24px
  }

  .cinematic-ready .hero-actions .text-link {
    font-size:11px
  }

  .cinematic-ready .hero-copy .format-note {
    font-size:9px;
    margin-top:12px
  }

  .cinematic-ready .book-object {
    width:min(43vw,21vh)
  }

  .cinematic-ready .book-edition {
    margin-top:14px
  }

  .cinematic-ready .book-edition>span:first-child {
    font-size:5px;
    letter-spacing:1.5px
  }

  .cinematic-ready .book-edition>span+span {
    font-size:10px;
    margin-top:5px
  }

  .cinematic-ready .book-layout {
    justify-content:safe center
  }

  .cinematic-ready .section-heading .eyebrow {
    font-size:8px;
    letter-spacing:2.1px;
    margin-bottom:19px
  }

  .cinematic-ready .section-heading h2 {
    font-size:34px;
    line-height:1.17;
    letter-spacing:-.8px
  }

  .cinematic-ready .book-story {
    font-size:15px;
    line-height:1.8;
    margin-top:25px;
    text-align:left
  }

  .cinematic-ready .book-story>p+p {
    margin-top:17px
  }

  .cinematic-ready .themes-layout {
    gap:25px
  }

  .themes-heading>.eyebrow {
    font-size:8px;
    letter-spacing:2px;
    margin-bottom:16px
  }

  .themes-heading h2 {
    font-size:34px;
    letter-spacing:-.7px
  }

  .cinematic-ready .theme-grid {
    grid-template-columns:1fr;
    gap:12px;
    padding:2px 3px 5px
  }

  .cinematic-ready .theme-grid article,.cinematic-ready .theme-grid .theme-wide {
    padding:18px 20px
  }

  .cinematic-ready .theme-number,.cinematic-ready .theme-wide .theme-number {
    font-size:7px;
    margin-bottom:7px
  }

  .cinematic-ready .theme-grid h3 {
    font-size:21px;
    line-height:1.18;
    margin-bottom:6px
  }

  .cinematic-ready .theme-grid p {
    font-size:13px;
    line-height:1.6
  }

  .cinematic-ready .quote-panel>div {
    padding:42px 0 0
  }

  .cinema-quote-mark {
    font-size:95px;
    top:-17px
  }

  .cinematic-ready .quote-panel h2 {
    font-size:34px;
    line-height:1.45;
    letter-spacing:-.6px
  }

  .quote-panel .eyebrow {
    font-size:8px;
    letter-spacing:1.7px;
    margin-top:29px
  }

  .quote-landscape {
    background-position:59% 27%;
    inset:-5% -22%
  }

  .cinematic-ready .author-layout {
    padding:0
  }

  .cinematic-ready .author-layout>.eyebrow {
    font-size:8px;
    letter-spacing:2px;
    margin-bottom:19px
  }

  .cinematic-ready .author-layout h2 {
    font-size:56px;
    letter-spacing:-1px;
    margin-bottom:25px
  }

  .cinematic-ready .author-bio {
    font-size:17px;
    line-height:1.85;
    text-align:left
  }

  .cinematic-ready .author-credit {
    font-size:11px;
    line-height:1.8
  }

  .cinematic-ready .author-signoff {
    margin-top:25px;
    margin-bottom:18px
  }

  .author-monogram {
    font-size:95vw
  }

  .cinematic-ready .details-layout {
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:safe center;
    gap:25px;
    padding-bottom:20px;
    align-items:stretch;
    overflow:auto
  }

  .cinematic-ready .closing-copy .eyebrow {
    font-size:8px;
    letter-spacing:2px;
    margin-bottom:12px
  }

  .cinematic-ready .closing-copy h2 {
    font-size:39px;
    margin-bottom:13px
  }

  .cinematic-ready .closing-copy>p:not(.eyebrow) {
    font-size:14px;
    line-height:1.6
  }

  .cinematic-ready .closing-copy .button {
    margin-top:17px;
    font-size:13px;
    min-height:43px;
    padding:12px 18px
  }

  .cinematic-ready .closing-copy .format-note {
    display:none
  }

  .cinematic-ready .faq-list>.eyebrow {
    font-size:7px;
    letter-spacing:1.8px;
    margin-bottom:12px
  }

  .cinematic-ready .faq-list summary {
    font-size:14px;
    padding:13px 0
  }

  .cinematic-ready .faq-list details>p {
    font-size:12px;
    line-height:1.7;
    padding:0 7px 13px 0
  }

  .cinematic-ready .site-footer {
    flex-direction:row;
    align-items:flex-end;
    justify-content:space-between;
    gap:15px;
    padding:13px 0 0
  }

  .cinematic-ready .site-footer>.footer-brand {
    display:none
  }

  .cinematic-ready .site-footer>span {
    font-size:7px;
    line-height:1.7
  }

  .cinematic-ready .site-footer>a:last-child {
    font-size:8px;
    gap:8px;
    max-width:105px
  }

  .cinematic-ready .site-footer>a:last-child>svg {
    width:12px;
    height:12px
  }

  .cinema-controls {
    left:7vw;
    right:7vw;
    bottom:23px;
    gap:10px
  }

  .cinema-controls:before {
    inset:-10px -11px
  }

  .cinema-instruction {
    min-width:0;
    max-width:108px;
    font-size:5px;
    line-height:1.7;
    letter-spacing:1.1px;
    gap:8px
  }

  .cinema-scroll-mark {
    width:11px;
    height:17px
  }

  .cinema-scroll-mark:after {
    left:4px;
    top:4px;
    height:4px
  }

  .cinema-dots {
    gap:0
  }

  .cinema-dots button {
    width:17px;
    height:20px;
    padding:5px;
    border-radius:3px
  }

  .cinema-dots button>span {
    width:3px;
    height:3px
  }

  .cinema-position {
    min-width:0;
    gap:7px;
    font-size:7px
  }

  .cinema-divider {
    width:15px
  }

  .cinema-chapter-name,.cinema-total {
    display:none
  }

  .cinema-position>button {
    width:25px;
    height:25px;
    padding:5px
  }

  .cinema-position>button>svg {
    width:14px;
    height:14px
  }

  .cinematic-ready .mobile-menu {
    gap:14px;
    padding-top:105px;
    padding-bottom:60px
  }

  .cinematic-ready .mobile-menu>a {
    font-size:30px
  }

  .cinematic-ready .mobile-menu>.eyebrow {
    margin-bottom:10px
  }

  .cinematic-ready .mobile-menu .menu-note {
    font-size:12px;
    margin-top:12px
  }

}

@media(max-width:700px) and (max-height:740px) {
  .cinematic-ready .scene {
    padding-top:93px;
    padding-bottom:80px
  }

  .cinematic-ready .hero-grid {
    gap:13px
  }

  .cinematic-ready .hero-copy h1 {
    font-size:40px;
    margin-bottom:12px
  }

  .cinematic-ready .hero-description {
    font-size:12px;
    line-height:1.6
  }

  .cinematic-ready .hero-copy .eyebrow {
    margin-bottom:11px;
    font-size:7px
  }

  .cinematic-ready .hero-actions {
    margin-top:15px
  }

  .cinematic-ready .hero-copy .format-note {
    font-size:8px;
    margin-top:10px
  }

  .cinematic-ready .book-object {
    width:min(39vw,20vh)
  }

  .cinematic-ready .book-edition {
    margin-top:11px
  }

  .cinematic-ready .book-edition>span:first-child {
    display:none
  }

  .cinematic-ready .section-heading h2 {
    font-size:30px
  }

  .cinematic-ready .book-story {
    font-size:13px;
    line-height:1.75;
    margin-top:20px
  }

  .themes-heading h2 {
    font-size:29px
  }

  .cinematic-ready .themes-layout {
    gap:19px
  }

  .cinematic-ready .theme-grid article,.cinematic-ready .theme-grid .theme-wide {
    padding:15px 18px
  }

  .cinematic-ready .theme-grid h3 {
    font-size:19px
  }

  .cinematic-ready .theme-grid p {
    font-size:12px
  }

  .cinematic-ready .quote-panel h2 {
    font-size:29px
  }

  .cinematic-ready .author-layout h2 {
    font-size:49px;
    margin-bottom:20px
  }

  .cinematic-ready .author-bio {
    font-size:15px
  }

  .cinematic-ready .author-signoff {
    margin-top:19px;
    margin-bottom:14px
  }

  .cinematic-ready .details-layout {
    gap:20px
  }

  .cinematic-ready .closing-copy h2 {
    font-size:33px;
    margin-bottom:11px
  }

  .cinematic-ready .closing-copy>p:not(.eyebrow) {
    font-size:12px
  }

  .cinematic-ready .faq-list summary {
    font-size:12px;
    padding:12px 0
  }

  .cinematic-ready .faq-list details>p {
    font-size:11px
  }

}

@media(prefers-reduced-motion:reduce) {
  .cinematic-ready .reveal {
    filter:none!important;
    transform:none!important;
    opacity:1!important
  }

  .cinematic-ready .scene,.cinematic-ready .book-object,.quote-landscape {
    transform:none!important
  }

  .cinematic-ready .theme-grid article {
    transform:none!important
  }

}

@media print {
  html.cinematic-root {
    scrollbar-width:auto
  }

  .cinematic-ready .scroll-runway,.cinematic-ready .cinema-controls {
    display:none!important
  }

  .cinematic-ready .stage {
    position:static!important;
    overflow:visible!important
  }

  .cinematic-ready .scene {
    position:relative!important;
    visibility:visible!important;
    opacity:1!important;
    clip-path:none!important;
    transform:none!important;
    pointer-events:auto!important;
    height:auto!important;
    min-height:0!important;
    inset:auto!important;
    break-after:page
  }

  .cinematic-ready .scene-inner {
    height:auto!important;
    max-height:none!important;
    overflow:visible!important
  }

  .cinematic-ready .reveal {
    opacity:1!important;
    filter:none!important;
    transform:none!important
  }

  .quote-panel h2 {
    color:#251e2c
  }

  .quote-landscape,.quote-shade,.author-monogram {
    display:none
  }

  .cinematic-ready .theme-grid article {
    transform:none!important
  }

}