/* ===== Multi-page layout additions (same look, new structure) ===== */

/* sticky header = existing marquee + new page nav */
.site-head{position:sticky;top:0;z-index:90;background:#0d0818;box-shadow:0 10px 30px -18px rgba(147,51,234,.6);}
.site-head .marquee{position:static;}
.site-nav{border-bottom:1px solid var(--card-border-soft);background:rgba(10,7,20,.94);backdrop-filter:blur(8px);}
.site-nav-inner{max-width:1240px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:14px;}
.site-logo{flex-shrink:0;font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:22px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding:12px 4px 10px;white-space:nowrap;}
.site-logo span{color:var(--purple);text-shadow:0 0 18px rgba(147,51,234,.7);}
.site-links{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-left:auto;}
.site-links::-webkit-scrollbar{display:none;}
.site-links a{position:relative;flex-shrink:0;font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:17px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);text-decoration:none;padding:14px 8px 11px;white-space:nowrap;transition:color .2s ease,text-shadow .2s ease;}
.site-links a:hover{color:var(--ink);text-shadow:0 0 14px rgba(147,51,234,.9);}
.site-links a.active{color:var(--ink);}
.site-links a.active::after{content:"";position:absolute;left:7px;right:7px;bottom:4px;height:3px;border-radius:3px;background:var(--purple);box-shadow:0 0 12px 2px rgba(147,51,234,.8);}
.site-links a.nav-p01{color:#ff2e4d;text-shadow:0 0 10px rgba(255,46,77,.6);}
@keyframes navArcGlow{0%,100%{text-shadow:0 0 8px rgba(255,46,77,.9),0 0 18px rgba(220,20,60,.7);}50%{text-shadow:0 0 14px rgba(255,46,77,1),0 0 30px rgba(220,20,60,.95);}}
.site-links a.nav-hot{color:#ffffff;animation:navArcGlow 2.2s ease-in-out infinite;}
@media (prefers-reduced-motion: reduce){.site-links a.nav-hot{animation:none;text-shadow:0 0 10px rgba(255,46,77,.9),0 0 22px rgba(220,20,60,.7);}}
@media (max-width:1020px){
  .site-nav-inner{flex-direction:column;align-items:stretch;gap:0;padding:0;}
  .site-logo{display:none;}
  .site-links{margin-left:0;padding:0 8px;}
  .site-links a{font-size:17px;padding:12px 10px 9px;}
}
[id]{scroll-margin-top:120px;}

/* inner page header — same hero photo + type, shorter */
.hero.page-hero{min-height:38vh;}
.page-hero .hero-inner{padding-bottom:34px;}
.page-hero h1.hero-name{font-size:clamp(58px,10vw,128px);margin-bottom:6px;}
.page-hero .hero-role{margin-bottom:0;}
.page-hero .hero-bg{object-position:42% 22%;}
.crumbs{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px;}
.crumbs a{color:var(--purple);text-decoration:none;}

/* home: explore tiles */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px;}
.tile{position:relative;display:flex;flex-direction:column;gap:6px;min-height:168px;padding:22px 20px 20px;border-radius:18px;text-decoration:none;
  background:linear-gradient(140deg,rgba(147,51,234,0.12),rgba(147,51,234,0.02));border:1px solid var(--card-border-soft);
  box-shadow:0 0 16px -10px rgba(126,34,206,0.65);transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease;}
.tile:hover{border-color:var(--purple-dim);box-shadow:0 0 30px -4px rgba(126,34,206,0.95);transform:translateY(-2px);}
.tile-k{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--purple);}
.tile-t{font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:28px;line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--ink);}
.tile-d{font-size:14px;line-height:1.55;color:var(--ink-dim);}
.tile-go{margin-top:auto;padding-top:8px;font-weight:700;font-size:13px;color:var(--purple);animation:playGlow 2.4s ease-in-out infinite;}
.tile--red{border-color:rgba(255,46,77,.45);background:linear-gradient(140deg,rgba(220,20,60,.16),rgba(220,20,60,.02));}
.tile--red .tile-k,.tile--red .tile-go{color:#ff5a6e;}
.tile--fire{border-color:rgba(255,140,0,.5);background:linear-gradient(140deg,rgba(255,106,0,.14),rgba(147,51,234,.06));}
.tile--fire .tile-k,.tile--fire .tile-go{color:#ffb000;}
.tile--green{border-color:rgba(150,239,86,.4);background:linear-gradient(140deg,rgba(150,239,86,.1),rgba(150,239,86,.01));}
.tile--green .tile-k,.tile--green .tile-go{color:#96ef56;}

.more-link{display:flex;justify-content:center;margin-top:18px;}

/* bigger footer */
.site-foot{border-top:1px solid var(--card-border-soft);background:#0d0818;margin-top:20px;}
.site-foot-inner{max-width:1080px;margin:0 auto;padding:44px 24px 30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:28px;}
.site-foot h4{margin:0 0 12px;font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:22px;letter-spacing:.06em;text-transform:uppercase;color:var(--purple);}
.site-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
.site-foot a{font-size:14px;color:var(--ink-dim);text-decoration:none;}
.site-foot a:hover{color:var(--ink);text-shadow:0 0 12px rgba(147,51,234,.9);}
.site-foot-brand{font-family:'Revamped','Teko',sans-serif;font-weight:600;font-size:34px;line-height:.9;text-transform:uppercase;color:var(--ink);}
.site-foot-brand span{color:var(--purple);}
.site-foot-tag{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.08em;color:var(--ink-faint);margin-top:10px;line-height:1.6;}
.site-foot footer.foot{margin:0;padding:18px 24px 28px;border-top:1px solid var(--card-border-soft);}

/* 404 */
.nf{text-align:center;padding:40px 0 10px;}
.tile--p01{border-color:rgba(255,212,0,.5);background:linear-gradient(140deg,rgba(255,212,0,.12),rgba(220,20,60,.08));}
.tile--p01 .tile-k,.tile--p01 .tile-go{color:#ffd400;}
.p01-home .p01-title{font-size:clamp(48px,9vw,92px);}
.p01-board--big{gap:clamp(8px,1.6vw,18px);margin:14px 0 6px;}
.p01-board--big .p01-cell{min-width:clamp(66px,17vw,168px);padding:clamp(10px,1.6vw,18px) 8px clamp(8px,1.2vw,14px);border-radius:16px;}
.p01-board--big .p01-num{font-size:clamp(42px,10.5vw,124px);}
.p01-board--big .p01-lbl{font-size:clamp(10px,1.2vw,13px);margin-top:6px;}
.p01.is-out .p01-board--big{display:none;}

/* Diddy Skit Directorz Cut card: whole card glows like its Directorz Cut tag */
@keyframes dcCardGlow{
  0%,100%{box-shadow:0 0 14px -2px rgba(240,97,106,.65),0 0 26px -6px rgba(255,140,0,.5);border-color:rgba(240,97,106,.5);}
  50%{box-shadow:0 0 30px 3px rgba(240,97,106,1),0 0 52px 4px rgba(255,140,0,.85);border-color:rgba(255,140,0,.85);}
}
.screen-card--dc{border:1px solid rgba(240,97,106,.5);background:linear-gradient(120deg,rgba(240,97,106,.10),rgba(255,140,0,.03));animation:dcCardGlow 2s ease-in-out infinite;}
.screen-card--dc:hover{border-color:rgba(255,140,0,.9);}
@keyframes dcTitleGlow{0%,100%{color:#ff8a5c;text-shadow:0 0 10px rgba(240,97,106,.7);}50%{color:#ffb199;text-shadow:0 0 20px rgba(255,140,0,.95);}}
.screen-card--dc .screen-title{animation:dcTitleGlow 2s ease-in-out infinite;}
.screen-card--dc .screen-embed-wrap{box-shadow:0 0 22px -4px rgba(240,97,106,.8);}
@media (prefers-reduced-motion: reduce){.screen-card--dc,.screen-card--dc .screen-title{animation:none;}}
.screen-card--dc .screen-play{color:#ff8a5c;animation:dcTitleGlow 2s ease-in-out infinite;}

/* home Linkz: own strip under the photo, equal-size buttons in a neat grid (15 buttons) */
.hero-links-band{position:relative;z-index:2;}
.hero-links-inner{max-width:1080px;margin:0 auto;padding:26px 24px 0;text-align:center;}
.hero-links-band .hero-links-label{text-align:center;}
.hero-links-band .hero-cta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:1000px;margin:0 auto;}
.hero-links-band .hero-cta .btn{justify-content:center;white-space:nowrap;padding:13px 8px;font-size:14.5px;min-width:0;}
@media (max-width:980px){.hero-links-band .hero-cta{grid-template-columns:repeat(3,minmax(0,1fr));max-width:640px;}}
@media (max-width:640px){
  .hero-links-band .hero-cta{grid-template-columns:repeat(2,minmax(0,1fr));}
  .hero-links-band .hero-cta .btn:last-child{grid-column:1 / -1;}
}
.hero:not(.page-hero) .hero-inner{padding-bottom:30px;}

/* ===== home hero: always show the whole photo, never crop it ===== */
/* desktop: full photo on the right, faded into the dark page; title on the left */
@media (min-width:1200px){
  .hero:not(.page-hero){min-height:max(78vh,560px);}
  .hero:not(.page-hero) .hero-bg{
    inset:auto;top:0;right:0;left:auto;bottom:auto;
    height:100%;width:auto;max-width:none;aspect-ratio:1400/1099;
    object-fit:cover;object-position:50% 0%;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 24%),linear-gradient(to top,transparent 0%,#000 26%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(to right,transparent 0%,#000 24%),linear-gradient(to top,transparent 0%,#000 26%);
    mask-composite:intersect;
  }
  .hero:not(.page-hero)::after{background:linear-gradient(0deg, rgba(10,7,20,0.9) 0%, rgba(10,7,20,0.25) 30%, transparent 55%);}
  .hero:not(.page-hero) .hero-inner{text-align:left;}
}
/* phones, tablets + small laptops: full photo across the top, title underneath */
@media (max-width:1199px){
  .hero:not(.page-hero){display:block;min-height:0;}
  .hero:not(.page-hero) .hero-bg{position:relative;inset:auto;display:block;width:100%;height:auto;max-width:640px;margin:0 auto;object-fit:contain;
    -webkit-mask-image:linear-gradient(to top,transparent 0%,#000 30%);mask-image:linear-gradient(to top,transparent 0%,#000 30%);}
  .hero:not(.page-hero)::after{display:none;}
  .hero:not(.page-hero) .hero-inner{margin-top:-56px;text-align:center;}
}
@media (min-width:1200px){.hero:not(.page-hero) h1.hero-name{font-size:clamp(64px,7.4vw,150px);}}
@media (max-width:1199px) and (min-width:641px){
  .hero:not(.page-hero) .hero-bg{max-width:760px;
    -webkit-mask-image:linear-gradient(to top,transparent 0%,#000 30%),linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(to top,transparent 0%,#000 30%),linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%);
    mask-composite:intersect;}
}

/* ===== inner page headers: same rule, always show the whole photo ===== */
@media (min-width:1200px){
  .hero.page-hero{min-height:max(46vh,420px);}
  .page-hero .hero-bg{
    inset:auto;top:0;right:0;left:auto;bottom:auto;
    height:100%;width:auto;max-width:none;aspect-ratio:1400/1099;
    object-fit:cover;object-position:50% 0%;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 24%),linear-gradient(to top,transparent 0%,#000 26%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(to right,transparent 0%,#000 24%),linear-gradient(to top,transparent 0%,#000 26%);
    mask-composite:intersect;
  }
  .hero.page-hero::after{background:linear-gradient(0deg, rgba(10,7,20,0.9) 0%, rgba(10,7,20,0.25) 30%, transparent 55%);}
  .page-hero .hero-inner{text-align:left;}
  .page-hero h1.hero-name{font-size:clamp(58px,6.6vw,124px);}
}
@media (max-width:1199px){
  .hero.page-hero{display:block;min-height:0;}
  .page-hero .hero-bg{position:relative;inset:auto;display:block;width:100%;height:auto;max-width:460px;margin:0 auto;object-fit:contain;
    -webkit-mask-image:linear-gradient(to top,transparent 0%,#000 30%),linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(to top,transparent 0%,#000 30%),linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%);
    mask-composite:intersect;}
  .hero.page-hero::after{display:none;}
  .page-hero .hero-inner{margin-top:-48px;text-align:center;}
}
@media (max-width:480px){
  .page-hero .hero-bg{-webkit-mask-image:linear-gradient(to top,transparent 0%,#000 30%);mask-image:linear-gradient(to top,transparent 0%,#000 30%);}
}