/* Every override is confined to the opening; lower sections keep production styling. */
.bb-opening .bb-op-line{height:1px;background:#a5a6aa}
.bb-opening.is-lines .bb-op-line{width:min(58vw,800px);transition-duration:.55s}
.bb-opening.is-converge .bb-op-line{width:min(18vw,220px);transition-duration:.5s}
.bb-opening .bb-op-logo .l1{letter-spacing:-.025em}
.bb-opening .bb-op-logo .l2{font-weight:400;letter-spacing:.38em;text-indent:.38em}
.bb-opening.is-logo .bb-op-logo{transition-duration:.65s}
.bb-opening.is-sliding .bb-op-panel--base{transition:transform .85s cubic-bezier(.76,0,.24,1)}
.bb-opening.is-sliding .bb-op-panel--accent{transition:transform .85s cubic-bezier(.76,0,.24,1) .14s}
.bb-opening.is-sliding .bb-op-content{transition-duration:.25s}
.hero-bb .bb-masked2{display:none}
.hero-bb .bb-text.is-revealed .bb-masked{transition:clip-path 1.35s cubic-bezier(.16,1,.3,1)}
.hero-bb .bb-text.is-revealed .bb-word--2 .bb-masked{transition-delay:.13s}
.hero-bb .bb-text.is-skip .bb-masked{transition:none}
.hero-bb .bb-montage{transition:opacity .55s ease}
.hero-bb .bb-tile{aspect-ratio:4/5;max-width:21vw;border-radius:0;background-position:center 26%;filter:grayscale(.12) saturate(.78) contrast(1.06);opacity:0;transform:translateY(12px) scale(.98);clip-path:inset(8% 0 0);transition:opacity .3s,transform .7s cubic-bezier(.16,1,.3,1),clip-path .7s cubic-bezier(.16,1,.3,1)}
.hero-bb .bb-tile.is-on{opacity:1;transform:translateY(0) scale(1);clip-path:inset(0)}
.hero-bb .bb-tile:nth-child(3n){aspect-ratio:1/1}
.hero-bb .bb-tile.is-bloom{animation:introPhotoCut .55s cubic-bezier(.16,1,.3,1)}
@keyframes introPhotoCut{from{filter:grayscale(1) saturate(.4) contrast(1.1);clip-path:inset(0 3%)}to{filter:grayscale(.12) saturate(.78) contrast(1.06);clip-path:inset(0)}}
.hero-bb .bb-copy.is-in{animation:introCopySettle .85s cubic-bezier(.16,1,.3,1) both}
@keyframes introCopySettle{from{opacity:0;transform:translateY(22px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(max-width:820px){.hero-bb .bb-tile{max-width:28vw}}
@media(prefers-reduced-motion:reduce){.hero-bb .bb-tile,.hero-bb .bb-tile.is-bloom,.hero-bb .bb-copy.is-in{animation:none!important;transition:none!important}.hero-bb .bb-copy.is-in{opacity:1;transform:none;filter:none}.hero-bb .bb-montage{display:none}.hero-bb .bb-text.is-revealed .bb-masked{transition:none!important}.bb-opening{display:none}}