
html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}


/* ------------------------------------- */
/* Scrollbar Styling (Firefox & WebKit) */
/* ------------------------------------- */
    /* For Firefox */
    html {
        scrollbar-width: thin; /* Makes scrollbar thinner */
        scrollbar-color: #b90827 black; /* Thumb (orange), Track (black) */
    }

    /* For WebKit Browsers (Chrome, Safari, Edge) */
    html::-webkit-scrollbar {
        width: 10px; /* Adjust scrollbar width */
    }

    html::-webkit-scrollbar-track {
        background: black; /* Track color */
    }

    html::-webkit-scrollbar-thumb {
        background-color: #b90827; /* Thumb color */
        border-radius: 4px; /* Rounded corners for thumb */
        border: 2px solid black; /* Optional: Border for contrast */
    }


/* ------------------------------------- */
/* Background Patterns for Various Sections */
/* ------------------------------------- */

.content_wrapper .motto {
    background-color: #e5e5f7;
    opacity: 0.8;
    background-image: radial-gradient(circle, #9f9f9f 0.5px, transparent 0.6px);
    background-size: 6px 6px;
}

.content_wrapper.motto.is-2 {
  background-image: radial-gradient(rgba(255, 255, 255, 0.1) 10%, transparent 16%);
  background-size: 8px 8px; /* Adjust size for subtlety */
    background-position: 0 0;
}

.logo_wrap {
  background-image: radial-gradient(rgba(255, 255, 255, 0.1) 10%, transparent 16%);
  background-size: 8px 8px; /* Adjust size for subtlety */
    background-position: 0 0;
}

.content_slab.invert {
  background-image: radial-gradient(rgba(255, 255, 255, 0.1) 10%, transparent 16%);
  background-size: 8px 8px; /* Adjust size for subtlety */
  background-position: 0 0;
}

.quart_div-2.is_3.contact {
  background-image: radial-gradient(rgba(255, 255, 255, 0.1) 10%, transparent 16%);
  background-size: 8px 8px; /* Adjust size for subtlety */
  background-position: 0 0;
}

.quart_div.is_1.host {
  background-image: radial-gradient(rgba(255, 255, 255, 0.1) 10%, transparent 16%);
  background-size: 8px 8px; /* Adjust size for subtlety */
  background-position: 0 0;
}

.interview-col-item:hover {
  background-image: radial-gradient(rgba(255, 255, 255, 0.1) 10%, transparent 16%);
  background-size: 8px 8px; /* Adjust size for subtlety */
  background-position: 0 0;
}

/* ------------------------------------- */
/* Content Block Animations */
/* ------------------------------------- */

.h_div_contentblock {
    opacity: 0;
    transform: translateX(-50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.h_div_contentblock.show {
    opacity: 1;
    transform: translateX(0);
}

/* ------------------------------------- */
/* Logo Wrapper Animation */
/* ------------------------------------- */

.logo_wrap_wrapper {
    position: relative;
    overflow: hidden;
}

.logo_wrap {
    transform: translateY(-100%);
    opacity: 1;
    transition: transform 0.8s ease-out;
}

.logo_wrap.show {
    transform: translateY(0);
}

/* ------------------------------------- */
/* Heading & Text Appearance Animations */
/* ------------------------------------- */

.heading_h2, .copy_text {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.heading_h2.show, .copy_text.show {
    opacity: 1;
    transform: translateY(0);
}

/* ------------------------------------- */
/* Guest Name Appearance Animation */
/* ------------------------------------- */

.guest-wrap {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.guest-wrap.show {
    opacity: 1;
}


/* ------------------------------------- */
/* Marquee (Endless Scrolling Guest Names) */
/* ------------------------------------- */
.footer_fixed .footer .live_feed_wrapper {
    width: 100vw; /* Full viewport width */
    height: 4rem; /* Adjust as needed */
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    background: black; /* Keep or modify */
}

.livefeed_fetch {
    width: max-content;
    white-space: nowrap;
    position: relative;
}

.marquee-wrapper {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  width: max-content;
}

.marquee-container {
  display: flex;
  width: max-content; /* Ensures it grows based on content */
  }
  
.link-element.email {
  color: #b90827;
  text-decoration: none; /* Optional: remove underline */
}

.social-link:hover .social-icon\ 3 svg path {
  fill: #ffffff;
}



.line {
  position: relative;
}

.split-lines {
  color: #1e1e1e;
  }
.line-mask {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #070707;
  opacity: 0.65;
  height: 100%;
  width: 100%;
  z-index: 2;
  mix-blend-mode: color-burn;
}
/* Avala-only adaptations over the reference's original stylesheet. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:-100px;left:20px;z-index:2000;padding:12px 18px;background:#b90827;color:#fff;font:14px Arial}.skip-link:focus{top:10px}
a:focus-visible,button:focus-visible{outline:2px solid #eee;outline-offset:5px}
button.bake057__nav-button{border:0;padding:0;border-radius:0;font:inherit;cursor:pointer}
.typemark{color:#fff;text-decoration:none;font-size:1.2em;letter-spacing:.12em}
.header-inquiry{color:#fff;text-decoration:none;font:2em 'Square 721 Std Roman',sans-serif;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.visual-word{font-family:'Square 721 Std Roman',sans-serif;font-size:4.2vw;letter-spacing:-.05em;color:#d5d5d5;margin:auto;position:relative;text-shadow:0 2px 25px #000}
.hero-visual{background-size:cover!important;background-attachment:scroll!important;border:1px solid #2b2b2b;background-color:#080808}
.hero-visual:nth-child(even){background-position:65% center!important}
.hero-visual:nth-child(3n){background-size:contain!important}
.interview-image{object-fit:cover;background:#070707}
.label-wordmark{font:1.7em 'Square 721 Std Roman',Arial,sans-serif;color:#d2d2d2;letter-spacing:.07em;text-align:center;padding:20px}
.contact-services{display:flex;gap:25px;flex-wrap:wrap}.contact-services a{font:1.1em Oxanium,Arial,sans-serif;color:#aaa;text-decoration:none}.contact-services a:hover{color:#fff}
.motion-toggle,.back-top{background:none;border:0;padding:5px 0;color:#aaa;font:.75em Oxanium,Arial,sans-serif;text-decoration:none;cursor:pointer}.footer-bottom{gap:15px;flex-wrap:wrap}.footer-bottom .footer-text{width:100%}.motion-toggle:hover,.back-top:hover{color:#fff}
.guest-name-cl{display:flex;align-items:center;flex-shrink:0;width:max-content;gap:4vw;padding-right:4vw}.ticker-item{white-space:nowrap;font:600 .65em Oxanium,Arial,sans-serif;letter-spacing:.12em;color:#aaa}
.marquee-wrapper{animation:label-tape 50s linear infinite}.footer_block:hover .marquee-wrapper{animation-play-state:paused}.preloader{pointer-events:none}.w-webflow-badge{display:none!important}
.split-lines{color:#bcbcbc}.body{background:#070707}
@keyframes label-tape{to{transform:translateX(-50%)}}
.motion-off{scroll-behavior:auto!important}.motion-off *{animation:none!important;transition:none!important}.motion-off .preloader,.motion-off .line-mask{display:none!important}.motion-off .h_div_contentblock,.motion-off .heading_h2,.motion-off .copy_text,.motion-off .logo_wrap{opacity:1!important;transform:none!important}.motion-off .guests-titles{position:relative!important;inset:auto!important;height:auto!important;min-height:0!important}.motion-off .guest-scroll-section{height:auto!important}.motion-off .guest-container{gap:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;padding:4vw!important}.motion-off .hero-visual{width:100%!important;height:50vh!important;position:relative!important;inset:auto!important;transform:none!important;mask:none!important;-webkit-mask:none!important}.motion-off .hero_section_mn{height:auto!important}.motion-off .hero_content_wrapper{position:relative!important}.motion-off .hero_container:not(.host):not(.talks){position:relative!important}.motion-off .keystat_section_mn,.motion-off .contact_section{position:relative!important;top:auto!important}.motion-off .bake057__nav-list:not([data-accessible-open]){display:none!important}.motion-off .bake057__nav-list[data-accessible-open]{display:flex!important;opacity:1!important;transform:none!important;position:fixed;inset:8vh 0 6vh 0;width:100vw;height:auto;z-index:2000;flex-direction:column;align-items:flex-start;justify-content:center;padding:8vw;background:#b90827}.motion-off .bake057__nav-list[data-accessible-open] a{font-size:6vw}
@media(max-width:767px){.typemark{font-size:1.25em}.visual-word{font-size:7vw}.contact-services{gap:15px}.contact-services a{font-size:1.1em}.ticker-item{font-size:.7em}.label-wordmark{font-size:1.8em;padding:5px}.motion-toggle,.back-top{font-size:.9em}.footer-bottom{gap:10px}.motion-off .guest-container{grid-template-columns:1fr!important}.interview-col-item{min-height:22vh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.preloader{display:none!important}}
html{overflow-x:clip;scroll-padding-top:9vh}.hero_container:not(.host):not(.talks),.hero-image-mobile,.portfolio-image-mobile{background-image:none!important}
@media(max-width:767px){.typemark{font-size:1.25em}}
.bake057__nav-list__link{color:#ddd}.bake057__nav-list__link:hover,.bake057__nav-list__link[aria-current]{color:#fff}.interview-col-item:focus-within .rich-text-block{display:block!important}
@media(max-width:767px),(hover:none){.interview-col-item{height:auto!important;min-height:22vh}.interview-col-item .rich-text-block{display:block!important;max-width:70%;padding-top:12px;color:#aaa;font:1em/1.5 Oxanium,Arial,sans-serif}.collection-item-wrapper{padding-top:3vh;padding-bottom:3vh}.designation-guest,.talk_date{font-size:.95em}}
.motion-off .hero_content_wrapper,.motion-off .guests-titles{opacity:1!important;visibility:visible!important;transform:none!important}
.motion-off .spacer_contact,.motion-off .spacer_div,.motion-off .gradient_transition,.motion-off .spacer-hero{display:none!important}.motion-off .contact_section{height:auto!important;min-height:0!important;padding-bottom:6vh}.motion-off .div-block-27{position:relative!important;inset:auto!important}.motion-off .heading.desktop{transform:none!important}
@media(max-width:767px),(hover:none){.talk_title_block{height:auto!important;min-height:22vh;padding-top:2vh;padding-bottom:2vh}.div-block-24{width:82%}.interview-col-item .rich-text-block{max-width:100%;font-size:12px}.title_talk{font-size:clamp(16px,3.2vw,22px)}.collection-item-wrapper{width:100%}}
.contact-services a{font-size:12px}.footer-text,.motion-toggle,.back-top{font-size:10px}.contact_section .link-desc{color:#ddd}.contact_section .footer-bottom{width:100%;justify-content:space-between}
/* Keep the reference's type and grid, with one layout owner for each section. */
.header_block.top{height:76px!important;min-height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:#070707;border-bottom:1px solid #2b2b2b;transform:none!important}.typemark_container{width:auto!important;height:auto!important;padding:0!important}.typemark{font:700 22px Oxanium,Arial,sans-serif;letter-spacing:.1em}.header_block .div-block-3,.bake057__nav-wrapper{position:static!important;width:auto!important;height:100%!important;display:flex;align-items:center;transform:none!important}.bake057__nav-list{display:flex!important;position:static!important;inset:auto!important;width:auto!important;height:auto!important;opacity:1!important;transform:none!important;gap:32px;overflow:visible!important}.bake057__nav-list__link{font:14px Oxanium,Arial,sans-serif;padding:12px 0;white-space:nowrap}.bake057__nav-button{display:none!important}
.hero_section_mn{height:auto!important}.hero_content_wrapper{position:relative!important;top:auto!important;opacity:1!important;transform:none!important}.avala-hero{padding-top:76px;min-height:calc(100svh - 6vh);display:grid;grid-template-rows:repeat(3,minmax(140px,1fr)) minmax(110px,auto);background:#070707}.avala-hero-row{display:grid;grid-template-columns:28% 1fr;align-items:center;gap:4vw;padding:30px 8vw;border-bottom:1px solid #2b2b2b;min-width:0}.avala-hero-word{font:400 clamp(52px,6.4vw,140px)/1.05 'Square 721 Std Roman',Arial,sans-serif;text-transform:uppercase;letter-spacing:-.045em;min-width:0}.avala-hero-intro{font:500 clamp(14px,1.2vw,20px)/1.4 Oxanium,Arial,sans-serif;color:#d4183b;max-width:240px}.avala-hero-copy{font:400 clamp(12px,1vw,16px)/1.5 Oxanium,Arial,sans-serif;max-width:290px;color:#eee}.avala-hero-red{background:#b90827}.avala-hero-last{grid-template-columns:1fr}.avala-hero-actions{display:flex;align-items:center;gap:40px;padding:28px 8vw}.avala-explore{background:#b90827;color:#fff;padding:18px 24px;font:600 12px Oxanium,Arial,sans-serif;text-decoration:none;display:flex;align-items:center;gap:25px}.avala-explore span{font-size:20px}.avala-hero-actions p{font:400 13px/1.5 Oxanium,Arial,sans-serif;color:#aaa}
.guests-titles{position:relative!important;inset:auto!important;margin:0!important;min-height:0!important;height:auto!important;padding:75px 8vw;background:#070707;opacity:1!important;transform:none!important;pointer-events:auto}.collaborator-heading{font:400 clamp(32px,4.5vw,80px)/1.15 'Square 721 Std Roman',Arial,sans-serif;color:#d4183b;margin:0 0 45px}.collaborator-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:6vw}.collaborator-grid p{font:400 clamp(20px,2.8vw,50px)/1.3 'Square 721 Std Roman',Arial,sans-serif;letter-spacing:-.04em;padding:22px 0;margin:0;border-top:1px solid #2b2b2b;color:#ccc;overflow-wrap:anywhere}.keystat_section_mn{position:relative!important;top:auto!important}.stat_container{height:auto!important}.footer_block{background:#161616}.notable_tab{background:#161616;border-right:1px solid #333;min-width:140px}.notable-title,.ticker-item{font-size:10px}.footer_block .marquee-wrapper{padding-left:20px}
@media(max-width:767px){.header_block.top{padding:0 6vw}.header_block .div-block-3{margin-left:auto}.bake057__nav-button{display:block!important;position:relative!important;width:60px!important;height:76px!important;background:#b90827!important;z-index:1200}.bake057__burger-line{position:absolute!important;left:18px!important;width:24px!important;height:2px!important;background:#fff!important;transition:transform .2s,opacity .2s}.bake057__burger-line.top{top:29px!important}.bake057__burger-line.middle{top:37px!important}.bake057__burger-line.bottom{top:45px!important}.bake057__nav-button[aria-expanded=true] .top{transform:translateY(8px) rotate(45deg)!important}.bake057__nav-button[aria-expanded=true] .middle{opacity:0!important}.bake057__nav-button[aria-expanded=true] .bottom{transform:translateY(-8px) rotate(-45deg)!important}.bake057__nav-list{display:none!important}.bake057__nav-list[data-accessible-open]{display:flex!important;position:fixed!important;inset:76px 0 6vh 0!important;width:100%!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:25px;padding:8vw;background:#b90827;z-index:1100}.bake057__nav-list__link{font-size:28px}.avala-hero{grid-template-rows:repeat(3,minmax(120px,1fr)) auto;min-height:calc(100svh - 6vh)}.avala-hero-row{padding:25px 6vw;grid-template-columns:1fr;gap:20px}.avala-hero-word{font-size:clamp(36px,9vw,66px)}.avala-hero-intro{max-width:none;font-size:12px}.avala-hero-copy{display:none}.avala-hero-actions{padding:25px 6vw;gap:20px;flex-wrap:wrap}.avala-hero-actions p{font-size:11px}.guests-titles{padding:50px 6vw}.collaborator-grid{grid-template-columns:1fr}.collaborator-grid p{font-size:26px;padding:18px 0}.collaborator-heading{margin-bottom:30px}.notable_tab{min-width:110px;width:110px}.notable-title{font-size:8px!important}.ticker-item{font-size:9px}.footer_block{min-height:42px}}
.typemark_container{position:static!important;inset:auto!important;transform:none!important}.header_block .div-block-3{margin-left:auto}.bake057__nav-wrapper,.bake057__nav-list{padding:0!important}.contact_section{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;padding-bottom:6vh}.div-block-27{position:relative!important;top:auto!important}.hero_container.host{height:auto!important;min-height:0!important;position:relative!important}
.avala-hero-word{animation:avala-word-in .8s ease both}.avala-hero-red .avala-hero-word{animation-delay:.12s}.avala-hero-last .avala-hero-word{animation-delay:.24s}@keyframes avala-word-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:768px){.motion-off .bake057__nav-list:not([data-accessible-open]){display:flex!important}}
.avala-hero-word{color:#f0f0ee}.avala-hero-intro{color:#ee4764}
.label-ecosystem,.label-reach{position:relative;padding:75px 8vw;background:#070707;border-top:1px solid #2b2b2b;color:#eee;isolation:isolate}.ecosystem-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:6vw;align-items:start}.ecosystem-intro h2,.label-reach h2{font:400 clamp(30px,4.5vw,78px)/1.12 'Square 721 Std Roman',Arial,sans-serif;letter-spacing:-.035em;text-transform:uppercase;margin:0;overflow-wrap:anywhere}.ecosystem-intro p{font:400 15px/1.6 Oxanium,Arial,sans-serif;color:#aaa;margin:5px 0 0;max-width:500px}.label-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#2b2b2b;border:1px solid #2b2b2b;margin:55px 0}.label-brand-grid>div{display:flex;align-items:center;justify-content:center;min-height:150px;padding:25px;background:#101010;font:400 clamp(18px,2.3vw,40px)/1.25 'Square 721 Std Roman',Arial,sans-serif;text-align:center;overflow-wrap:anywhere}.ecosystem-statement{font:400 clamp(24px,3.5vw,62px)/1.2 'Square 721 Std Roman',Arial,sans-serif;color:#bbb;letter-spacing:-.025em;margin:0;max-width:1100px}.label-reach h2{max-width:1100px;margin-bottom:45px}.reach-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid #2b2b2b}.reach-metric{padding:45px;min-width:0;background:#101010}.reach-metric:first-child{background:#b90827}.reach-metric strong{font:400 clamp(54px,7vw,120px)/1 'Square 721 Std Roman',Arial,sans-serif;letter-spacing:-.04em;color:#eee;display:block}.reach-metric p{font:400 15px/1.5 Oxanium,Arial,sans-serif;margin:22px 0 0;color:#eee}
@media(max-width:767px){.label-ecosystem,.label-reach{padding:50px 6vw}.ecosystem-intro{grid-template-columns:1fr;gap:25px}.ecosystem-intro p{font-size:13px}.label-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:35px 0}.label-brand-grid>div{min-height:115px;padding:20px;font-size:20px}.reach-grid{grid-template-columns:1fr}.reach-metric{padding:30px}.reach-metric strong{font-size:64px}.reach-metric p{font-size:13px}.label-reach h2{margin-bottom:30px}}
.label-brand-grid>div:last-child{grid-column:span 2}
