/* Sad Baby × Care Bears — KateFearGaming portfolio, following Rubik's and Oodie's established design */
.sad-hero{background:radial-gradient(ellipse at 81% 12%,#f193e02b,transparent 44%),radial-gradient(ellipse at 12% 65%,#8653c644,transparent 49%),linear-gradient(135deg,#10091e,#261434 67%,#130c21)}
.sad-hero .rubiks-hero-copy h1{font-size:clamp(41px,5.1vw,67px)}
.sad-hero-image img{object-position:center 30%}
.sad-disclosure{margin:24px 0 0;color:#cdbadd;font-size:12px;line-height:1.65}
.sad-video-section{padding-top:64px}
.sad-video-heading{margin-bottom:22px}
.sad-video-heading h2{margin-bottom:8px}
.sad-video-heading>p:not(.eyebrow){margin:0}
.sad-showcase{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(290px,1fr);overflow:hidden;min-width:0;border:1px solid #895da5;border-radius:19px;background:#20132e;box-shadow:0 20px 48px #08020e52}
.sad-showcase-stage{position:relative;isolation:isolate;aspect-ratio:16/10;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0c0713}
.sad-showcase-stage::before{content:"";position:absolute;inset:-40px;background:linear-gradient(135deg,#704c9459,#23162b77),url('assets/video-poster.webp') center/cover no-repeat;filter:blur(26px) saturate(1.2);opacity:.87}
.sad-showcase-stage video{position:relative;z-index:1;display:block;height:100%;width:auto;max-width:100%;aspect-ratio:9/16;object-fit:contain;background:#0b0712;box-shadow:0 0 35px #09031380}
.sad-showcase-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(22px,2.8vw,36px);background:radial-gradient(ellipse at 80% 100%,#683b6b44,transparent 63%),linear-gradient(135deg,#281738,#1b1229)}
.sad-showcase-info .eyebrow{margin:0;color:#dfb4f9}
.sad-showcase-info h3{font:700 clamp(23px,2.6vw,33px)/1.17 'Playfair Display',Georgia,serif;letter-spacing:-.018em;margin:13px 0 12px;color:#fff}
.sad-showcase-info>p:not(.eyebrow){font-size:14px;line-height:1.75;color:#e5d3e9;margin:0 0 19px}
.sad-video-link{display:inline-flex;justify-content:space-between;align-items:center;gap:10px;min-height:43px;padding:11px 14px;border:1px solid #a17bb7;border-radius:9px;background:#4b2b63;color:#fff;font-size:13px;font-weight:700;text-decoration:none}
.sad-video-link:hover,.sad-video-link:focus-visible{background:#754290;border-color:#dcaef6}
.sad-showcase-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-self:stretch;width:100%;margin-top:auto;padding-top:20px}
.sad-showcase-photos img{display:block;width:100%;height:112px;object-fit:cover;object-position:center 38%;border-radius:9px;border:1px solid #845e99}
.sad-thumbnails{grid-template-columns:repeat(5,minmax(0,1fr))}
.sad-thumbnails .rubiks-thumb{height:115px}
@media(max-width:900px){.sad-showcase{grid-template-columns:1fr}.sad-showcase-stage{aspect-ratio:16/9;max-height:450px}.sad-showcase-info{padding:24px}.sad-showcase-photos img{height:130px}}
@media(max-width:700px){.sad-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}.sad-thumbnails .rubiks-thumb{height:100px}}
@media(max-width:520px){.sad-hero .rubiks-hero-copy h1{font-size:clamp(39px,10.4vw,54px)}.sad-video-section{padding-top:52px}.sad-showcase-stage{aspect-ratio:4/3;max-height:360px}.sad-showcase-info{padding:22px 18px}.sad-video-link{width:100%;justify-content:space-between}.sad-showcase-photos img{height:95px}}
@media(max-width:450px){.sad-thumbnails .rubiks-thumb{height:78px}}
