/* Project card thumbnails — moved from index.html unchanged except the hover selector.
   Each thumb fills its .card-media box, so resizing the card resizes the art. */
.thumb-ipsy-ai{position:absolute;inset:0;background:linear-gradient(150deg,#fff2f8 0%,#f5e8ff 45%,#ffe0f5 100%);}
.thumb-ipsy-ai .band{position:absolute;left:15%;top:29%;width:240%;height:68px;background:#fff;transform:translate(-50%,-50%) rotate(-20deg);overflow:hidden;display:flex;align-items:center;}
.thumb-ipsy-ai .band-track{display:flex;align-items:center;gap:48px;padding:0 24px;width:max-content;animation:band-scroll 14s linear infinite;animation-play-state:paused;}
.card-media:hover .band-track,.card-media.is-hover .band-track{animation-play-state:running;}
@keyframes band-scroll{from{transform:translateX(0);}to{transform:translateX(-12.5%);}}
.thumb-ipsy-ai .logo{height:40px;width:auto;object-fit:contain;flex-shrink:0;}
.thumb-ipsy-ai .logo-figma{height:60px;}
.thumb-ipsy-ai .ipsy-wordmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:auto;mix-blend-mode:multiply;pointer-events:none;}
.thumb-ifit{position:absolute;inset:0;background:linear-gradient(150deg,#C8EAE3 0%,#D2E6F8 100%);}
.thumb-ifit-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;}
.thumb-ifit-anim{position:absolute;left:8.083%;top:22.333%;width:35.917%;height:56.136%;overflow:hidden;border-radius:8.6%;pointer-events:none;}
/* CHOMPSHOP */
.thumb-cs{position:absolute;inset:0;background:linear-gradient(150deg,#FFF0E4 0%,#FFE4D0 100%);}
.thumb-cs-bg,.thumb-cs-hov{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;transition:opacity .35s ease;}
.thumb-cs-hov{opacity:0;}
.card-media:hover .thumb-cs-hov,.card-media.is-hover .thumb-cs-hov{opacity:1;}
/* IPSY SUBS */
.thumb-ipsy-subs{position:absolute;inset:0;background:linear-gradient(150deg,#FFF2F8 0%,#FFE4F2 100%);}
.thumb-is-bg,.thumb-is-hov{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;transition:opacity .35s ease;}
.thumb-is-hov{opacity:0;}
.card-media:hover .thumb-is-hov,.card-media.is-hover .thumb-is-hov{opacity:1;}
/* WOOSH BEAUTY */
.thumb-woosh{position:absolute;inset:0;background:linear-gradient(150deg,#EFE6D8 0%,#D4C4AC 100%);}   /* Woosh's site gold */
.thumb-wb-bg,.thumb-wb-hov{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;transition:opacity .35s ease;}
.thumb-wb-hov{opacity:0;}
.card-media:hover .thumb-wb-hov,.card-media.is-hover .thumb-wb-hov{opacity:1;}
.thumb-anki{position:absolute;inset:0;overflow:hidden;background:linear-gradient(150deg,#EBF7F0 0%,#E4F0FF 100%);}
.anki-stage{position:absolute;width:100%;aspect-ratio:4/3;top:50%;transform:translateY(-50%);}
.thumb-anki-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;}
.thumb-anki-screen{position:absolute;left:16.99%;top:28.26%;width:65.63%;height:55.04%;overflow:hidden;pointer-events:none;}
/* EARLY PROJECTS — piece transform animation */
.thumb-fl{position:absolute;inset:0;container-type:size;}
.fl-bg{position:absolute;inset:0;background:linear-gradient(150deg,#E8F0FA 0%,#EEF5FF 100%);}
.fl-s{position:absolute;left:0;top:0;display:block;object-fit:fill;transform-origin:0 0;transition:transform .55s cubic-bezier(.25,.46,.45,.94);}
.fl-s1{width:27.19cqw;height:122.36cqh;border-radius:2.12cqw;z-index:2;transform:translate(14.72cqw,-30.17cqh) rotate(20deg);}
.fl-s0{width:26.41cqw;height:120.11cqh;border-radius:1.77cqw;z-index:1;transform:translate(22.42cqw,55.71cqh) rotate(20deg);}
.fl-s3{width:26.51cqw;height:73.76cqh; border-radius:1.84cqw;z-index:4;transform:translate(42.73cqw,-15.60cqh) rotate(20deg);}
.fl-s2{width:26.17cqw;height:89.38cqh; border-radius:2.45cqw;z-index:3;transform:translate(78.35cqw,-34.11cqh) rotate(20deg);}
.fl-s5{width:25.38cqw;height:68.87cqh; border-radius:2.43cqw;z-index:6;transform:translate(54.77cqw,52.55cqh)  rotate(20deg);}
.fl-s4{width:23.74cqw;height:65.80cqh; border-radius:1.64cqw;z-index:5;transform:translate(103.03cqw,-10.87cqh) rotate(20deg);}
.fl-s6{width:21.46cqw;height:60.32cqh; border-radius:2.25cqw;z-index:7;transform:translate(85.37cqw,52.95cqh)  rotate(20deg);}
/* s1 → DOWN */
.card-media:hover .fl-s1,.card-media.is-hover .fl-s1{transform:translate(12.44cqw,-21.81cqh) rotate(20deg);}
/* Pair 1 (s0+s3) → UP */
.card-media:hover .fl-s0,.card-media.is-hover .fl-s0{transform:translate(24.70cqw,47.35cqh)  rotate(20deg);}
.card-media:hover .fl-s3,.card-media.is-hover .fl-s3{transform:translate(45.01cqw,-23.96cqh) rotate(20deg);}
/* Pair 2 (s2+s5) → DOWN */
.card-media:hover .fl-s2,.card-media.is-hover .fl-s2{transform:translate(76.07cqw,-25.75cqh) rotate(20deg);}
.card-media:hover .fl-s5,.card-media.is-hover .fl-s5{transform:translate(52.49cqw,60.91cqh)  rotate(20deg);}
/* Pair 3 (s4+s6) → UP */
.card-media:hover .fl-s4,.card-media.is-hover .fl-s4{transform:translate(105.31cqw,-19.23cqh) rotate(20deg);}
.card-media:hover .fl-s6,.card-media.is-hover .fl-s6{transform:translate(87.65cqw,44.59cqh)  rotate(20deg);}

/* no-logo art: the viewBox moves up 71.5 units so the laptop sits centered; the screen video follows (254.32 − 71.5) / 900 */
.thumb-anki-bg[src*="NOLOGO"] ~ .thumb-anki-screen{top:20.313%;}