/* Kaden's Build 2.4.6 — clean homepage cinematic layout.
   Replaces accumulated experimental overrides. Loaded after kaden-home.css. */
body:has(.kaden-home) .kaden-main {
    width:min(1150px,calc(100% - 2rem));
    margin:0 auto 2rem;
    padding:0;
}
.kaden-home {
    display:grid;
    gap:clamp(2.5rem,5vw,4.5rem);
    width:100%;
    min-width:0;
    padding-bottom:2rem;
}
.kaden-home-hero {
    position:relative;
    isolation:isolate;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    grid-template-columns:none;
    width:100%;
    max-width:none;
    min-height:clamp(570px,53vw,730px);
    margin:0;
    padding:55px 0;
    overflow:visible;
    background:transparent;
}
.kaden-home-hero::before {
    content:"";
    position:absolute;
    z-index:-2;
    top:0;
    bottom:0;
    left:50%;
    width:100vw;
    transform:translateX(-50%);
    background:#0b1020 url('../images/kaden-home-cinematic.webp') center center / cover no-repeat;
}
.kaden-home-hero::after {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    bottom:0;
    left:50%;
    width:100vw;
    transform:translateX(-50%);
    pointer-events:none;
    background:
      linear-gradient(180deg,#0b1020 0%,transparent 13%,transparent 74%,#0b1020 100%),
      linear-gradient(90deg,#0b1020 0%,rgba(11,16,32,.97) 21%,rgba(11,16,32,.85) 34%,rgba(11,16,32,.40) 52%,transparent 77%);
}
.kaden-home-hero .kaden-home-copy {
    position:relative;
    box-sizing:border-box;
    width:min(100%,550px);
    min-width:0;
    max-width:550px;
    flex:none;
    margin:0;
    padding:24px 26px;
    text-align:left;
    border:1px solid rgba(157,166,221,.18);
    border-radius:20px;
    background:linear-gradient(110deg,rgba(13,20,38,.78),rgba(13,20,38,.30));
}
.kaden-home-hero .kaden-home-copy h1 {
    font-size:clamp(2.6rem,4.7vw,4.3rem);
    overflow-wrap:normal;
}
.kaden-home-hero .kaden-home-copy > p:not(.kaden-home-small) {color:#d0dcf1;}
.kaden-home-hero .kaden-home-small {margin-top:15px;line-height:1.65;color:#c4d0e7;}
.kaden-home-hero .kaden-home-metrics {
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:18px;
    padding:16px;
    border:1px solid #3b4869;
    border-radius:14px;
    background:rgba(20,30,52,.90);
}
.kaden-home-hero .kaden-home-metrics > div {flex:1 1 95px;min-width:0;}
.kaden-home-hero .kaden-home-metrics span {color:#b7c7df;}
.kaden-home-section,.kaden-home-cta {min-width:0;width:100%;}
.kaden-home-games {grid-template-columns:repeat(2,minmax(0,1fr));}
.kaden-home-game {min-height:190px;padding:1.6rem;}
.kaden-home-game strong {font-size:clamp(1.05rem,1.5vw,1.35rem);}
.kaden-home-game-mark {font-size:2.5rem;}
@media(max-width:900px) {
    .kaden-home-hero {min-height:600px;padding:38px 0;}
    .kaden-home-hero::after {
        background:
          linear-gradient(180deg,#0b1020 0%,transparent 14%,transparent 70%,#0b1020 100%),
          linear-gradient(90deg,rgba(11,16,32,.95) 0%,rgba(11,16,32,.74) 55%,rgba(11,16,32,.20) 100%);
    }
    .kaden-home-hero .kaden-home-copy {width:min(100%,540px);}
}
@media(max-width:600px) {
    body:has(.kaden-home) .kaden-main {width:calc(100% - 24px);}
    .kaden-home-hero {
        display:block;
        width:100%;
        min-height:0;
        margin-left:0;
        padding:clamp(220px,61vw,320px) 0 38px;
    }
    .kaden-home-hero::before {
        background-size:100% auto;
        background-position:center top;
    }
    .kaden-home-hero::after {
        background:linear-gradient(180deg,
          rgba(11,16,32,.03) 0%,rgba(11,16,32,.10) 12%,
          rgba(11,16,32,.60) 24%,#0b1020 37%,#0b1020 100%);
    }
    .kaden-home-hero .kaden-home-copy {
        width:100%;
        max-width:none;
        padding:0;
        border:0;
        border-radius:0;
        background:transparent;
    }
    .kaden-home-hero .kaden-home-copy h1 {font-size:clamp(2.35rem,10vw,3.4rem);}
    .kaden-home-hero .kaden-home-metrics {padding:15px 13px;gap:10px;}
    .kaden-home-hero .kaden-home-metrics > div {flex-basis:75px;}
    .kaden-home-games {grid-template-columns:1fr;}
    .kaden-home-game {min-height:130px;padding:1.3rem;}
}