.hero-bb .bb-tile{filter:grayscale(.18) saturate(.60) contrast(var(--photo-contrast,1.04)) brightness(var(--photo-brightness,1));background-position:center 26%}
@keyframes introPhotoCut{from{filter:grayscale(.65) saturate(.6) contrast(var(--photo-contrast,1.04)) brightness(var(--photo-brightness,1));clip-path:inset(0 2%)}to{filter:grayscale(.18) saturate(.6) contrast(var(--photo-contrast,1.04)) brightness(var(--photo-brightness,1));clip-path:inset(0)}}
.hero-bb .bb-copy{--intro-start-scale:3.4;--intro-start-x:-3vw;--intro-start-y:-4vh;top:auto;bottom:15%;right:5.8vw;margin:0;max-width:42vw;line-height:1.1;transform:none;overflow:visible;text-align:right}
.hero-bb .bb-copy.is-in{animation:none;opacity:1;transform:none}
.hero-bb .intro-final-jp{display:block;font-family:var(--jp);font-size:clamp(16px,1.8vw,25px);font-weight:600;letter-spacing:.09em;line-height:1.5;margin-bottom:12px}
.hero-bb .intro-final-en{display:block;font-family:var(--lat);font-size:clamp(28px,3.3vw,49px);font-weight:700;letter-spacing:-.025em;line-height:1.03;transform-origin:100% 50%}
.hero-bb .intro-final-sub{display:block;font-family:var(--jp);font-size:12px;font-weight:500;letter-spacing:.15em;margin-top:13px;line-height:1.5}
.hero-bb .bb-copy.is-in .intro-final-jp{animation:introLabelIn .3s ease-out both}
.hero-bb .bb-copy.is-in .intro-final-en{animation:introSwooshSettle 1.05s cubic-bezier(.2,.85,.2,1) .28s both}
.hero-bb .bb-copy.is-in .intro-final-sub{animation:introLabelIn .45s ease-out .95s both}
@keyframes introLabelIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes introSwooshSettle{0%{opacity:0;transform:translate(var(--intro-start-x),var(--intro-start-y)) scale(var(--intro-start-scale));filter:blur(6px)}12%{opacity:1}82%{opacity:1;transform:translate(0,0) scale(.99);filter:blur(0)}100%{opacity:1;transform:translate(0,0) scale(1);filter:blur(0)}}
@media(max-width:820px){.hero-bb .bb-copy{--intro-start-scale:1.8;--intro-start-x:-2vw;--intro-start-y:-3vh;bottom:14%;right:5vw;max-width:65vw}.hero-bb .intro-final-en{font-size:clamp(28px,6.7vw,45px)}.hero-bb .intro-final-jp{font-size:clamp(14px,3.6vw,21px);margin-bottom:10px}.hero-bb .intro-final-sub{font-size:11px;margin-top:10px}}
@media(max-height:650px) and (min-width:821px){.hero-bb .bb-copy{bottom:13%}.hero-bb .intro-final-en{font-size:30px}.hero-bb .intro-final-jp{font-size:16px;margin-bottom:8px}.hero-bb .intro-final-sub{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.hero-bb .bb-copy.is-in .intro-final-jp,.hero-bb .bb-copy.is-in .intro-final-en,.hero-bb .bb-copy.is-in .intro-final-sub{animation:none!important;opacity:1;filter:none;transform:none;will-change:auto}}
.hero-bb.intro-skipped .bb-copy.is-in>span{animation:none!important;opacity:1;filter:none;transform:none}