/*!
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/
*/
:root{--hs-ink:#0e0b09;--hs-cream:#f4eee1;--hs-orange:#e8621f;--hs-line:#f4eee12e}
.hs-results-comment{margin:16px 0 0;max-width:32ch;font-size:14px;font-weight:500;line-height:1.55;color:var(--hs-cream)}
.hs-hero h1 .hs-title-mask{display:block;overflow:hidden;color:var(--hs-cream);padding-bottom:.09em;margin-bottom:-.09em}.hs-hero h1 .hs-title-line{display:block;color:inherit}.hs-hero h1 .hs-title-accent{color:var(--hs-orange)}
.hs-results{position:relative;margin-top:46px;padding:22px 0 0;border-top:1px solid var(--hs-line)}.hs-hand-arrow{position:absolute;right:0;top:-47px;width:100px;height:84px;pointer-events:none}.hs-hand-arrow path,.hs-hand-underline path{stroke:var(--hs-orange);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hs-hand-note{font-family:'Bradley Hand','Segoe Print',cursive;font-style:italic;font-size:clamp(21px,2.1vw,30px);line-height:1.35;color:#ffa35c;transform:rotate(-4deg);transform-origin:left;margin:0 0 22px;width:max-content;max-width:100%}.hs-results-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:12px;margin:0}.hs-results-grid>div{display:flex;flex-direction:column-reverse;gap:6px}.hs-results-grid dt{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#f4eee1b3}.hs-results-grid dd{font:clamp(25px,3.1vw,44px)/1 'Archivo Black',sans-serif;letter-spacing:-.055em;margin:0}.hs-results-grid>div:first-child dd{color:var(--hs-orange)}.hs-hand-underline{display:block;width:100%;height:14px;margin-top:12px}.hs-results-source{font-size:9px;letter-spacing:.025em;color:#f4eee17d;margin:12px 0 0}.hs-film .hs-unreleased-note{display:inline-block;font:italic 19px/1.4 'Bradley Hand','Segoe Print',cursive;color:var(--hs-cream);border:1px dashed #e8621f99;padding:9px 13px;margin:18px 0 0;transform:rotate(-3deg);background:#e8621f12}.hs-unreleased-note span{color:var(--hs-orange);font-style:normal;font-weight:700}body[data-hs-scroll-motion="ready"] .hs-film.hs-arrive{animation:none}
@media(max-width:600px){.hs-results{margin-top:40px}.hs-results-grid dd{font-size:clamp(30px,9vw,42px)}.hs-hand-note{font-size:25px}.hs-hand-arrow{width:88px;right:5px}.hs-results-source{font-size:9px}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;background:var(--hs-ink)}body{margin:0;color:var(--hs-cream);background:var(--hs-ink);font-family:'Space Grotesk',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #ffa35c;outline-offset:5px}button[hidden],nav[hidden]{display:none}.hs-skip{position:fixed;left:20px;top:-70px;z-index:20000;padding:12px;background:var(--hs-cream);color:var(--hs-ink)}.hs-skip:focus{top:12px}
.hs-header{position:fixed;inset:0 0 auto;z-index:1000;min-height:78px;padding:16px clamp(20px,4.4vw,70px);display:flex;align-items:center;justify-content:space-between;gap:24px}.hs-brand{display:flex;align-items:center;gap:16px;font:14px/.95 'Archivo Black',sans-serif;letter-spacing:.04em;flex-shrink:0}.hs-brand img{object-fit:contain;filter:brightness(0) invert(1)}.hs-desktop-nav{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:700}.hs-pill{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:44px;padding:10px 23px;border:1px solid currentColor;border-radius:100px;font:12px/1.2 'Archivo Black',sans-serif;letter-spacing:.06em;transition:background-color .2s,color .2s}.hs-pill:hover{background:var(--hs-cream);color:var(--hs-ink)}.hs-mobile-toggle{display:none;border:0;background:none;min-height:44px}.hs-mobile-nav{position:fixed;inset:78px 0 0;z-index:9999;background:var(--hs-ink);padding:24px;overflow:auto;font-size:25px}.hs-mobile-nav>a{display:block;padding:8px 0}.hs-mobile-nav .avbb-work-menu__row{padding:8px 0}
.hs-wrap{max-width:1440px;margin:auto;padding-inline:clamp(20px,4.5vw,70px)}.hs-hero{padding-top:clamp(140px,15vw,210px);padding-bottom:32px}.hs-eyebrow{margin:0 0 24px;color:var(--hs-orange);font-size:11px;font-weight:700;letter-spacing:.22em}.hs-hero-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:7%;align-items:end}h1,h2,h3{font-family:'Archivo Black',sans-serif;font-weight:400}h1{margin:0;font-size:clamp(62px,8.7vw,126px);letter-spacing:-.055em;line-height:.85}h1 span{color:var(--hs-orange)}.hs-intro{max-width:410px;font-size:16px}.hs-intro p{margin:0 0 18px;color:#f4eee1bb}.hs-intro p:first-child{color:var(--hs-cream);font-weight:600;font-size:20px}.hs-text-link{display:inline-flex;gap:24px;align-items:center;font-size:12px;font-weight:700;border-bottom:1px solid var(--hs-orange);padding-bottom:4px}.hs-text-link span{color:var(--hs-orange)}.hs-meta{margin-top:56px;padding-top:18px;border-top:1px solid var(--hs-line);display:flex;justify-content:space-between;gap:20px;font-size:9px;font-weight:600;letter-spacing:.16em;color:#f4eee190}
.hs-work{padding-top:64px;padding-bottom:100px}.hs-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px}.hs-section-head .hs-eyebrow{margin-bottom:14px}.hs-section-head h2{font-size:clamp(34px,4.5vw,64px);line-height:.95;letter-spacing:-.035em;margin:0}.hs-motion{font-size:11px;min-height:44px;padding:10px 14px;background:transparent;border:1px solid var(--hs-line);border-radius:99px}.hs-motion:hover{border-color:var(--hs-cream)}.hs-film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.5vw,38px);align-items:start}.hs-film:nth-child(2){margin-top:48px}.hs-film-frame{position:relative;aspect-ratio:9/16;background:#211a15;overflow:hidden}.hs-film-frame video{display:block;width:100%;height:100%;object-fit:contain}.hs-film-frame:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}.hs-play{position:absolute;z-index:1;bottom:20px;left:20px;right:20px;display:flex;gap:14px;align-items:center;font-size:11px;font-weight:700;letter-spacing:.1em}.hs-play span{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid #fff8;border-radius:50%;background:#0005;font-size:12px;transition:background-color .2s}.hs-play:hover span{background:var(--hs-orange)}.hs-film-caption{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding-top:20px}.hs-film-caption h3{font-size:19px;line-height:1.1;margin:0}.hs-film-caption>span{font-size:8px;letter-spacing:.07em;color:#ffa35c;text-align:right}.hs-film>p{font-size:13px;color:#f4eee19e;line-height:1.6;margin-top:10px;max-width:340px}
.hs-monthly{background:var(--hs-cream);color:var(--hs-ink);padding-block:clamp(64px,8vw,115px)}.hs-monthly-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;align-items:center}.hs-monthly h2{font-size:clamp(39px,5.5vw,80px);line-height:.91;letter-spacing:-.045em;margin:0}.hs-monthly h2 span{color:var(--hs-orange)}.hs-monthly-grid p{font-size:15px;line-height:1.7;color:#0e0b09b8}.hs-monthly-grid .hs-lead{font-size:23px;line-height:1.3;color:var(--hs-ink);font-weight:600}.hs-services{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border-block:1px solid #0e0b0933}.hs-services article{padding:30px 26px 26px 0}.hs-services article+article{padding-left:26px;border-left:1px solid #0e0b0933}.hs-services span{font-size:11px;color:#985012}.hs-services h3{font-size:16px;margin:20px 0 10px}.hs-services p{font-size:14px;line-height:1.7;color:#0e0b09b8;margin:0}.hs-scope{font-size:11px;line-height:1.6;color:#0e0b09aa;margin:16px 0 0}.hs-enquiry{margin-top:85px;display:flex;justify-content:space-between;align-items:center;gap:30px}.hs-enquiry h2{font-size:clamp(34px,4.5vw,64px)}.hs-enquiry .hs-eyebrow{font-size:9px;margin-bottom:16px}.hs-enquiry p:last-child{font-size:14px;max-width:530px;margin-bottom:0}.hs-enquire{background:var(--hs-ink);color:var(--hs-cream);white-space:nowrap;min-height:56px;padding-inline:27px}.hs-enquire:hover{background:var(--hs-orange);color:var(--hs-ink);border-color:var(--hs-orange)}
.hs-player{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:16px;background:var(--hs-ink);color:var(--hs-cream);border:1px solid var(--hs-line);overflow:auto}.hs-player::backdrop{background:#000d}.hs-player-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.hs-player-bar h2{font-size:15px;margin:0}.hs-player-bar button{background:transparent;border:1px solid var(--hs-line);padding:10px;font-size:10px;min-height:44px}.hs-player video{display:block;width:100%;height:min(72dvh,780px);background:#000;object-fit:contain}.hs-player p{font-size:12px;margin:8px 0 0}.hs-player p:empty{display:none}body:has(.hs-player[open]){overflow:hidden}
@media(max-width:1100px){.hs-desktop-nav{gap:12px;font-size:12px}.hs-brand{font-size:11px;gap:9px}.hs-header{gap:12px}.hs-header-cta{font-size:10px;padding-inline:14px}}
@media(max-width:900px){.hs-desktop-nav,.hs-header-cta{display:none}.hs-mobile-toggle{display:flex;gap:15px;align-items:center}.hs-brand{font-size:13px}.hs-hero-grid{grid-template-columns:1fr}.hs-intro{margin-top:35px;max-width:550px}.hs-hero h1{font-size:clamp(64px,12vw,105px)}.hs-meta{margin-top:35px}.hs-monthly-grid{gap:5%}.hs-film-caption{display:block}.hs-film-caption>span{display:block;text-align:left;margin-top:7px}.hs-enquiry{align-items:start;flex-direction:column}}
@media(max-width:600px){html{scroll-padding-top:90px}.hs-header{min-height:72px;padding:12px 20px}.hs-mobile-nav{top:72px}.hs-hero{padding-top:125px}.hs-hero h1{font-size:clamp(48px,13.5vw,80px)}.hs-eyebrow{font-size:9px;letter-spacing:.17em}.hs-intro{font-size:15px;margin-top:28px}.hs-intro p:first-child{font-size:18px}.hs-meta{font-size:8px;gap:12px}.hs-meta span:last-child{display:none}.hs-work{padding-top:38px;padding-bottom:54px}.hs-section-head{align-items:start;gap:10px}.hs-section-head h2{font-size:32px}.hs-motion{font-size:10px;max-width:110px;padding:8px 10px;flex:none}.hs-film-grid{grid-template-columns:1fr;gap:34px;max-width:420px;margin:auto}.hs-film:nth-child(2){margin-top:0}.hs-film-frame{max-height:76svh;aspect-ratio:9/16;margin:auto}.hs-film-caption{display:flex;align-items:baseline}.hs-film-caption>span{margin:0;text-align:right}.hs-film>p{max-width:none}.hs-monthly-grid{grid-template-columns:1fr;gap:22px}.hs-monthly h2{font-size:42px}.hs-services{grid-template-columns:1fr;margin-top:30px}.hs-services article,.hs-services article+article{padding:22px 0;border-left:0}.hs-services article+article{border-top:1px solid #0e0b0933}.hs-services h3{margin-top:10px}.hs-enquiry{margin-top:55px}.hs-enquiry h2{font-size:33px}.hs-enquire{width:100%}}
.hs-header{z-index:10002}body:has(.hs-mobile-nav:not([hidden])){overflow:hidden}
.hs-player{width:min(680px,calc(100vw - 24px));padding:18px}.hs-player video{height:min(68dvh,900px)}.hs-player-brand{display:block;color:var(--hs-orange);font-size:9px;letter-spacing:.17em;margin-bottom:5px}.hs-player-tools{display:flex;align-items:end;flex-wrap:wrap;gap:16px;margin-top:15px}.hs-player-tools label{font-size:9px;letter-spacing:.13em;display:grid;gap:5px}.hs-player-tools select{font:12px 'Space Grotesk',sans-serif;color:var(--hs-cream);background:var(--hs-ink);border:1px solid var(--hs-line);border-radius:4px;min-height:44px;padding:8px}.hs-player-tools button{background:transparent;border:1px solid var(--hs-line);min-height:44px;padding:8px 12px;font-size:9px;letter-spacing:.06em;margin-left:auto}.hs-volume{flex:1;min-width:80px;max-width:160px}.hs-volume input{min-height:44px;width:100%;margin:0;accent-color:var(--hs-orange)}.hs-player .hs-player-note{font-size:10px;color:#f4eee19e;margin-top:14px}.hs-player select:focus-visible,.hs-player input:focus-visible{outline:2px solid #ffa35c;outline-offset:3px}.hs-play{min-height:48px}.hs-play b{font:inherit}.hs-play small{display:block;font-size:9px;letter-spacing:.08em;opacity:.8;margin-top:3px}
@media(max-width:600px){.hs-player{padding:12px}.hs-player video{height:56dvh}.hs-player-tools{gap:9px}.hs-player-tools button{font-size:8px;padding:8px}.hs-player-bar h2{font-size:13px}.hs-volume{max-width:90px}}
.hs-player video{max-height:calc(100dvh - 260px)}
/* Small, AVBB-native motion accents: no extra image/video downloads. */
.hs-work-hint{margin:18px 0 0;font-size:13px;color:#f4eee19e}
.hs-film{--hs-card-angle:-1.2deg;--hs-sticker-angle:-9deg;--hs-arrive-angle:-2deg}
.hs-film:nth-child(2){--hs-card-angle:1.2deg;--hs-sticker-angle:8deg;--hs-arrive-angle:2deg}
.hs-film:nth-child(3){--hs-card-angle:-.8deg;--hs-sticker-angle:-7deg}
.hs-film-frame{isolation:isolate;outline:1px solid #f4eee11a;box-shadow:0 10px 30px #0002;transition:transform .55s cubic-bezier(.22,1,.36,1),outline-color .4s,box-shadow .4s;transform-origin:50% 80%}
.hs-film-index{position:absolute;z-index:2;top:18px;left:18px;background:#0e0b09bf;border:1px solid #f4eee166;padding:6px 9px;font:10px/1.2 'Space Grotesk',sans-serif;letter-spacing:.1em;pointer-events:none}
.hs-sticker{position:absolute;z-index:2;right:17px;top:20px;width:82px;height:82px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--hs-orange);color:var(--hs-ink);box-shadow:3px 4px 0 #0e0b0970;font:10px/1.05 'Archivo Black',sans-serif;letter-spacing:-.015em;transform:rotate(var(--hs-sticker-angle));pointer-events:none;animation:hs-sticker-bob 4.8s ease-in-out infinite;animation-play-state:paused}
.hs-sticker i{font-style:normal;font-size:25px;line-height:1;margin-bottom:3px}.hs-sticker--cream{background:var(--hs-cream)}
.hs-film:nth-child(2) .hs-sticker{animation-delay:-1.6s}.hs-film:nth-child(3) .hs-sticker{animation-delay:-3.2s}
.hs-play>span{position:relative}.hs-play>span:after{content:'';position:absolute;inset:-5px;border:1px solid #f4eee180;border-radius:50%;animation:hs-play-ring 3s ease-out infinite;animation-play-state:paused;pointer-events:none}
body[data-hs-motion-state="running"] .hs-film.is-in-view .hs-sticker,body[data-hs-motion-state="running"] .hs-film.is-in-view .hs-play>span:after{animation-play-state:running}
.hs-film.hs-arrive{animation:hs-card-arrive .8s cubic-bezier(.22,1,.36,1) both}
body[data-hs-motion-state="paused"] .hs-film.hs-arrive{animation:none}
.hs-project-tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:18px 0 0}.hs-project-tags li{border:1px solid #f4eee133;border-radius:30px;padding:5px 9px;font-size:9px;line-height:1.4;color:#f4eee1b3}
.hs-brand-note{display:grid;grid-template-columns:70px 1fr 1.15fr;gap:28px;align-items:center;margin-top:78px;padding-top:35px;border-top:1px solid var(--hs-line)}
.hs-brand-mark{display:grid;place-items:center;width:64px;height:64px;background:var(--hs-orange);color:var(--hs-ink);border-radius:50%;font:42px/1 'Space Grotesk',sans-serif;transform:rotate(-8deg)}
.hs-brand-note h3{margin:0;font-size:clamp(24px,2.6vw,36px);line-height:.98;letter-spacing:-.035em}.hs-brand-note p{margin:0;font-size:14px;line-height:1.75;color:#f4eee1b3}
@keyframes hs-sticker-bob{0%,65%,100%{transform:translateY(0) rotate(var(--hs-sticker-angle))}32%{transform:translateY(-5px) rotate(calc(var(--hs-sticker-angle) + 7deg))}}
@keyframes hs-play-ring{0%,25%{transform:scale(1);opacity:0}40%{opacity:.5}75%,100%{transform:scale(1.3);opacity:0}}
@keyframes hs-card-arrive{from{opacity:.35;transform:translateY(24px) rotate(var(--hs-arrive-angle))}to{opacity:1;transform:translateY(0) rotate(0)}}
@media(hover:hover) and (pointer:fine){body[data-hs-motion-state="running"] .hs-film:hover .hs-film-frame,body[data-hs-motion-state="running"] .hs-film:focus-within .hs-film-frame{transform:translateY(-7px) rotate(var(--hs-card-angle));outline-color:#e8621f99;box-shadow:0 20px 45px #0006}}
@media(max-width:900px){.hs-sticker{width:66px;height:66px;font-size:8px;right:12px;top:16px}.hs-sticker i{font-size:21px}.hs-film-index{left:12px;top:16px;font-size:8px}.hs-brand-note{grid-template-columns:52px 1fr;gap:20px}.hs-brand-mark{width:52px;height:52px;font-size:34px}.hs-brand-note p{grid-column:2}}
@media(max-width:600px){.hs-sticker{width:76px;height:76px;font-size:9px}.hs-film-index{font-size:9px}.hs-work-hint{font-size:12px;max-width:180px}.hs-brand-note{margin-top:45px;padding-top:28px}.hs-brand-note h3{font-size:25px}.hs-brand-note p{grid-column:1/-1;font-size:14px}.hs-project-tags{margin-top:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.hs-film,.hs-sticker,.hs-play>span:after{animation:none!important}.hs-film-frame{transform:none!important}.hs-play>span:after{display:none}}