/* FATSAW Club hero: real WordPress product screenshots, 9-plugin collage. Draft-only. */
.fsw-club .club-hero-art.club-hero-collage{
 min-height:620px; height:620px; width:100%; isolation:isolate; overflow:visible;
}
.fsw-club .club-hero-collage .club-art-glow{
 inset:-12% -9%;
 background:radial-gradient(ellipse at 48% 45%,rgba(255,97,0,.16),transparent 55%),radial-gradient(ellipse at 60% 30%,rgba(52,168,220,.19),transparent 63%);
}
.fsw-club .club-hero-collage .club-collage-tile{
 position:absolute;display:flex;flex-direction:column;padding:5px;min-width:0;overflow:hidden;
 background:linear-gradient(145deg,#151d26,#070a0e);
 border:1px solid #576571;box-shadow:0 18px 35px rgba(0,0,0,.65),0 0 22px rgba(255,106,0,.035);
 text-decoration:none!important;transform:rotate(var(--tilt,0deg));
 transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.fsw-club .club-hero-collage .club-collage-tile:hover,
.fsw-club .club-hero-collage .club-collage-tile:focus-visible{
 z-index:20;transform:rotate(0) scale(1.07);border-color:#ff8e38;
 box-shadow:0 26px 60px rgba(0,0,0,.9),0 0 22px rgba(255,106,0,.23);
}
.fsw-club .club-hero-collage .club-collage-label{
 flex:none;padding:6px 7px 7px;min-height:25px;
 font:800 10px/1.1 "IBM Plex Mono",monospace;letter-spacing:.015em;
 color:#f3f6f8;background:linear-gradient(90deg,#142330,#0d1116);
 text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left;
 border-bottom:1px solid rgba(255,255,255,.09);
}
.fsw-club .club-hero-collage .club-collage-tile img{
 width:100%;height:calc(100% - 25px);min-height:0;max-width:100%;display:block;
 object-fit:contain;object-position:center;background:#070a0e;
}
.fsw-club .club-hero-collage .club-collage-tile:nth-of-type(1){left:17%;top:2%;width:42%;height:26%;--tilt:-4deg;z-index:1}
.fsw-club .club-hero-collage .club-collage-tile:nth-of-type(2){left:58%;top:2%;width:43%;height:28%;--tilt:3deg;z-index:2}
.fsw-club .club-hero-collage .club-collage-tile:nth-of-type(3){left:0;top:28%;width:49%;height:28%;--tilt:-5deg;z-index:3}
.fsw-club .club-hero-collage .club-collage-tile:nth-of-type(4){left:51%;top:29%;width:48%;height:26%;--tilt:4deg;z-index:4}
.fsw-club .club-hero-collage .club-collage-tile:nth-of-type(5){left:1%;top:56%;width:33%;height:22%;--tilt:3deg;z-index:5}
.fsw-club .club-hero-collage .club-collage-tile:nth-of-type(6){left:33%;top:55%;width:36%;height:23%;--tilt:-2deg;z-index:6}
.fsw-club .club-hero-collage .club-collage-tile:nth-of-type(7){left:67%;top:56%;width:33%;height:23%;--tilt:3deg;z-index:7}
.fsw-club .club-hero-collage .club-collage-tile:nth-of-type(8){left:10%;top:77%;width:44%;height:22%;--tilt:-3deg;z-index:8}
.fsw-club .club-hero-collage .club-collage-tile:nth-of-type(9){left:53%;top:78%;width:47%;height:22%;--tilt:2deg;z-index:9}
.fsw-club .club-hero-collage .club-art-stamp{
 z-index:12;left:0;top:6%;width:86px;height:86px;transform:rotate(-12deg);
 background:#0b0d12;pointer-events:none;
}
.fsw-club .club-hero-collage .club-art-stamp strong{font-size:32px}
.fsw-club .club-hero-collage .club-art-stamp span{font-size:12px}
@media(max-width:1170px) and (min-width:821px){
 .fsw-club .club-hero-art.club-hero-collage{min-height:510px;height:510px}
 .fsw-club .club-hero-collage .club-collage-label{font-size:8px}
}
@media(max-width:820px){
 .fsw-club .club-hero-art.club-hero-collage{min-height:570px;height:570px;max-width:720px}
 .fsw-club .club-hero-collage .club-collage-label{font-size:9px}
}
@media(max-width:580px){
 .fsw-club .club-hero-art.club-hero-collage{
   display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
   min-height:0;height:auto;margin-top:10px;padding-top:0;padding-bottom:7px;
 }
 .fsw-club .club-hero-collage .club-collage-tile:nth-of-type(n){
   position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:1.45;
   z-index:auto;transform:none;--tilt:0deg;box-shadow:0 8px 22px rgba(0,0,0,.45)
 }
 .fsw-club .club-hero-collage .club-collage-tile:nth-of-type(9){grid-column:1 / -1;aspect-ratio:2.35}
 .fsw-club .club-hero-collage .club-collage-label{font-size:9px;padding:5px 6px}
 .fsw-club .club-hero-collage .club-collage-tile img{height:calc(100% - 23px)}
 .fsw-club .club-hero-collage .club-art-stamp{display:none}
 .fsw-club .club-hero-collage .club-collage-tile:hover{transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){.fsw-club .club-hero-collage .club-collage-tile{transition:none}}