/*!
AVBB OWNERSHIP NOTICE
Copyright (c) 2026 A Visual By Benji Ltd. All rights reserved.
Third-party components retain their original ownership and licences.
*/
/* Phone content is never a loading state. Retain desktop choreography. */
@media (max-width:820px), (hover:none) and (pointer:coarse) {
  [data-hero-word], [data-hero-eyebrow], [data-hero-lead], [data-hero-cta],
  [data-book-intro], [data-book-step], .credit-row, .aug-note-reveal,
  .aug-proof-grid article, [data-home-pixieset]>div,
  #avbb-sub [data-book-review].is-active {
    opacity:1!important; visibility:visible!important;
  }
  [data-hero-word], [data-hero-eyebrow], [data-hero-lead], [data-hero-cta] {
    transform:none!important; clip-path:none!important;
  }
  .hs-intro>* {transform:none!important}
  /* A full-page blur is costly on a phone and makes readable copy look broken. */
  body.avbb-entry-reveal #avbb-stage,
  body.avbb-entry-reveal>main, body.avbb-entry-reveal>#dc-root,
  body.avbb-entry-reveal>x-dc, body.avbb-entry-reveal>[data-dc-fallback],
  html.avbb-booking-arriving body>main,
  html.avbb-booking-arriving body>#dc-root,
  html.avbb-booking-arriving body>x-dc,
  html.avbb-booking-arriving body>[data-dc-fallback] {
    filter:none!important; opacity:1!important; transform:none!important;
    animation:none!important;
  }
  .aug-entry-open [data-avbb-mobile-dock],
  .avbb-entry-pending [data-avbb-mobile-dock] {display:none!important}
  main :is(h1,h2,h3), .avbb-m-title {overflow-wrap:anywhere}
  .avbb-m-work-card>span {min-width:0}
  .avbb-m-work-card b {min-width:0;overflow-wrap:anywhere}
  .avbb-m-work-card small {flex-shrink:0;max-width:42%}
  .avbb-m-price-row {grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .avbb-m-price-row span {overflow-wrap:anywhere}
  [data-cursor-dot], [data-cursor-ring] {display:none!important}
  .credit-row {transform:none!important}
}
/* Small/landscape phones cannot fit a fixed-height card plus its full copy.
   Use the existing flowing cards here, without dropping content or playback. */
@media (max-width:680px) and (max-height:680px) {
  #social-deck {scroll-margin-top:76px}
  .social-deck__status {display:none}
  .social-deck__card {display:flex;flex-direction:column;min-height:0}
  .social-deck__card .portfolio-sample__media {position:relative;inset:auto;aspect-ratio:4/5;height:auto;min-height:0}
  .social-deck__card .portfolio-sample__media::after {background:linear-gradient(transparent 60%,#080706 100%)}
  .social-deck__copy {position:relative;inset:auto;align-self:stretch;padding:22px 18px;pointer-events:auto}
  .social-deck__copy h3 {font-size:32px}
  .social-deck__status {align-items:center}
  .social-deck__stage>.portfolio-next-chapter {position:relative;inset:auto;transform:none;justify-content:center;margin-bottom:24px}
  .release-card h3 {font-size:clamp(24px,8.5vw,40px);line-height:.95}
  .release-card__content {gap:7px}
}