/* The Source — mobile optimisation overrides (loaded after the build CSS) */
@media (max-width: 700px) {

  /* ── Navigation: restore the menu on phones (was display:none) ── */
  .funky-nav{position:absolute;height:auto;flex-wrap:wrap;padding:12px 18px 10px;row-gap:8px}
  .funky-links{display:flex !important;order:3;width:100%;margin-top:8px;gap:16px;overflow-x:auto;
    -webkit-overflow-scrolling:touch;font-size:10.5px;letter-spacing:.12em;padding-bottom:2px}
  .funky-links::-webkit-scrollbar{display:none}
  .funky-links a{white-space:nowrap}
  .team-login{margin-left:auto;font-size:10.5px}
  .funky-logo{font-size:13px}

  /* ── Readable type floor (was 8–10px) ── */
  .funky-kicker{font-size:11px}
  .hero-content{top:56%}
  .hero-content>p:nth-of-type(2){font-size:15px;line-height:1.6}
  .funky-button{font-size:11.5px;padding:15px 18px}
  .watch-link{font-size:12px}
  .scroll-cue{display:none}

  .manifesto{padding:54px 22px;gap:26px}
  .manifesto-copy{font-size:15px;line-height:1.7}
  .manifesto-orbit{font-size:22px}

  .service-content{padding:54px 22px}
  .service-rows article>span{font-size:10px}
  .service-rows h3{font-size:15px}
  .service-rows p{font-size:13px;line-height:1.6}
  .service-rows b{font-size:12px}

  .brand-tape{padding:58px 20px 66px}
  .brand-tape-title>p:last-child{font-size:14px}
  .poster{height:240px;padding:20px}
  .poster h3{font-size:30px}
  .poster p{font-size:12px}
  .poster small{font-size:9.5px}
  .poster span{font-size:10px;margin-top:14px}

  .production-band{padding:54px 22px;gap:26px}
  .production-list span{font-size:12px;padding:13px 0}

  .proof>div{min-height:104px;padding:22px;border-right:0;border-bottom:1px solid #c8baa1}
  .proof span,.proof strong{font-size:36px}
  .proof p{font-size:12px;line-height:1.55;max-width:none}

  .funky-cta{min-height:auto;padding:58px 22px}
  .funky-cta>p:nth-of-type(2){font-size:14px}

  .funky-footer{padding:26px 20px}
  .funky-footer>p{font-size:10px;text-align:left}
  .funky-footer nav{font-size:10px;gap:14px;flex-wrap:wrap}
  .funky-footer>small{font-size:9px;line-height:1.7}

  /* ── Enquiry / newsletter forms ── */
  .phone-field{grid-template-columns:86px 1fr}
  .soon-note{font-size:13px}
  .terms-check span{font-size:12px}

  /* ── Event pages ── */
  .event-hero-copy h1{font-size:52px}
  .event-decision-bar{font-size:13px}
  .event-story p{font-size:14px;line-height:1.7}
  .music-tags span{font-size:11px}
}

/* ── Newsletter signup: real text boxes (fields were unstyled browser defaults) ── */
.newsletter-signup form{display:flex;flex-direction:column;gap:10px;width:100%;max-width:420px}
.newsletter-signup input{height:48px!important;min-height:0!important;max-height:48px;flex:0 0 auto;width:100%;border:1px solid #b58a3c;background:#fff;border-radius:8px;
  padding:0 14px;font:14px Arial,Helvetica,sans-serif;color:#0e2620;-webkit-appearance:none;appearance:none;box-sizing:border-box}
.newsletter-signup input::placeholder{color:#8d7c54}
.newsletter-signup input:focus{outline:2px solid #0e2620;outline-offset:1px}
.newsletter-signup form button{height:48px!important;flex:0 0 auto;border:0;background:#0e2620;color:#f4ecda;font-size:11px;font-weight:900;
  letter-spacing:.12em;text-transform:uppercase;border-radius:8px;padding:0 22px;cursor:pointer}
@media (max-width:700px){
  .newsletter{padding:46px 20px}
  .newsletter-signup form{max-width:none}
  .newsletter-signup small{font-size:11px;line-height:1.6}
}