:root{
  --bg:#efe3d4;
  --paper:#fff7ee;
  --ink:#161412;
  --muted:#66584e;
  --accent:#c86428;
  --line:rgba(22,20,18,.14);
}
*{box-sizing:border-box}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;
}
a{color:inherit}
.grain{
  position:fixed; inset:0; pointer-events:none; z-index:999;
  opacity:.05;
  background-image:radial-gradient(circle at 1px 1px,#111 1px,transparent 0);
  background-size:4px 4px;
}
.intro{
  position:fixed; inset:0; z-index:9999;
  background:var(--paper);
  display:grid; place-items:center;
  animation:fadeIntro .75s ease 1.25s forwards;
}
.intro .mark{
  font-size:clamp(42px,10vw,130px);
  font-weight:900;
  letter-spacing:-.1em;
}
.intro .mark span{color:var(--accent);font-style:italic}
@keyframes fadeIntro{to{opacity:0;visibility:hidden}}

.header{
  position:fixed; top:0; left:0; right:0; z-index:500;
  display:flex; justify-content:space-between; align-items:center;
  padding:24px clamp(20px,5vw,76px);
  background:rgba(239,227,212,.78);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(22,20,18,.08);
}
.logo{
  text-decoration:none;
  font-size:28px;
  font-weight:900;
  letter-spacing:-.09em;
}
.logo span{color:var(--accent);font-style:italic}
.nav{display:flex;gap:26px;align-items:center}
.nav a{
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:11px;
  color:var(--muted);
  font-weight:900;
}
.nav .pill{
  color:var(--paper);
  background:var(--ink);
  border-radius:999px;
  padding:11px 15px;
}

.hero{
  min-height:94vh;
  padding:150px clamp(22px,6vw,82px) 78px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:58px;
  align-items:center;
}
.kicker,.eyebrow{
  color:var(--accent);
  text-transform:uppercase;
  letter-spacing:.24em;
  font-size:12px;
  font-weight:900;
  margin:0 0 18px;
}
h1{
  font-size:clamp(64px,10.5vw,150px);
  line-height:.83;
  letter-spacing:-.095em;
  margin:0 0 28px;
}
.sub{
  font-size:clamp(20px,2vw,28px);
  line-height:1.42;
  color:var(--muted);
  max-width:680px;
  margin:0;
}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;
  padding:0 20px;
  border-radius:999px;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:12px;
  font-weight:900;
}
.btn.dark{background:var(--ink);color:var(--paper)}
.btn.light{border:1px solid var(--ink);color:var(--ink)}

.hero-collage{
  position:relative;
  min-height:610px;
}
.hero-collage img{
  position:absolute;
  object-fit:cover;
  border-radius:34px;
  box-shadow:0 30px 75px rgba(22,20,18,.12);
}
.hero-collage .one{right:0;top:0;width:68%;height:78%}
.hero-collage .two{left:0;bottom:0;width:52%;height:55%}
.hero-note{
  position:absolute; right:5%; bottom:7%;
  background:var(--paper);
  border:1px solid var(--line);
  padding:15px 18px;
  border-radius:999px;
  font-weight:900;
}

.marquee{
  overflow:hidden;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:var(--paper);
}
.marquee-track{
  display:flex;
  gap:18px;
  width:max-content;
  padding:18px 0;
  animation:marquee 28s linear infinite;
}
.marquee-track span{
  text-transform:uppercase;
  letter-spacing:.2em;
  font-size:12px;
  font-weight:900;
  color:var(--muted);
  white-space:nowrap;
}
.marquee-track span:nth-child(even){color:var(--accent)}
@keyframes marquee{to{transform:translateX(-50%)}}

.section{padding:105px clamp(22px,6vw,82px)}
.section-top{
  display:grid;
  grid-template-columns:1fr .48fr;
  gap:48px;
  align-items:end;
  margin-bottom:46px;
}
.section-top h2{
  font-size:clamp(48px,7vw,100px);
  line-height:.85;
  letter-spacing:-.085em;
  margin:0;
}
.section-top p{
  color:var(--muted);
  line-height:1.65;
  font-size:17px;
  margin:0;
}

.talent-feature{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:18px;
}
.feature-card{
  min-height:585px;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:42px;
  overflow:hidden;
  text-decoration:none;
  box-shadow:0 25px 65px rgba(22,20,18,.08);
}
.feature-card img{width:100%;height:100%;object-fit:cover}
.feature-copy{
  padding:38px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.feature-copy h3{
  font-size:clamp(52px,6vw,88px);
  line-height:.84;
  letter-spacing:-.09em;
  margin:0;
}
.feature-copy p{
  color:var(--muted);
  font-size:20px;
  line-height:1.42;
}
.talent-list{display:grid;gap:18px}
.mini-card{
  display:grid;
  grid-template-columns:130px 1fr;
  min-height:174px;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:34px;
  overflow:hidden;
  text-decoration:none;
  box-shadow:0 20px 50px rgba(22,20,18,.06);
}
.mini-card img{width:130px;height:100%;object-fit:cover}
.mini-card div{padding:24px}
.mini-card h3{
  font-size:31px;
  letter-spacing:-.06em;
  margin:0 0 8px;
}
.mini-card p{margin:0;color:var(--muted);line-height:1.4}
.feature-card:hover,.mini-card:hover,.grid-card:hover{transform:translateY(-5px)}
.feature-card,.mini-card,.grid-card{transition:.22s}

.tags{display:flex;gap:8px;flex-wrap:wrap}
.tags span{
  border:1px solid var(--line);
  border-radius:999px;
  padding:8px 10px;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:900;
  color:var(--muted);
}

.press-layout{
  display:grid;
  grid-template-columns:.62fr 1.38fr;
  gap:24px;
}
.press-block{
  min-height:500px;
  border-radius:42px;
  padding:38px;
  background:var(--ink);
  color:var(--paper);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.press-block h2{
  font-size:clamp(50px,6vw,88px);
  line-height:.84;
  letter-spacing:-.08em;
  margin:0;
}
.press-feed{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:42px;
  overflow:hidden;
}
.press-item{
  display:grid;
  grid-template-columns:130px 1fr 110px;
  gap:18px;
  align-items:center;
  padding:26px;
  border-bottom:1px solid var(--line);
}
.press-item:last-child{border-bottom:0}
.pub{
  color:var(--accent);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:11px;
  font-weight:900;
}
.press-item h3{margin:0;font-size:24px;letter-spacing:-.035em}
.press-item small{
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
}

.video-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.video{
  min-height:325px;
  border-radius:38px;
  background:linear-gradient(135deg,#fff7ee,#d8cabb);
  border:1px solid var(--line);
  text-decoration:none;
  display:flex;
  align-items:end;
  padding:26px;
  position:relative;
}
.video:before{
  content:"PLAY";
  position:absolute;
  top:22px;
  right:22px;
  background:var(--ink);
  color:var(--paper);
  border-radius:999px;
  padding:9px 12px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}
.video b{
  font-size:27px;
  letter-spacing:-.045em;
}

.contact{
  padding:105px clamp(22px,6vw,82px) 120px;
  background:var(--ink);
  color:var(--paper);
  text-align:center;
}
.contact h2{
  font-size:clamp(52px,8vw,116px);
  line-height:.83;
  letter-spacing:-.09em;
  margin:0 0 20px;
}
.contact p{color:#d8cabb;font-size:18px}
.email{
  display:inline-block;
  margin-top:22px;
  font-size:clamp(28px,4vw,56px);
  font-weight:900;
  letter-spacing:-.06em;
  text-decoration:none;
  color:var(--paper);
}
.footer{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:28px clamp(22px,6vw,82px);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--muted);
}

.page-hero{padding:155px clamp(22px,6vw,82px) 70px}
.page-hero h1{font-size:clamp(60px,10vw,140px)}
.grid-roster{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.grid-card{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:38px;
  overflow:hidden;
  text-decoration:none;
}
.grid-card img{width:100%;height:350px;object-fit:cover}
.grid-card div{padding:24px}
.grid-card h3{font-size:34px;letter-spacing:-.06em;margin:0 0 10px}
.grid-card p{color:var(--muted);line-height:1.4}

.creator-hero{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:54px;
  align-items:center;
  padding:155px clamp(22px,6vw,82px) 80px;
}
.creator-hero img{
  width:100%;
  border-radius:42px;
  box-shadow:0 30px 75px rgba(22,20,18,.12);
}
.creator-hero h1{font-size:clamp(66px,9vw,136px)}

@media(max-width:1050px){
  .hero,.talent-feature,.press-layout,.section-top,.creator-hero{grid-template-columns:1fr}
  .hero-collage{min-height:540px}
  .grid-roster{grid-template-columns:repeat(2,1fr)}
  .video-grid{grid-template-columns:1fr}
  .press-item{grid-template-columns:1fr}
}
@media(max-width:680px){
  .header{padding:18px}
  .logo{font-size:24px}
  .nav{gap:12px}
  .nav a{font-size:10px}
  .nav .hide{display:none}
  .hero{padding-top:135px}
  h1{font-size:64px}
  .hero-collage{display:none}
  .feature-card{grid-template-columns:1fr}
  .mini-card{grid-template-columns:100px 1fr}
  .grid-roster{grid-template-columns:1fr}
  .footer{display:block}
}


/* Clickable press cards */
a.press-item{
  text-decoration:none;
  color:inherit;
  transition:background .2s ease, transform .2s ease;
}
a.press-item:hover{
  background:rgba(200,100,40,.08);
}


/* v13 press room */
.press-hero{
  padding-bottom:50px;
}
.article-grid{
  display:grid;
  grid-template-columns:1.2fr .9fr .9fr;
  gap:18px;
}
.article-card{
  min-height:360px;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:38px;
  padding:30px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  text-decoration:none;
  box-shadow:0 20px 55px rgba(22,20,18,.07);
  transition:transform .22s ease, box-shadow .22s ease;
}
.article-card:hover{
  transform:translateY(-6px);
  box-shadow:0 30px 70px rgba(22,20,18,.12);
}
.feature-article{
  background:var(--ink);
  color:var(--paper);
}
.article-label{
  color:var(--accent);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:12px;
  font-weight:900;
}
.article-card h3{
  font-size:clamp(30px,3.4vw,52px);
  line-height:.94;
  letter-spacing:-.06em;
  margin:24px 0;
}
.article-card p{
  color:var(--muted);
  font-size:17px;
  line-height:1.55;
}
.feature-article p{
  color:#d8cabb;
}
.article-card span{
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:12px;
}
.quote-section{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  padding-top:40px;
}
.quote-card{
  border:1px solid var(--line);
  border-radius:38px;
  padding:34px;
  background:linear-gradient(135deg,var(--paper),#ead8c4);
}
.quote-card p{
  font-size:clamp(28px,3vw,44px);
  line-height:1;
  letter-spacing:-.06em;
  margin:0 0 28px;
  font-weight:900;
}
.quote-card span{
  color:var(--accent);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:11px;
  font-weight:900;
}
.event-scroll{
  display:flex;
  gap:18px;
  overflow-x:auto;
  padding-bottom:18px;
}
.event-card{
  min-width:420px;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:38px;
  overflow:hidden;
  box-shadow:0 20px 55px rgba(22,20,18,.07);
}
.event-card img{
  width:100%;
  height:280px;
  object-fit:cover;
  display:block;
}
.event-card div{
  padding:24px;
}
.event-card b{
  display:block;
  font-size:28px;
  letter-spacing:-.05em;
  margin-bottom:8px;
}
.event-card span{
  color:var(--muted);
}
@media(max-width:1050px){
  .article-grid,.quote-section{
    grid-template-columns:1fr;
  }
  .event-card{
    min-width:320px;
  }
}


/* Nicki socials */
.social-links{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:24px;
}
.social-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  text-decoration:none;
  border:1px solid var(--line);
  background:var(--paper);
  color:var(--ink);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
  font-weight:900;
  transition:.2s ease;
}
.social-links a:hover{
  transform:translateY(-3px);
  background:var(--ink);
  color:var(--paper);
}


/* Creator release card */
.release-card{
  margin-top:24px;
  padding:28px;
  border-radius:32px;
  background:var(--paper);
  border:1px solid var(--line);
  box-shadow:0 20px 50px rgba(22,20,18,.06);
}
.release-card h3{
  font-size:clamp(36px,4vw,58px);
  line-height:.9;
  letter-spacing:-.07em;
  margin:0 0 12px;
}
.release-card p{
  color:var(--muted);
  line-height:1.5;
}


/* v18 balanced creator social/icon panels */
.creator-link-panel{
  margin-top:26px;
  padding:24px;
  border-radius:34px;
  background:var(--paper);
  border:1px solid var(--line);
  box-shadow:0 18px 45px rgba(22,20,18,.06);
}
.social-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.social-chip{
  min-height:58px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border-radius:20px;
  border:1px solid var(--line);
  text-decoration:none;
  background:#fffaf3;
  color:var(--ink);
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:11px;
  transition:transform .2s ease, background .2s ease, color .2s ease;
}
.social-chip:hover{
  transform:translateY(-3px);
  background:var(--ink);
  color:var(--paper);
}
.social-chip.featured{
  grid-column:1/-1;
  background:var(--ink);
  color:var(--paper);
}
.social-chip.featured:hover{
  background:var(--accent);
  color:var(--ink);
}
.social-icon{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(22,20,18,.06);
  flex:0 0 auto;
}
.social-chip:hover .social-icon,
.social-chip.featured .social-icon{
  background:rgba(255,247,238,.14);
}
.social-icon img{
  width:21px;
  height:21px;
  display:block;
  color:currentColor;
  filter:none;
}
.social-icon svg{
  width:21px;
  height:21px;
}
.release-feature{
  margin-top:18px;
  display:flex;
  align-items:center;
  gap:18px;
  padding:26px;
  border-radius:34px;
  background:var(--ink);
  color:var(--paper);
  text-decoration:none;
  box-shadow:0 24px 60px rgba(22,20,18,.12);
  transition:transform .2s ease;
}
.release-feature:hover{
  transform:translateY(-4px);
}
.release-icon{
  width:64px;
  height:64px;
  border-radius:50%;
  background:var(--accent);
  display:grid;
  place-items:center;
  flex:0 0 auto;
}
.release-icon img{
  width:34px;
  height:34px;
  filter:brightness(0);
}
.release-feature h3{
  margin:0 0 8px;
  font-size:clamp(34px,4vw,54px);
  line-height:.88;
  letter-spacing:-.07em;
}
.release-feature p{
  margin:0;
  color:#d8cabb;
}
.release-feature .eyebrow{
  margin-bottom:10px;
}
@media(max-width:680px){
  .social-grid{
    grid-template-columns:1fr;
  }
}


/* v19 embedded Apple Music player */
.music-embed-card{
  margin-top:22px;
  padding:26px;
  border-radius:34px;
  background:var(--ink);
  color:var(--paper);
  box-shadow:0 24px 60px rgba(22,20,18,.12);
}
.music-embed-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:18px;
}
.music-embed-head h3{
  margin:0;
  font-size:clamp(34px,4vw,56px);
  line-height:.88;
  letter-spacing:-.07em;
}
.music-embed-head a{
  color:var(--paper);
  border:1px solid rgba(255,247,238,.28);
  border-radius:999px;
  padding:11px 14px;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
.music-embed-card .eyebrow{
  margin-bottom:10px;
}
@media(max-width:680px){
  .music-embed-head{
    display:block;
  }
  .music-embed-head a{
    display:inline-flex;
    margin-top:14px;
  }
}


/* v20 embedded Spotify podcast player */
.podcast-embed-card{
  margin-top:22px;
  padding:26px;
  border-radius:34px;
  background:var(--ink);
  color:var(--paper);
  box-shadow:0 24px 60px rgba(22,20,18,.12);
}
.podcast-embed-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:18px;
}
.podcast-embed-head h3{
  margin:0;
  font-size:clamp(34px,4vw,56px);
  line-height:.88;
  letter-spacing:-.07em;
}
.podcast-embed-head a{
  color:var(--paper);
  border:1px solid rgba(255,247,238,.28);
  border-radius:999px;
  padding:11px 14px;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
.podcast-embed-card .eyebrow{
  margin-bottom:10px;
}
@media(max-width:680px){
  .podcast-embed-head{
    display:block;
  }
  .podcast-embed-head a{
    display:inline-flex;
    margin-top:14px;
  }
}


/* v21 cleanup */
.creator-link-panel{
  padding-top:18px;
}

.music-embed-card.open-player iframe{
  min-height:450px;
}

.music-embed-head p,
.podcast-embed-head p{
  color:#d8cabb;
  margin:8px 0 0;
  font-size:15px;
}

.music-embed-head h3,
.podcast-embed-head h3{
  margin:0;
}


/* v22 crop + Lizzi update */
img[src*="kida.jpg"]{
  object-position:center 18%;
}

.youtube-embed-card{
  width:100%;
  border-radius:38px;
  overflow:hidden;
  background:var(--ink);
  box-shadow:0 24px 60px rgba(22,20,18,.12);
  aspect-ratio:16 / 9;
}
.youtube-embed-card iframe{
  width:100%;
  height:100%;
  display:block;
}


/* v23 creator tweaks */
.creator-hero img.portrait-up{
  object-fit:cover;
  object-position:center 8%;
  max-height:720px;
}

.youtube-embed-card.compact-video{
  max-width:860px;
  margin:0 auto;
  aspect-ratio:16 / 9;
  border-radius:30px;
}

.youtube-embed-card.compact-video iframe{
  max-height:484px;
}

@media(max-width:680px){
  .creator-hero img.portrait-up{
    max-height:560px;
    object-position:center 6%;
  }
  .youtube-embed-card.compact-video{
    max-width:100%;
  }
}


/* v24 creator media cleanup */
.creator-media-section{
  padding-top:40px;
}
.creator-media-card{
  max-width:860px;
  margin:0 auto;
  padding:26px;
  border-radius:34px;
  background:var(--ink);
  color:var(--paper);
  box-shadow:0 24px 60px rgba(22,20,18,.12);
}
.creator-media-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:18px;
}
.creator-media-head h3{
  margin:0;
  font-size:clamp(34px,4vw,56px);
  line-height:.88;
  letter-spacing:-.07em;
}
.creator-media-head p{
  color:#d8cabb;
  margin:8px 0 0;
}
.creator-media-head a{
  color:var(--paper);
  border:1px solid rgba(255,247,238,.28);
  border-radius:999px;
  padding:11px 14px;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
.kidarah-page .creator-hero{
  align-items:start;
}
.kidarah-page .creator-hero img.kidarah-portrait{
  object-fit:cover;
  object-position:center top;
  height:720px;
  max-height:720px;
}
@media(max-width:680px){
  .creator-media-head{
    display:block;
  }
  .creator-media-head a{
    display:inline-flex;
    margin-top:14px;
  }
  .kidarah-page .creator-hero img.kidarah-portrait{
    height:auto;
    max-height:560px;
  }
}


/* v27 refined logo/header */
.header{
  min-height:78px;
  padding-top:10px;
  padding-bottom:10px;
}

.logo.image-logo{
  display:flex;
  align-items:center;
  text-decoration:none;
  line-height:0;
}

.logo.image-logo img{
  height:132px;
  width:auto;
  display:block;
  object-fit:contain;
  filter:
    drop-shadow(0 10px 22px rgba(0,0,0,.10))
    drop-shadow(0 0 16px rgba(214,157,84,.12));
}

@media(max-width:680px){
  .header{
    min-height:66px;
    padding-top:8px;
    padding-bottom:8px;
  }

  .logo.image-logo img{
    height:92px;
  }
}


/* v28 final logo refinement */
.logo.image-logo img{
  height:118px !important;
}

@media(max-width:680px){
  .logo.image-logo img{
    height:84px !important;
  }
}


/* v29 smaller nav bar */
.header{
  min-height:58px !important;
  padding-top:4px !important;
  padding-bottom:4px !important;
}

.nav{
  gap:18px !important;
}

.nav a{
  font-size:11px !important;
  letter-spacing:.14em !important;
}

.nav .pill{
  padding:10px 14px !important;
}

.logo.image-logo img{
  height:92px !important;
}

@media(max-width:680px){
  .header{
    min-height:48px !important;
    padding-top:2px !important;
    padding-bottom:2px !important;
  }

  .logo.image-logo img{
    height:66px !important;
  }

  .nav{
    gap:10px !important;
  }

  .nav a{
    font-size:10px !important;
  }
}