@font-face{font-family:Manrope;src:url('/fonts/manrope.woff2') format('woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:Signature;src:url('/fonts/signature.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--ink:var(--bang-ink);--paper:var(--bang-paper);--acid:var(--bang-acid);--muted:var(--bang-muted);--rule:var(--bang-rule);--gutter:var(--bang-gutter);--nav:66px;--ease:var(--bang-ease);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav)}body{margin:0;color:var(--ink);background:var(--paper);font:500 16px/1.5 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}button,input,textarea,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}h1,h2,h3,p{margin:0}button{background:none;border:0;color:inherit;padding:0;text-align:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--bang-focus);outline-offset:4px}::selection{background:var(--acid);color:var(--ink)}[hidden]{display:none!important}
.micro{font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace;font-size:10px;line-height:1.45;font-weight:600;letter-spacing:.065em;text-transform:uppercase}.pad{padding-inline:var(--gutter)}.paper{background:var(--paper)}.skip{position:absolute;left:8px;top:-100px;background:var(--acid);padding:10px}.skip:focus{top:4px;z-index:110}.rule{height:1px;background:var(--rule)}
#mast{height:var(--nav);background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid #c7c7bc}.mast-inner{height:100%;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:16px}.brand img{width:84px;height:auto;filter:invert(1)}.brand-label{border-left:1px solid #bbbdb2;padding-left:16px;font-size:10px;line-height:1.4}.desktop-nav{display:flex;align-items:center;gap:clamp(24px,3.3vw,72px);font-weight:750;font-size:13px}.desktop-nav a,.roll-link{position:relative}.desktop-nav a:after,.roll-link:after{content:'';position:absolute;left:0;bottom:-4px;height:1px;background:currentColor;width:100%;transform:scaleX(0);transform-origin:right;transition:transform .3s}.desktop-nav a:hover:after,.roll-link:hover:after{transform:scaleX(1);transform-origin:left}.desktop-nav sup,.switcher sup{font-size:10px;font-weight:600}.nav-cta,.solid-action,.submit{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--acid);color:var(--ink);padding:11px 14px;font-size:13px;font-weight:800;transition:background .2s,color .2s}.nav-cta b,.solid-action b,.submit b{font-size:17px;line-height:1;transition:transform .25s}.nav-cta:hover,.solid-action:hover,.submit:hover{color:var(--paper);background:#42443a}.nav-cta:hover b,.solid-action:hover b,.submit:hover b{transform:translate(2px,-2px)}.menu-toggle{display:grid;align-content:center;justify-items:end;width:32px;height:40px;gap:4px}.menu-toggle i{width:23px;height:2px;background:currentColor;transition:transform .3s}.menu-toggle i:last-child{width:15px}.menu-toggle[aria-expanded=true] i:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] i:last-child{width:23px;transform:translateY(-3px) rotate(-45deg)}.read-progress{position:absolute;bottom:-1px;left:0;height:2px;width:100%;background:#888d47;transform-origin:0 50%;transform:scaleX(0)}
.nav-panel{z-index:19;position:fixed;inset:var(--nav) 0 0;background:var(--ink);color:var(--paper);padding:clamp(22px,5vh,70px) var(--gutter);overflow-y:auto}.nav-panel-grid{display:grid;grid-template-columns:1fr 2fr;gap:6vw}.nav-panel aside{display:flex;flex-direction:column;align-items:start;gap:13px}.nav-panel nav{display:grid}.nav-panel nav a{font-size:clamp(32px,5vw,78px);line-height:1.15;letter-spacing:-.07em;border-top:1px solid #494a43;display:flex;align-items:baseline;gap:3vw;padding:7px 0;transition:color .18s}.nav-panel nav a:hover{color:var(--acid)}.nav-panel nav small{color:#a8a99f;font-size:10px;letter-spacing:.065em}
.hero{isolation:isolate;position:relative;overflow:hidden;color:var(--paper);background:#121310;min-height:610px;height:calc(100svh - var(--nav));max-height:1260px}
.hero-motion,.hero-motion:after,.hero-lines,.hero-content{position:absolute;inset:0}.hero-motion{z-index:-2;overflow:hidden;background:#10110f url('/media/diaphragm.webp') 50% 50%/cover no-repeat;transform:scale(1.01) translateY(var(--drift,0px));will-change:transform}.hero-motion video{height:100%;width:100%;object-fit:cover}.hero-motion:after{content:'';background:linear-gradient(0deg,#020302c9 0%,#06070615 29%,transparent 65%,#07070744 100%)}.hero-lines{pointer-events:none;z-index:-1;display:flex;justify-content:space-between;left:var(--gutter);right:var(--gutter);border-inline:1px solid #ffffff1a}.hero-lines i{width:1px;height:100%;background:#ffffff12}.hero-lines i:first-child,.hero-lines i:last-child{background:transparent}.signal,.square{background:var(--acid);width:7px;height:7px;display:inline-block}.signal{border-radius:50%;box-shadow:0 0 12px #eaff4860}.ukclock{font-variant-numeric:tabular-nums}.reel{display:flex;align-items:center;gap:13px;padding:8px 16px 8px 8px;background:#151613a8;border:1px solid #ffffff65;backdrop-filter:blur(5px);min-width:230px;transition:border-color .2s,background .2s}.reel:hover{background:#2d2e26;border-color:var(--acid)}.reel strong,.reel small{display:block}.reel small{font-size:10px;color:#d4d3c7}.reel strong{font-size:14px;letter-spacing:-.02em;margin-top:2px}.reel strong i{font-style:normal;color:var(--acid);margin-left:6px}.motion-control{position:absolute;bottom:100px;right:var(--gutter);display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;padding:8px 0 8px 8px;color:#e6e6df}.equalizer{height:13px;display:flex;align-items:center;gap:2px}.equalizer i{width:2px;height:80%;background:var(--acid);animation:meter 1s ease-in-out infinite alternate}.equalizer i:nth-child(2){animation-delay:-.3s;height:100%}.equalizer i:nth-child(3){animation-delay:-.5s;height:50%}.equalizer i:nth-child(4){animation-delay:-.1s;height:70%}@keyframes meter{to{transform:scaleY(.35)}}.studio{padding-top:46px}.studio-grid{display:grid;grid-template-columns:24% 1fr;padding:clamp(60px,8vw,140px) 0 clamp(60px,8vw,140px)}.statement{font-size:clamp(54px,7.8vw,146px);letter-spacing:-.083em;line-height:.96;font-weight:650}.statement em,.service-copy h3 em,.contact-title em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.statement em{letter-spacing:-.085em}.clients{display:flex;gap:22px;align-items:center;border-block:1px solid var(--rule);padding:17px 0;overflow:hidden}.clients>.micro{flex:none;padding-right:18px;border-right:1px solid var(--rule)}@keyframes ticker{to{transform:translateX(-50%)}}
.work{padding-block:clamp(65px,9vw,160px)}.display{font-size:clamp(53px,8.3vw,148px);line-height:.94;letter-spacing:-.085em;font-weight:650}.display>span{color:#85867f}.switcher{display:flex;border:1px solid #aaa99e;padding:3px}.switcher button{padding:9px 16px;font-weight:700;font-size:12px}.switcher sup{font-size:10px;margin-left:3px}.switcher button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.feature-stage{overflow:hidden;display:block;position:relative;width:100%;aspect-ratio:1.47;background:#151615}.feature-stage img{width:100%;height:100%;object-fit:cover;transition:transform .75s var(--ease)}.feature-stage:hover img{transform:scale(1.04)}.feature-stage.is-audio{background:repeating-radial-gradient(ellipse at 57% 56%,#30312b 0 1px,#171815 2px 5px)}.feature-stage.is-audio img{object-fit:contain;width:65%;height:78%;position:absolute;left:12%;top:11%;box-shadow:8px 12px 24px #0007}.feature-stage.is-audio:before{content:'';position:absolute;left:34%;top:13%;width:49%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#222322 0 1px,#141514 2px 3px,#343531 4px 4.5px)}.stage-tag,.service-art>span{position:absolute;top:16px;left:16px;padding:5px 8px;background:#111b;color:white;font-size:10px}.track{display:grid;grid-template-columns:28px 1fr 19px;align-items:center;width:100%;gap:8px;text-align:left;font-size:clamp(13px,1.15vw,19px);font-weight:650;line-height:1.24;letter-spacing:-.025em;border-bottom:1px solid var(--rule);padding:12px 6px 12px 0;transition:background .2s,padding .2s}.track small{font-family:monospace;font-size:10px;font-weight:400}.track i{font-style:normal;text-align:right}.track[aria-pressed=true]{background:var(--acid);padding-left:8px}.track:hover{background:#e4e4d9}
.services{background:var(--ink);color:var(--paper);padding-block:48px 70px}.services .display span{color:var(--acid)}.service-row{display:grid;grid-template-columns:15% minmax(0,1fr) 32%;gap:3vw;border-top:1px solid #464840;padding:36px 0 60px}.service-row:last-child{padding-bottom:0}.service-copy h3{font-weight:600;letter-spacing:-.075em;line-height:1;font-size:clamp(38px,4.2vw,79px)}.service-copy p{color:#c1c2b9;font-size:14px;max-width:420px;margin:22px 0}.service-copy ul{padding:0;list-style:none;color:#d5d6cb;font-size:12px;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:6px;max-width:450px}.service-copy li{border:1px solid #494b41;padding:3px 8px}.solid-action{padding:12px 16px}.service-art{min-height:180px;position:relative;aspect-ratio:1.15;align-self:start;overflow:hidden}.service-art>span{bottom:10px;left:10px;top:auto}
.process{padding-block:70px 100px}.process>.display{margin:50px 0 44px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.step{border-top:1px solid #8b8d80;padding-top:12px}.step .micro{display:flex;justify-content:space-between}.step h3{margin:34px 0 12px;font-size:clamp(21px,2vw,34px);letter-spacing:-.055em;line-height:1.1}.step p{font-size:14px;color:var(--muted);max-width:255px}
.contact{background:#1a1b17;color:var(--paper);padding-block:45px 75px}.contact-grid{display:grid;grid-template-columns:.96fr 1fr;gap:9vw;padding-top:58px}.contact-title{font-size:clamp(75px,8.3vw,158px);font-weight:650;letter-spacing:-.08em;line-height:.88}.contact-title em{color:var(--acid)}.contact-grid>div>p{max-width:340px;margin:28px 0 18px;color:#d2d3c9}.contact-email{display:inline-block;font-size:14px;border-bottom:1px solid #8b8e80}.submit{width:100%;padding:15px 17px}.form-note,#form-result{font-size:12px;line-height:1.55;color:#bfc0b5;margin-top:12px}.form-note a,#form-result a,.consent-copy a{text-decoration:underline;text-underline-offset:3px}
#foot{background:var(--acid);color:var(--ink);padding:42px var(--gutter) 22px}
dialog{color:var(--ink);background:var(--paper);border:0;padding:0;width:min(850px,calc(100% - 32px));max-height:88svh;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#050605c9;backdrop-filter:blur(8px)}.modal-bar{padding:14px 20px;border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between}.modal-close{font-size:22px;line-height:1;width:34px;height:34px;display:grid;place-items:center}.player-body{padding:20px}.player-body h2,.prefs-body h2{font-size:clamp(24px,3vw,43px);letter-spacing:-.055em;line-height:1.1;margin:7px 0 19px}.player-body iframe{width:100%;aspect-ratio:16/9;border:0;display:block;background:#10110d}.audio-player-art{height:clamp(110px,30svh,250px);margin-bottom:14px;background:#e2e2d8;display:grid;place-items:center}.audio-player-art img{height:100%;width:auto;max-height:100%;min-height:0}.player-body audio{width:100%}.video-gate{position:relative;isolation:isolate;min-height:230px;display:grid;align-content:center;justify-items:center;gap:12px;background:#111;color:white;text-align:center;padding:28px 18px}.video-gate>img{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.27}.video-gate p{font-size:13px;max-width:420px}.video-gate a,.external-video{font-size:12px;text-decoration:underline}.external-video{display:inline-block;margin-top:11px}.prefs-body{padding:24px}.consent-copy{font-size:14px;max-width:630px}.prefs-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 12px}.secondary-action{border:1px solid #77796a;padding:10px 15px;font-size:13px;font-weight:700}.status-txt{color:var(--muted);margin:8px 0}.menu-open,.dialog-open{overflow:hidden}
.motion-off *,.motion-off *:before,.motion-off *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.motion-off,.motion-off html{scroll-behavior:auto}.motion-off .hero-motion{transform:none}
@media(max-width:950px){.brand-label{display:none}.desktop-nav{gap:22px}.track{padding-block:11px}.service-row{grid-template-columns:minmax(0,1.35fr) 1fr}.service-copy h3{font-size:48px}.studio-grid{grid-template-columns:19% 1fr}.steps{grid-template-columns:1fr 1fr}.step h3{margin-top:20px}}
@media(max-width:700px){:root{--nav:57px;--gutter:20px}.mast-inner{gap:12px}.brand img{width:74px}.desktop-nav{display:none}.nav-cta{font-size:11px;gap:15px;padding:8px 10px}.nav-panel-grid{grid-template-columns:1fr}.nav-panel nav{grid-row:1}.nav-panel nav a{font-size:40px}.hero{min-height:570px;max-height:900px;height:calc(94svh - var(--nav))}.signal{flex:none;width:6px;height:6px}.reel{gap:8px;min-width:0;padding:5px 9px 5px 5px;align-self:end}.reel small{font-size:10px}.reel strong{font-size:11px}.reel strong i{margin-left:1px}.motion-control{right:var(--gutter);bottom:140px;font-size:10px}.hero-motion{background-position:61% 50%}.hero-motion video{object-position:61% 50%}.studio{padding-top:24px}.studio-grid{grid-template-columns:1fr;padding:46px 0;gap:25px}.statement{font-size:clamp(43px,9.6vw,70px)}.clients{gap:8px}.clients>.micro{font-size:10px;padding-right:8px}.work{padding-block:55px}.display{font-size:clamp(48px,10.5vw,78px)}.feature-stage{aspect-ratio:1.44}.switcher button{padding:8px 14px}.track{font-size:14px;padding-block:12px}.services{padding-block:30px 36px}.service-row{grid-template-columns:1fr;padding:24px 0 34px;gap:17px}.service-copy h3{font-size:48px}.service-copy p{margin:15px 0}.service-art{width:100%;aspect-ratio:2.1;min-height:0;margin-top:4px}.process{padding-block:34px 50px}.process>.display{margin:34px 0}.steps{gap:25px 15px}.step h3{font-size:21px}.step p{font-size:13px}.contact{padding-block:27px 46px}.contact-grid{grid-template-columns:1fr;gap:34px;padding-top:34px}.contact-title{font-size:73px}.contact-title br{display:none}.contact-title em:before{content:' '}.contact-grid>div>p{margin:17px 0}.nav-panel aside a{font-size:15px}}
@media(max-width:370px){.steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.motion-off{scroll-behavior:auto}.wave-live{display:block;width:100%;height:auto}.statement,.display,.service-copy h3,.contact-title{word-spacing:.04em}.work-head,.studio-grid{position:relative}
@media(max-width:700px){.studio-grid{gap:14px}}

/* The two sleeves share a single frame. With motion disabled both credits remain in view. */
.crossover {
  margin: 0;
  background: var(--ink);
  scroll-margin-top: 0;
}
.crossover-stage {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  isolation: isolate;
}
.cut-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: clamp(285px, 35vw, 515px);
}
.cut-art, .cut-legend {position: absolute; inset: 0}
.cut-art {isolation: isolate; overflow: hidden}
.cut-legend {z-index: 2; pointer-events: none}
.cut-audio {color: #181a16}
.cut-audio .cut-art {
  background: radial-gradient(ellipse at 70% 39%, #eceee4, #d4d5c8 65%, #bfc0b3);
}
.cut-visual {color: var(--paper)}
.cut-visual .cut-art {background: #211318}
.cut-still {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: 52% 43%; z-index: -2;
}
.cut-visual .cut-art::after {
  content: ''; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(0deg, #060606e6, #09080912 55%, #0b090933);
}
.cut-meta, .cut-caption {
  position: absolute; z-index: 2; left: var(--gutter); right: var(--gutter);
}
.cut-meta {top: 22px; display: flex; justify-content: space-between; gap: 9px}
.cut-visual .cut-meta span {background: #171513; color: var(--paper); padding: 3px 6px}
.cut-caption {bottom: 31px}
.cut-word {
  display: block; font-size: clamp(60px, 9vw, 172px); line-height: .96;
  font-weight: 700; letter-spacing: -.085em;
}
.cut-caption p {margin-top: 10px; font-size: clamp(12px,1vw,17px); font-weight: 650}
.cut-caption b {padding-inline: .3em; opacity: .64}
.record-set {
  position: absolute; width: min(47%, 370px); aspect-ratio: 1;
  left: 39%; top: 44%; transform: translateY(-50%) rotate(-8deg);
}
.record-set img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  box-shadow: 0 12px 28px #17191140;
}
.record-disc {
  position: absolute; left: 36%; width: 99%; height: 99%; top: .5%; border-radius: 50%;
  background: radial-gradient(circle, #161713 0 1.4%, #c9c5a8 1.6% 16%, transparent 16.3%),
    repeating-radial-gradient(circle, transparent 0 1.4px, #ffffff1d 1.7px, transparent 2.4px),
    conic-gradient(from -25deg,#090a08,#4d4e47 28deg,#161712 55deg,#080908 147deg,#51524b 206deg,#191a15 235deg,#090a08);
  box-shadow: 4px 10px 18px #17191130;
}
.edit-ruler {display:none}
@media (max-width:700px) {
  .crossover-stage {grid-template-columns: 1fr}
  .cut-panel {min-height: clamp(245px, 64vw, 355px)}
  .cut-meta {font-size:10px; top: 18px}
  .cut-caption {bottom: 22px}
}
@media (prefers-reduced-motion: no-preference) {
  .js-motion .hero-sequence {
    --hero-exit: 0;
    background: var(--paper);
    --hero-hold: clamp(80px, 14svh, 150px);
  }
  .js-motion .hero-sequence::after {content: ""; display: block; height: var(--hero-hold)}
  .js-motion .hero {
    position: sticky; top: var(--nav);
    transform: scale(calc(1 - .08 * var(--hero-exit)));
    transform-origin: center 35%;
    border-radius: calc(16px * var(--hero-exit));
  }
  .js-motion .hero-motion {
    transform: scale(calc(1.012 + .14 * var(--hero-exit)));
    transform-origin: 67% 58%;
  }
  .js-motion .feature-stage {
    clip-path: polygon(0 calc((1 - var(--aperture, 1)) * 16%), 100% 0,
        100% calc(100% - (1 - var(--aperture, 1)) * 16%), 0 100%);
    transform: scale(calc(.92 + .08 * var(--aperture, 1)));
    transform-origin: center 65%;
  }
  .js-motion .feature-stage:focus-visible {clip-path: none; transform: none}
  .js-motion .crossover {
    --stage-h: clamp(310px, calc(84svh - var(--nav)), 850px);
    height: calc(var(--stage-h) + clamp(290px, 70svh, 690px));
    --mix: 0;
    --cut: calc(-7% + 114% * var(--mix));
  }
  .js-motion .crossover-stage {
    position: sticky; top: var(--nav); height: var(--stage-h);
    display: block;
  }
  .js-motion .cut-panel {display: contents}
  .js-motion .cut-visual .cut-legend {
    opacity: clamp(0, calc((var(--mix) - .46) * 5.6), 1);
    transform: translateY(calc(clamp(0, .66 - var(--mix), .2) * 55px));
  }
  .js-motion .cut-audio .cut-legend {
    opacity: clamp(0, calc(1.3 - var(--mix) * 4.5), 1);
    transform: translateY(calc(-14px * var(--mix)));
  }
  .js-motion .cut-visual .cut-art {
    clip-path: polygon(0 0,calc(var(--cut) + 6%) 0,calc(var(--cut) - 6%) 100%,0 100%);
  }
  .js-motion .cut-still {transform: scale(calc(1.09 - .09 * var(--mix)))}
  .js-motion .record-set {
    width: min(36vw, 48svh, 490px); left: 47%; top: 49%;
    transform: translate(calc(-12% * var(--mix)), -50%) rotate(calc(-8deg + 12deg * var(--mix)));
  }
  .js-motion .record-disc {left: calc(40% + 15% * var(--mix))}
  .js-motion .cut-word {font-size:clamp(90px,14vw,248px)}
  .js-motion .cut-meta {top: 28px}
  .js-motion .cut-caption {bottom: clamp(42px, 5vw, 78px)}
  .js-motion .edit-ruler {
    position: absolute; display: block; pointer-events: none;
    height: 3px; bottom: 0; left: 0; right: 0; background: #77786c;
  }
  .edit-ruler i {display:block; width:100%; height:100%; background:var(--acid); transform-origin:left; transform:scaleX(var(--mix))}
  .js-motion .process {position: relative; isolation: isolate}
  .js-motion .process::before {
    content: ''; position: absolute; inset: -43px 0 auto; height: 44px;
    background: var(--paper); pointer-events: none;
    clip-path: polygon(0 calc((1 - var(--splice, 1)) * 96%),100% calc(var(--splice, 1) * 94%),100% 100%,0 100%);
  }
  .js-motion .contact-title {
    transform: translateY(calc((1 - var(--arrival,1)) * 28px));
  }

}
@media (prefers-reduced-motion: no-preference) and (max-width:700px) {
  .js-motion .crossover {--stage-h:clamp(335px, 74svh, 655px); height:calc(var(--stage-h) + 56svh)}
  .js-motion .record-set {width:min(59vw,34svh); left:18%; top:43%}
  .js-motion .cut-word {font-size:clamp(74px,21vw,140px)}
  .js-motion .cut-meta {top: 19px}
  .js-motion .cut-caption {bottom: 28px}
  .js-motion .cut-still {object-position: 53% center}
  .js-motion .hero-sequence {--hero-hold: clamp(65px, 11svh, 100px)}
}


/* Consistent thin vector arrows, including iPhone Safari and in-app browsers. */
.ui-arrow{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.12em;overflow:visible}

/* Design system: focus inside dark sections, and a readable label on accent buttons */
.hybrid-hero :focus-visible,.hybrid-consent :focus-visible,.hybrid-footer :focus-visible,.dp-intro :focus-visible{outline-color:var(--bang-focus-on-dark)}