/* Products — a curated catalogue over the shared Paradise design system. */
.products-page { background: #fff; }
.pp-wrap { width: min(1220px, 90%); margin-inline: auto; }
.pp-skip { position: fixed; top: 12px; left: 12px; z-index: 300; padding: 12px 20px; background: #fff; color: #00243b; transform: translateY(-160%); border-radius: 8px; }
.pp-skip:focus { transform: none; }
.products-page h1, .pp-title { font-family: var(--font-display); font-weight: 400; letter-spacing: -.025em; }
.pp-title { font-size: clamp(34px, 3.6vw, 51px); line-height: 1.08; }
.products-page h1 em, .pp-title em { font-family: var(--font-accent); font-weight: 500; font-style: italic; }
.products-page .eyebrow { font-size: 10px; letter-spacing: .18em; line-height: 1.5; margin-bottom: 17px; }
.products-page .button { min-height: 48px; padding: 12px 23px; gap: 19px; font-size: 12px; }
.products-page .button svg { width: 18px; height: 18px; }
.pp-hero { position: relative; isolation: isolate; overflow: hidden; padding: 25px 0 44px; background: #02263c; color: #fff; }
.pp-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(650px 500px at 75% 60%,#34555a44,transparent 80%), linear-gradient(110deg,#001d31,#08354b); }
.pp-hero-meta { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 30px; }
.pp-breadcrumb { display: flex; align-items: center; gap: 11px; font-size: 8px; text-transform: uppercase; letter-spacing: .14em; color: #b2c4ce; }
.pp-breadcrumb i { width: 25px; height: 1px; background: #c8a35a80; }
.pp-breadcrumb [aria-current] { color: #f1cf86; }
.pp-edition { display: flex; align-items: center; gap: 9px; color: #a9bfc9; font-size: 7px; letter-spacing: .15em; text-transform: uppercase; }
.pp-edition::before { content: ''; width: 4px; height: 4px; background: #d6a54a; transform: rotate(45deg); }
.pp-hero-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(45px,6vw,85px); align-items: center; }
.pp-hero-copy .eyebrow { color: #edca80; font-size: 9px; margin-bottom: 17px; }
.pp-hero h1 { font-size: clamp(43px,4.2vw,61px); line-height: 1.03; margin-bottom: 24px; }
.pp-hero h1 em { display: block; margin-top: 6px; font-size: 1.04em; line-height: .98; color: #f1cf86; }
.pp-hero-lead { color: #c2d1db !important; font-size: 12px; line-height: 1.9; max-width: 430px; margin-bottom: 25px; }
.pp-hero-actions { display: flex; align-items: center; gap: 23px; }
.pp-finish-link { display: inline-flex; align-items: center; gap: 10px; padding-block: 8px; border-bottom: 1px solid #f1cf8660; font-size: 10px; color: #d6e0e6; transition: color .4s,gap .4s; }
.pp-finish-link svg { width: 14px; height: 14px; }
.pp-finish-link:hover { color: #f1cf86; gap: 15px; }
.pp-range-index { display: flex; gap: 25px; margin-top: 28px; padding-top: 19px; border-top: 1px solid #d6a54a35; max-width: 430px; }
.pp-range-index a { display: flex; gap: 9px; align-items: center; font-size: 8px; text-transform: uppercase; letter-spacing: .12em; color: #b5c9d3; }
.pp-range-index b { font-family: var(--font-accent); font-size: 23px; font-weight: 500; font-style: italic; color: #f1cf86; }
.pp-range-index a:hover { color: #fff; }
.pp-hero-gallery { position: relative; min-width: 0; padding: 0 13px 31px 15px; }
.pp-hero-main { position: relative; height: clamp(310px,26vw,370px); overflow: hidden; border: 1px solid #d6a54a70; border-radius: 6px 6px 65px 6px; background: #49605d; }
.pp-hero-main::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg,#001d31a8,transparent 45%); pointer-events: none; }
.pp-hero-main img { width: 100%; height: 100%; object-fit: cover; object-position: center; animation: ppPhotoSettle 1.8s var(--ease-out) both; }
.pp-featured-caption { position: absolute; right: 26px; bottom: 22px; z-index: 1; text-align: right; }
.pp-featured-caption small { display: block; font-size: 7px; text-transform: uppercase; letter-spacing: .2em; color: #e7cc92; margin-bottom: 7px; }
.pp-featured-caption strong { font-family: var(--font-display); font-size: 24px; font-weight: 400; }
.pp-hero-inset { position: absolute; bottom: 1px; left: -13px; width: 148px; height: 135px; padding: 5px; border: 1px solid #c7a765aa; border-radius: 7px; background: #f5f2e9; box-shadow: 0 12px 28px #00182645; }
.pp-hero-inset img { width: 100%; height: 100%; object-fit: cover; border-radius: 3px; }
.pp-hero-inset span { position: absolute; left: 13px; bottom: 13px; padding: 5px 8px; background: #00243bdf; font-size: 6px; text-transform: uppercase; letter-spacing: .12em; border-radius: 3px; }
.pp-gallery-note { position: absolute; bottom: 5px; right: 24px; font-size: 7px; letter-spacing: .1em; color: #a9bfc9; }
.pp-hero-copy > *, .pp-hero-meta { animation: riseIn 1s var(--ease-out) both; }
.pp-hero-copy > :nth-child(2) { animation-delay: .1s; }
.pp-hero-copy > :nth-child(3) { animation-delay: .2s; }
.pp-hero-copy > :nth-child(4) { animation-delay: .3s; }
.pp-hero-copy > :nth-child(5) { animation-delay: .4s; }
@keyframes ppPhotoSettle { from { transform: scale(1.065); } to { transform: scale(1); } }

.pp-features { background: #fff; border-bottom: 1px solid #e8e8e2; }
.pp-feature-list { display: grid; grid-template-columns: repeat(4,1fr); padding-block: 22px; list-style: none; }
.pp-feature-list li { display: flex; align-items: center; gap: 14px; justify-content: center; border-left: 1px solid #e3e6e4; padding: 0 18px; font-size: 10px; font-weight: 600; line-height: 1.6; }
.pp-feature-list li:first-child { border-left: 0; padding-left: 0; }
.pp-feature-list li:last-child { padding-right: 0; }
.pp-feature-icon { display: block; flex-shrink: 0; width: 44px; height: 44px; background: url('assets/products/collection-icons.webp') no-repeat; background-size: 200% 200%; }
.pp-feature-icon.frames { background-position: 0 0; }
.pp-feature-icon.airflow { background-position: 100% 0; }
.pp-feature-icon.configuration { background-position: 0 100%; }
.pp-feature-icon.finishes { background-position: 100% 100%; }

.pp-collection { background: #f7f7f2; padding-block: clamp(65px,6.5vw,95px); scroll-margin-top: 95px; }
.pp-collection-head { display: grid; grid-template-columns: 1fr .8fr; gap: 75px; align-items: end; margin-bottom: 34px; }
.pp-collection-head .pp-title em { display: block; margin-top: 4px; font-size: 1.12em; }
.pp-collection-head > p { max-width: 410px; color: #536b78 !important; font-size: 12px; line-height: 1.9; margin-bottom: 4px; }
.pp-toolbar { display: flex; justify-content: space-between; align-items: stretch; gap: 25px; border-block: 1px solid #ccd7d9; margin-bottom: 17px; }
.pp-filters { display: flex; align-items: stretch; gap: 25px; }
.pp-filter { position: relative; display: flex; align-items: center; gap: 9px; padding: 18px 2px; background: none; font-size: 11px; color: #5c7180; font-weight: 600; }
.pp-filter small { font-size: 8px; color: #9e7c3d; font-weight: 600; }
.pp-filter::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: #b08a45; transform: scaleX(0); transition: transform .45s var(--ease-out); }
.pp-filter[aria-pressed="true"] { color: #00243b; }
.pp-filter[aria-pressed="true"]::after, .pp-filter:hover::after { transform: scaleX(1); }
.pp-search { display: flex; align-items: center; gap: 10px; width: 240px; color: #8c9ca5; }
.pp-search > svg { width: 17px; height: 17px; }
.pp-search input { width: 100%; min-width: 0; border: 0; outline-offset: 2px; border-radius: 4px; padding: 9px 3px; font-size: 11px; color: #00243b; background: transparent; }
.pp-search input::placeholder { color: #7e909a; opacity: 1; }
.pp-results { font-size: 9px; letter-spacing: .04em; color: #7b8a92 !important; margin-bottom: 24px; min-height: 14px; }
.pp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; align-items: stretch; }
.pp-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; background: #fff; border: 1px solid #dfe5e5; border-radius: 11px; box-shadow: 0 12px 24px -25px #00243b88; transition: border-color .5s,box-shadow .6s,transform .6s var(--ease-out); }
.pp-card[hidden], .pp-empty[hidden] { display: none !important; }
.pp-card:hover { border-color: #c4aa73; box-shadow: 0 24px 36px -28px #00243b66; transform: translateY(-3px); }
.pp-card-media { position: relative; display: block; flex-shrink: 0; aspect-ratio: 1.58; overflow: hidden; background: #d5d8ce; }
.pp-card-media > img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s var(--ease-out); }
.pp-card:hover .pp-card-media > img { transform: scale(1.045); }
.pp-card-index { position: absolute; top: 17px; left: 17px; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #f8f6efeb; border: 1px solid #c7a76560; color: #8f7039; font-family: var(--font-accent); font-size: 16px; font-style: italic; }
.pp-card-category { position: absolute; bottom: 15px; left: 18px; font-size: 7px; letter-spacing: .14em; text-transform: uppercase; padding: 6px 10px; background: #00243be8; color: #f5deb0; border-radius: 3px; }
.pp-card-body { flex: 1; padding: 24px 26px 21px; display: flex; flex-direction: column; }
.pp-card h3 { font-family: var(--font-display); font-weight: 400; font-size: 29px; letter-spacing: -.02em; margin-bottom: 13px; }
.pp-card-description { color: #607581 !important; font-size: 11px; line-height: 1.9; margin-bottom: 18px; }
.pp-card-tags { display: flex; flex-wrap: wrap; gap: 7px; list-style: none; margin-bottom: 22px; }
.pp-card-tags li { padding: 5px 8px; border: 1px solid #dee5e5; border-radius: 4px; font-size: 7px; color: #657b88; background: #fafbfa; }
.pp-card-actions { display: flex; align-items: center; justify-content: space-between; gap: 15px; border-top: 1px solid #e4e9e8; padding-top: 16px; margin-top: auto; }
.pp-details { display: inline-flex; align-items: center; gap: 10px; background: none; padding: 6px 0; font-size: 10px; font-weight: 600; color: #24485d; }
.pp-details svg { width: 14px; height: 14px; color: #ad833b; transition: transform .4s; }
.pp-details:hover svg { transform: translateX(4px); }
.pp-quote { padding: 9px 14px; border-radius: 999px; font-size: 9px; font-weight: 600; color: #fff; background: #062d44; border: 1px solid #c99a4545; transition: background .4s,box-shadow .4s; }
.pp-quote:hover { background: #14465f; box-shadow: 0 4px 12px #00243b20; }
.pp-card.is-wide { grid-column: 1 / -1; display: grid; grid-template-columns: 1.05fr .95fr; }
.pp-card.is-wide .pp-card-media { height: 100%; min-height: 305px; aspect-ratio: auto; }
.pp-card.is-wide .pp-card-body { justify-content: center; padding: 34px; }
.pp-card.is-wide .pp-card-actions { margin-top: 0; }
.pp-empty { text-align: center; padding: 55px 20px; border: 1px dashed #c9b789; border-radius: 10px; background: #fff9; }
.pp-empty h3 { font-family: var(--font-display); font-size: 27px; font-weight: 400; margin-bottom: 12px; }
.pp-empty p { font-size: 12px; color: #617682 !important; line-height: 1.7; margin-bottom: 20px; }
.pp-empty button { border-bottom: 1px solid #b08a45; padding: 7px 0; background: none; font-size: 11px; }
@keyframes ppCardIn { from { opacity: .2; transform: translateY(12px); } to { opacity: 1; transform: none; } }

.pp-finishes { padding-block: clamp(65px,6vw,90px); background: #052b42; color: #fff; scroll-margin-top: 95px; }
.pp-finishes-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(40px,6vw,85px); align-items: center; }
.pp-finishes .eyebrow { color: #e9c47a; }
.pp-finishes .pp-title { margin-bottom: 24px; }
.pp-finishes .pp-title em { display: block; font-size: 1.12em; margin-top: 3px; background: linear-gradient(100deg,#f6d998,#e7b761,#f3cf85); -webkit-background-clip: text; background-clip: text; }
.pp-finish-copy > p:not(.eyebrow) { color: #b7cbd6; font-size: 12px; line-height: 1.95; margin-bottom: 25px; max-width: 365px; }
.pp-finish-copy .button { min-height: 45px; font-size: 11px; }
.pp-finish-palette { position: relative; padding: 29px 27px; border: 1px solid #c7a76570; border-radius: 13px; background: linear-gradient(145deg,#ffffff09,#ffffff03); }
.pp-palette-head { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding-bottom: 21px; margin-bottom: 23px; border-bottom: 1px solid #c7a76540; }
.pp-palette-head h3 { font-family: var(--font-display); font-size: 23px; font-weight: 400; letter-spacing: -.01em; }
.pp-palette-head span { color: #c4aa76; font-size: 8px; letter-spacing: .1em; }
.pp-finish-palette .swatch-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 18px 6px; margin: 0; }
.pp-finish-palette .swatch { width: auto; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: start; gap: 10px; background: none; padding: 4px; color: #d1dfe6; }
.pp-finish-palette .swatch-disc { display: block; width: 34px; height: 34px; border: 2px solid #ffffff40; border-radius: 50%; outline: 1px solid #f1cf8600; outline-offset: 3px; }
.pp-finish-palette .swatch[aria-pressed="true"] .swatch-disc { outline: 2px solid #e5c27a; }
.pp-finish-palette .swatch-label { font-size: 8px; font-weight: 500; line-height: 1.5; max-width: 70px; min-height: 24px; }
.pp-finish-palette .colour-selection { position: static; color: #e5ca93; font-size: 9px; line-height: 1.7; padding-top: 20px; border-top: 1px solid #c7a76540; margin-top: 20px; min-height: 37px; }
.pp-finish-note { color: #96afbe !important; font-size: 8px; line-height: 1.8; margin-top: 16px; }

.pp-help { padding-block: clamp(65px,6.5vw,98px); }
.pp-help-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(45px,7vw,100px); }
.pp-help .pp-title em { display: block; font-size: 1.1em; margin-top: 3px; }
.pp-help-lead { font-size: 12px; color: #607581 !important; line-height: 1.9; margin-top: 22px; max-width: 340px; }
.pp-faq { border-top: 1px solid #bc9a5860; }
.pp-faq details { border-bottom: 1px solid #dce3e3; padding: 19px 0; }
.pp-faq summary { cursor: pointer; list-style: none; position: relative; padding-right: 35px; font-size: 12px; line-height: 1.6; color: #24485d; font-weight: 600; }
.pp-faq summary::-webkit-details-marker { display: none; }
.pp-faq summary::before, .pp-faq summary::after { content: ''; position: absolute; top: 10px; right: 3px; width: 11px; height: 1px; background: #a8823d; }
.pp-faq summary::after { transform: rotate(90deg); transition: transform .35s; }
.pp-faq details[open] summary::after { transform: rotate(0); }
.pp-faq details p { font-size: 11px; line-height: 1.9; color: #607581; padding: 17px 24px 0 0; }
.products-page .ftr-cta-photo { background-image: url('assets/products/stacker-doors.webp'); }
.products-page .drawer-links a[aria-current="page"] { color: #f1cf86; }

@media (max-width: 1024px) {
  .pp-hero-grid { gap: 40px; }
  .pp-hero h1 { font-size: clamp(38px,4.7vw,50px); }
  .pp-hero-gallery { padding-left: 12px; }
  .pp-hero-main { height: 330px; }
  .pp-hero-inset { width: 125px; height: 115px; left: -5px; }
  .pp-featured-caption { right: 20px; }
  .pp-featured-caption strong { font-size: 21px; }
  .pp-feature-list li { padding-inline: 12px; gap: 9px; font-size: 9px; }
  .pp-feature-icon { width: 39px; height: 39px; }
  .pp-collection-head { gap: 40px; }
  .pp-card-body { padding: 22px; }
  .pp-finishes-grid, .pp-help-grid { gap: 40px; }
  .pp-finish-palette { padding: 25px 19px; }
}
@media (max-width: 760px) {
  .pp-hero { padding-bottom: 32px; }
  .pp-hero-grid { gap: 30px; grid-template-columns: 1fr; }
  .pp-hero-meta { margin-bottom: 24px; }
  .pp-hero h1 { font-size: clamp(40px,6.5vw,52px); }
  .pp-hero h1 em { display: inline; }
  .pp-hero-lead { max-width: 560px; }
  .pp-range-index { max-width: none; margin-top: 23px; padding-top: 16px; }
  .pp-hero-gallery { width: 100%; padding: 0 0 24px 15px; }
  .pp-hero-main { height: 250px; border-bottom-right-radius: 48px; }
  .pp-hero-inset { left: 0; bottom: 0; width: 135px; height: 115px; }
  .pp-gallery-note { right: 15px; bottom: 0; }
  .pp-feature-list { grid-template-columns: 1fr 1fr; gap: 16px 0; }
  .pp-feature-list li { justify-content: flex-start; padding-left: 25px; font-size: 10px; }
  .pp-feature-list li:nth-child(3) { border-left: 0; padding-left: 0; }
  .pp-feature-icon { width: 43px; height: 43px; }
  .pp-collection-head { grid-template-columns: 1fr; gap: 20px; }
  .pp-collection-head > p { max-width: 570px; }
  .pp-grid { gap: 17px; }
  .pp-card-body { padding: 20px 18px; }
  .pp-card h3 { font-size: 25px; }
  .pp-card-description { font-size: 10px; }
  .pp-card-actions { gap: 10px; }
  .pp-details { font-size: 9px; gap: 6px; }
  .pp-quote { font-size: 8px; padding-inline: 11px; }
  .pp-card.is-wide .pp-card-body { padding: 26px; }
  .pp-filters { gap: 19px; }
  .pp-search { width: 190px; }
  .pp-finishes-grid, .pp-help-grid { grid-template-columns: 1fr; gap: 35px; }
  .pp-finish-copy > p:not(.eyebrow) { max-width: 550px; }
  .pp-finish-copy .pp-title em { display: inline; }
  .pp-help-lead { max-width: 550px; }
  .pp-collection, .pp-finishes { scroll-margin-top: 85px; }
}
@media (max-width: 600px) {
  .pp-toolbar { flex-direction: column; gap: 0; }
  .pp-filters { gap: 26px; }
  .pp-filter { padding-block: 15px; }
  .pp-search { width: 100%; border-top: 1px solid #dce4e4; padding-block: 7px; }
  .pp-grid { grid-template-columns: 1fr; gap: 22px; }
  .pp-card.is-wide { display: block; grid-column: auto; }
  .pp-card.is-wide .pp-card-media { height: auto; min-height: 0; aspect-ratio: 1.58; }
  .pp-card.is-wide .pp-card-body { padding: 24px; }
  .pp-card-body { padding: 24px; }
  .pp-card h3 { font-size: 29px; }
  .pp-card-description { font-size: 11.5px; }
  .pp-details { font-size: 10px; }
  .pp-quote { font-size: 9px; padding: 10px 16px; }
  .pp-card-tags li { font-size: 8px; }
}
@media (max-width: 480px) {
  .pp-wrap { width: 89%; }
  .pp-hero { padding-block: 19px 27px; }
  .pp-breadcrumb { font-size: 7px; gap: 8px; }
  .pp-breadcrumb i { width: 18px; }
  .pp-edition { font-size: 6px; gap: 6px; letter-spacing: .1em; }
  .pp-hero-meta { margin-bottom: 23px; }
  .pp-hero-copy .eyebrow { font-size: 8px; margin-bottom: 14px; }
  .pp-hero h1 { font-size: clamp(34px,9.5vw,44px); line-height: 1.04; margin-bottom: 19px; }
  .pp-hero h1 em { display: block; font-size: 1.03em; line-height: 1; margin-top: 5px; }
  .pp-hero-lead { font-size: 11px; line-height: 1.85; margin-bottom: 22px; }
  .pp-hero-actions { gap: 17px; }
  .products-page .button { font-size: 10.5px; min-height: 45px; padding: 11px 19px; gap: 12px; }
  .pp-finish-link { font-size: 9px; gap: 7px; }
  .pp-range-index { gap: 23px; margin-top: 20px; padding-top: 13px; }
  .pp-range-index a { font-size: 7px; gap: 8px; }
  .pp-range-index b { font-size: 21px; }
  .pp-hero-grid { gap: 25px; }
  .pp-hero-gallery { padding: 0 0 20px 9px; }
  .pp-hero-main { height: 185px; border-bottom-right-radius: 40px; }
  .pp-hero-inset { width: 94px; height: 85px; padding: 4px; border-radius: 5px; }
  .pp-hero-inset span { font-size: 4.5px; left: 9px; bottom: 9px; padding: 4px; }
  .pp-featured-caption { bottom: 16px; right: 17px; }
  .pp-featured-caption small { font-size: 6px; margin-bottom: 5px; }
  .pp-featured-caption strong { font-size: 20px; }
  .pp-gallery-note { font-size: 5.5px; right: 9px; }
  .pp-feature-list { padding-block: 18px; gap: 13px 0; }
  .pp-feature-list li { font-size: 8.5px; gap: 9px; padding-inline: 0 0; padding-left: 14px; }
  .pp-feature-list li:first-child, .pp-feature-list li:nth-child(3) { padding-left: 0; }
  .pp-feature-icon { width: 36px; height: 36px; }
  .pp-collection { padding-block: 58px; }
  .pp-title { font-size: 36px; }
  .pp-collection-head { gap: 20px; margin-bottom: 26px; }
  .pp-collection-head > p { font-size: 12px; }
  .pp-filter { font-size: 11px; }
  .pp-search input { font-size: 11px; }
  .pp-results { font-size: 8px; margin-bottom: 21px; }
  .pp-card-body, .pp-card.is-wide .pp-card-body { padding: 23px 21px 20px; }
  .pp-card h3 { font-size: 28px; }
  .pp-card-description { font-size: 11px; }
  .pp-card-tags { gap: 6px; margin-bottom: 19px; }
  .pp-card-tags li { font-size: 7px; }
  .pp-finishes { padding-block: 58px; }
  .pp-finish-copy .pp-title em { display: block; }
  .pp-finish-palette { padding: 22px 17px; }
  .pp-palette-head { padding-bottom: 17px; margin-bottom: 20px; }
  .pp-palette-head h3 { font-size: 22px; }
  .pp-palette-head span { font-size: 7px; }
  .pp-finish-palette .swatch-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px 3px; }
  .pp-finish-palette .swatch-disc { width: 33px; height: 33px; }
  .pp-finish-palette .swatch-label { font-size: 8px; }
  .pp-finish-palette .colour-selection { font-size: 8px; }
  .pp-help { padding-block: 58px 70px; }
  .pp-help-grid { gap: 28px; }
  .pp-help-lead { font-size: 12px; }
  .pp-faq summary { font-size: 11px; }
}
@media (max-width: 359px) {
  .pp-hero-actions { gap: 12px; }
  .pp-finish-link { font-size: 8px; }
  .pp-feature-list li { font-size: 7.5px; gap: 7px; }
  .pp-feature-icon { width: 31px; height: 31px; }
  .pp-card h3 { font-size: 26px; }
  .pp-card-actions { gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .pp-hero-copy > *, .pp-hero-meta, .pp-hero-main img, .pp-card { animation: none !important; }
  .pp-card, .pp-card-media img { transition: none !important; }
}