:root{--aug-red:#C1121F;--aug-red-deep:#A31016;--aug-cream:#F4EEE1;--aug-ink:#0E0B09;--aug-peach:#FFA35C} /* 11 AUG 2026 — UX pass 02. AVBB palette + type only. */ /* ----- branded route transition: replaces black/orange interruption ----- */ [data-route-curtain]{background:var(--aug-red)!important;color:var(--aug-cream)!important;gap:18px!important} [data-route-curtain] img{height:42px!important;filter:brightness(0) invert(1)!important} [data-route-curtain] span{color:var(--aug-cream)!important;letter-spacing:.22em!important;opacity:.88} [data-route-curtain]::after{content:"";width:min(190px,42vw);height:2px;background:rgba(244,238,225,.24);position:relative;overflow:hidden} body.avbb-route-leaving [data-route-curtain]::after{background:linear-gradient(90deg,var(--aug-cream) 0 45%,rgba(244,238,225,.18) 45% 100%);background-size:220% 100%;animation:augRouteLine .6s ease-in-out infinite} @keyframes augRouteLine{to{background-position:-115% 0}} /* ----- entry gate ----- */ html.aug-entry-open{overflow:hidden} /* FOUC FIX: set synchronously in ; only the entry layer can paint first. */ html.avbb-entry-pending body>x-dc,html.avbb-entry-pending body>#dc-root{visibility:hidden!important} [data-aug-entry]{position:fixed;inset:0;z-index:30000;background:var(--aug-red);color:var(--aug-cream);display:grid;grid-template-rows:auto 1fr auto;padding:clamp(18px,3vw,42px);opacity:1;transform:translateY(0);transition:transform .78s cubic-bezier(.76,0,.24,1),opacity .62s ease;overflow:hidden} [data-aug-entry].is-leaving{transform:translateY(-101%);opacity:.98;pointer-events:none} .aug-entry-grain{position:absolute;inset:0;opacity:.08;pointer-events:none;background-image:radial-gradient(rgba(244,238,225,.9) .55px,transparent .55px);background-size:4px 4px;mix-blend-mode:soft-light} .aug-entry-top,.aug-entry-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase} .aug-entry-top img{height:42px;width:auto;filter:brightness(0) invert(1)} .aug-entry-centre{position:relative;z-index:2;align-self:center;max-width:1100px;width:100%;margin:auto;text-align:center} .aug-entry-centre>p{font-size:11px;font-weight:800;letter-spacing:.28em;margin:0 0 16px} .aug-entry-centre h1{font-family:'Archivo Black';font-size:clamp(64px,13vw,196px);line-height:.77;letter-spacing:-.025em;margin:0;text-transform:uppercase} .aug-entry-centre h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--aug-cream)} .aug-entry-centre button{margin-top:clamp(30px,5vh,54px);border:1.5px solid var(--aug-cream);background:var(--aug-cream);color:var(--aug-red-deep);border-radius:999px;padding:15px 20px 15px 26px;font-family:'Archivo Black';font-size:12px;letter-spacing:.1em;display:inline-flex;align-items:center;gap:24px;cursor:pointer;transition:transform .3s ease,background .3s,color .3s} .aug-entry-centre button i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--aug-red);color:var(--aug-cream);transition:transform .3s ease} .aug-entry-centre button:hover{transform:translateY(-3px);background:transparent;color:var(--aug-cream)}.aug-entry-centre button:hover i{transform:translateX(3px)} /* ----- showreel ----- */ [data-aug11-sound-inner]{display:inline-flex;align-items:center;gap:10px} [data-aug11-sound-bars]{display:inline-flex;align-items:flex-end;gap:2px;height:14px;width:18px;overflow:hidden} [data-aug11-sound-bars] i{display:block;width:3px;background:currentColor;border-radius:2px;animation:augSound 1.05s ease-in-out infinite;transform-origin:bottom} [data-aug11-sound-bars] i:nth-child(2){animation-delay:.13s}[data-aug11-sound-bars] i:nth-child(3){animation-delay:.27s}[data-aug11-sound-bars] i:nth-child(4){animation-delay:.4s} @keyframes augSound{0%,100%{height:3px}50%{height:13px}} [data-reel-sound]{overflow:hidden;transition:transform .2s ease,border-color .25s ease,background .25s ease!important} [data-reel-sound]::after{content:"";position:absolute;inset:-50% 0;background:linear-gradient(180deg,transparent,rgba(244,238,225,.18),transparent);transform:translateY(var(--aug-sound-sweep,-35%));pointer-events:none} .aug-sound-arrow{display:inline-block;transform:translateY(var(--aug-sound-arrow,0));transition:transform .12s linear} .aug-master-badge{position:absolute;left:clamp(18px,4vw,48px);bottom:76px;z-index:7;padding:8px 11px;border:1px solid rgba(244,238,225,.42);background:rgba(8,6,6,.45);backdrop-filter:blur(8px);font-family:'Archivo Black';font-size:9px;letter-spacing:.14em;color:var(--aug-cream);text-transform:uppercase;pointer-events:none} /* ----- music palette ----- */ #music [data-stack-card]{border:1px solid rgba(244,238,225,.12)} #music [data-stack-card].aug-cream{background:var(--aug-cream)!important;color:#120806!important} #music [data-stack-card].aug-red{background:var(--aug-red)!important;color:var(--aug-cream)!important} #music [data-stack-card].aug-red p{color:rgba(244,238,225,.83)!important} #events [data-filmstrip]{contain:layout paint} #events [data-aug11-promoter-marquee]{margin-top:clamp(-64px,-5vh,-28px)!important} /* ----- Off Camera: editorial / blog treatment ----- */ [data-aug11-story]{position:relative;padding:clamp(84px,12vh,150px) clamp(16px,5vw,70px);background:var(--aug-cream);color:#120806;overflow:hidden;border-top:1px solid rgba(18,8,6,.15);border-bottom:1px solid rgba(18,8,6,.15)} .aug-editorial-shell{max-width:1240px;margin:auto;display:grid;grid-template-columns:160px minmax(0,1fr);gap:clamp(28px,5vw,74px)} .aug-editorial-rail{border-right:1px solid rgba(18,8,6,.22);display:flex;flex-direction:column;justify-content:space-between;padding-right:22px;min-height:520px;font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)} .aug-editorial-rail b{font-family:'Archivo Black';font-size:13px} .aug-kicker{font-size:11px;font-weight:800;letter-spacing:.28em;text-transform:uppercase;margin:0;color:var(--aug-red-deep)} .aug-story-head{font-family:'Archivo Black';font-size:clamp(48px,8vw,124px);line-height:.85;text-transform:uppercase;margin:14px 0 24px;letter-spacing:-.02em}.aug-story-head em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--aug-red)} .aug-story-deck{max-width:680px;font-size:clamp(15px,1.45vw,18px);line-height:1.65;margin:0 0 42px;color:rgba(18,8,6,.72)} .aug-qgrid{border-top:2px solid #120806}.aug-q{appearance:none;border:0;border-bottom:1px solid rgba(18,8,6,.25);background:transparent;color:inherit;text-align:left;padding:22px 0;display:grid;grid-template-columns:54px 1fr auto;gap:18px;align-items:center;font-family:'Space Grotesk';cursor:pointer;transition:padding .28s ease,color .28s ease,background .28s ease}.aug-q-no{font-family:'Archivo Black';font-size:11px;color:var(--aug-red)}.aug-q-title{font-size:clamp(17px,1.8vw,23px);font-weight:650}.aug-q b{font-family:'Archivo Black';font-size:10px;letter-spacing:.1em;color:var(--aug-red-deep)}.aug-q b i{font-style:normal;display:inline-block;transition:transform .25s}.aug-q:hover{padding-left:14px;padding-right:14px;background:var(--aug-red);color:var(--aug-cream)}.aug-q:hover .aug-q-no,.aug-q:hover b{color:var(--aug-cream)}.aug-q:hover b i{transform:translate(3px,-3px)} .aug-story-panel{position:fixed;inset:0;z-index:16000;background:var(--aug-cream);color:#120806;display:none;grid-template-columns:110px 1fr;padding:0;overflow:auto}.aug-story-panel.is-open{display:grid}.aug-story-panel-rail{background:var(--aug-red);color:var(--aug-cream);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 0}.aug-story-panel-rail img{width:44px;height:auto;filter:brightness(0) invert(1)}.aug-story-panel-rail span{writing-mode:vertical-rl;transform:rotate(180deg);font-family:'Archivo Black';font-size:10px;letter-spacing:.22em}.aug-story-panel article{max-width:980px;padding:clamp(80px,11vh,150px) clamp(26px,8vw,120px);align-self:center}.aug-story-meta{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(18,8,6,.24);padding-bottom:14px;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.aug-story-meta small{color:var(--aug-red);font-weight:900}.aug-story-panel h3{font-family:'Archivo Black';font-size:clamp(44px,7vw,100px);line-height:.88;text-transform:uppercase;margin:30px 0 28px;letter-spacing:-.02em}.aug-story-panel article>p{font-size:clamp(17px,2vw,23px);line-height:1.65;max-width:760px}.aug-story-rule{width:100%;height:1px;background:rgba(18,8,6,.2);margin:48px 0 20px}.aug-story-next{border:0;background:transparent;color:var(--aug-red);font-family:'Archivo Black';font-size:11px;letter-spacing:.12em;padding:8px 0;cursor:pointer}.aug-story-close{position:fixed;top:20px;right:20px;width:50px;height:50px;border-radius:50%;border:1.5px solid #120806;background:var(--aug-cream);color:#120806;font-size:24px;cursor:pointer;z-index:3} /* ----- Legacy three-peat ----- */ [data-aug11-award-stage]{position:relative;min-height:82vh;display:grid;place-items:center;margin-top:34px;overflow:hidden;border-top:1px solid rgba(244,238,225,.18);border-bottom:1px solid rgba(244,238,225,.18);background:radial-gradient(circle at 68% 50%,rgba(193,18,31,.22),transparent 34%)} .aug-trophy{width:min(42vw,430px);aspect-ratio:1;position:relative;display:grid;place-items:center;transform:translateY(calc((var(--award-progress,0) - .5)*28px))}.aug-trophy svg{width:72%;height:auto;position:relative;z-index:2;filter:drop-shadow(0 30px 70px rgba(193,18,31,.45))}.aug-ring{position:absolute;border:1px solid rgba(244,238,225,.22);border-radius:50%;inset:10%;animation:augRing 14s linear infinite}.aug-ring.r2{inset:0;animation-direction:reverse;animation-duration:21s}.aug-ring span{position:absolute;top:-9px;left:50%;transform:translateX(-50%);font-family:'Archivo Black';font-size:11px;letter-spacing:.16em;background:var(--aug-ink);padding:0 8px;white-space:nowrap}.aug-years{position:absolute;inset:auto 0 5%;display:flex;justify-content:center;gap:clamp(14px,4vw,70px);z-index:3}.aug-year{font-family:'Archivo Black';font-size:clamp(28px,5vw,70px);color:transparent;-webkit-text-stroke:1px rgba(244,238,225,.5);transition:.3s}.aug-year.is-active{color:var(--aug-cream);-webkit-text-stroke:0}.aug-three{position:absolute;font-family:'Archivo Black';font-size:clamp(120px,27vw,360px);color:rgba(193,18,31,.25);line-height:.8;z-index:0}.aug-award-copy{position:absolute;left:clamp(18px,5vw,70px);top:clamp(24px,7vh,80px);z-index:4;max-width:min(630px,52vw)}.aug-award-copy small{display:block;font-weight:800;letter-spacing:.21em;font-size:10px;margin-bottom:16px;color:rgba(244,238,225,.7)}.aug-award-copy b{font-family:'Archivo Black';font-size:clamp(38px,6vw,90px);line-height:.85;display:block;letter-spacing:-.025em}.aug-award-copy b em{font-style:normal;color:var(--aug-red)}.aug-award-copy span{display:block;margin-top:18px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--aug-cream);font-size:11px}@keyframes augRing{to{transform:rotate(360deg)}} /* ----- live Instagram ----- */ [data-aug11-field-notes]{padding-bottom:clamp(34px,5vh,62px)!important} [data-screen-label="Testimonials"]{padding-top:clamp(42px,6vh,72px)!important} [data-aug11-field-notes] .aug-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--aug-red);margin-right:8px;animation:augLive 1.7s ease-in-out infinite} @keyframes augLive{50%{opacity:.3;transform:scale(.72)}} .aug-live-feed-grid,.aug-feed-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(10px,1.6vw,20px)!important}.aug-feed-card{position:relative;aspect-ratio:4/5;overflow:hidden;background:#120806;color:var(--aug-cream)}.aug-feed-card img,.aug-feed-card video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.22,1,.36,1)}.aug-feed-card:hover img,.aug-feed-card:hover video{transform:scale(1.04)}.aug-feed-card span{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;font-family:'Archivo Black';font-size:10px;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 18px #000}.aug-feed-card::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.72));pointer-events:none} /* PERFORMANCE: Behold is injected near the viewport; static cards stay visible until its load event. */ .aug-behold-shell{width:100%;opacity:0;transition:opacity .35s ease;contain:layout paint style}.aug-behold-shell[hidden],.aug-live-feed-grid[hidden],.aug-feed-grid[hidden]{display:none!important}.aug-behold-shell.is-ready{opacity:1}.aug-behold-shell behold-widget{display:block;width:100%;min-height:360px} /* ----- client proof: independent stagger survives GSAP or route timing ----- */ .aug-client-star{display:inline-block;opacity:0;transform:translateY(22px) scale(.2) rotate(-28deg);transform-origin:50% 65%} [data-stars].is-visible .aug-client-star{animation:augClientStarPop .68s cubic-bezier(.16,1,.3,1.3) var(--star-delay) both} @keyframes augClientStarPop{0%{opacity:0;transform:translateY(22px) scale(.2) rotate(-28deg)}68%{opacity:1;transform:translateY(-5px) scale(1.16) rotate(5deg)}100%{opacity:1;transform:none}} /* ----- price badges ----- */ .aug-price-badge{position:relative;display:inline-flex;align-items:center;gap:7px;margin-top:8px;width:max-content;padding:6px 9px;border:1px solid rgba(244,238,225,.46);border-radius:999px;font-family:'Archivo Black';font-size:8px;letter-spacing:.12em;text-transform:uppercase;overflow:hidden}.aug-price-badge i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:augBadgePulse 1.8s ease-in-out infinite}.aug-price-badge.is-most{background:var(--aug-cream);color:var(--aug-red-deep);border-color:var(--aug-cream)}.aug-price-badge.is-best{background:var(--aug-red-deep);color:var(--aug-cream);border-color:rgba(244,238,225,.65)}@keyframes augBadgePulse{50%{opacity:.35;transform:scale(.65)}} .aug-classics-cta{display:inline-flex;align-items:center;gap:10px;border-radius:999px;background:#120806;color:var(--aug-cream);padding:15px 25px;font-family:'Archivo Black';font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-top:28px} /* ----- booking ----- */ .aug-payment-path{max-width:1180px;margin:0 auto;padding:0 clamp(16px,5vw,70px) clamp(50px,8vh,90px)}.aug-payment-path .inner{border:1px solid rgba(244,238,225,.16);padding:clamp(22px,4vw,42px);background:#141010}.aug-payment-path h3{font-family:'Archivo Black';font-size:clamp(28px,4vw,56px);margin:0 0 22px;text-transform:uppercase}.aug-payment-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(244,238,225,.14)}.aug-payment-steps div{background:#141010;padding:18px}.aug-payment-steps b{display:block;color:var(--aug-cream);font-family:'Archivo Black';font-size:10px;letter-spacing:.12em}.aug-payment-steps span{display:block;margin-top:8px;font-size:13px;line-height:1.45;color:rgba(244,238,225,.72)} [data-brief-card]{border-top:3px solid var(--aug-red)!important}.aug-book-field select,.aug-book-field input{transition:border-color .25s ease!important}.aug-book-field:focus-within select,.aug-book-field:focus-within input{border-bottom-color:var(--aug-cream)!important} [data-book-card]{height:100%} /* ----- commercial archive with real Drive work ----- */ [data-aug11-synq]{padding:clamp(70px,10vh,130px) clamp(16px,5vw,70px);background:var(--aug-cream);color:#120806}.aug-commercial-wrap{max-width:1280px;margin:auto}.aug-commercial-head{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(28px,6vw,80px);align-items:end;margin:14px 0 38px}.aug-commercial-head h2{font-family:'Archivo Black';font-size:clamp(46px,8vw,120px);line-height:.84;text-transform:uppercase;margin:0;letter-spacing:-.025em}.aug-commercial-head h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--aug-red)}.aug-commercial-head p{max-width:470px;font-size:16px;line-height:1.65;margin:0;color:rgba(18,8,6,.72)}.aug-commercial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.aug-commercial-card{position:relative;min-height:360px;aspect-ratio:16/10;overflow:hidden;background:#120806;color:var(--aug-cream)}.aug-commercial-card.is-wide{grid-column:1/-1;aspect-ratio:21/9}.aug-commercial-card video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.22,1,.36,1)}.aug-commercial-card:hover video{transform:scale(1.035)}.aug-commercial-card::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(8,6,6,.88));pointer-events:none}.aug-commercial-card>div{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:end}.aug-commercial-card small{font-weight:800;letter-spacing:.12em;font-size:9px}.aug-commercial-card b{font-family:'Archivo Black';font-size:clamp(22px,3vw,42px);line-height:.9;text-transform:uppercase}.aug-commercial-card span{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-align:right} @media(max-width:820px){ [data-aug-entry]{padding:18px}.aug-entry-foot span:last-child{display:none}.aug-entry-centre h1{font-size:clamp(68px,20vw,118px)} .aug-editorial-shell{grid-template-columns:1fr}.aug-editorial-rail{display:none}.aug-q{grid-template-columns:38px 1fr}.aug-q b{display:none}.aug-story-panel{grid-template-columns:56px 1fr}.aug-story-panel-rail img{width:30px}.aug-story-panel article{padding:82px 22px 48px}.aug-story-meta span{display:none} .aug-live-feed-grid,.aug-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.aug-payment-steps{grid-template-columns:1fr 1fr} #top [data-hero-float]{display:block!important;opacity:.3!important;transition:transform .15s linear} [data-aug11-award-stage]{min-height:76vh;display:flex;flex-direction:column;justify-content:center;padding:28px 18px}.aug-award-copy{position:relative;left:auto;top:auto;max-width:none;width:100%;align-self:start}.aug-trophy{width:min(76vw,360px);margin-top:28px}.aug-years{bottom:2%} .aug-commercial-head{grid-template-columns:1fr}.aug-commercial-grid{grid-template-columns:1fr}.aug-commercial-card.is-wide{grid-column:auto;aspect-ratio:16/10}.aug-commercial-card{min-height:0}.aug-commercial-card>div{grid-template-columns:1fr}.aug-commercial-card span{text-align:left} } @media(max-width:520px){.aug-live-feed-grid,.aug-feed-grid{grid-template-columns:1fr 1fr!important}.aug-payment-steps{grid-template-columns:1fr}.aug-story-panel{grid-template-columns:1fr}.aug-story-panel-rail{display:none}.aug-entry-top span,.aug-entry-foot{font-size:9px}.aug-master-badge{bottom:18px}} @media(prefers-reduced-motion:reduce){.aug-ring,[data-aug11-sound-bars] i,.aug-live-dot,.aug-price-badge i,[data-route-curtain]::after{animation:none!important}[data-aug-entry]{transition:none}} /* ===== 11 AUG 2026 — REVISION PASS 03 ===== */ /* Back-to-site is handled in JS; the visual system below keeps the new editorial copy inside AVBB type. */ [data-aug11-story],.aug-story-panel{font-family:'Space Grotesk',sans-serif!important} .aug-story-head,.aug-story-head em,.aug-q-no,.aug-q b,.aug-story-panel h3,.aug-story-next,.aug-story-panel-rail span{font-family:'Archivo Black',sans-serif!important} .aug-story-deck,.aug-q-title,.aug-story-panel article>p{font-family:'Space Grotesk',sans-serif!important} /* Off Camera — scroll-led notes, subtle enough to stay editorial rather than gimmicky. */ [data-aug11-story]::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:calc(var(--aug-note-progress,0)*100%);background:var(--aug-red);transform-origin:left;pointer-events:none} .aug-note-reveal{opacity:0;transform:translateY(26px);transition:opacity .65s cubic-bezier(.22,1,.36,1) var(--aug-note-delay,0ms),transform .65s cubic-bezier(.22,1,.36,1) var(--aug-note-delay,0ms)} .aug-note-reveal.is-in{opacity:1;transform:none} .aug-story-panel article{opacity:0;transform:translateY(18px);transition:opacity .38s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1)} .aug-story-panel article.is-note-ready{opacity:1;transform:none} /* Google reviews — deterministic carousel replaces the old overlapping CSS timelines. */ .avbb-review-stack[data-aug-reviews="1"]{min-height:clamp(260px,34vw,380px)!important} .avbb-review-stack[data-aug-reviews="1"] [data-book-review]{animation:none!important;position:absolute!important;inset:0!important;opacity:0!important;visibility:hidden!important;transform:translateY(16px)!important;pointer-events:none!important;transition:opacity .48s cubic-bezier(.22,1,.36,1),transform .48s cubic-bezier(.22,1,.36,1),visibility 0s linear .48s!important} .avbb-review-stack[data-aug-reviews="1"] [data-book-review].is-active{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;transition-delay:0s!important} .aug-review-nav{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px auto 0;color:var(--aug-cream);font-family:'Space Grotesk';font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase} .aug-review-nav button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(244,238,225,.42);background:transparent;color:var(--aug-cream);font-size:16px;cursor:pointer;transition:background .25s,color .25s,border-color .25s} .aug-review-nav button:hover,.aug-review-nav button:focus-visible{background:var(--aug-cream);color:var(--aug-ink);border-color:var(--aug-cream)} .aug-review-nav span{min-width:52px;text-align:center;color:rgba(244,238,225,.62)} .aug-review-nav a{margin-left:8px;border-bottom:1px solid rgba(244,238,225,.4);padding-bottom:3px;color:var(--aug-cream)} /* Additional work genuinely sourced from the connected Drive. */ [data-aug11-drive-archive]{padding:clamp(72px,10vh,130px) clamp(16px,5vw,70px);background:var(--aug-red);color:var(--aug-cream);overflow:hidden} .aug-drive-wrap{max-width:1280px;margin:auto}.aug-drive-head{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,6vw,84px);align-items:end;margin-bottom:38px}.aug-drive-head h2{font-family:'Archivo Black';font-size:clamp(48px,8vw,122px);line-height:.84;letter-spacing:-.025em;text-transform:uppercase;margin:12px 0 0}.aug-drive-head h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--aug-cream)}.aug-drive-head .aug-kicker{color:var(--aug-cream);opacity:.78}.aug-drive-head>p{max-width:520px;margin:0;font-size:16px;line-height:1.65;color:rgba(244,238,225,.78)} .aug-drive-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:12px;align-items:stretch}.aug-drive-card{position:relative;min-height:440px;overflow:hidden;background:#120806;color:var(--aug-cream);isolation:isolate}.aug-drive-card video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.22,1,.36,1)}.aug-drive-card:hover video{transform:scale(1.035)}.aug-drive-card::after{content:"";position:absolute;inset:44% 0 0;background:linear-gradient(transparent,rgba(8,6,6,.9));z-index:1;pointer-events:none}.aug-drive-card>div{position:absolute;z-index:2;left:20px;right:20px;bottom:18px}.aug-drive-card small{display:block;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,238,225,.72)}.aug-drive-card b{display:block;font-family:'Archivo Black';font-size:clamp(28px,4vw,62px);line-height:.88;text-transform:uppercase;margin-top:7px}.aug-drive-card span{display:block;margin-top:8px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--aug-peach)} /* Legal footer brand partner link */ a[data-still-rollin]{transition:opacity .2s,color .2s}a[data-still-rollin]:hover{opacity:1!important;color:var(--aug-peach)!important} @media(max-width:820px){ .aug-drive-head{grid-template-columns:1fr}.aug-drive-grid{grid-template-columns:1fr}.aug-drive-card{min-height:360px}.aug-drive-card.is-vertical{min-height:520px}.aug-review-nav a{width:100%;text-align:center;margin:8px 0 0} } @media(prefers-reduced-motion:reduce){.aug-note-reveal{opacity:1;transform:none;transition:none}.aug-story-panel article{opacity:1;transform:none;transition:none}.avbb-review-stack[data-aug-reviews="1"] [data-book-review]{transition:none!important}.aug-client-star{opacity:1;transform:none;transition:none}} @media(prefers-reduced-motion:reduce){ .avbb-review-stack[data-aug-reviews="1"] [data-book-review]{display:none!important} .avbb-review-stack[data-aug-reviews="1"] [data-book-review].is-active{display:flex!important} } /* ===== REV V6 · 11 AUG 2026 ===== */ /* Entry typography: lock every utility line to the AVBB brand kit. */ .aug-entry-top,.aug-entry-foot,.aug-entry-centre>p{font-family:'Space Grotesk',sans-serif!important} .aug-entry-top span,.aug-entry-foot span{font-weight:700!important} /* Showreel: clean cinema presentation — no browser/native player chrome. */ video[data-reel-video]{background:#080606} video[data-reel-video]::-webkit-media-controls{display:none!important} video[data-reel-video]::-webkit-media-controls-enclosure{display:none!important} [data-reel-sound]{display:none!important} /* Promoter marquee was explicitly retained; make the strip feel intentional. */ #events [data-aug11-promoter-marquee]{ padding-block:clamp(14px,2.4vh,24px)!important; border-top:1px solid rgba(244,238,225,.14); border-bottom:1px solid rgba(244,238,225,.14); -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%); } #events [data-aug11-promoter-marquee] [data-strip-set]{gap:clamp(20px,2.4vw,38px)!important} /* Best-seller badges: separate them from the deliverables copy and increase hierarchy. */ #prices [data-price-row] small{display:block!important;line-height:1.55} .aug-price-badge{ display:flex!important; margin-top:15px!important; padding:8px 13px!important; font-size:9px!important; letter-spacing:.14em!important; border-width:1.5px!important; box-shadow:0 10px 28px rgba(8,6,6,.16); isolation:isolate; } .aug-price-badge::after{ content:"";position:absolute;inset:-1px;z-index:-1;border-radius:999px; background:linear-gradient(110deg,transparent 25%,rgba(244,238,225,.32) 45%,transparent 65%); transform:translateX(-130%);animation:augBadgeSheen 3.8s ease-in-out infinite; } .aug-price-badge.is-best{background:var(--aug-cream)!important;color:var(--aug-red-deep)!important;border-color:var(--aug-cream)!important;box-shadow:0 0 0 3px rgba(244,238,225,.12),0 12px 30px rgba(8,6,6,.2)} @keyframes augBadgeSheen{0%,60%{transform:translateX(-130%)}85%,100%{transform:translateX(130%)}} @media(prefers-reduced-motion:reduce){.aug-price-badge::after{animation:none!important}} /* ===== 12 AUG 2026 - LAUNCH PASS V14 ===== */ /* Events promoter strip: lifted into the composition without changing its scroll pace. */ #events [data-aug11-promoter-marquee]{position:relative;z-index:4} /* Event-after-movie packages */ [id="prices"]{display:block!important;visibility:visible!important;opacity:1!important} [data-event-tiers]{margin:22px 0 8px;padding:22px 0 8px;border-top:1px solid rgba(244,238,225,.24)} .aug-tier-head{display:grid;grid-template-columns:minmax(180px,.55fr) 1fr;gap:22px;align-items:start;margin-bottom:14px} .aug-tier-head>span{font-family:'Archivo Black';font-size:11px;letter-spacing:.14em;color:var(--aug-peach)} .aug-tier-head>p{margin:0;max-width:680px;font-size:13px;line-height:1.55;color:rgba(244,238,225,.72)} .aug-tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} .aug-tier-grid article{min-width:0;border:1px solid rgba(244,238,225,.2);background:rgba(8,6,6,.18);padding:16px 17px} .aug-tier-grid small{display:block;font-family:'Archivo Black';font-size:9px;letter-spacing:.14em;color:rgba(244,238,225,.6)} .aug-tier-grid b{display:block;margin-top:7px;font-family:'Archivo Black';font-size:clamp(18px,2vw,28px);color:var(--aug-cream)} .aug-tier-grid p{margin:8px 0 0;font-size:12px;line-height:1.5;color:rgba(244,238,225,.72)} /* Booking and footer remain explicit blocks independent of stage animation. */ #book[data-booking-panel]{display:block!important;visibility:visible!important;opacity:1!important;background:#0E0B09!important;isolation:isolate;z-index:1} #book[data-booking-panel] [data-booking-blobs]{opacity:.34!important;mix-blend-mode:screen} footer[data-screen-label="Footer"]{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10!important;clear:both;isolation:isolate;background:#080606!important} /* Booking symmetry + tablet service-card safety. */ [data-book-card]{box-sizing:border-box} [data-service-grid]{min-width:0;width:100%} [data-service-grid]>article{min-width:0;overflow:hidden} [data-service-grid]>article>div:first-child{min-width:0} [data-service-grid] h3{min-width:0;overflow-wrap:anywhere} /* A booked date reads like a physical diary square: pressed down and crossed out. */ button[data-calendar-status]{position:relative;isolation:isolate;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease} button[data-calendar-status] [data-calendar-day]{position:relative;z-index:2} button[data-calendar-status="available"]:hover{transform:translateY(-2px);border-color:#E8621F!important;background:rgba(232,98,31,.12)!important} button[data-calendar-status="available"]:focus-visible{outline:3px solid #E8621F!important;outline-offset:2px!important} button[data-calendar-status="booked"],button[data-calendar-status="unavailable"]{transform:translateY(3px);box-shadow:inset 0 5px 9px rgba(0,0,0,.58),inset 0 -1px 0 rgba(244,238,225,.07),0 1px 0 rgba(244,238,225,.08);pointer-events:none} button[data-calendar-status="booked"]{font-family:'Archivo Black','Space Grotesk',sans-serif!important;text-decoration:none!important} button[data-calendar-status="booked"]::before,button[data-calendar-status="booked"]::after{content:"";position:absolute;z-index:3;left:9%;top:calc(50% - 1.5px);width:82%;height:3px;border-radius:999px;background:rgba(244,238,225,.82);box-shadow:0 1px 2px rgba(0,0,0,.48);transform:rotate(45deg);pointer-events:none} button[data-calendar-status="booked"]::after{transform:rotate(-45deg)} [data-calendar-key="booked"]{position:relative;display:inline-block;width:14px;height:14px;border-radius:3px;background:#C1121F;box-shadow:inset 0 3px 4px rgba(0,0,0,.46);overflow:hidden;flex:0 0 auto} [data-calendar-key="booked"]::before,[data-calendar-key="booked"]::after{content:"";position:absolute;left:1px;top:6px;width:12px;height:2px;border-radius:999px;background:#F4EEE1;transform:rotate(45deg)} [data-calendar-key="booked"]::after{transform:rotate(-45deg)} /* Booking conversion polish: immediate routes into availability, prices and relevant work. */ [data-book-hero-actions] a,[data-book-work-card]{transition:transform .28s ease,border-color .28s ease,background-color .28s ease,box-shadow .28s ease} [data-book-primary-cta]:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(193,18,31,.32)} [data-book-secondary-cta]:hover{transform:translateY(-3px);border-color:#F4EEE1!important;background:rgba(244,238,225,.08)} [data-book-text-cta]:hover{color:#E8621F!important;border-color:#E8621F!important} [data-book-work-card]{border:1px solid rgba(244,238,225,.12)} [data-book-work-card] img,[data-book-work-card] video{transition:transform .55s ease,filter .55s ease} [data-book-work-card]:hover{z-index:2;transform:translateY(-5px);border-color:#E8621F;box-shadow:0 16px 32px rgba(0,0,0,.28)} [data-book-work-card]:hover img,[data-book-work-card]:hover video{transform:scale(1.045);filter:saturate(1.08)} [data-book-work-card]:focus-visible{outline:3px solid #E8621F;outline-offset:3px} /* Keep heavy below-the-fold embeds from receiving eager layout priority. */ .aug-commercial-card video,.aug-drive-card video,#events [data-filmstrip] video{content-visibility:auto} /* RENDER FIX: sticky stack media must remain paintable while cards overlap. */ #music [data-stack-media]{min-width:0;width:100%;aspect-ratio:16/9;overflow:hidden;background:#120806;contain:paint} #music [data-stack-media] video{width:100%;height:100%;display:block;object-fit:cover;content-visibility:visible!important;background:#120806} @media (min-width:821px) and (max-width:1100px){ [data-service-grid]{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important} [data-service-grid]>article{padding:18px!important} [data-service-grid] h3{font-size:18px!important;line-height:1!important} [data-service-grid] b{font-size:16px!important;white-space:normal!important} [data-service-grid] p{font-size:13px!important} } @media(max-width:820px){ .aug-tier-head{grid-template-columns:1fr}.aug-tier-grid{grid-template-columns:1fr} #events [data-aug11-promoter-marquee]{margin-top:-24px!important} } /* ===== 13 AUG 2026 — CONTENT, PROOF + MOBILE PASS V16.5 ===== */ /* Native volume input keeps the showreel controllable without loading a media UI library. */ [data-aug-reel-volume]{position:absolute;right:clamp(18px,4vw,48px);bottom:76px;z-index:9;display:flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid rgba(244,238,225,.55);border-radius:999px;background:rgba(8,6,6,.64);backdrop-filter:blur(10px);color:var(--aug-cream);font-family:'Space Grotesk';box-shadow:0 12px 34px rgba(0,0,0,.24)} [data-aug-reel-volume] button{appearance:none;border:0;background:transparent;color:inherit;font-family:'Archivo Black';font-size:9px;letter-spacing:.1em;cursor:pointer;padding:5px 3px;min-width:42px} [data-aug-reel-volume] label{display:grid;grid-template-columns:auto 94px 34px;align-items:center;gap:9px;font-size:8px;font-weight:800;letter-spacing:.13em;white-space:nowrap} [data-aug-reel-volume] input{width:94px;accent-color:var(--aug-red);cursor:pointer} [data-aug-reel-volume] output{font-family:'Archivo Black';font-size:9px;letter-spacing:.04em;text-align:right} /* The original events strip remains in the DOM for existing scroll triggers but is no longer painted. */ #events [data-aug11-promoter-marquee][hidden]{display:none!important} [data-aug-proof]{position:relative;overflow:hidden;padding:0 0 clamp(82px,12vh,148px);background:var(--aug-cream);color:#120806;border-top:1px solid rgba(18,8,6,.15)} .aug-proof-marquee{overflow:hidden;background:#120806;color:var(--aug-cream);border-top:1px solid rgba(244,238,225,.18);border-bottom:1px solid rgba(244,238,225,.18)} .aug-proof-marquee>div{display:flex;width:max-content;align-items:center;gap:24px;padding:18px 0;animation:augProofMarquee 30s linear infinite;will-change:transform} .aug-proof-marquee span{font-family:'Archivo Black';font-size:clamp(20px,3.2vw,46px);line-height:1;white-space:nowrap;text-transform:uppercase}.aug-proof-marquee i{font-style:normal;color:var(--aug-peach);font-size:16px}.aug-proof-marquee i.is-red{color:var(--aug-red)} @keyframes augProofMarquee{to{transform:translateX(-50%)}} .aug-proof-shell{max-width:1240px;margin:auto;padding:clamp(72px,10vh,120px) clamp(16px,5vw,70px) 0} .aug-proof-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.65fr);gap:clamp(28px,6vw,82px);align-items:end;margin:14px 0 clamp(34px,6vh,64px)} .aug-proof-head h2{font-family:'Archivo Black';font-size:clamp(46px,8vw,116px);line-height:.84;letter-spacing:-.025em;text-transform:uppercase;margin:0}.aug-proof-head h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--aug-red)}.aug-proof-head p{font-size:clamp(15px,1.4vw,18px);line-height:1.65;margin:0;color:rgba(18,8,6,.72)} .aug-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.6vw,20px)} @property --proof-fill{syntax:'';inherits:false;initial-value:0turn} .aug-proof-grid article{border-top:2px solid #120806;padding-top:18px;opacity:0;filter:blur(6px);transform:translateY(68px) rotate(.7deg);transition:opacity .52s ease,filter .72s ease,transform .85s cubic-bezier(.16,1,.3,1)}.aug-proof-grid article.is-visible{opacity:1;filter:none;transform:none} .aug-proof-grid article>div{--proof-fill:0turn;width:min(15vw,150px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--aug-red) 0 var(--proof-fill),rgba(18,8,6,.1) var(--proof-fill) 1turn);transform:rotate(-112deg) scale(.76);transition:--proof-fill 1.05s cubic-bezier(.16,1,.3,1),transform 1.05s cubic-bezier(.16,1,.3,1)}.aug-proof-grid article.is-visible>div{--proof-fill:var(--proof-target);transform:rotate(-90deg) scale(1)}.aug-proof-grid article>div::after{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--aug-cream)}.aug-proof-grid article b{position:relative;z-index:1;transform:rotate(90deg);font-family:'Archivo Black';font-size:clamp(24px,3vw,44px);font-variant-numeric:tabular-nums} .aug-proof-grid h3{font-family:'Archivo Black';font-size:clamp(15px,1.5vw,21px);text-transform:uppercase;margin:18px 0 6px}.aug-proof-grid p{font-size:12px;line-height:1.5;margin:0;color:rgba(18,8,6,.68)} /* Event tiers are collapsed until their service row is selected. */ .aug-tier-toggle{display:inline-flex;margin-top:9px;padding:6px 9px;border:1px solid rgba(244,238,225,.48);border-radius:999px;font-family:'Archivo Black';font-size:8px;letter-spacing:.12em;width:max-content} [data-event-price-toggle],[data-social-price-toggle]{cursor:pointer}[data-event-price-toggle].is-open,[data-social-price-toggle].is-open{background:#F4EEE1!important;color:#A31016!important;padding-left:30px!important}[data-event-tiers][hidden],[data-social-package][hidden]{display:none!important}[data-event-tiers],[data-social-package]{animation:augTierReveal .45s cubic-bezier(.22,1,.36,1) both}@keyframes augTierReveal{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}} .aug-tier-work{margin-top:22px;padding-top:20px;border-top:1px solid rgba(244,238,225,.24)}.aug-tier-work-head{display:grid;grid-template-columns:minmax(180px,.55fr) 1fr;gap:22px;margin-bottom:14px}.aug-tier-work-head>span{font-family:'Archivo Black';font-size:10px;letter-spacing:.14em;color:var(--aug-peach)}.aug-tier-work-head p{margin:0;max-width:670px;font-size:12px;line-height:1.55;color:rgba(244,238,225,.72)} .aug-tier-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.aug-tier-work-grid a{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#120806;color:var(--aug-cream)}.aug-tier-work-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.22,1,.36,1)}.aug-tier-work-grid a:hover img{transform:scale(1.035)}.aug-tier-work-grid a::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(8,6,6,.84))}.aug-tier-work-grid span{position:absolute;z-index:2;left:13px;right:13px;bottom:12px;font-family:'Archivo Black';font-size:10px;letter-spacing:.07em}.aug-tier-work-grid i{float:right;font-style:normal} .aug-social-proof .aug-tier-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aug-social-proof .aug-tier-work-grid a{aspect-ratio:16/9} .aug-awards-focused{padding-top:clamp(58px,8vh,90px)!important}.aug-awards-focused>:not([data-aug11-award-stage]){display:none!important} [data-calendar-today="true"]::after{content:"TODAY";position:absolute;left:50%;bottom:3px;transform:translateX(-50%);font-family:'Archivo Black';font-size:6px;letter-spacing:.08em;color:#7E9BFF;text-decoration:none;line-height:1} [data-home-footer]{padding-bottom:max(36px,env(safe-area-inset-bottom))!important} .aug-about-static>span{opacity:1!important;transform:none!important} @media(max-width:820px){ [data-aug-reel-volume]{right:14px;bottom:20px;padding:8px 10px}[data-aug-reel-volume] label{grid-template-columns:76px 31px}[data-aug-reel-volume] label>span{display:none}[data-aug-reel-volume] input{width:76px}.aug-master-badge{bottom:20px;left:14px} .aug-proof-head{grid-template-columns:1fr}.aug-proof-grid{grid-template-columns:1fr 1fr}.aug-proof-grid article>div{width:min(34vw,150px)} [data-aug11-award-stage]{min-height:auto!important;display:flex!important;flex-direction:column;justify-content:center;padding:46px 18px 64px}.aug-award-copy{position:relative!important;left:auto!important;top:auto!important;max-width:none!important;width:100%;align-self:start}.aug-trophy{width:min(76vw,360px);margin-top:28px;transform:none!important}.aug-years{position:relative!important;inset:auto!important;margin-top:18px;gap:14px;flex-wrap:wrap}.aug-year{font-size:clamp(28px,10vw,52px)} .aug-tier-work-head{grid-template-columns:1fr}.aug-tier-work-grid{grid-template-columns:1fr 1fr} } @media(max-width:520px){.aug-master-badge{display:none}.aug-proof-grid{grid-template-columns:1fr}.aug-proof-grid article{display:grid;grid-template-columns:96px 1fr;column-gap:16px;align-items:center}.aug-proof-grid article>div{width:96px;grid-row:1/3}.aug-proof-grid h3{margin:0 0 5px}.aug-tier-work-grid,.aug-social-proof .aug-tier-work-grid{grid-template-columns:1fr}} @media(max-width:767px){[data-seo-service-links]{grid-template-columns:1fr!important}} @media(prefers-reduced-motion:reduce){.aug-proof-marquee>div{animation:none!important}.aug-proof-grid article{opacity:1;filter:none;transform:none;transition:none}.aug-proof-grid article>div{--proof-fill:var(--proof-target);transform:rotate(-90deg)!important;transition:none}.aug-client-star{opacity:1!important;transform:none!important;animation:none!important}}