:root{--bg:#070707;--panel:#101010;--panel2:#161616;--text:#f4eee7;--muted:#b9afa6;--red:#c91f25;--red2:#ff3138;--gold:#d2a653;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;overflow:hidden}.hero,.endorsement-shell,.about-shell,.socials-shell{background:radial-gradient(circle at 78% 18%,rgba(201,31,37,.32),transparent 28%),radial-gradient(circle at 8% 82%,rgba(210,166,83,.16),transparent 30%),linear-gradient(135deg,#050505 0%,#111 58%,#050505 100%)}.hero{position:relative;min-height:100vh;padding:32px clamp(20px,4vw,60px) 58px}.texture{position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}.topbar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 auto 38px;max-width:1320px}.top-link{font-weight:900;letter-spacing:.06em;text-transform:uppercase;font-size:13px;padding:12px 18px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.045);box-shadow:0 0 26px rgba(201,31,37,.22)}.site-menu{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.site-menu a{font-weight:900;letter-spacing:.06em;text-transform:uppercase;font-size:12px;padding:11px 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.035);color:var(--text);text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.site-menu a:hover{transform:translateY(-2px);border-color:var(--gold);background:rgba(210,166,83,.08)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(320px,.97fr);gap:clamp(28px,5vw,70px);align-items:center;max-width:1320px;margin:0 auto}.eyebrow{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.16em;font-size:12px;margin:0 0 18px}.copy-panel h1,.endorsement-title,.about-title,.socials-title,.highlight-heading h2{font-family:Oswald,Inter,sans-serif;text-transform:uppercase}.copy-panel h1{font-size:clamp(58px,8vw,118px);line-height:.91;letter-spacing:-.055em;margin:0 0 24px;text-wrap:balance}.lead{max-width:690px;color:var(--muted);font-size:clamp(18px,2vw,23px);line-height:1.45;margin:0 0 28px;font-weight:700}.player-card{max-width:720px;border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.04);backdrop-filter:blur(8px)}.player-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:20px}.player-head span{font-size:12px;color:var(--gold);font-weight:900;letter-spacing:.18em;text-transform:uppercase}.controls{display:flex;align-items:center;gap:18px}.play{width:64px;height:64px;border:0;border-radius:22px;background:linear-gradient(135deg,var(--red),var(--red2));color:white;font-size:24px;font-weight:900;cursor:pointer;box-shadow:0 12px 30px rgba(201,31,37,.45);flex:0 0 auto}.progress-wrap{flex:1}.time{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:800;margin-bottom:8px}input[type=range]{width:100%;accent-color:var(--red2)}.image-panel{position:relative;min-height:620px}.portrait-wrap{height:620px;border-radius:36px;overflow:hidden;border:1px solid var(--line);background:#111;box-shadow:0 32px 90px rgba(0,0,0,.55);position:relative!important}.portrait-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,7,.18),transparent 34%,rgba(201,31,37,.12));pointer-events:none}.portrait-wrap>img:first-child{width:100%;height:100%;object-fit:cover;object-position:56% 28%;filter:contrast(1.05)}.photo-stamp-logo{position:absolute!important;right:18px!important;bottom:18px!important;width:118px!important;max-width:24%!important;height:auto!important;z-index:5!important;opacity:.97!important;filter:drop-shadow(0 10px 20px rgba(0,0,0,.72))!important;pointer-events:none!important}.stat-card{position:absolute;left:-28px!important;right:auto!important;bottom:36px!important;max-width:260px;padding:20px;border-radius:22px;background:rgba(12,12,12,.86);border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.5)}.stat-card span{display:block;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:900}.stat-card strong{display:block;font-size:25px;margin:6px 0 2px;text-transform:none}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line)}.feature-link{display:block;transition:transform .18s ease}.feature-link:hover{transform:translateY(-4px)}.feature{height:100%;padding:34px clamp(22px,4vw,52px);background:#0b0b0b}.feature-link:hover .feature{background:#101010}.feature span{color:var(--red2);font-weight:900}.feature h2{font-family:Oswald,sans-serif;font-size:30px;text-transform:uppercase;letter-spacing:-.02em;margin:12px 0}.feature p{color:var(--muted);line-height:1.55;margin:0}

/* Endorsements */
.endorsement-hero{position:relative;min-height:100vh;padding:32px clamp(20px,4vw,60px) 80px}.endorsement-topbar{max-width:1280px;margin-bottom:34px}.endorsement-copy{max-width:920px;margin:0 auto 46px;text-align:center}.endorsement-title{font-size:clamp(56px,8vw,112px);line-height:.92;letter-spacing:-.045em;margin:0 auto 26px;color:var(--text)}.endorsement-title span{color:var(--text)}.endorsement-player{max-width:720px;margin:0 auto;text-align:left}.endorsement-visual-row{display:grid;grid-template-columns:minmax(250px,320px) minmax(420px,620px);justify-content:center;align-items:center;gap:42px;max-width:1080px;margin:0 auto}.natural-fit-card{align-self:center;padding:28px 28px 30px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:rgba(255,255,255,.035);box-shadow:0 24px 70px rgba(0,0,0,.3)}.natural-fit-card h2{font-family:Oswald,Inter,sans-serif;color:var(--gold);text-transform:uppercase;letter-spacing:.02em;font-size:32px;line-height:1;margin:0 0 20px}.natural-fit-card ul{list-style:none;margin:0;padding:0}.natural-fit-card li{color:var(--gold);font-weight:900;letter-spacing:.03em;line-height:1.65;font-size:16px}.endorsement-photo-column{text-align:center}.endorsement-photo-wrap{position:relative;border-radius:34px;overflow:hidden;border:1px solid var(--line);box-shadow:0 32px 90px rgba(0,0,0,.55);background:#111}.endorsement-photo{width:100%;display:block;border-radius:0}.endorsement-photo-logo{position:absolute;right:18px;bottom:18px;width:120px;max-width:24%;height:auto;z-index:4;filter:drop-shadow(0 10px 22px rgba(0,0,0,.72));pointer-events:none}.one-sheet-link{display:inline-block;margin-top:22px;color:var(--gold);font-weight:900;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(210,166,83,.45);border-radius:999px;padding:15px 24px;background:rgba(210,166,83,.06);box-shadow:0 0 26px rgba(210,166,83,.12)}.one-sheet-link:hover{transform:translateY(-2px);border-color:var(--gold)}

/* About */
.about-hero{position:relative;min-height:100vh;padding:32px clamp(20px,4vw,60px) 70px}.about-topbar{max-width:1320px}.about-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr);gap:clamp(34px,5vw,76px);align-items:center;max-width:1320px;margin:0 auto}.about-title{font-size:clamp(72px,10vw,142px);line-height:.88;letter-spacing:-.055em;margin:0 0 28px}.about-bio{max-width:760px;color:var(--muted);font-size:clamp(17px,1.7vw,21px);line-height:1.58;font-weight:700}.about-bio p{margin:0 0 20px}.about-photo-wrap{position:relative;border-radius:36px;overflow:hidden;border:1px solid var(--line);background:#111;box-shadow:0 32px 90px rgba(0,0,0,.55)}.about-photo{width:100%;display:block;filter:contrast(1.05)}.about-photo-logo{position:absolute;right:18px;bottom:18px;width:120px;max-width:24%;height:auto;z-index:5;filter:drop-shadow(0 10px 22px rgba(0,0,0,.72));pointer-events:none}.career-highlights{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:0 clamp(20px,4vw,60px) 90px}.highlight-heading{max-width:880px;margin:0 0 34px}.highlight-heading h2{font-size:clamp(42px,5vw,76px);line-height:.96;letter-spacing:-.035em;margin:0}.highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:28px;overflow:hidden}.highlight-card{background:rgba(11,11,11,.82);padding:30px;min-height:150px}.highlight-card span{color:var(--red2);font-weight:900}.highlight-card p{color:var(--text);font-weight:900;font-size:18px;line-height:1.35;margin:12px 0 0}

/* Social placeholder */
.socials-hero{position:relative;min-height:100vh;padding:32px clamp(20px,4vw,60px) 80px}.socials-content{max-width:1180px;margin:80px auto 0}.socials-title{font-size:clamp(66px,9vw,132px);line-height:.9;letter-spacing:-.055em;margin:0 0 26px}.socials-lead{max-width:760px;color:var(--muted);font-size:clamp(18px,2vw,23px);line-height:1.45;font-weight:700}.coming-soon-card{margin-top:34px;max-width:620px;border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.04)}.coming-soon-card span{display:block;color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.16em;font-size:12px;margin-bottom:12px}.coming-soon-card p{color:var(--text);font-weight:900;font-size:22px;line-height:1.35;margin:0}

@media(max-width:900px){.hero{padding-top:22px}.topbar{align-items:flex-start;gap:16px;flex-direction:column;margin-bottom:24px}.site-menu{justify-content:flex-start}.site-menu a{font-size:11px;padding:10px 12px}.hero-grid{grid-template-columns:1fr}.image-panel{min-height:auto;order:-1}.portrait-wrap{height:430px}.copy-panel h1{font-size:clamp(48px,16vw,78px)}.stat-card{left:16px!important;right:auto!important;bottom:16px!important}.photo-stamp-logo{width:92px!important;right:14px!important;bottom:14px!important}.features{grid-template-columns:1fr}.player-head{display:block}.endorsement-visual-row{grid-template-columns:1fr;gap:26px}.natural-fit-card{order:2}.endorsement-photo-column{order:1}.endorsement-copy{text-align:left;margin-bottom:32px}.endorsement-player{margin-left:0}.endorsement-photo-logo,.about-photo-logo{width:96px;right:14px;bottom:14px}.about-grid{grid-template-columns:1fr}.about-photo-column{order:-1}.about-title{font-size:clamp(58px,18vw,96px)}.highlight-grid{grid-template-columns:1fr}.socials-content{margin-top:42px}}

/* How It Works page */
.how-shell{background:radial-gradient(circle at 78% 18%,rgba(201,31,37,.32),transparent 28%),radial-gradient(circle at 8% 82%,rgba(210,166,83,.16),transparent 30%),linear-gradient(135deg,#050505 0%,#111 58%,#050505 100%)}
.how-hero{position:relative;min-height:100vh;padding:32px clamp(20px,4vw,60px) 90px}
.how-intro{max-width:1320px;margin:70px auto 52px}
.how-title{font-family:Oswald,Inter,sans-serif;font-size:clamp(70px,10vw,148px);line-height:.88;letter-spacing:-.055em;margin:0 0 26px;text-transform:uppercase}
.how-lead{max-width:850px;color:var(--muted);font-size:clamp(18px,2vw,24px);line-height:1.45;font-weight:800;margin:0}
.how-steps{max-width:1320px;margin:0 auto;display:grid;gap:34px}
.how-step{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(420px,1.28fr);gap:34px;align-items:center;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:0 28px 80px rgba(0,0,0,.38);overflow:hidden}
.how-step:nth-child(even){grid-template-columns:minmax(420px,1.28fr) minmax(260px,.72fr)}
.how-step:nth-child(even) .step-copy{order:2}
.how-step:nth-child(even) img{order:1}
.step-copy span{color:var(--red2);font-weight:900;letter-spacing:.08em}
.step-copy h2{font-family:Oswald,Inter,sans-serif;font-size:clamp(34px,4.5vw,62px);line-height:.96;letter-spacing:-.035em;text-transform:uppercase;margin:12px 0 16px}
.step-copy p{color:var(--muted);font-size:clamp(16px,1.5vw,20px);line-height:1.5;font-weight:800;margin:0}
.how-step img{width:100%;display:block;border-radius:24px;border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 60px rgba(0,0,0,.42);background:#111}
.feature-opportunity{border-color:rgba(210,166,83,.34);box-shadow:0 30px 90px rgba(210,166,83,.10),0 28px 80px rgba(0,0,0,.38)}
.feature-opportunity .step-copy span,.feature-opportunity .step-copy h2{color:var(--gold)}
@media(max-width:1100px){.site-menu a{font-size:10px;padding:9px 10px}}
@media(max-width:900px){.how-intro{margin-top:42px}.how-step,.how-step:nth-child(even){grid-template-columns:1fr}.how-step:nth-child(even) .step-copy,.how-step:nth-child(even) img{order:initial}}


/* Homepage 4-box feature row */
.features{
  grid-template-columns:repeat(4,1fr);
}

@media(max-width:1100px){
  .features{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:700px){
  .features{
    grid-template-columns:1fr;
  }
}


/* Homepage hero logo position update */
.photo-stamp-logo{
  top:18px !important;
  right:18px !important;
  bottom:auto !important;
}

@media(max-width:900px){
  .photo-stamp-logo{
    top:14px !important;
    right:14px !important;
    bottom:auto !important;
  }
}


/* Final Social Media Examples Page */
.social-page-final{
  max-width:1320px;
}

.social-page-final .socials-lead{
  max-width:920px;
}

.social-video-grid{
  margin-top:44px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:28px;
  align-items:start;
}

.social-video-card{
  border:1px solid rgba(210,166,83,.46);
  border-radius:30px;
  padding:14px;
  background:linear-gradient(180deg,rgba(210,166,83,.10),rgba(255,255,255,.025));
  box-shadow:0 26px 70px rgba(0,0,0,.42), 0 0 36px rgba(210,166,83,.08);
}

.video-frame{
  border:2px solid var(--gold);
  border-radius:24px;
  overflow:hidden;
  background:#050505;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}

.video-frame video{
  width:100%;
  display:block;
  aspect-ratio:9/16;
  object-fit:cover;
  background:#050505;
}

.social-video-card span{
  display:block;
  margin-top:14px;
  color:var(--gold);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:12px;
}

.social-delivery-note{
  margin-top:34px;
  max-width:850px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:28px;
  padding:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
  box-shadow:0 24px 70px rgba(0,0,0,.34);
}

.social-delivery-note span{
  display:block;
  color:var(--gold);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:12px;
  margin-bottom:12px;
}

.social-delivery-note p{
  color:var(--text);
  font-weight:900;
  font-size:22px;
  line-height:1.35;
  margin:0;
}

@media(max-width:1000px){
  .social-video-grid{
    grid-template-columns:1fr;
    max-width:520px;
  }
}


/* Homepage multi-track demo playlist */
.playlist-card{
  max-width:760px;
}

.demo-playlist{
  display:grid;
  gap:14px;
}

.demo-track{
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  padding:14px 16px;
  background:rgba(255,255,255,.045);
}

.track-title{
  color:var(--gold);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:12px;
  margin-bottom:10px;
}

.demo-track audio{
  width:100%;
  height:38px;
  display:block;
}


/* Homepage copy update */
.inline-link{
  color:var(--gold);
  font-weight:900;
  text-decoration:none;
  border-bottom:1px solid rgba(210,166,83,.55);
}

.hero-photo-caption{
  margin-top:24px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:26px;
  padding:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028));
  box-shadow:0 24px 70px rgba(0,0,0,.32);
}

.hero-photo-caption p{
  color:var(--muted);
  font-weight:800;
  font-size:clamp(15px,1.25vw,18px);
  line-height:1.48;
  margin:0 0 16px;
}

.hero-photo-caption p:last-child{
  margin-bottom:0;
}

@media(max-width:900px){
  .hero-photo-caption{
    margin-top:18px;
  }
}


/* Final homepage layout tweaks */
.hero-subline{
  display:block;
  margin-top:10px;
}

.stat-over-image{
  position:absolute;
  bottom:26px;
  left:-24px;
  z-index:5;
}

.image-panel{
  position:relative;
}

.inline-link{
  text-transform:none;
}

.audio-card .label{
  letter-spacing:.12em;
}

@media(max-width:900px){
  .stat-over-image{
    left:14px;
    bottom:14px;
  }
}


/* Homepage readability/layout fix */
#main-title{
  max-width:1200px;
}

.headline-wide{
  display:block;
  white-space:nowrap;
  font-size:clamp(76px,8vw,126px);
  line-height:.9;
  letter-spacing:-.05em;
}

.hero-subline{
  display:block;
  margin-top:18px;
  font-size:clamp(68px,7vw,108px);
  line-height:.9;
  letter-spacing:-.05em;
}

.stat-card,
.stat-over-image{
  display:none !important;
}

@media(max-width:1200px){
  .headline-wide{
    white-space:normal;
  }
}

@media(max-width:900px){
  .headline-wide{
    font-size:clamp(52px,12vw,86px);
  }

  .hero-subline{
    font-size:clamp(46px,10vw,74px);
  }
}


/* Homepage headline overflow fix */
.homepage-headline{
  max-width:820px !important;
  overflow-wrap:normal;
}

.homepage-headline span{
  display:block;
}

.homepage-headline span:not(.hero-subline){
  font-size:clamp(58px,6.2vw,104px) !important;
  line-height:.9 !important;
  letter-spacing:-.045em !important;
}

.homepage-headline .hero-subline{
  margin-top:16px !important;
  font-size:clamp(52px,5.3vw,88px) !important;
  line-height:.9 !important;
  letter-spacing:-.045em !important;
}

@media(max-width:900px){
  .homepage-headline{
    max-width:100% !important;
  }

  .homepage-headline span:not(.hero-subline){
    font-size:clamp(44px,11vw,74px) !important;
  }

  .homepage-headline .hero-subline{
    font-size:clamp(38px,9vw,64px) !important;
  }
}




/* Final wide headline layout */
.wide-headline{
  width:100%;
  max-width:1300px;
  margin:0 0 22px;
  line-height:.88;
  letter-spacing:-.05em;
}

.wide-headline span{
  display:block;
  font-weight:900;
  text-transform:uppercase;
}

.wide-headline .line-one{
  font-size:clamp(68px,7vw,122px);
  white-space:nowrap;
}

.wide-headline .line-two{
  font-size:clamp(68px,7vw,122px);
  margin-left:160px;
  white-space:nowrap;
}

.daypart-list{
  margin:8px 0 30px;
  font-family:Inter,system-ui,sans-serif;
  font-weight:900;
  font-size:clamp(24px,2.5vw,38px);
  line-height:1.18;
  letter-spacing:-.02em;
}

.daypart-list p{
  margin:0 0 8px;
}

@media(max-width:1100px){
  .wide-headline .line-two{
    margin-left:80px;
  }
}

@media(max-width:900px){
  .wide-headline .line-one,
  .wide-headline .line-two{
    font-size:clamp(44px,10vw,76px);
    white-space:normal;
  }

  .wide-headline .line-two{
    margin-left:0;
  }

  .daypart-list{
    font-size:clamp(22px,6vw,32px);
  }
}


/* Actual homepage hero photo overlap fix */
.homepage-portrait-lowered{
  margin-top:150px !important;
}

.image-panel{
  align-self:start !important;
}

@media(max-width:1100px){
  .homepage-portrait-lowered{
    margin-top:115px !important;
  }
}

@media(max-width:900px){
  .homepage-portrait-lowered{
    margin-top:30px !important;
  }
}


/* Strong hero photo overlap fix */
.hero-image-lower-column{
  padding-top:220px !important;
}

.hero-image-lower-column .portrait-wrap,
.hero-image-lower-column .homepage-portrait-lowered{
  margin-top:0 !important;
}

@media(max-width:1200px){
  .hero-image-lower-column{
    padding-top:260px !important;
  }
}

@media(max-width:900px){
  .hero-image-lower-column{
    padding-top:30px !important;
  }
}


/* Additional spacing between headline and hero image */
.hero-image-lower-column{
  padding-top:320px !important;
  padding-left:40px !important;
}

@media(max-width:1200px){
  .hero-image-lower-column{
    padding-top:340px !important;
    padding-left:20px !important;
  }
}

@media(max-width:900px){
  .hero-image-lower-column{
    padding-top:30px !important;
    padding-left:0 !important;
  }
}


/* Restore desktop, fix mobile order only */
@media(max-width:900px){
  .hero-grid{
    display:flex !important;
    flex-direction:column !important;
  }

  .copy-panel{
    display:flex !important;
    flex-direction:column !important;
    order:1 !important;
    width:100% !important;
  }

  .copy-panel .eyebrow{
    order:1 !important;
  }

  .copy-panel #main-title,
  .copy-panel .homepage-headline,
  .copy-panel .wide-headline,
  .copy-panel .sketch-headline{
    order:2 !important;
  }

  .copy-panel .daypart-list{
    order:3 !important;
  }

  .copy-panel .lead{
    order:4 !important;
  }

  .copy-panel .playlist-card{
    order:6 !important;
    width:100% !important;
    max-width:100% !important;
    margin-top:24px !important;
  }

  .image-panel{
    order:5 !important;
    width:100% !important;
    padding-top:24px !important;
    margin-top:0 !important;
  }

  .image-panel .portrait-wrap,
  .image-panel .homepage-portrait-lowered{
    margin-top:0 !important;
  }

  .hero-photo-caption{
    margin-top:22px !important;
  }
}


/* Mobile-only order fix: Title -> Photo -> Media Player */
.mobile-hero-photo-before-player{
  display:none;
}

@media(max-width:900px){
  .image-panel{
    display:none !important;
  }

  .mobile-hero-photo-before-player{
    display:block !important;
    order:5 !important;
    margin:26px 0 24px !important;
    width:100% !important;
  }

  .mobile-hero-photo-before-player .portrait-wrap{
    height:auto !important;
    margin:0 !important;
    border-radius:36px !important;
  }

  .mobile-hero-photo-before-player .portrait-wrap > img:first-child{
    width:100% !important;
    height:auto !important;
    display:block !important;
    object-fit:cover !important;
  }

  .mobile-hero-photo-before-player .photo-stamp-logo{
    top:18px !important;
    right:18px !important;
    bottom:auto !important;
    width:118px !important;
    max-width:26% !important;
  }

  .playlist-card{
    order:6 !important;
    width:100% !important;
    max-width:100% !important;
  }

  .copy-panel{
    display:flex !important;
    flex-direction:column !important;
  }
}


/* Actual mobile-only info box under media player */
.mobile-info-box-after-player{
  display:none;
}

@media(max-width:900px){
  .mobile-info-box-after-player{
    display:block !important;
    margin:28px 0 34px !important;
    border:1px solid rgba(255,255,255,.14);
    border-radius:28px;
    padding:28px;
    background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
    box-shadow:0 24px 70px rgba(0,0,0,.34);
  }

  .mobile-info-box-after-player p{
    color:var(--muted);
    font-weight:800;
    font-size:clamp(18px,5vw,24px);
    line-height:1.45;
    margin:0 0 22px;
  }

  .mobile-info-box-after-player p:last-child{
    margin-bottom:0;
  }
}