/* ============================================================
   ROOM 7 PUBLISHING — MAIN STYLESHEET

   ORGANIZATION
   1. Variables / Reset
   2. Hero / Shared page primitives
   3. Music Player
      - Base
      - Desktop
      - Tablet
      - Mobile
      - Landscape
      - Player UI
   4. Header
   5. Footer
   6. What We Do
   7. Contact
   8. Catalog / Supervisor Trust
   9. Utilities / Responsive fixes

   NOTE:
   Existing cascade order is intentionally preserved to keep the
   live site's appearance identical while making the file easier
   to navigate and maintain.
   ============================================================ */

/* =========================
   VARIABLES / RESET
   ========================= */

:root { --bg:#050505; --gold:#d4af37; --gold-soft:#f2d98a; --text:#f7f3e8; --muted:#b9b3a3; --muted-2:#8c887d; --line:rgba(212,175,55,.24); --line-soft:rgba(255,255,255,.10); --card:rgba(12,12,12,.78); }
    *{box-sizing:border-box} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:#000;}
    body{margin:0;position:relative;background:#000;color:var(--text);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;overflow-x:hidden}
    a{color:inherit;text-decoration:none;transition:color .25s ease,border-color .25s ease,background .25s ease,transform .25s ease} a:hover{color:var(--gold-soft)}
    .shell{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:0 28px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 0 16px}.brandline{font-size:11px;letter-spacing:.36em;text-transform:uppercase;color:var(--gold-soft);white-space:nowrap}.logo-brand{display:inline-flex;align-items:center;line-height:0}.logo-brand img{display:block;width:118px;height:auto;max-height:58px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(212,175,55,.16))}.nav{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.nav a{opacity:.9}.nav a:hover{opacity:1}
/* =========================
   HERO
   ========================= */

    .hero{position:relative;width:100vw;margin-left:calc(50% - 50vw);min-height:82vh;display:flex;align-items:center;padding:96px max(28px,calc((100vw - 1120px)/2 + 28px));overflow:hidden;background: url('/room7/street%20view.jpg') center 68% / cover no-repeat;border-top:1px solid rgba(212,175,55,.12);border-bottom:1px solid rgba(212,175,55,.16);box-shadow:inset 0 0 90px rgba(0,0,0,.18)}.hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.46) 0%,rgba(0,0,0,.30) 32%,rgba(0,0,0,.05) 62%,rgba(0,0,0,.08) 100%)}.hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 24% 52%,rgba(212,175,55,.10),rgba(0,0,0,0) 32%)}.hero>div{position:relative;z-index:1;max-width:760px;padding:34px 38px;border-left:1px solid rgba(212,175,55,.30);background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.33) 70%,rgba(0,0,0,0));backdrop-filter:blur(.5px)}h1{margin:0;max-width:780px;font-family:'Cormorant Garamond',serif;font-size:clamp(3.7rem,7vw,6.8rem);line-height:.92;letter-spacing:-.055em;font-weight:500;color:#fff7de;text-shadow:0 2px 28px rgba(0,0,0,.55)}.lead{margin:24px 0 0;max-width:700px;font-size:18px;line-height:1.8;color:#ddd7c8;text-shadow:0 1px 18px rgba(0,0,0,.55)}.lead strong{color:#fac43e;font-weight:500}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-width:190px;padding:15px 22px;border-radius:999px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}.button-primary{background:linear-gradient(180deg,#e6c763 0%,#c89e2e 100%);color:#090909;font-weight:700}.button-primary:hover{color:#000;transform:translateY(-1px);filter:brightness(1.05)}.button-secondary{border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.18);color:var(--text);backdrop-filter:blur(2px)}.micro-note{margin-top:16px;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#bdb7a8;text-shadow:0 1px 14px rgba(0,0,0,.55)}
    .hero-card{display:none}.hero-card img{width:100%;display:block;aspect-ratio:1/1;object-fit:cover;border-radius:22px;border:1px solid rgba(255,255,255,.06);background:#000}.hero-card-caption{display:flex;justify-content:space-between;gap:16px;margin-top:16px;color:var(--muted-2);font-size:10px;letter-spacing:.18em;text-transform:uppercase}
    .section{padding:52px 0;border-top:1px solid rgba(212,175,55,.16)}.section-kicker{margin:0 0 12px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-soft)}h2{margin:0;max-width:780px;font-family:'Cormorant Garamond',serif;font-size:clamp(2.4rem,4.5vw,4.2rem);line-height:.98;letter-spacing:-.04em;font-weight:500;color:#fff4cb}.section-copy{margin:18px 0 0;max-width:760px;color:var(--muted);font-size:16px;line-height:1.75}
    .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.tile{border:1px solid rgba(212,175,55,.16);border-radius:20px;background:var(--card);padding:22px;min-height:132px}.tile h3{margin:0 0 10px;font-family:'Cormorant Garamond',serif;font-size:28px;line-height:1;font-weight:500;color:#fff4cb}.tile p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
    .music-stage{position:relative;width:100vw;margin-left:calc(50% - 50vw);padding:0;border-top:1px solid rgba(212,175,55,.16);border-bottom:1px solid rgba(212,175,55,.16);overflow:hidden;background:#050505}.sample-box{position:relative;width:100%;min-height:780px;border:0;border-radius:0;overflow:hidden;background:#050505;box-shadow:inset 0 0 95px rgba(0,0,0,.45)}.sample-box:before{content:"";position:absolute;inset:-5%;background:url('/room7/studio shot.jpg') calc(50% - 10px) 58%/cover no-repeat;opacity:.92;transform:scale(1.08);transform-origin:center center}.sample-box:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.32) 0%,rgba(0,0,0,.08) 38%,rgba(0,0,0,.42) 100%),radial-gradient(circle at center,rgba(212,175,55,.10),rgba(0,0,0,0) 38%);pointer-events:none}.music-heading{position:absolute;z-index:2;left:50%;top:118px;transform:translateX(-50%);width:min(720px,88vw);text-align:center;text-shadow:0 2px 22px rgba(0,0,0,.72);pointer-events:none}.music-heading-kicker{margin:0;color:var(--gold-soft);font-size:12px;letter-spacing:.34em;text-transform:uppercase;font-weight:500}.music-heading-sub{margin:10px 0 0;color:#fff4cb;font-family:'Cormorant Garamond',serif;font-size:clamp(1.75rem,3vw,3rem);line-height:1;font-weight:500;letter-spacing:-.025em}.screen-player{position:absolute;z-index:2;left:50%;top:50%;width:min(33vw,410px);min-width:315px;transform:translate(-50%,calc(-50% - 40px));border:1px solid rgba(242,217,138,.34);border-radius:14px;background:rgba(6,6,6,.82);box-shadow:0 14px 44px rgba(0,0,0,.56),inset 0 0 20px rgba(212,175,55,.06);backdrop-filter:blur(6px);overflow:hidden}.screen-head{padding:13px 15px 11px;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(212,175,55,.10),rgba(0,0,0,0))}.screen-kicker{margin:0 0 4px;color:var(--gold-soft);font-size:9px;letter-spacing:.24em;text-transform:uppercase}.screen-title{margin:0;font-family:'Cormorant Garamond',serif;font-size:25px;line-height:1;color:#fff4cb;font-weight:500}.player-panel{margin:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;overflow:hidden}.track-list{display:flex;flex-direction:column}.track{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:11px 12px;border-top:1px solid rgba(255,255,255,.08)}.track:first-child{border-top:0}.track-button{width:30px;height:30px;border-radius:999px;border:1px solid rgba(212,175,55,.48);background:linear-gradient(180deg,rgba(212,175,55,.18),rgba(212,175,55,.06));color:#fff4cb;font-size:10px;cursor:pointer;padding:0;line-height:1}.track-button:hover{border-color:rgba(242,217,138,.82)}.track-meta{min-width:0}.track-title{display:flex;gap:7px;align-items:baseline;margin:0;color:#fff4cb;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-title span{flex:0 0 auto;color:var(--gold-soft);font-size:8px;letter-spacing:.18em;text-transform:uppercase;font-weight:500}.track-desc{display:none}.track-time{display:none}.track.is-playing{background:rgba(212,175,55,.09)}.native-audio{width:100%;height:34px;display:none}.player-note{padding:9px 12px;border-top:1px solid rgba(255,255,255,.08);color:#8f8878;font-size:8px;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-note strong{color:#d9c172;font-weight:500}.music-caption{position:absolute;z-index:2;left:max(28px,calc((100vw - 1120px)/2 + 28px));bottom:34px;max-width:420px;padding:20px 22px;border-left:1px solid rgba(212,175,55,.34);background:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.18));text-shadow:0 2px 18px rgba(0,0,0,.66)}.music-caption h3{margin:0;font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,3.3vw,3.4rem);line-height:.95;font-weight:500;color:#fff4cb}.music-caption p{margin:10px 0 0;color:#d6d0c0;line-height:1.58;font-size:14px}
    .process{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.step{border-top:1px solid rgba(212,175,55,.28);padding-top:18px}.step-num{color:var(--gold-soft);font-size:12px;letter-spacing:.20em;text-transform:uppercase;margin-bottom:12px}.step h3{margin:0 0 10px;font-family:'Cormorant Garamond',serif;font-size:30px;line-height:1;color:#fff4cb;font-weight:500}.step p{margin:0;color:var(--muted);line-height:1.65;font-size:14px}
    .cta{position:relative;left:50%;width:100vw;margin-left:-50vw;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,420px);gap:28px;align-items:start;border-top:1px solid rgba(212,175,55,.20);border-bottom:1px solid rgba(212,175,55,.20);border-radius:0;background:url('/room7/wide_street_view.jpg') center 46%/cover no-repeat;padding:72px max(28px,calc((100vw - 1120px)/2 + 28px));min-height:430px}.cta:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.04) 48%,rgba(0,0,0,.18) 100%);pointer-events:none}.cta:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px rgba(0,0,0,.50);pointer-events:none}.cta-copy,.contact-stack{position:relative;z-index:1}.cta-copy{max-width:660px;padding:30px 34px 34px;border-left:1px solid rgba(212,175,55,.32);background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.56) 66%,rgba(0,0,0,0) 100%);backdrop-filter:blur(1px)}.cta h2{font-size:clamp(2.1rem,4vw,3.5rem)}.cta p{margin:12px 0 0;color:#ddd7c8;line-height:1.65;max-width:620px;text-shadow:0 1px 14px rgba(0,0,0,.55)}.contact-stack{display:flex;flex-direction:column;justify-content:flex-start;gap:12px;min-width:250px;align-items:stretch;padding-top:30px}.contact-link{display:flex;align-items:center;gap:12px;text-align:left;padding:15px 17px;border:1px solid rgba(212,175,55,.28);border-radius:18px;color:#fff4cb;font-size:13px;background:rgba(0,0,0,.48);backdrop-filter:blur(3px)}.contact-link:hover{background:rgba(212,175,55,.12);transform:translateY(-1px)}.contact-icon{width:24px;flex:0 0 24px;text-align:center;font-size:16px}.address-line{line-height:1.45}.footer{padding:28px 0 40px;display:flex;justify-content:space-between;gap:18px;align-items:center;color:var(--muted-2);font-size:12px;letter-spacing:.15em;text-transform:uppercase;border-top:1px solid rgba(212,175,55,.16)}
    @media (max-width:900px){.hero{min-height:72vh;padding:72px 24px;background-position:center 66%}.hero>div{padding:28px 24px}.hero-card{max-width:360px}.grid,.process{grid-template-columns:1fr}.sample-box{min-height:660px}.sample-box:before{background-position:center 54%;transform:scale(1.05)}.music-heading{top:76px}.screen-player{top:48%;width:min(52vw,410px);min-width:300px;transform:translate(-50%,calc(-50% - 18px))}.music-caption{left:24px;bottom:24px;max-width:360px}.cta{grid-template-columns:1fr;gap:12px;padding:56px 34px;background-position:center 46%}.cta-copy{padding:28px 28px 30px}.contact-stack{padding-top:0;max-width:520px}.nav{display:none}}
    @media (max-width:700px){.shell{padding:0 20px}.hero{width:calc(100% + 40px);margin-left:-20px;background-position:center 64%}.hero>div{border-left:0;background:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.28) 75%,rgba(0,0,0,0))}.brandline{font-size:10px;letter-spacing:.26em}.logo-brand img{width:96px;max-height:48px}h1{font-size:clamp(3.2rem,15vw,4.7rem)}.lead{font-size:16px;line-height:1.72}.hero-actions{flex-direction:column}.button-primary,.button-secondary{width:100%}.section{padding:42px 0}.tile{padding:22px;border-radius:22px}.cta{min-height:0;padding:46px 20px;background-position:center 46%}.cta-copy{padding:24px 20px 26px;border-left:1px solid rgba(212,175,55,.28)}.contact-stack{padding-top:0}.contact-link{border-radius:16px;padding:13px 14px}.sample-box{min-height:auto;padding:20vw 20px 26px}.sample-box:before{inset:0;background-position:center top;opacity:.74;transform:scale(1.18);transform-origin:center top}.sample-box:after{background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.88) 100%)}.music-heading{position:relative;left:auto;top:auto;transform:none;width:100%;margin:0 auto 18px;text-align:center}.music-heading-kicker{font-size:10px;letter-spacing:.26em}.music-heading-sub{font-size:28px}.screen-player{position:relative;left:auto;top:auto;transform:none;width:100%;min-width:0;margin:0 auto;border-radius:18px}.screen-head{padding:15px}.screen-title{font-size:29px}.track{padding:12px 14px}.track-button{width:34px;height:34px;font-size:11px}.track-title{font-size:13px}.player-note{font-size:9px;white-space:normal;line-height:1.45}.music-caption{position:relative;left:auto;bottom:auto;max-width:none;margin:20px 0 0;padding:0;border-left:0;background:transparent}.footer{flex-direction:column;align-items:flex-start}}
  
@media (max-width:700px){
  .micro-note{
    text-align:center !important;
    display:block;
    width:100%;
  }
}

    /* =========================
   MUSIC PLAYER — BASE
   ========================= */
.room7-music-stage{
          position:relative;
          min-height:100vh;
          overflow:hidden;
          background:
            radial-gradient(circle at 50% 22%, rgba(242,217,138,.16), rgba(0,0,0,0) 34%),
            radial-gradient(circle at 18% 58%, rgba(212,175,55,.10), rgba(0,0,0,0) 28%),
            radial-gradient(circle at 82% 58%, rgba(212,175,55,.10), rgba(0,0,0,0) 28%),
            linear-gradient(180deg,#070706 0%,#020202 55%,#000 100%);
          isolation:isolate;
        }
        .room7-music-stage:before{
          content:"";
          position:absolute;
          inset:0;
          z-index:-2;
          background:
            linear-gradient(90deg, rgba(212,175,55,.07) 1px, transparent 1px),
            linear-gradient(180deg, rgba(212,175,55,.05) 1px, transparent 1px);
          background-size:72px 72px;
          opacity:.12;
          mask-image:radial-gradient(circle at center, #000 0%, transparent 72%);
        }
        .room7-music-stage:after{
          content:"";
          position:absolute;
          inset:0;
          z-index:-1;
          background:
            linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.0) 38%,rgba(0,0,0,.76) 100%),
            radial-gradient(ellipse at center,rgba(0,0,0,0) 32%,rgba(0,0,0,.72) 100%);
          pointer-events:none;
        }
    
        .music-copy{
          position:relative;
          z-index:5;
          width:min(860px,90vw);
          margin:0 auto;
          padding-top:56px;
          text-align:center;
          text-shadow:0 3px 28px rgba(0,0,0,.72);
        }
        .music-kicker{
          margin:0;
          color:var(--gold-soft);
          font-size:12px;
          letter-spacing:.36em;
          text-transform:uppercase;
          font-weight:600;
        }
        .music-title{
  width:100%;
  max-width:none;
  text-align:center;
  margin:10px auto 0;
  font-size:clamp(2.2rem,4vw,4.1rem);

}
    
        .studio-rig{
  position:relative;
  z-index:2;
  width:min(1500px,100vw);
  height:800px;
  margin:0 auto;
  perspective:1200px;
}
        .desk-glow{
          position:absolute;
          left:50%;
          bottom:42px;
          width:min(1100px,78vw);
          height:160px;
          transform:translateX(-50%);
          border-radius:50%;
          background:radial-gradient(ellipse at center,rgba(242,217,138,.15),rgba(0,0,0,0) 68%);
          filter:blur(8px);
          opacity:.82;
        }
    
        .asset{
          position:absolute;
          display:block;
          height:auto;
          user-select:none;
          -webkit-user-drag:none;
          pointer-events:none;
          filter:drop-shadow(0 26px 40px rgba(0,0,0,.72));
        }
        .computer-wrap{
          position:absolute;
          z-index:4;
          left:50%;
          top:42px;
          width:min(820px,55vw);
          min-width:700px;
          transform:translateX(-50%);
        }
        .computer-img{
          position:relative;
          z-index:1;
          display:block;
          width:100%;
          height:auto;
          filter:drop-shadow(0 28px 52px rgba(0,0,0,.75));
        }
    
        .room7-player-screen{
          position:absolute;
          z-index:3;
          left:8%;
          top:5.2%;
          width:84%;
          min-width:0;
          height:54.2%;
          padding:22px 24px;
          display:flex;
          align-items:center;
          justify-content:center;
          overflow:hidden;
          border:0;
          border-radius:0;
          background:transparent;
          box-shadow:none;
          transform:none;
        }
        .room7-player-screen:before{display:none}
        .player-panel{
          position:relative;
          width:min(640px,99%);
          overflow:hidden;
          backdrop-filter:blur(7px);
        }
        .track-list{display:flex;flex-direction:column;width:100%}
        .track{
          display:grid;
          grid-template-columns:auto 1fr;
          align-items:center;
          gap:12px;
          padding:11px 14px;
          border-top:1px solid rgba(255,255,255,.09);
        }
        .track:first-child{border-top:0}
        .track-button{
          width:38px;
          height:38px;
          border-radius:999px;
          border:1px solid rgba(212,175,55,.62);
          background:linear-gradient(180deg,rgba(212,175,55,.18),rgba(212,175,55,.06));
          color:#fff4cb;
          cursor:pointer;
          font-size:13px;
          line-height:1;
          padding:0;
        }
        .track-button:hover{border-color:rgba(242,217,138,.9);transform:translateY(-1px)}
        .track-title{
          margin:0;
          display:flex;
          align-items:baseline;
          gap:9px;
          color:#fff4cb;
          font-size:16px;
          font-weight:700;
          white-space:nowrap;
          overflow:hidden;
          text-overflow:ellipsis;
        }
        .track-title span{
          flex:0 0 auto;
          color:var(--gold-soft);
          font-size:11px;
          letter-spacing:.18em;
          font-weight:500;
        }
        .track.is-playing{background:rgba(212,175,55,.10)}
    
        /* Keep player rows inside the visible screen area */
        .player-panel{height:100%;max-height:100%;}
        .track-list{height:100%;min-height:0;}
        .track{flex:1 1 0;min-height:0;}
    
        .native-audio{display:none;width:100%}
    
.speaker-left{
  z-index:3;
  left:clamp(-120px,-3vw,-35px);
  bottom:48px;
  width:min(520px,34vw);
}

.speaker-right{
  z-index:3;
  right:clamp(-120px,-3vw,-35px);
  bottom:50px;
  width:min(520px,34vw);
}
        .keyboard-shadow{
          position:absolute;
          z-index:1;
          left:50%;
          bottom:34px;
          width:min(720px,54vw);
          height:32px;
          transform:translateX(-50%);
          border-radius:50%;
          background:rgba(0,0,0,.72);
          filter:blur(16px);
        }
    
        .vu-meter{
          display:none;
          position:absolute;
          z-index:5;
          width:8px;
          height:34px;
          bottom:172px;
          border-radius:999px;
          background:linear-gradient(180deg,#f2d98a,#d4af37 48%,rgba(212,175,55,.12));
          opacity:.18;
          box-shadow:0 0 22px rgba(242,217,138,.35);
        }
        .meter-a{left:17%;animation-delay:.1s}.meter-b{left:18.2%;animation-delay:.34s}.meter-c{right:17%;animation-delay:.22s}.meter-d{right:18.2%;animation-delay:.48s}
    
    
        /* =========================
   MUSIC PLAYER — TABLET
   ========================= */
@media (max-width:1100px) and (min-width:761px){
  /* Tablet: tighten section vertically like mobile */

  .room7-music-stage{
    min-height:auto;
  }

  .music-copy{
    padding-top:28px;
  }

  .music-title{
    font-size:clamp(2.2rem,5vw,3.4rem);
    line-height:.9;
  }

  .studio-rig{
  height:580px;
  margin-top:-18px;
}

  .computer-wrap{
    width:min(640px,60vw);
    min-width:520px;
    top:50px;
  }

  .room7-player-screen{
    top:6.3%;
    height:55%;
    padding:12px 18px;
  }

  .speaker-left{
  width:40vw;
  left:-12vw;
  bottom:45px;
}

.speaker-right{
  width:40vw;
  right:-12vw;
  bottom:45px;
}

  .track{
    padding:6px 12px;
  }

  .track-button{
    width:34px;
    height:34px;
  }

  .track-title{
    font-size:15px;
  }

  .track-title span{
    font-size:10px;
  }
}
/* =========================
   MUSIC PLAYER — MOBILE (BASE)
   ========================= */
        @media (max-width:760px){
          .room7-music-stage{min-height:100svh}
          .music-copy{width:92vw;padding-top:34px}
          .music-kicker{font-size:10px;letter-spacing:.34em}
          .music-title{font-size:clamp(2.05rem,10.5vw,3rem);line-height:.94}
    
          /* Mobile: keep the whole rig inside the viewport */
          .studio-rig{
            width:100vw;
            height:calc(100svh - 145px);
            min-height:430px;
            max-height:590px;
            margin-top:8px;
          }
          .computer-wrap{
            width:min(86vw,56svh,440px);
            min-width:0;
            top:120px;
          }
          .room7-player-screen{
            left:8%;
            top:5.1%;
            width:84%;
            height:55%;
            padding:7px 9px;
          }
          .player-panel{width:96%;border-radius:0px}
          .track{padding:4px 8px;gap:8px}
          .track-button{width:25px;height:25px;font-size:9px}
          .track-title{font-size:11px;gap:7px}
          .track-title span{font-size:7.5px;letter-spacing:.16em}
    
          .keyboard-shadow{width:70vw;bottom:30px}
          .desk-glow{width:92vw;bottom:34px}
          .vu-meter{display:none}

/* remove header text inside monitor */
  .player-kicker,
  .player-title,
  .screen-kicker,
  .screen-title{
    display:none !important;
  }

  /* collapse top section spacing */
  .player-top,
  .screen-head{
    display:none !important;
    padding:0 !important;
    border:0 !important;
    min-height:0 !important;
  }

  /* let tracks use the freed space */
  .room7-player-screen{
    padding:4px 8px !important;
  }

  .player-panel{
    height:100% !important;
  }

  /* remove progress bar */
  .progress-wrap,
  .player-progress,
  .progress-bar{
    display:none !important;
  }
.catalog-head,
  .catalog-title,
  .catalog-count{
    display:none !important;
  }
        }
    
        @media (max-width:390px){
          .music-copy{padding-top:28px}
          .studio-rig{height:calc(100svh - 128px);min-height:405px}
          .computer-wrap{width:min(84vw,54svh,400px);top:110px}
          .track{padding:3px 7px}
          .track-button{width:23px;height:23px}
          .track-title{font-size:10.5px}
        }

    /* Full-width music section */
    .room7-music-stage{
      width:100vw;
      margin-left:calc(50% - 50vw);
      border-top:1px solid rgba(212,175,55,.16);
      border-bottom:1px solid rgba(212,175,55,.16);
    }
    


    /* =========================
   HEADER
   ========================= */
    .room7-header{
      width:100%;
      background:#000;
      border-bottom:1px solid rgba(212,175,55,.24);
      box-shadow:0 12px 40px rgba(0,0,0,.42);
      position:relative;
      z-index:999;
    }
    .room7-header a,
    .room7-header a:visited,
    .room7-header a:hover,
    .room7-header a:active{
      text-decoration:none;
    }
    .room7-header-inner{
      max-width:1500px;
      margin:0 auto;
      min-height:82px;
      padding:0 32px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:34px;
    }
    .room7-logo-wrap{
      display:flex;
      align-items:center;
      gap:22px;
      flex:0 0 auto;
      color:inherit;
      line-height:0;
    }
    .room7-logo-wrap img{
      width:150px;
      height:auto;
      display:block;
      filter:drop-shadow(0 0 18px rgba(212,175,55,.55));
    }
    .room7-brand-text{
      color:#fff;
      font-size:26px;
      font-weight:800;
      letter-spacing:.18em;
      text-transform:uppercase;
      white-space:nowrap;
      line-height:1;
    }
    .room7-header-right{
      display:flex;
      align-items:center;
      gap:34px;
      margin-left:auto;
    }
    .room7-header-nav{
      display:flex;
      align-items:center;
      gap:30px;
    }
    .room7-header-nav a{
      color:rgba(255,255,255,.82);
      font-size:14px;
      font-weight:500;
      letter-spacing:.12em;
      text-transform:uppercase;
      position:relative;
      padding:10px 0;
      line-height:1;
    }
    .room7-header-nav a:after{
      content:"";
      position:absolute;
      left:0;
      bottom:2px;
      width:0;
      height:1px;
      background:linear-gradient(90deg,var(--gold),var(--gold-soft));
      transition:width .28s ease;
    }
    .room7-header-nav a:hover{
      color:var(--gold-soft);
    }
    .room7-header-nav a:hover:after{
      width:100%;
    }
    .room7-header-contact{
      color:#f1ead8;
      font-size:15px;
      font-style:italic;
      white-space:nowrap;
      opacity:.92;
      line-height:1;
    }
    .room7-header-cta{
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:158px;
      height:52px;
      padding:0 24px;
      overflow:hidden;
      border:1px solid rgba(212,175,55,.45);
      border-radius:8px;
      background:
        linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0)),
        #161616;
      color:#fff4cb !important;
      font-size:12px;
      font-weight:800;
      letter-spacing:.22em;
      text-transform:uppercase;
      box-shadow:
        0 12px 28px rgba(0,0,0,.48),
        inset 0 0 24px rgba(212,175,55,.08);
      transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
      line-height:1;
    }
    .room7-header-cta:before{
      content:"";
      position:absolute;
      top:0;
      left:-80%;
      width:60%;
      height:100%;
      background:linear-gradient(90deg,transparent,rgba(242,217,138,.42),transparent);
      transform:skewX(-18deg);
      animation:room7-shine 3.4s infinite;
    }
    .room7-header-cta span{
      position:relative;
      z-index:1;
    }
    .room7-header-cta:hover{
      color:#fff4cb !important;
      transform:translateY(-2px);
      border-color:rgba(242,217,138,.9);
      box-shadow:
        0 18px 38px rgba(0,0,0,.58),
        0 0 24px rgba(212,175,55,.22),
        inset 0 0 30px rgba(212,175,55,.12);
    }
    @keyframes room7-shine{
      0%{left:-80%}
      42%{left:130%}
      100%{left:130%}
    }
    .room7-menu-toggle{
      display:none;
    }
    .room7-hamburger{
      display:none;
      width:44px;
      height:44px;
      border:1px solid rgba(212,175,55,.45);
      border-radius:8px;
      cursor:pointer;
      align-items:center;
      justify-content:center;
      flex-direction:column;
      gap:5px;
      background:rgba(0,0,0,.28);
      transition:.25s ease;
    }
    .room7-hamburger:hover{
      border-color:rgba(242,217,138,.9);
      box-shadow:0 0 20px rgba(212,175,55,.18);
    }
    .room7-hamburger span{
      width:20px;
      height:2px;
      background:#fff4cb;
      display:block;
      transition:.25s ease;
    }
    .room7-mobile-menu{
      display:none;
    }
    .room7-mobile-contact{
      color:rgba(242,217,138,.92) !important;
      font-style:italic;
      letter-spacing:.06em !important;
      text-transform:none !important;
    }
    .room7-mobile-cta{
      color:#fff4cb !important;
      background:
        linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0)),
        rgba(212,175,55,.10);
    }
    @media(max-width:1100px){
      .room7-brand-text{display:none}
      .room7-header-contact{display:none}
      .room7-header-inner{gap:22px}
      .room7-header-right{gap:22px}
    }
    @media(max-width:760px){
      .room7-header-inner{
        min-height:82px;
        padding:0 28px;
      }
      .room7-logo-wrap img{width:150px}
      .room7-header-nav,
      .room7-header-contact,
      .room7-header-cta{display:none}
      .room7-hamburger{display:flex}
      .room7-mobile-menu{
        display:flex;
        flex-direction:column;
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:#000;
        border-top:1px solid rgba(212,175,55,.24);
        border-bottom:1px solid rgba(212,175,55,.24);
        box-shadow:0 18px 44px rgba(0,0,0,.62);
        transform:translateY(-8px);
        opacity:0;
        pointer-events:none;
        transition:opacity .22s ease,transform .22s ease;
        z-index:998;
      }
      .room7-mobile-menu a{
        padding:18px 28px;
        color:#fff4cb;
        border-bottom:1px solid rgba(255,255,255,.08);
        font-size:12px;
        font-weight:700;
        letter-spacing:.18em;
        text-transform:uppercase;
      }
      .room7-mobile-menu a:hover{
        background:rgba(212,175,55,.10);
        color:var(--gold-soft);
      }
      .room7-menu-toggle:checked ~ .room7-mobile-menu{
        transform:translateY(0);
        opacity:1;
        pointer-events:auto;
      }
      .room7-menu-toggle:checked + .room7-hamburger span:nth-child(1){
        transform:translateY(7px) rotate(45deg);
      }
      .room7-menu-toggle:checked + .room7-hamburger span:nth-child(2){
        opacity:0;
      }
      .room7-menu-toggle:checked + .room7-hamburger span:nth-child(3){
        transform:translateY(-7px) rotate(-45deg);
      }
	
    }
    @media(max-width:460px){
      .room7-header-inner{padding:0 20px}
      .room7-logo-wrap img{width:145px}
    }



    /* =========================
   MUSIC PLAYER — MOBILE
   ========================= */
    @media (max-width:760px){
      .room7-music-stage{
        min-height:auto !important;
        padding-bottom:0 !important;
      }
      .room7-music-stage .music-copy{
        width:92vw !important;
        padding-top:18px !important;
        margin-bottom:0 !important;
      }
      .room7-music-stage .music-kicker{
        font-size:9.5px !important;
        letter-spacing:.32em !important;
      }
      .room7-music-stage .music-title{
        margin-top:8px !important;
        font-size:clamp(1.85rem,9.6vw,2.75rem) !important;
        line-height:.86 !important;
      }
      .room7-music-stage .studio-rig{
        width:100vw !important;
        height:385px !important;
        min-height:0 !important;
        max-height:none !important;
        margin-top:-18px !important;
        overflow:visible !important;
      }
      .room7-music-stage .computer-wrap{
        width:min(90vw,440px) !important;
        min-width:0 !important;
        top:42px !important;
      }
      .room7-music-stage .room7-player-screen{
        left:8% !important;
        top:5.1% !important;
        width:84% !important;
        height:55% !important;
        padding:7px 9px !important;
      }
      .room7-music-stage .player-panel{
        width:96% !important;
        border-radius:0px !important;
      }
      .room7-music-stage .track{
        padding:4px 8px !important;
        gap:8px !important;
      }
      .room7-music-stage .track-button{
        width:28px !important;
        height:28px !important;
        font-size:10px !important;
      }
      .room7-music-stage .track-title{
        font-size:12.5px !important;
        gap:7px !important;
      }
      .room7-music-stage .track-title span{
        font-size:8.5px !important;
        letter-spacing:.16em !important;
      }
      .room7-music-stage .speaker-left{
  width:52vw !important;
  left:-30vw !important;
  bottom:58px !important;
  opacity:.84 !important;
}

.room7-music-stage .speaker-right{
  width:52vw !important;
  right:-30vw !important;
  bottom:58px !important;
  opacity:.84 !important;
}
      .room7-music-stage .keyboard-shadow{
        width:66vw !important;
        bottom:18px !important;
      }
      .room7-music-stage .desk-glow{
        width:90vw !important;
        height:110px !important;
        bottom:18px !important;
      }
.room7-music-stage .player-panel{
  height:100% !important;
  min-height:100% !important;
  display:grid !important;
  grid-template-rows:auto 1fr auto !important;
}

.room7-music-stage .browser-body{
  min-height:0 !important;
  height:100% !important;
}

.room7-music-stage .catalog{
  min-height:0 !important;
  height:100% !important;
}

.room7-music-stage .track-list{
  min-height:0 !important;
  height:100% !important;
  overflow:auto !important;
}

.room7-music-stage .now-bar{
  align-self:end !important;
}
    }

    @media (max-width:390px){
      .room7-music-stage .music-copy{
        padding-top:16px !important;
      }
      .room7-music-stage .music-title{
        font-size:clamp(1.75rem,9.2vw,2.45rem) !important;
      }
      .room7-music-stage .studio-rig{
        height:350px !important;
        margin-top:-16px !important;
      }
      .room7-music-stage .computer-wrap{
        width:min(82vw,46svh,370px) !important;
        top:38px !important;
      }
.room7-music-stage .speaker-left{
  width:52vw !important;
  left:-30vw !important;
  bottom:52px !important;
}

.room7-music-stage .speaker-right{
  width:52vw !important;
  right:-30vw !important;
  bottom:52px !important;
}
    }

    /* =========================
   MUSIC PLAYER — LANDSCAPE
   ========================= */
@media (max-width:950px) and (orientation:landscape){
  html,
  body{
    background:#000 !important;
    overflow-x:hidden !important;
  }

  .room7-music-stage{
    min-height:auto !important;
  }

  .room7-music-stage .music-copy{
    padding-top:10px !important;
  }

  .room7-music-stage .music-title{
    font-size:clamp(1.8rem,3.8vw,2.8rem) !important;
    line-height:.88 !important;
  }

  .room7-music-stage .studio-rig{
    height:390px !important;
    margin-top:-20px !important;
    overflow:visible !important;
  }

  .room7-music-stage .computer-wrap{
    width:min(44vw,380px) !important;
    min-width:0 !important;
    left:50% !important;
    top:52px !important;
    transform:translateX(-50%) !important;
  }

.room7-music-stage .speaker-left{
  width:24vw !important;
  left:2vw !important;
  right:auto !important;
  bottom:48px !important;
  opacity:.86 !important;
}

.room7-music-stage .speaker-right{
  width:24vw !important;
  right:2vw !important;
  left:auto !important;
  bottom:48px !important;
  opacity:.86 !important;
}
}

    /* =========================
   FOOTER
   ========================= */
    .room7-footer{
      position:relative;
      width:100vw;
      margin-left:calc(50% - 50vw);
      background:
        radial-gradient(circle at top center, rgba(212,175,55,.08), transparent 42%),
        linear-gradient(180deg,#080808 0%,#000 100%);
      border-top:1px solid rgba(212,175,55,.24);
      overflow:hidden;
      box-shadow:0 -12px 40px rgba(0,0,0,.42);
    }
    .room7-footer:before{
      content:"";
      position:absolute;
      top:0;
      left:-40%;
      width:40%;
      height:1px;
      background:linear-gradient(90deg,transparent,var(--gold-soft),transparent);
      animation:room7FooterShine 5s infinite;
    }
    @keyframes room7FooterShine{
      0%{left:-40%}
      100%{left:120%}
    }
    .room7-footer-inner{
      max-width:1400px;
      margin:0 auto;
      padding:42px 32px 28px;
    }
    .room7-footer-top{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:32px;
      margin-bottom:26px;
    }
    .room7-footer-brand{
      display:flex;
      align-items:center;
      gap:20px;
    }
    .room7-footer-brand img{
      width:130px;
      height:auto;
      display:block;
      filter:drop-shadow(0 0 14px rgba(212,175,55,.45));
    }
    .room7-footer-brand-text h3{
      margin:0;
      color:#fff4cb;
      font-family:'Cormorant Garamond',serif;
      font-size:34px;
      font-weight:500;
      line-height:1;
      letter-spacing:-.025em;
    }
    .room7-footer-brand-text p{
      margin:6px 0 0;
      color:var(--muted-2);
      font-size:11px;
      letter-spacing:.2em;
      text-transform:uppercase;
	color:#e3cd51;
    }
    .room7-footer-nav{
      display:flex;
      gap:30px;
      align-items:center;
    }
    .room7-footer-nav a{
      color:rgba(255,255,255,.75);
      text-decoration:none;
      font-size:12px;
      font-weight:600;
      letter-spacing:.18em;
      text-transform:uppercase;
      transition:.25s ease;
    }
    .room7-footer-nav a:hover{
      color:var(--gold-soft);
    }
    .room7-footer-contact{
      display:flex;
      flex-direction:column;
      align-items:flex-end;
      gap:12px;
    }
    .room7-footer-contact a,
    .room7-footer-location{
      color:#fff4cb;
      text-decoration:none;
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:10px;
      white-space:nowrap;
      transition:.25s ease;
    }
    .room7-footer-contact a:hover{
      color:var(--gold-soft);
      transform:translateY(-1px);
    }
    .room7-footer-emoji{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:20px;
      flex:0 0 20px;
      line-height:1;
      font-size:15px;
    }
    .room7-footer-social svg{
      width:20px;
      height:20px;
      fill:none;
      stroke:currentColor;
      stroke-width:2;
      stroke-linecap:round;
      stroke-linejoin:round;
      flex:0 0 20px;
    }
    .room7-footer-bottom{
      padding-top:24px;
      border-top:1px solid rgba(255,255,255,.08);
      display:flex;
      justify-content:space-between;
      gap:20px;
    }
    .room7-footer-copy{
      color:var(--muted-2);
      font-size:11px;
      letter-spacing:.16em;
      text-transform:uppercase;
    }
    @media(max-width:900px){
      .room7-footer-top{
        flex-direction:column;
        align-items:flex-start;
      }
      .room7-footer-contact{
        align-items:flex-start;
      }
      .room7-footer-contact a{
        justify-content:flex-start;
      }
      .room7-footer-bottom{
        flex-direction:column;
      }
    }
    @media(max-width:600px){
      .room7-footer-inner{
        padding:36px 24px 28px;
      }
      .room7-footer-nav{
        flex-direction:column;
        align-items:flex-start;
        gap:14px;
      }
      .room7-footer-brand{
        flex-direction:column;
        align-items:flex-start;
      }
      .room7-footer-brand img{
        width:115px;
      }
      .room7-footer-brand-text h3{
        font-size:30px;
      }
      .room7-footer-contact a{
        font-size:14px;
      }
    }

    /* =========================
   WHAT WE DO
   ========================= */
    .room7-what-section{
      position:relative;
      width:100vw;
      margin-left:calc(50% - 50vw);
      min-height:760px;
      overflow:hidden;
      isolation:isolate;
      display:flex;
      align-items:center;
      border-top:1px solid rgba(212,175,55,.22);
      border-bottom:1px solid rgba(212,175,55,.22);
      background:#030303;
      padding:0;
    }

    .room7-what-section:before{
      content:"";
      position:absolute;
      inset:0;
      z-index:-3;
      background:
        linear-gradient(90deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.20) 30%,rgba(0,0,0,.12) 50%,rgba(0,0,0,.20) 70%,rgba(0,0,0,.76) 100%),
        linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.18) 58%,rgba(0,0,0,.72) 100%),
        url('/room7/706_tallest.png') center center/cover no-repeat;
      transform:scale(1.01);
    }

    .room7-what-section:after{
      content:"";
      position:absolute;
      inset:0;
      z-index:-2;
      pointer-events:none;
      background:
        radial-gradient(circle at 50% 43%,rgba(242,217,138,.08),rgba(0,0,0,0) 23%),
        radial-gradient(circle at 50% 79%,rgba(212,175,55,.08),rgba(0,0,0,0) 16%),
        radial-gradient(ellipse at center,rgba(0,0,0,0) 28%,rgba(0,0,0,.68) 100%);
    }

    .room7-what-grid{
      width:min(1480px,100%);
      margin:0 auto;
      padding:86px 52px;
      display:grid;
      grid-template-columns:minmax(300px,1fr) minmax(360px,520px) minmax(300px,1fr);
      gap:36px;
      align-items:center;
    }

    .room7-copy-card{
      position:relative;
      z-index:2;
      padding:34px 34px 36px;
      border:1px solid rgba(212,175,55,.20);
      border-radius:28px;
      background:linear-gradient(180deg,rgba(0,0,0,.70),rgba(0,0,0,.42));
      box-shadow:0 24px 60px rgba(0,0,0,.42), inset 0 0 24px rgba(212,175,55,.035);
      backdrop-filter:blur(5px);
    }

    .room7-copy-card.main{
      align-self:stretch;
      display:flex;
      flex-direction:column;
      justify-content:center;
    }

    .room7-what-section .section-kicker{
      margin:0 0 14px;
      color:var(--gold-soft);
      font-size:11px;
      font-weight:600;
      letter-spacing:.34em;
      text-transform:uppercase;
    }

    .room7-title{
      margin:0;
      color:#fff4cb;
      font-family:'Cormorant Garamond',serif;
      font-size:clamp(2.65rem,4.8vw,5.35rem);
      line-height:.88;
      letter-spacing:-.055em;
      font-weight:500;
      text-shadow:0 2px 28px rgba(0,0,0,.72);
    }

    .room7-copy{
      margin:24px 0 0;
      color:#d8d1c2;
      font-size:16px;
      line-height:1.76;
      max-width:650px;
    }

    .room7-center-space{
      min-height:560px;
      position:relative;
      display:flex;
      align-items:end;
      justify-content:center;
      pointer-events:none;
    }

    .room7-center-space::before{
      content:none;
    }

    .door-note{
      display:none;
    }

    .steps-stack{
      display:flex;
      flex-direction:column;
      gap:14px;
    }

    .room7-what-section .step{
      position:relative;
      overflow:hidden;
      padding:24px 24px 25px;
      border:1px solid rgba(212,175,55,.20);
      border-radius:24px;
      background:linear-gradient(180deg,rgba(0,0,0,.68),rgba(0,0,0,.42));
      box-shadow:0 18px 46px rgba(0,0,0,.38), inset 0 0 20px rgba(212,175,55,.03);
      backdrop-filter:blur(5px);
      border-top:1px solid rgba(212,175,55,.20);
    }

    .room7-what-section .step:before{
      content:"";
      position:absolute;
      left:0;
      top:0;
      width:3px;
      height:100%;
      background:linear-gradient(180deg,transparent,var(--gold-soft),transparent);
      opacity:.65;
    }

    .room7-what-section .step-num{
      margin:0 0 10px;
      color:var(--gold-soft);
      font-size:11px;
      font-weight:600;
      letter-spacing:.22em;
      text-transform:uppercase;
    }

    .room7-what-section .step h3{
      margin:0 0 9px;
      color:#fff4cb;
      font-family:'Cormorant Garamond',serif;
      font-size:34px;
      line-height:1;
      font-weight:500;
      letter-spacing:-.025em;
    }

    .room7-what-section .step p{
      margin:0;
      color:var(--muted);
      font-size:14px;
      line-height:1.62;
    }

    @media(max-width:1100px){
      .room7-what-section{min-height:auto}
      .room7-what-grid{
        grid-template-columns:1fr;
        gap:20px;
        padding:70px 30px;
      }
      .room7-what-section:before{
    background:
      linear-gradient(180deg,rgba(0,0,0,.64) 0%,rgba(0,0,0,.12) 35%,rgba(0,0,0,.78) 100%),
      url('/room7/706_tallest.png') center -300px / 155% auto no-repeat;
  }
      .room7-center-space{
        min-height:360px;
        order:2;
      }
      .room7-copy-card.main{order:1}
      .steps-stack{order:3}
    }

    @media(max-width:680px){
  .room7-what-grid{
    padding:46px 20px;
    gap:14px;
  }

  .room7-copy-card{
    padding:26px 22px;
    border-radius:22px;
  }

  .room7-title{
    font-size:clamp(2.55rem,14vw,4rem);
  }

  .room7-copy{
    font-size:15px;
    line-height:1.68;
    margin-top:18px;
  }

  /* KEY FIX */
  .room7-center-space{
    min-height:140px; /* was 300 */
  }

  .room7-what-section:before{
    background:
      linear-gradient(180deg,rgba(0,0,0,.64) 0%,rgba(0,0,0,.16) 35%,rgba(0,0,0,.82) 100%),
      url('/room7/706_tallest.png') center top/auto 100% no-repeat !important;

    background-position:center top, center -15px !important;
  }

  .room7-what-section .step{
    padding:22px 20px;
    border-radius:20px;
  }

  .room7-what-section .step h3{
    font-size:30px;
  }
}


    /* =========================
   CONTACT
   ========================= */
    .room7-contact-section{
      position:relative;
      width:100vw;
      margin-left:calc(50% - 50vw);
      min-height:780px;
      overflow:hidden;
      isolation:isolate;
      display:flex;
      align-items:center;
      padding:54px max(28px,calc((100vw - 1240px)/2 + 28px));
      border-top:1px solid rgba(212,175,55,.22);
      border-bottom:1px solid rgba(212,175,55,.22);
      background:#030303;
    }

    .room7-contact-section:before{
      content:"";
      position:absolute;
      inset:0;
      z-index:-3;
      background:
  linear-gradient(90deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.12) 38%,rgba(0,0,0,.24) 100%),
  linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.08) 42%,rgba(0,0,0,.38) 100%),
  url('/room7/wide_street_view.jpg') center center/cover no-repeat;
      transform:scale(1.04);
      transform-origin:center center;
    }

    .room7-contact-section:after{
      content:"";
      position:absolute;
      inset:0;
      z-index:-2;
      pointer-events:none;
      background:
        radial-gradient(circle at 50% 58%,rgba(242,217,138,.14),transparent 15%),
        radial-gradient(circle at 50% 74%,rgba(212,175,55,.12),transparent 14%),
        radial-gradient(ellipse at center,transparent 24%,rgba(0,0,0,.64) 100%);
      box-shadow:inset 0 0 95px rgba(0,0,0,.72);
    }

    .contact-frame-lines{
      position:absolute;
      inset:34px 0;
      z-index:-1;
      pointer-events:none;
      opacity:.9;
    }

    .contact-grid{
      width:min(1240px,100%);
      margin:0 auto;
      display:grid;
      grid-template-columns:minmax(340px,1fr) minmax(150px,240px) minmax(340px,440px);
      gap:24px;
      align-items:center;
    }

    .door-breathing-room{
      min-height:430px;
      pointer-events:none;
    }

    .contact-copy{
      position:relative;
      padding:30px 32px 32px;
      border-left:1px solid rgba(212,175,55,.36);
      background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.50) 72%,rgba(0,0,0,0) 100%);
      box-shadow:0 28px 70px rgba(0,0,0,.36);
      backdrop-filter:blur(2px);
    }

    .contact-copy h1{
      margin:0;
      max-width:680px;
      color:#fff4cb;
      font-family:'Cormorant Garamond',serif;
      font-size:clamp(3rem,4.7vw,5.05rem);
      line-height:.88;
      letter-spacing:-.055em;
      font-weight:500;
      text-shadow:0 2px 28px rgba(0,0,0,.72);
    }

    .contact-copy p{
      margin:18px 0 0;
      max-width:620px;
      color:#ddd7c8;
      font-size:16px;
      line-height:1.64;
      text-shadow:0 1px 14px rgba(0,0,0,.55);
    }

    .contact-copy .section-kicker{
      margin:0 0 12px;
      color:var(--gold-soft);
      font-size:11px;
      font-weight:600;
      letter-spacing:.34em;
      text-transform:uppercase;
    }

    .tiny-contact-row{
      display:flex;
      flex-wrap:wrap;
      gap:12px 18px;
      margin-top:20px;
      color:#fff0bd;
      font-size:12px;
      letter-spacing:.12em;
      text-transform:uppercase;
    }

    .tiny-contact-row a{color:inherit;text-decoration:none}
    .tiny-contact-row a:hover{color:var(--gold-soft)}

    .contact-form-card{
      position:relative;
      border:1px solid rgba(242,217,138,.24);
      border-radius:24px;
      background:
        linear-gradient(180deg,rgba(16,13,9,.78),rgba(5,5,5,.72)),
        radial-gradient(circle at top right,rgba(212,175,55,.12),transparent 38%);
      box-shadow:
        0 30px 80px rgba(0,0,0,.54),
        inset 0 0 28px rgba(212,175,55,.04);
      backdrop-filter:blur(7px);
      padding:22px;
      max-width:440px;
      justify-self:end;
      overflow:hidden;
    }

    .contact-form-card:before{
      content:"";
      position:absolute;
      top:0;
      left:28px;
      right:28px;
      height:1px;
      background:linear-gradient(90deg,transparent,var(--gold-soft),transparent);
      opacity:.72;
    }

    .room7-form{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
    }

    .room7-form .field{display:flex;flex-direction:column;gap:8px}
    .room7-form .field.full{grid-column:1 / -1}

    .room7-form label{
      color:#b9b3a3;
      font-size:9px;
      font-weight:700;
      letter-spacing:.24em;
      text-transform:uppercase;
    }

    .room7-form input,
    .room7-form select,
    .room7-form textarea{
      width:100%;
      border:1px solid rgba(255,255,255,.16);
      border-radius:12px;
      background:rgba(0,0,0,.42);
      color:#fff4cb;
      font:500 13px/1.2 'Inter',sans-serif;
      outline:none;
      transition:border-color .22s ease,box-shadow .22s ease,background .22s ease;
    }

    .room7-form input,
    .room7-form select{
      height:42px;
      padding:0 13px;
    }

    .room7-form textarea{
      min-height:96px;
      resize:vertical;
      padding:15px 14px;
      line-height:1.55;
    }

    .room7-form input::placeholder,
    .room7-form textarea::placeholder{color:rgba(221,215,200,.46)}

    .room7-form input:focus,
    .room7-form select:focus,
    .room7-form textarea:focus{
      border-color:rgba(242,217,138,.70);
      box-shadow:0 0 0 3px rgba(212,175,55,.11);
      background:rgba(0,0,0,.58);
    }

    .room7-form select{appearance:auto;color:#ddd7c8}

    .captcha-box{
      grid-column:1 / -1;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      min-height:50px;
      padding:10px 13px;
      border:1px solid rgba(255,255,255,.14);
      border-radius:16px;
      background:rgba(0,0,0,.36);
    }

    .captcha-check{
      display:flex;
      align-items:center;
      gap:12px;
      color:#ddd7c8;
      font-size:13px;
      letter-spacing:0;
      text-transform:none;
      font-weight:500;
    }

    .captcha-check input{
      width:20px;
      height:20px;
      accent-color:var(--gold);
      flex:0 0 auto;
      padding:0;
    }

    .captcha-mark{
      color:rgba(242,217,138,.72);
      font-size:9px;
      letter-spacing:.18em;
      text-transform:uppercase;
      white-space:nowrap;
    }

    .send-button{
      grid-column:1 / -1;
      height:50px;
      border:1px solid rgba(242,217,138,.54);
      border-radius:16px;
      cursor:pointer;
      background:linear-gradient(180deg,#e6c763 0%,#c89e2e 100%);
      color:#060606;
      font-size:12px;
      font-weight:800;
      letter-spacing:.24em;
      text-transform:uppercase;
      box-shadow:0 18px 36px rgba(0,0,0,.34);
      transition:transform .22s ease,filter .22s ease,box-shadow .22s ease;
    }

    .send-button:hover{
      transform:translateY(-1px);
      filter:brightness(1.05);
      box-shadow:0 24px 44px rgba(0,0,0,.44),0 0 24px rgba(212,175,55,.18);
    }

    @media(max-width:980px){
      .room7-contact-section{
        min-height:auto;
        padding:58px 28px;
      }
      .room7-contact-section:before{
        background:
          linear-gradient(180deg,rgba(0,0,0,.52) 0%,rgba(0,0,0,.25) 40%,rgba(0,0,0,.86) 100%),
          url('/room7/wide_street_view.jpg') center 82%/cover no-repeat;
      }
      .contact-grid{grid-template-columns:1fr;gap:24px}
      .door-breathing-room{display:none}
      .contact-copy{padding:30px 28px 32px;max-width:760px}
      .contact-form-card{max-width:760px;width:100%;justify-self:stretch}
    }

    @media(max-width:620px){
      .room7-contact-section{padding:42px 20px}
      .room7-contact-section:before{
        background:
          linear-gradient(180deg,rgba(0,0,0,.46) 0%,rgba(0,0,0,.24) 36%,rgba(0,0,0,.90) 100%),
          url('/room7/wide_street_view.jpg') center 84%/cover no-repeat;
      }
      .contact-copy{
        padding:24px 20px 26px;
        border-left:1px solid rgba(212,175,55,.30);
      }
      .contact-copy h1{font-size:clamp(2.75rem,14vw,4.2rem)}
      .contact-copy p{font-size:15px;line-height:1.65}
      .contact-form-card{padding:22px;border-radius:22px}
      .room7-form{grid-template-columns:1fr;gap:14px}
      .captcha-box{align-items:flex-start;flex-direction:column;gap:8px}
      .send-button{height:54px}
    }

.form-message{
  grid-column: 1 / -1;
  display: none;
  padding: 13px 15px;
  border-radius: 14px;
  font-size: 13px;
  line-height: 1.45;
  letter-spacing: 0;
  margin-bottom: 14px;
}

.form-message.success{
  border:1px solid rgba(98, 210, 122, .55);
  background:rgba(30, 90, 42, .38);
  color:#d8ffe0;
  box-shadow:0 0 24px rgba(60, 180, 80, .14);
}

.form-message.error{
  border:1px solid rgba(255, 120, 120, .55);
  background:rgba(120, 25, 25, .34);
  color:#ffe1e1;
  box-shadow:0 0 24px rgba(255, 80, 80, .12);
}

/* FINAL iPhone contact background fix */
@media (max-width: 980px) {
  .room7-contact-section {
    overflow: hidden;
  }

  .room7-contact-section:before {
    background:
      linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.18) 42%,rgba(0,0,0,.48) 100%),
      url('/room7/wide_street_view.jpg') center center / cover no-repeat !important;
    transform: none !important;
  }

  .room7-contact-section:after {
    box-shadow: none !important;
  }
}

/* v15 FINAL contact background fix: background lives on the SECTION, not only negative pseudo layers.
   This fixes iPhone/Safari where the image appeared to stop before the form. */
.room7-contact-section{
  background:
    linear-gradient(180deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.10) 42%,rgba(0,0,0,.42) 100%),
    url('/room7/wide_street_view.jpg') center center / cover no-repeat !important;
}

.room7-contact-section:before{
  z-index:0 !important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.08) 42%,rgba(0,0,0,.22) 100%) !important;
  transform:none !important;
}

.room7-contact-section:after{
  z-index:0 !important;
  background:
    radial-gradient(circle at 50% 58%,rgba(242,217,138,.10),transparent 16%),
    radial-gradient(circle at 50% 74%,rgba(212,175,55,.08),transparent 15%),
    radial-gradient(ellipse at center,transparent 28%,rgba(0,0,0,.36) 100%) !important;
  box-shadow:inset 0 0 42px rgba(0,0,0,.28) !important;
}

.contact-frame-lines,
.contact-grid,
.contact-copy,
.contact-form-card{
  position:relative;
  z-index:1;
}

/* Let the street image continue visually behind the form instead of turning into a black block. */
.contact-form-card{
  background:
    linear-gradient(180deg,rgba(16,13,9,.54),rgba(5,5,5,.46)),
    radial-gradient(circle at top right,rgba(212,175,55,.10),transparent 38%) !important;
  backdrop-filter:blur(2px) !important;
  -webkit-backdrop-filter:blur(2px) !important;
}

.room7-form input,
.room7-form select,
.room7-form textarea{
  background:rgba(0,0,0,.34) !important;
}

@media(max-width:980px){
  .room7-contact-section{
    min-height:auto !important;
    background:
      linear-gradient(180deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.10) 38%,rgba(0,0,0,.46) 100%),
      url('/room7/wide_street_view.jpg') center center / cover no-repeat !important;
  }

  .room7-contact-section:before{
    background:linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.24)) !important;
  }

  .room7-contact-section:after{
    box-shadow:inset 0 0 34px rgba(0,0,0,.24) !important;
  }

  .contact-form-card{
    background:
      linear-gradient(180deg,rgba(16,13,9,.50),rgba(5,5,5,.42)),
      radial-gradient(circle at top right,rgba(212,175,55,.09),transparent 38%) !important;
  }
}

@media(max-width:620px){
  .room7-contact-section{
    padding:42px 20px !important;
    background:
      linear-gradient(180deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,.12) 38%,rgba(0,0,0,.48) 100%),
      url('/room7/wide_street_view.jpg') center center / cover no-repeat !important;
  }

  .contact-form-card{
    background:
      linear-gradient(180deg,rgba(16,13,9,.48),rgba(5,5,5,.40)),
      radial-gradient(circle at top right,rgba(212,175,55,.08),transparent 38%) !important;
  }
}

  


/* =========================
   CATALOG / SUPERVISOR TRUST
   ========================= */
.supervisor-grid{
  width:min(1240px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(340px,1fr) minmax(120px,220px) minmax(340px,440px);
  gap:24px;
  align-items:center;
}
.supervisor-copy{
  position:relative;
  z-index:1;
  padding:30px 32px 32px;
  border-left:1px solid rgba(212,175,55,.36);
  background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.50) 72%,rgba(0,0,0,0) 100%);
  box-shadow:0 28px 70px rgba(0,0,0,.36);
  backdrop-filter:blur(2px);
}
.supervisor-copy h1,
.supervisor-card h2{
  margin:0;
  color:#fff4cb;
  font-family:'Cormorant Garamond',serif;
  font-weight:500;
  text-shadow:0 2px 28px rgba(0,0,0,.72);
}
.supervisor-copy h1{
  max-width:680px;
  font-size:clamp(3rem,4.7vw,5.05rem);
  line-height:.88;
  letter-spacing:-.055em;
}
.supervisor-copy .section-kicker,
.supervisor-card .section-kicker{
  margin:0 0 12px;
  color:var(--gold-soft);
  font-size:11px;
  font-weight:600;
  letter-spacing:.34em;
  text-transform:uppercase;
}
.music-for-list{
  list-style:none;
  padding:0;
  margin:24px 0 0;
  display:grid;
  gap:10px;
}
.music-for-list li{
  color:#f7f3e8;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.8rem,2.9vw,3.05rem);
  line-height:.98;
  letter-spacing:-.035em;
  text-shadow:0 2px 22px rgba(0,0,0,.72);
}
.supervisor-line{
  margin:26px 0 0;
  color:#fff4cb;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.65rem,2.25vw,2.5rem);
  line-height:1.12;
  letter-spacing:-.025em;
}
.supervisor-card{
  position:relative;
  z-index:1;
  border:1px solid rgba(242,217,138,.24);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(16,13,9,.66),rgba(5,5,5,.50)),radial-gradient(circle at top right,rgba(212,175,55,.12),transparent 38%);
  box-shadow:0 30px 80px rgba(0,0,0,.54),inset 0 0 28px rgba(212,175,55,.04);
  backdrop-filter:blur(3px);
  padding:26px;
  max-width:440px;
  justify-self:end;
  overflow:hidden;
}
.supervisor-card:before{
  content:"";
  position:absolute;
  top:0;
  left:28px;
  right:28px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--gold-soft),transparent);
  opacity:.72;
}
.supervisor-card h2{
  font-size:clamp(2.1rem,3.5vw,3.35rem);
  line-height:.94;
  letter-spacing:-.045em;
}
.supervisor-checks{
  list-style:none;
  padding:0;
  margin:24px 0 0;
  display:grid;
  gap:16px;
}
.supervisor-checks li{
  display:flex;
  align-items:center;
  gap:13px;
  color:#f7f3e8;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.45rem,2vw,2.1rem);
  line-height:1;
  letter-spacing:-.02em;
}
.supervisor-checks li:before{
  content:"✓";
  color:rgba(242,217,138,.78);
  font-family:'Inter',sans-serif;
  font-size:1.15em;
  line-height:1;
  filter:drop-shadow(0 0 12px rgba(212,175,55,.24));
}
.licensing-badges{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-top:24px;
}
.licensing-badges span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:12px 16px;
  border:1px solid rgba(242,217,138,.32);
  border-radius:999px;
  background:rgba(0,0,0,.34);
  color:#fff4cb;
  font-size:12px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-align:center;
}
.room7-final-contact{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  padding:72px max(28px,calc((100vw - 1240px)/2 + 28px));
  background:
    linear-gradient(90deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.12) 38%,rgba(0,0,0,.24) 100%),
    linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.08) 42%,rgba(0,0,0,.38) 100%),
    url('https://room7pub.com/room7/walk_of_fame.png') center center/cover no-repeat;
  border-top:1px solid rgba(212,175,55,.22);
  overflow:hidden;
}
.final-contact-grid{
  width:min(1120px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(320px,1fr) minmax(340px,500px);
  gap:34px;
  align-items:start;
}
.final-contact-copy{
  padding:30px 34px 34px;
  border-left:1px solid rgba(212,175,55,.34);
  background:linear-gradient(90deg,rgba(0,0,0,.60),rgba(0,0,0,.18));
}
.final-contact-copy h1{
  margin:0;
  color:#fff4cb;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(3rem,5vw,5.2rem);
  line-height:.9;
  letter-spacing:-.055em;
  font-weight:500;
}
.final-contact-copy p{
  margin:18px 0 0;
  max-width:580px;
  color:#ddd7c8;
  font-size:16px;
  line-height:1.65;
}
.room7-final-contact .contact-form-card{
  width:100%;
  max-width:500px;
  justify-self:end;
  background:linear-gradient(180deg,rgba(16,13,9,.78),rgba(5,5,5,.72)),radial-gradient(circle at top right,rgba(212,175,55,.12),transparent 38%) !important;
  backdrop-filter:blur(7px) !important;
  -webkit-backdrop-filter:blur(7px) !important;
}
.room7-final-contact .room7-form input,
.room7-final-contact .room7-form select,
.room7-final-contact .room7-form textarea{
  background:rgba(0,0,0,.42) !important;
}
@media(max-width:980px){
  .supervisor-grid{grid-template-columns:1fr;gap:24px}
  .supervisor-copy{padding:30px 28px 32px;max-width:760px}
  .supervisor-card{max-width:760px;width:100%;justify-self:stretch}
  .licensing-badges{grid-template-columns:repeat(3,1fr)}
  .final-contact-grid{grid-template-columns:1fr;gap:24px}
  .room7-final-contact .contact-form-card{max-width:760px;justify-self:stretch}
}
@media(max-width:620px){
  .supervisor-copy{padding:24px 20px 26px;border-left:1px solid rgba(212,175,55,.30)}
  .supervisor-copy h1{font-size:clamp(2.75rem,14vw,4.2rem)}
  .music-for-list{gap:9px;margin-top:20px}
  .music-for-list li{font-size:clamp(1.7rem,9vw,2.65rem)}
  .supervisor-line{font-size:clamp(1.55rem,8vw,2.25rem)}
  .supervisor-card{padding:22px;border-radius:22px}
  .supervisor-checks{gap:14px}
  .licensing-badges{grid-template-columns:1fr}
  .room7-final-contact{padding:48px 20px 54px}
  .final-contact-copy{padding:24px 20px 26px}
  .final-contact-copy h1{font-size:clamp(2.75rem,14vw,4.2rem)}
}

/* =========================
   MUSIC PLAYER — PLAYER UI
   ========================= */
.room7-music-stage .room7-player-screen{padding:22px 24px !important;}
.room7-music-stage .player-panel{width:min(560px,99%) !important;height:100% !important;max-height:100% !important;display:grid !important;grid-template-rows:auto 1fr auto !important;overflow:hidden !important;color:#eaf4ff !important;background:transparent !important;backdrop-filter:none !important;}
.room7-music-stage .player-top{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px 10px 7px;border-bottom:1px solid rgba(255,255,255,.105)}
.room7-music-stage .player-kicker{margin:0 0 2px;color:rgba(242,217,138,.88);font-size:7px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.room7-music-stage .player-title{margin:0;color:#fff4cb;font-family:'Cormorant Garamond',serif;font-size:22px;line-height:.9;font-weight:600;letter-spacing:0;max-width:none;text-shadow:none}
.room7-music-stage .player-search{width:132px;height:28px;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:0 10px;color:#f7fbff;background:rgba(255,255,255,.07);outline:none;font:700 10px/1 Inter,sans-serif}.room7-music-stage .player-search::placeholder{color:rgba(234,244,255,.58)}
.room7-music-stage .browser-body{min-height:0;display:grid;grid-template-columns:112px 1fr;overflow:hidden}.room7-music-stage .sidebar{min-height:0;padding:9px 8px;border-right:1px solid rgba(255,255,255,.105);overflow:auto}.room7-music-stage .side-label{margin:0 0 7px;color:rgba(234,244,255,.48);font-size:7px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.room7-music-stage .tab-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;height:27px;margin-bottom:5px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:rgba(255,255,255,.045);color:rgba(234,244,255,.78);cursor:pointer;padding:0 8px;font:800 8px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}.room7-music-stage .tab-button span{color:rgba(242,217,138,.70);font-size:8px;letter-spacing:0}.room7-music-stage .tab-button.is-active{border-color:rgba(242,217,138,.62);color:#fff4cb;background:rgba(212,175,55,.13)}
.room7-music-stage .catalog{min-height:0;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.room7-music-stage .catalog-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.105)}.room7-music-stage .catalog-title{margin:0;color:#eaf4ff;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.room7-music-stage .catalog-count{color:rgba(242,217,138,.72);font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.room7-music-stage .track-list{min-height:0;height:auto !important;overflow:auto;display:block !important;scrollbar-width:thin;scrollbar-color:rgba(242,217,138,.42) rgba(255,255,255,.06)}.room7-music-stage .track{display:grid !important;grid-template-columns:auto 1fr auto !important;align-items:center;gap:9px;min-height:44px;flex:none !important;padding:7px 10px !important;border-top:1px solid rgba(255,255,255,.075);cursor:pointer}.room7-music-stage .track.is-hidden{display:none !important}.room7-music-stage .track:first-child{border-top:0}.room7-music-stage .track:hover,.room7-music-stage .track.is-playing{background:rgba(255,255,255,.055)}
.room7-music-stage .track-button{width:40px !important;height:40px !important;border-radius:999px;border:1px solid rgba(242,217,138,.42);background:rgba(255,255,255,.08);color:#fff4cb;cursor:pointer;font-size:13px !important;line-height:1;padding:0}.room7-music-stage .track-meta{min-width:0}.room7-music-stage .track-title{display:flex;gap:8px;align-items:baseline;margin:0;color:#eaf4ff;font-size:17px !important;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room7-music-stage .track-title span{color:rgba(242,217,138,.88);font-size:10px !important;letter-spacing:.18em;font-weight:800}.room7-music-stage .track-desc{display:block;margin:3px 0 0;color:rgba(234,244,255,.58);font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room7-music-stage .track-tag{display:block;color:rgba(255,244,203,.78);font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}.room7-music-stage .native-audio{display:none !important}
.room7-music-stage .now-bar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px 10px 7px;border-top:1px solid rgba(255,255,255,.105);background:rgba(255,255,255,.035)}.room7-music-stage .now-title{margin:0;color:#fff4cb;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room7-music-stage .now-sub{color:rgba(234,244,255,.60);font-weight:700;letter-spacing:.06em}.room7-music-stage .now-viz{width:31px;height:16px;opacity:.9}.room7-music-stage .now-viz canvas{width:100%;height:100%;display:block}.room7-music-stage .progress-wrap{grid-column:1 / -1;width:100%;height:8px;display:flex;align-items:center}.room7-music-stage .progress-bar{--progress:0%;width:100%;height:8px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.room7-music-stage .progress-bar::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,rgba(242,217,138,.92) 0 var(--progress),rgba(255,255,255,.12) var(--progress) 100%)}.room7-music-stage .progress-bar::-moz-range-track{height:4px;border-radius:999px;background:rgba(255,255,255,.12)}.room7-music-stage .progress-bar::-moz-range-progress{height:4px;border-radius:999px;background:rgba(242,217,138,.92)}.room7-music-stage .progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:999px;background:#fff4cb;border:1px solid rgba(242,217,138,.86);box-shadow:0 0 10px rgba(242,217,138,.35);margin-top:-3px}.room7-music-stage .progress-bar::-moz-range-thumb{width:10px;height:10px;border-radius:999px;background:#fff4cb;border:1px solid rgba(242,217,138,.86);box-shadow:0 0 10px rgba(242,217,138,.35)}
@media(max-width:1100px) and (min-width:761px){.room7-music-stage .room7-player-screen{padding:12px 18px !important}.room7-music-stage .player-top{padding:5px 8px}.room7-music-stage .player-title{font-size:19px}.room7-music-stage .browser-body{grid-template-columns:96px 1fr}.room7-music-stage .sidebar{padding:7px 6px}.room7-music-stage .tab-button{height:24px;font-size:7px}.room7-music-stage .track{min-height:37px;padding:5px 8px !important}.room7-music-stage .track-button{width:24px !important;height:24px !important}.room7-music-stage .track-title{font-size:10px !important}.room7-music-stage .track-desc{font-size:7px}.room7-music-stage .now-bar{padding:6px 8px 5px}.room7-music-stage .now-title{font-size:8px}}
@media(max-width:760px){.room7-music-stage .room7-player-screen{padding:7px 9px !important}.room7-music-stage .player-panel{width:96% !important}.room7-music-stage .player-top{grid-template-columns:1fr;padding:2px 0 7px}.room7-music-stage .player-kicker{font-size:7px}.room7-music-stage .player-title{font-size:20px}.room7-music-stage .player-search{display:none !important}.room7-music-stage .browser-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.room7-music-stage .sidebar{display:flex;gap:5px;border-right:0;border-bottom:1px solid rgba(255,255,255,.105);padding:6px 0;overflow-x:auto;scrollbar-width:none}.room7-music-stage .sidebar::-webkit-scrollbar{display:none}.room7-music-stage .side-label{display:none}.room7-music-stage .tab-button{width:auto;flex:0 0 auto;height:24px;margin:0;border-radius:999px;padding:0 8px;font-size:7.5px;gap:6px}.room7-music-stage .tab-button span{font-size:7.5px}.room7-music-stage .catalog-head{padding:7px 0}.room7-music-stage .catalog-title{font-size:8.5px}.room7-music-stage .catalog-count{font-size:7.5px}.room7-music-stage .track{grid-template-columns:auto 1fr !important;min-height:34px;padding:4px 0 !important;gap:8px}.room7-music-stage .track-button{width:23px !important;height:23px !important;font-size:8px !important}.room7-music-stage .track-title{font-size:9.5px !important;gap:6px}.room7-music-stage .track-title span{font-size:6.5px !important}.room7-music-stage .track-desc{font-size:7px;margin-top:2px}.room7-music-stage .track-tag{display:none}.room7-music-stage .now-bar{padding:6px 0 2px;gap:7px}.room7-music-stage .now-title{font-size:8px}.room7-music-stage .now-viz{width:28px;height:13px}.room7-music-stage .progress-wrap{height:7px}.room7-music-stage .progress-bar::-webkit-slider-thumb{width:9px;height:9px;margin-top:-2.5px}}
@media(max-width:390px){.room7-music-stage .player-title{font-size:18px}.room7-music-stage .tab-button{height:22px;font-size:7px;padding:0 7px}.room7-music-stage .track{min-height:31px;padding:3px 0 !important}.room7-music-stage .track-button{width:21px !important;height:21px !important}.room7-music-stage .track-title{font-size:8.7px !important}.room7-music-stage .track-desc{font-size:6.5px}.room7-music-stage .now-title{font-size:7.5px}}



.form-message.show{
  display:block;
  margin-bottom:18px;
}

@media (max-width: 950px) and (orientation: landscape) {
  .room7-what-section {
    min-height: auto;
    padding: 36px 0 48px;
  }

  .room7-center-space {
    min-height: 100px;
  }

  .room7-what-section:before {
    background-position: center -80px;
    background-size: 95% auto;
  }
}

/* Tablet UA only: prevents this landscape fix from affecting desktop windows resized to tablet widths. */
@media (orientation: landscape) {
  html.room7-ua-tablet .room7-what-section {
    min-height: auto;
    padding: 56px 0 64px;
  }

  html.room7-ua-tablet .room7-center-space {
    min-height: 260px;
  }

  html.room7-ua-tablet .room7-what-section:before {
    background-position: center -250px;
    background-size: 108% auto;
  }
}



    /* =========================
   HERO — TRUST BADGE
   ========================= */
    .hero{
      justify-content:space-between;
      gap:34px;
    }

    .hero-copy{
      flex:0 1 720px;
    }

    .hero-licensing-badge{
      position:relative;
      z-index:50;
      flex:0 0 min(390px,30vw);
      align-self:flex-start;
      margin-top:-10px;
      padding:30px 26px;
      border-radius:30px;
      border:2px solid rgba(242,217,138,.78);
      background:
        radial-gradient(circle at top right,rgba(242,217,138,.18),transparent 34%),
        linear-gradient(180deg,rgba(5,5,5,.96),rgba(0,0,0,.90));
      box-shadow:
        0 0 0 1px rgba(212,175,55,.22),
        0 0 52px rgba(212,175,55,.34),
        0 30px 90px rgba(0,0,0,.84),
        inset 0 0 34px rgba(212,175,55,.06);
      backdrop-filter:blur(14px);
      overflow:hidden;
      animation:heroBadgeGlow 2.8s ease-in-out infinite alternate;
    }

    .hero-licensing-badge:before{
      content:"";
      position:absolute;
      top:0;
      left:28px;
      right:28px;
      height:1px;
      background:linear-gradient(90deg,transparent,var(--gold-soft),transparent);
      opacity:.95;
    }

    .hero-licensing-badge:after{
      content:"";
      position:absolute;
      top:-42%;
      left:-62%;
      width:48%;
      height:184%;
      background:linear-gradient(90deg,transparent,rgba(255,244,203,.26),transparent);
      transform:rotate(18deg);
      animation:heroBadgeShine 4.2s ease-in-out infinite;
      pointer-events:none;
    }

    .hero-badge-kicker{
      position:relative;
      z-index:1;
      margin:0 0 20px;
      color:#f2d98a;
      font-size:14px;
      font-weight:900;
      letter-spacing:.35em;
      text-transform:uppercase;
      text-shadow:0 0 18px rgba(242,217,138,.35);
    }

    .hero-badge-pills{
      position:relative;
      z-index:1;
      display:flex;
      flex-direction:column;
      gap:14px;
    }

    .hero-badge-pills span{
      position:relative;
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:54px;
      padding:15px 18px 15px 42px;
      border-radius:999px;
      font-size:12px;
      font-weight:900;
      letter-spacing:.22em;
      text-transform:uppercase;
      text-align:center;
      line-height:1.2;
      white-space:normal;
    }

    .hero-badge-pills span:before{
      content:"★";
      position:absolute;
      left:18px;
      top:50%;
      transform:translateY(-50%);
      font-size:12px;
      letter-spacing:0;
    }

    .hero-badge-pills span:first-child{
      background:linear-gradient(180deg,#f8df91 0%,#d4af37 52%,#b98b23 100%);
      color:#050505;
      border:0;
      box-shadow:
        0 0 26px rgba(242,217,138,.42),
        inset 0 1px 1px rgba(255,255,255,.52),
        inset 0 -10px 24px rgba(0,0,0,.10);
    }

    .hero-badge-pills span:not(:first-child){
      background:rgba(3,3,3,.94);
      color:#fff4cb;
      border:1px solid rgba(242,217,138,.68);
      box-shadow:
        0 0 18px rgba(212,175,55,.12),
        inset 0 0 18px rgba(242,217,138,.035);
    }

    .hero-badge-pills span:not(:first-child):before{
      color:var(--gold-soft);
      text-shadow:0 0 12px rgba(242,217,138,.36);
    }

    @keyframes heroBadgeGlow{
      from{
        box-shadow:
          0 0 0 1px rgba(212,175,55,.18),
          0 0 24px rgba(212,175,55,.20),
          0 30px 90px rgba(0,0,0,.84),
          inset 0 0 30px rgba(212,175,55,.045);
      }
      to{
        box-shadow:
          0 0 0 1px rgba(212,175,55,.28),
          0 0 58px rgba(212,175,55,.38),
          0 30px 90px rgba(0,0,0,.84),
          inset 0 0 38px rgba(212,175,55,.07);
      }
    }

    @keyframes heroBadgeShine{
      0%{left:-62%;opacity:0}
      16%{opacity:.72}
      34%{left:118%;opacity:0}
      100%{left:118%;opacity:0}
    }

    @media(max-width:1050px){
      .hero-licensing-badge{
        flex-basis:330px;
        padding:26px 22px;
      }
      .hero-badge-kicker{
        font-size:12px;
      }
      .hero-badge-pills span{
        min-height:50px;
        font-size:10.5px;
        letter-spacing:.18em;
      }
    }

    @media(max-width:900px){
      .hero{
        flex-direction:column;
        align-items:flex-start;
        justify-content:center;
      }
      .hero-copy{
        flex:0 1 auto;
        max-width:760px;
      }
      .hero-licensing-badge{
        width:min(100%,520px);
        flex:0 1 auto;
        align-self:flex-start;
        margin-top:-6px;
      }
    }

    @media(max-width:700px){
      .hero-licensing-badge{
        width:100%;
        padding:22px 16px 24px;
        border-radius:24px;
      }
      .hero-badge-kicker{
        text-align:center;
        font-size:10px;
        letter-spacing:.28em;
        margin-bottom:15px;
      }
      .hero-badge-pills{
        gap:10px;
      }
      .hero-badge-pills span{
        min-height:44px;
        padding:12px 14px 12px 34px;
        font-size:10px;
        letter-spacing:.16em;
      }
      .hero-badge-pills span:before{
        left:14px;
        font-size:10px;
      }
    }

.hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  z-index:0;
}

@media (max-width: 760px) and (orientation: portrait){
  .hero-video{
    object-position: 75% center;
  }
}

@media (min-width:681px) and (max-width:1100px) and (hover:hover) and (pointer:fine){
  html:not(.is-tablet) .room7-what-section:before{
    background:
      linear-gradient(180deg,rgba(0,0,0,.64) 0%,rgba(0,0,0,.12) 35%,rgba(0,0,0,.78) 100%),
      url('/room7/706_tallest.png') center -250px / 108% auto no-repeat;
  }
}