/*!
AVBB OWNERSHIP NOTICE
Copyright (c) 2026 A Visual By Benji Ltd. All rights reserved.
AVBB custom website code and design.
Third-party components retain their original ownership and licences.
Official website: https://avisualbybenji.com/
*/
/* AVBB Level 3.3 — compact mobile journey.
   Desktop is deliberately untouched. The full mobile archive remains available
   through the "Full experience" control. */
.avbb-m-client-films{margin:36px -18px 26px;padding:22px 0;background:#0E0B09;overflow:hidden}
.avbb-m-client-films>.avbb-m-kicker{padding:0 18px;color:#FFB078}
.avbb-m-filmstrip-window{overflow:hidden;padding:12px 0;width:calc(100% + 64px);margin-left:-32px;transform:rotate(-1.5deg);transform-origin:50% 50%}
[data-avbb-mobile-filmstrip]{display:flex;width:max-content;animation:avbb-client-films calc(var(--avbb-filmstrip-seconds,100)*1s) linear infinite}
@keyframes avbb-client-films{to{transform:translateX(calc(-1*var(--avbb-filmstrip-width,0px)))}}
@media(prefers-reduced-motion:reduce){[data-avbb-mobile-filmstrip]{animation:none}}
[data-avbb-mobile-home],
[data-avbb-mobile-portfolio],
[data-avbb-mobile-dock],
[data-avbb-mobile-full-switch],
[data-avbb-mobile-book-note]{display:none}

@media (max-width:820px){
  html.avbb-mobile-experience body{padding-bottom:78px}
  html.avbb-mobile-experience:not(.avbb-mobile-full) #avbb-stage{background:#C1121F!important}

  /* Homepage: retain the cinematic opening and reel, then hand off to a
     purpose-built mobile edit instead of stacking every desktop chapter. */
  html.avbb-mobile-experience:not(.avbb-mobile-full) #main-content>section:not(#top):not(#reel):not([data-avbb-mobile-home]){display:none!important}
  html.avbb-mobile-experience:not(.avbb-mobile-full) [data-avbb-mobile-home]{display:block!important}
  html.avbb-mobile-experience:not(.avbb-mobile-full) #top{min-height:88svh!important}
  html.avbb-mobile-experience:not(.avbb-mobile-full) #top [data-hero-cta] a{min-height:48px!important;display:inline-flex!important;align-items:center!important}

  [data-avbb-mobile-home]{background:#120806;color:#F4EEE1;overflow:hidden}
  .avbb-m-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#F4EEE1;color:#120806;border-bottom:1px solid rgba(18,8,6,.18)}
  .avbb-m-proof article{min-width:0;padding:22px 12px;border-right:1px solid rgba(18,8,6,.14)}
  .avbb-m-proof article:last-child{border-right:0}
  .avbb-m-proof b{display:block;font:400 clamp(25px,8vw,36px)/.9 'Archivo Black',sans-serif;letter-spacing:-.04em;color:#A31016}
  .avbb-m-proof span{display:block;margin-top:8px;font:700 9px/1.25 'Space Grotesk',sans-serif;letter-spacing:.07em;text-transform:uppercase}
  .avbb-m-section{padding:68px 18px}
  .avbb-m-section--cream{background:#F4EEE1;color:#120806}
  .avbb-m-section--red{background:#A31016;color:#F4EEE1}
  .avbb-m-kicker{margin:0 0 13px;font:700 10px/1.2 'Space Grotesk',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#FFB078}
  .avbb-m-section--cream .avbb-m-kicker{color:#A31016}
  .avbb-m-title{margin:0;font:400 clamp(42px,13vw,66px)/.84 'Archivo Black',sans-serif;letter-spacing:-.055em;text-transform:uppercase}
  .avbb-m-copy{max-width:34rem;margin:20px 0 0;font:500 15px/1.62 'Space Grotesk',sans-serif;color:rgba(244,238,225,.78)}
  .avbb-m-section--cream .avbb-m-copy{color:rgba(18,8,6,.72)}
  .avbb-m-work{display:grid;gap:12px;margin-top:32px}
  .avbb-m-work-card{position:relative;display:block;min-height:270px;overflow:hidden;background:#080606;color:#F4EEE1;isolation:isolate}
  .avbb-m-work-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.94);transform:scale(1.01)}
  .avbb-m-work-card::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(8,6,6,.94));z-index:1}
  .avbb-m-work-card>span{position:absolute;z-index:2;left:18px;right:18px;bottom:17px;display:flex;align-items:end;justify-content:space-between;gap:14px}
  .avbb-m-work-card b{font:400 30px/.9 'Archivo Black',sans-serif;text-transform:uppercase;letter-spacing:-.035em}
  .avbb-m-work-card small{font:700 9px/1.25 'Space Grotesk',sans-serif;text-align:right;letter-spacing:.11em;text-transform:uppercase}
  .avbb-m-price-list{margin:30px 0 0;border-top:1px solid rgba(244,238,225,.32)}
  .avbb-m-price-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;min-height:76px;border-bottom:1px solid rgba(244,238,225,.24);color:inherit}
  .avbb-m-price-row span{font:400 clamp(20px,6vw,27px)/1 'Archivo Black',sans-serif;text-transform:uppercase;letter-spacing:-.025em}
  .avbb-m-price-row b{font:700 12px/1 'Space Grotesk',sans-serif;letter-spacing:.05em;white-space:nowrap}
  .avbb-m-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
  .avbb-m-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border:1px solid currentColor;border-radius:999px;font:400 11px/1 'Archivo Black',sans-serif;letter-spacing:.07em;text-transform:uppercase;color:inherit;background:transparent}
  .avbb-m-button--solid{background:#F4EEE1;color:#120806;border-color:#F4EEE1}
  .avbb-m-section--cream .avbb-m-button--solid{background:#A31016;color:#F4EEE1;border-color:#A31016}
  .avbb-m-about-grid{display:grid;gap:18px;margin-top:30px}
  .avbb-m-about-grid article{padding:20px;border:1px solid rgba(18,8,6,.18);background:rgba(255,255,255,.2)}
  .avbb-m-about-grid b{font:400 22px/1 'Archivo Black',sans-serif;text-transform:uppercase}
  .avbb-m-about-grid p{margin:10px 0 0;font-size:14px;line-height:1.55;color:rgba(18,8,6,.72)}
  .avbb-m-final{text-align:center;padding-bottom:92px}
  .avbb-m-final .avbb-m-title{font-size:clamp(48px,15vw,76px)}

  /* Portfolio: the mobile default is an intentional shortlist. The complete
     chronological archive is still one tap away. */
  html.avbb-mobile-experience:not(.avbb-mobile-full) #avbb-sub main[data-avbb-mobile-portfolio-root]>section:not(:first-child):not([data-avbb-mobile-portfolio]){display:none!important}
  html.avbb-mobile-experience:not(.avbb-mobile-full) [data-avbb-mobile-portfolio]{display:block!important;background:#F4EEE1;color:#120806;padding:64px 18px 86px}
  html.avbb-mobile-experience:not(.avbb-mobile-full) #avbb-sub>header{background:#080606!important;backdrop-filter:blur(14px)}
  [data-avbb-mobile-portfolio] .aug-sub-reveal{opacity:1!important;transform:none!important}
  [data-avbb-mobile-portfolio] .aug-section-wipe{display:none!important}
  [data-avbb-mobile-portfolio] .avbb-m-work-card{min-height:235px}

  /* Booking: keep availability, enquiry and reassurance; remove the two long
     browsing chapters from the high-intent form journey. */
  html.avbb-mobile-experience:not(.avbb-mobile-full) #avbb-sub .avbb-mobile-book-skip{display:none!important}
  html.avbb-mobile-experience:not(.avbb-mobile-full) [data-avbb-mobile-book-note]{display:block!important;margin:0 18px 10px;padding:22px;background:#F4EEE1;color:#120806;border-left:4px solid #C1121F}
  [data-avbb-mobile-book-note] b{display:block;font:400 25px/.95 'Archivo Black',sans-serif;text-transform:uppercase}
  [data-avbb-mobile-book-note] p{margin:10px 0 0;font-size:14px;line-height:1.55;color:rgba(18,8,6,.72)}

  [data-avbb-mobile-dock]{position:fixed;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:9000;padding:7px;border:1px solid rgba(244,238,225,.22);border-radius:999px;background:rgba(8,6,6,.94);box-shadow:0 12px 38px rgba(0,0,0,.32);backdrop-filter:blur(16px)}
  [data-avbb-mobile-dock] a{min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#C1121F;color:#F4EEE1;font:400 11px/1 'Archivo Black',sans-serif;letter-spacing:.08em;text-transform:uppercase}
  [data-avbb-mobile-dock] button{min-width:92px;min-height:48px;padding:0 13px;border:1px solid rgba(244,238,225,.38);border-radius:999px;background:transparent;color:#F4EEE1;font:700 9px/1.1 'Space Grotesk',sans-serif;letter-spacing:.08em;text-transform:uppercase}
  html.avbb-mobile-full [data-avbb-mobile-home],html.avbb-mobile-full [data-avbb-mobile-portfolio],html.avbb-mobile-full [data-avbb-mobile-book-note]{display:none!important}
  [data-avbb-mobile-full-switch]{position:fixed;display:block;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:9001;min-height:46px;padding:0 16px;border:1px solid rgba(244,238,225,.35);border-radius:999px;background:rgba(8,6,6,.94);color:#F4EEE1;font:700 9px/1 'Space Grotesk',sans-serif;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 10px 28px rgba(0,0,0,.25)}
  html:not(.avbb-mobile-full) [data-avbb-mobile-full-switch]{display:none!important}
  html.avbb-mobile-full [data-avbb-mobile-dock]{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  .avbb-m-work-card img{transform:none}
}