/* Phone composition only: desktop retains its existing design. */
@media (max-width:760px) {
  :root{--pad:1.25rem}
  .nav{min-height:80px;padding:1.1rem 1.5rem;gap:1rem}
  .nav .pill{min-height:44px;font-size:.875rem;padding:.6rem .85rem}
  body:has(.rogue-opening)>.nav{position:sticky;top:0;z-index:90;height:80px}
  .hero{padding-top:0;padding-bottom:1.5rem}
  .hero .hero-meta{display:none}
  .agency-masthead.rogue-opening{min-height:calc(100svh - 80px);margin:0;padding:2rem 0;align-content:center;row-gap:2.25rem}
  .agency-masthead.rogue-opening>.opening-the,.agency-masthead.rogue-opening>.opening-agency{font-size:clamp(1.5rem,6vw,2.5rem);letter-spacing:.12em}
  .hero .opening-word{font-size:23vw;line-height:1;padding:.06em .06em .1em 0}
  .hero .opening-word .opening-head>span,.hero .opening-word .opening-tail>span{font-size:inherit;margin:0}
  .hero-grid{margin-top:0;padding-top:3rem;padding-bottom:1rem;gap:2.5rem;border-top:0}
  .hero h1.hero-proposition{font-size:clamp(2.5rem,10.5vw,4.4rem);line-height:1.04;letter-spacing:-.06em}
  .hero-copy>p,.hero-copy>p.hero-belief{font-size:1rem;line-height:1.55;margin:1rem 0;max-width:none}
  .hero .hero-cta{min-height:48px;margin-top:.25rem}
  .hero .hero-visual{height:48vw;max-height:280px;min-height:0;margin:0}
  .hero .portrait-poster{inset:0;border-radius:0}
  html[data-motion="on"] .portrait-poster>img,html[data-motion="on"] .manifesto-photo>img{transform:none!important}
  .section{padding:3.75rem var(--pad)}
  .what-copy h2{font-size:clamp(3.5rem,16vw,6rem);margin-bottom:1rem}
  .what-copy h3{font-size:1.6rem;line-height:1.2;margin-bottom:1rem}
  .what-copy p{font-size:1rem;line-height:1.6}
  .experience-eighty{padding:2.5rem var(--pad)}
  .experience-layout{gap:1.5rem;padding-top:0}
  .experience-number{font-size:clamp(8rem,43vw,15rem);line-height:1}
  .experience-story h2{font-size:clamp(1.65rem,6.2vw,2.5rem);line-height:1.18}
  .experience-story h2 br{display:block}
  .experience-story p{font-size:1rem;line-height:1.6}
  .experience-story .experience-footnote{font-size:.8125rem}
  .approach-intro{gap:1rem;margin-bottom:1.5rem}
  .approach-intro h2{font-size:clamp(2rem,9vw,3.5rem);line-height:1.07}
  .approach-row summary{padding:1rem;grid-template-columns:1.2rem minmax(0,1fr) 2.75rem;gap:.6rem}
  .approach-row h3{font-size:clamp(2.5rem,11vw,4rem)}
  .approach-row .row-toggle{width:44px;height:44px}
  .approach-row .row-intro{font-size:.875rem;line-height:1.4}
  .approach-detail{margin-inline:1rem;gap:1rem;padding:1rem 0 1.5rem}
  .approach-detail p{font-size:1rem;line-height:1.6}
  .dma-evidence{gap:1.5rem}
  .dma-number{font-size:clamp(7rem,34vw,12rem);line-height:1}
  .dma-copy h2{font-size:clamp(2.2rem,9vw,3.5rem);margin-bottom:1.25rem}
  .dma-copy>p,.dma-copy .dma-context,.dma-copy .creative-belief{font-size:1rem;line-height:1.6}
  .dma-copy>a{font-size:.875rem;line-height:1.5;margin-top:1.25rem;min-height:44px}
  .working-play .partnership-title{font-size:clamp(2rem,8.5vw,3.2rem);margin-bottom:1.5rem}
  .partnership-manifesto{gap:2.25rem}
  .partnership-manifesto .partnership-line{padding:1rem 0;gap:.8rem}
  .working-play .partnership-line h3{min-height:0;font-size:1rem}
  .partnership-line h3 em{font-size:clamp(1.65rem,6.5vw,2.4rem)}
  .partnership-line>p{font-size:1rem;line-height:1.6}
  .partnership-pick{min-height:48px}
  .manifesto{padding:3.75rem var(--pad);gap:2.5rem}
  .question-art{width:55%;max-width:240px}
  .manifesto-copy{padding:0}
  .manifesto-copy h2{font-size:clamp(1.8rem,8vw,3rem);line-height:1.3}
  .contact-top{gap:1.25rem}
  .contact h2{font-size:clamp(2.3rem,10vw,4rem)}
  .contact-circle{align-self:flex-start;width:6rem;margin:0}
  .email{font-size:clamp(.9rem,4.2vw,1.4rem);overflow-wrap:anywhere;gap:.5rem}
  .footer-orbit-link{margin:1rem auto 2rem}
  .footer-bottom{align-items:flex-start}
  .footer-legal{display:inline-block;padding-block:.6rem}
  .enquiry-main{padding:2rem var(--pad);gap:1.75rem}
  .enquiry-intro h1{font-size:clamp(2.4rem,10vw,4rem)}
  .enquiry-intro>p{font-size:1rem;margin:1rem 0}
  .contact-phone{font-size:1.25rem;margin-top:.75rem}
  .contact-prompt{font-size:1.5rem;max-width:none;margin-top:1.25rem;padding-left:.8rem}
  .enquiry-form{grid-template-columns:1fr;gap:1.1rem}
  .topic-options{grid-template-columns:1fr}
  .topic-option>span{min-height:0;padding:1rem 2.5rem 1rem 1rem;display:flex;flex-direction:row;align-items:center;gap:.75rem;font-size:1rem}
  .topic-option b{top:.65rem}
  .enquiry-form textarea{min-height:9rem}
  .enquiry-form .form-consent{font-size:.875rem}
  .reveal.reveal-pending{opacity:1!important;transform:none!important}
  .hero h1.hero-proposition{font-size:clamp(2.25rem,9.5vw,4rem);line-height:1.1}
  .hero-copy>p,.hero-copy>p.hero-belief{margin:1.5rem 0;line-height:1.7}
  .what-copy h2{font-size:clamp(3rem,14vw,5rem);margin-bottom:1.5rem}
  .what-copy h3{font-size:1.45rem;margin-bottom:1.5rem}
  .experience-eighty{padding-block:3.5rem}
  .experience-layout{gap:2rem}
  .approach-intro{gap:1.5rem;margin-bottom:2rem}
  .approach.section{padding-block:2.5rem}
  .approach-intro{gap:1rem;margin-bottom:1.5rem}
  .approach-intro h2,.working-play .partnership-title{font-size:clamp(1.9rem,8vw,3rem);line-height:1.15}
  .approach-row h3{font-size:clamp(2.25rem,10vw,3.5rem)}
  .approach-detail{gap:1.5rem;padding-block:1.5rem 2rem}
  .dma-copy h2{font-size:clamp(2rem,8vw,3rem)}
  .dma-copy>p+p{margin-top:1.5rem}
  .partnership-line>p,.dma-copy>p,.approach-detail p{line-height:1.7}
}