/* Shared full-bleed posters for article and Reel pages. */
#articles-page-grid,#older-articles{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;align-items:start;grid-auto-rows:auto}
#articles-page-grid > .article-card,#older-articles > .article-card{display:flex;flex-direction:column;grid-column:auto;height:auto;gap:0;padding:0;border:0;background:transparent;box-shadow:none;border-radius:10px}
#articles-page-grid .article-image,#older-articles .article-image{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:center;border-radius:10px}
#articles-page-grid :is(.pitty-editorial-cover,.taylor-editorial-cover),#older-articles :is(.pitty-editorial-cover,.taylor-editorial-cover){aspect-ratio:2/3;border-radius:10px}
#articles-page-grid :is(.pitty-editorial-cover,.taylor-editorial-cover) > .article-image,#older-articles :is(.pitty-editorial-cover,.taylor-editorial-cover) > .article-image{height:100%;aspect-ratio:2/3;object-fit:cover}
#articles-page-grid .article-body,#older-articles .article-body{padding:12px 0;gap:0}
#articles-page-grid .article-title,#older-articles .article-title{font-size:15px;line-height:1.35;min-height:0;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#articles-page-grid :is(.article-byline,.article-lead),#older-articles :is(.article-byline,.article-lead){display:none}
#articles-page-grid .article-kicker,#older-articles .article-kicker{font-size:10px;margin-bottom:7px}
#articles-page-grid .article-read,#older-articles .article-read{font-size:13px;min-height:30px;padding-top:8px}
#videos .reels-home-grid,#videos .reels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;align-items:start}
#videos .reels-columns{grid-template-columns:1fr;gap:28px}
#videos .reel{display:flex;flex-direction:column;background:transparent;border:0;box-shadow:none;border-radius:10px}
#videos .reel .cover{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:2/3;border-radius:10px;overflow:hidden}
#videos .reel .cover img,#videos .reel .cover video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#videos .reel-copy{padding:12px 0;background:transparent}
#videos .reel-title{font-size:15px;line-height:1.35;margin:0}
#videos .reel-kicker{font-size:10px;margin-bottom:7px}
.home-halloween{margin:30px 0;border-top:1px solid #705099;padding-top:26px}
.home-halloween .halloween-entry{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:18px;margin:0;padding:18px}
.home-halloween .halloween-highlight-image{width:145px;height:145px;object-fit:cover;margin:0}
.home-halloween .halloween-entry h3{font-size:24px;margin:6px 0}
.home-halloween .halloween-entry p{margin:6px 0;line-height:1.5}
#parceiros .seasonal-highlights{margin:16px 0 24px;grid-template-columns:1fr}
@media(max-width:760px){
 #articles-page-grid,#older-articles,#videos .reels{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 #videos .reels-home-grid{grid-auto-flow:column;grid-auto-columns:43%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:16px}
 #videos .reels-home-grid > .discovery-card{scroll-snap-align:start}
 #articles-page-grid .article-title,#older-articles .article-title,#videos .reel-title{font-size:14px}
 .home-halloween .halloween-entry{grid-template-columns:100px minmax(0,1fr);padding:14px;gap:14px}
 .home-halloween .halloween-highlight-image{width:100px;height:140px}
 .home-halloween .halloween-entry h3{font-size:21px}
}

#articles-page-grid > #pitty-article,#older-articles > #pitty-article{display:flex;flex-direction:column;grid-column:auto;padding:0;gap:0;align-items:stretch}
#articles-page-grid > #pitty-article .article-body,#older-articles > #pitty-article .article-body{padding:12px 0}
#articles-page-grid > #pitty-article .article-title,#older-articles > #pitty-article .article-title{font-size:15px;line-height:1.35;margin:0 0 10px;min-height:0}
#articles-page-grid > #pitty-article .pitty-editorial-cover,#older-articles > #pitty-article .pitty-editorial-cover{aspect-ratio:2/3;width:100%;line-height:0}
#articles-page-grid > #pitty-article .pitty-editorial-cover > .article-image,#older-articles > #pitty-article .pitty-editorial-cover > .article-image{height:100%;aspect-ratio:2/3;object-fit:cover}

/* Compact WhatsApp invitation, with the same accessible touch target. */
.achados-whatsapp{display:flex;width:fit-content;max-width:100%;min-height:44px;gap:7px;margin:14px auto 26px;padding:7px 12px;border:1px solid #49365f;border-radius:999px;background:#171120;color:#d5ccdf;font-size:13px;font-weight:600;line-height:1.3;box-shadow:none;text-decoration:none}
.achados-whatsapp svg{width:18px;height:18px;flex:0 0 18px}
.achados-whatsapp:hover{border-color:#806195;color:#fff;background:#22162e}
.achados-whatsapp:focus-visible{outline:2px solid var(--pink,#f40b88);outline-offset:3px}

/* Homepage-only magazine collages preserve the original photographic pixels. */
.discovery-popular-poster.home-collage{isolation:isolate;position:relative;overflow:hidden;background:repeating-linear-gradient(7deg,#421a68 0px,#421a68 2px,#4b2074 3px,#4b2074 5px);border-color:#73518b}
.home-collage-paper{position:absolute;display:block;pointer-events:none;z-index:0}
.home-collage-paper--purple{inset:0;background:radial-gradient(ellipse at 20% 80%,#1a092a88,transparent 60%),radial-gradient(#ffffff1c .6px,transparent 1px);background-size:auto,5px 5px}
.home-collage-paper--yellow{width:135%;height:22%;top:8%;left:-18%;background:#ffda27;transform:rotate(-9deg);clip-path:polygon(0 8%,7% 2%,16% 6%,26% 0,34% 4%,43% 2%,55% 8%,66% 1%,78% 5%,88% 2%,100% 7%,100% 92%,91% 100%,79% 94%,67% 100%,58% 95%,46% 99%,35% 94%,22% 100%,10% 95%,0 100%)}
.home-collage-paper--pink{width:130%;height:23%;bottom:6%;left:-13%;transform:rotate(8deg);background:#f40b88;clip-path:polygon(0 9%,11% 0,22% 9%,32% 4%,45% 8%,55% 1%,68% 6%,79% 0,90% 8%,100% 1%,100% 91%,88% 98%,76% 93%,66% 100%,55% 96%,42% 100%,30% 93%,17% 98%,0 90%)}
.home-collage-photo{position:absolute;inset:16% 5% 14%;z-index:1;background:#f2ebde;padding:4px;transform:rotate(-3deg);clip-path:polygon(0 2%,11% 0,22% 2%,35% 0,46% 2%,57% 0,68% 2%,81% 0,93% 2%,100% 0,98% 19%,100% 34%,98% 49%,100% 63%,98% 82%,100% 98%,88% 100%,75% 98%,62% 100%,49% 98%,36% 100%,22% 98%,9% 100%,0 98%,2% 84%,0 69%,2% 52%,0 35%,2% 19%)}
.discovery-popular-poster .home-collage-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.home-collage--group .home-collage-photo{inset:21% -4% 20%;transform:rotate(-5deg)}
.home-collage--group .home-collage-photo img{object-fit:contain;background:#0d0911}
.home-collage--pitty .home-collage-photo img{object-position:51% center}
.home-collage--source-art .home-collage-photo{inset:8% 4% 13%;overflow:hidden}
.home-collage--source-art .home-collage-photo img{height:126%;object-fit:cover;object-position:top;max-height:none}
.home-collage--radio .home-collage-photo{inset:19% 3% 15%;overflow:hidden}
.home-collage--radio .home-collage-photo img{height:175%;object-fit:cover;position:relative;top:-64%;max-height:none}
.home-collage--discs .home-collage-photo{inset:auto;overflow:hidden;border-radius:0;padding:4px}
.home-collage--discs .home-collage-vinyl{width:91%;height:54%;left:-8%;top:7%;transform:rotate(-13deg)}
.home-collage--discs .home-collage-cd{width:90%;height:54%;right:-7%;bottom:7%;transform:rotate(11deg)}
.home-collage--discs .home-collage-photo img{height:125%;object-fit:cover;object-position:top;max-height:none}

/* Instagram counts are exclusive to the homepage Reel ranking. */
.discovery-popular-instagram-views{display:block;margin:4px 0 0;padding-left:clamp(28px,3vw,44px);color:#c6bccf;font-size:12px;line-height:1.45;font-weight:400;}

/* Match article montages to the Reel poster framing, without letterboxing. */
.home-collage--article .home-collage-photo{inset:8% 4% 13%;overflow:hidden;transform:rotate(-3deg)}
.home-collage--article .home-collage-photo img{height:100%;object-fit:cover;object-position:center;max-height:none;background:transparent}

/* Dedicated article page: two columns and original image proportions. */
#articles-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#articles-page-grid .article-image,
#articles-page-grid :is(.pitty-editorial-cover,.taylor-editorial-cover) > .article-image,
#articles-page-grid > #pitty-article .pitty-editorial-cover > .article-image{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;min-height:0;max-height:none}
#articles-page-grid :is(.pitty-editorial-cover,.taylor-editorial-cover),
#articles-page-grid > #pitty-article .pitty-editorial-cover{aspect-ratio:auto;height:auto}
/* Homepage section covers are already composed as complete posters. */
.home-collage--page-cover .home-collage-photo{inset:0;padding:0;transform:none;clip-path:none}
.home-collage--page-cover .home-collage-photo img{height:100%;object-fit:cover}
/* Lula section cover: keep the original photo intact and typeset the headline as paper cutouts. */
.home-collage--lula .home-collage-photo{background:#090a11}
.home-collage--lula .home-collage-photo img{object-position:53% center}
.home-collage--lula .home-collage-photo::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent 8%,#090a11b8 78%,#090a11eb);pointer-events:none}
.home-collage--lula .home-collage-paper--yellow{z-index:2;width:34%;height:5%;top:4%;left:-5%;transform:rotate(-17deg)}
.home-collage--lula .home-collage-paper--pink{z-index:2;width:62%;height:3%;bottom:5%;left:45%;transform:rotate(-7deg)}
.home-collage-lula-headline{position:absolute;z-index:3;left:4%;right:4%;bottom:12%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-family:Impact,'Arial Black',sans-serif;font-stretch:condensed;font-weight:900;line-height:.96;letter-spacing:-.035em;text-transform:uppercase;filter:drop-shadow(2px 3px 0 #090a11)}
.home-collage-lula-headline span,.home-collage-lula-headline strong{display:block;padding:5px 8px 6px;max-width:100%;white-space:nowrap;clip-path:polygon(0 4%,9% 0,21% 3%,36% 0,51% 3%,69% 0,82% 4%,100% 0,99% 94%,87% 100%,71% 96%,50% 100%,28% 96%,12% 100%,0 97%)}
.home-collage-lula-headline span{background:#f6f0dd;color:#090a11;font-size:clamp(18px,3.1vw,35px);transform:rotate(-2deg)}
.home-collage-lula-headline strong{background:#ffd32a;color:#090a11;font-size:clamp(27px,4.4vw,48px);transform:rotate(1deg)}
/* Preserve the Reel's correct artwork while leaving its bottom logo outside the crop. */
.home-collage--madonna-reel .home-collage-photo{inset:6% 4% 8%;overflow:hidden}
.home-collage--madonna-reel .home-collage-photo img{height:116%;object-fit:cover;object-position:top;max-height:none}

/* Equal image areas and shared text baselines on the dedicated article grid. */
#articles-page-grid{align-items:stretch;row-gap:28px}
#articles-page-grid > .article-card,#articles-page-grid > #pitty-article{margin:0;align-self:stretch;align-items:stretch;height:100%;transform:none}
#articles-page-grid .article-image{aspect-ratio:3/2;object-fit:contain;object-position:center;background:#0c0a10;flex:none}
#articles-page-grid :is(.pitty-editorial-cover,.taylor-editorial-cover),#articles-page-grid > #pitty-article .pitty-editorial-cover{aspect-ratio:3/2;width:100%;height:auto;align-self:stretch;flex:none}
#articles-page-grid :is(.pitty-editorial-cover,.taylor-editorial-cover) > .article-image,#articles-page-grid > #pitty-article .pitty-editorial-cover > .article-image{height:100%;aspect-ratio:3/2;object-fit:contain}
#articles-page-grid .article-body,#articles-page-grid > #pitty-article .article-body{display:flex;flex:1;flex-direction:column;padding:12px 0 0;gap:0}
#articles-page-grid .article-kicker{line-height:1.4;min-height:2.8em;margin:0 0 7px}
#articles-page-grid .article-title,#articles-page-grid > #pitty-article .article-title{font-size:15px;line-height:1.35;min-height:4.05em;margin:0 0 10px}
#articles-page-grid .article-read,#articles-page-grid > #pitty-article .article-read{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;min-height:44px;margin-top:auto;padding:10px 0;border:0;border-top:1px solid rgba(255,255,255,.18);border-radius:0;background:transparent;box-shadow:none;transform:none}
@media(max-width:640px){#articles-page-grid{gap:24px 14px}#articles-page-grid .article-title,#articles-page-grid > #pitty-article .article-title{font-size:14px}}

#articles-page-grid > #pitty-article .article-kicker{margin:0 0 7px}

/* Equal magazine-cutout thumbnails, with complete original photos and no seals. */
#articles-page-grid .article-thumbnail{position:relative;isolation:isolate;width:100%;aspect-ratio:3/2;flex:none;overflow:hidden;background:#38154e;border-radius:0;clip-path:polygon(0 2%,8% 0,18% 1%,29% 0,40% 1%,52% 0,63% 1%,76% 0,88% 1%,100% 0,99% 15%,100% 29%,99% 44%,100% 60%,99% 75%,100% 98%,89% 100%,77% 99%,65% 100%,51% 99%,39% 100%,27% 99%,15% 100%,0 98%,1% 82%,0 65%,1% 48%,0 30%,1% 15%)}
#articles-page-grid .article-thumbnail::before,#articles-page-grid .article-thumbnail::after{content:"";position:absolute;z-index:-1;left:-5%;width:110%;height:19%;pointer-events:none}
#articles-page-grid .article-thumbnail::before{top:3%;background:#ffda27;transform:rotate(-4deg)}
#articles-page-grid .article-thumbnail::after{bottom:3%;background:#f40b88;transform:rotate(4deg)}
#articles-page-grid .article-thumbnail > .article-image,
#articles-page-grid .article-thumbnail > :is(.pitty-editorial-cover,.taylor-editorial-cover),
#articles-page-grid > #pitty-article .article-thumbnail > .pitty-editorial-cover{position:absolute;inset:9% 5%;width:90%;height:82%;min-height:0;aspect-ratio:auto;margin:0;transform:none;border-radius:0;background:#0c0a10}
#articles-page-grid .article-thumbnail .article-image,
#articles-page-grid > #pitty-article .article-thumbnail .article-image{display:block;object-fit:contain;object-position:center;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;border-radius:0;transform:none;background:#0c0a10}
#articles-page-grid .article-thumbnail > .article-image{width:90%;height:82%}
#articles-page-grid :is(.pitty-lptv-seal,.taylor-lptv-seal){display:none}

/* Remove only Pitty's embedded white border inside the listing thumbnail. */
#articles-page-grid > #pitty-article .article-thumbnail > .pitty-editorial-cover{display:flex;align-items:center;justify-content:center}
#articles-page-grid > #pitty-article .article-thumbnail .article-image{height:auto;aspect-ratio:1024/538;clip-path:inset(1.15% 1.15%);width:100%;object-fit:contain}
/* Enlarge these photos inside the same outer cutout. Creed keeps all four members. */
#articles-page-grid > :is(#creed-higher,#vinil-volta) .article-thumbnail > .article-image{inset:6% 3%;width:94%;height:88%}
#articles-page-grid > #vinil-volta .article-thumbnail > .article-image{object-fit:cover;object-position:center}
#articles-page-grid > #creed-higher .article-thumbnail > .article-image{object-fit:contain;background-image:url('creed-press.webp');background-size:cover;background-position:center;background-repeat:no-repeat}

#articles-page-grid > #creed-higher .article-thumbnail-backdrop{position:absolute;inset:6% 3%;width:94%;height:88%;background:url('creed-press.webp') center/cover no-repeat;filter:blur(7px);clip-path:inset(0);z-index:0}
#articles-page-grid > #creed-higher .article-thumbnail > .article-image{background:transparent;z-index:1}

/* Show the full editorial cover, including its title and paper edges. */
.discovery-popular-poster.home-collage--editorial{aspect-ratio:9/16}
.home-collage--editorial .home-collage-photo img{object-fit:contain;object-position:center}
/* Keep every Top 5 page cover in the same frame, regardless of source ratio. */
.discovery-popular-poster.home-collage--page-cover{aspect-ratio:9/16}
.home-collage--page-cover .home-collage-photo img{object-fit:cover;object-position:center}