.bb{--bb-bg:#120809;--bb-bg-2:#1a0b0e;--bb-wine:rgba(122,16,34,.42);--bb-wine-soft:rgba(158,10,30,.16);--bb-gold:#E9C79B;--bb-grad:linear-gradient(100deg,#FFF3E2 0%,#F3D6AE 48%,#DDAE76 100%);--bb-blush:#F4D9D3;--bb-mute:rgba(244,217,211,.64);--bb-faint:rgba(244,217,211,.42);--bb-line:rgba(233,199,155,.16);--bb-line-2:rgba(233,199,155,.32);--bb-ease:cubic-bezier(.22,1,.36,1);--bb-ui:"Tenor Sans","Helvetica Neue",Arial,sans-serif;--bb-it:"Piazzolla",Georgia,serif;--bb-mono:"Martian Mono",ui-monospace,Menlo,monospace;font-family:var(--bb-ui);-webkit-font-smoothing:antialiased}body.case-page.bb{background:var(--bb-bg);color:var(--bb-blush)}.bb main{overflow-x:clip}.bb h1,.bb h2,.bb h3{font-family:var(--bb-ui);font-weight:400}.bb h1 em,.bb .bb-h2 em{font-family:var(--bb-it);font-style:italic;font-weight:200;font-size:1.12em;letter-spacing:-.01em;background:var(--bb-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--bb-gold);padding-right:.06em}.case-page.bb .topbar{background:linear-gradient(180deg,#120809f0,#12080900);color:var(--bb-blush)}.case-page.bb .topbar a,.case-page.bb .nav__lang-switch{color:inherit}.bb .scroll-progress{background:var(--bb-gold)}.bb-hero{position:relative;overflow:hidden;padding:clamp(6.5rem,13vh,9rem) clamp(1rem,5vw,4rem) clamp(3rem,8vh,5rem)}.bb-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(48% 60% at 74% 44%,var(--bb-wine),transparent 72%),radial-gradient(36% 40% at 6% 100%,var(--bb-wine-soft),transparent 70%),radial-gradient(30% 30% at 90% 6%,rgba(233,199,155,.06),transparent 70%);pointer-events:none}.bb-hero__grid{position:relative;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,6vw,6rem);align-items:center}.bb-kicker{font:400 11px/1.5 var(--bb-ui);letter-spacing:.28em;text-transform:uppercase;color:var(--bb-gold);margin:0 0 1.6rem}.bb-hero h1{font-size:clamp(2.5rem,5.4vw,4.9rem);line-height:1.02;letter-spacing:-.005em;margin:0 0 1.6rem;color:var(--bb-blush)}.bb-hero__lead{font:400 clamp(1rem,1.15vw,1.08rem)/1.75 var(--bb-ui);color:var(--bb-mute);max-width:34rem;margin:0 0 2.2rem}.bb-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem}.bb-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.45rem;border-radius:999px;font:400 11px/1 var(--bb-ui);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .4s var(--bb-ease),box-shadow .3s,border-color .3s,color .3s}.bb-btn:hover{transform:translateY(-2px)}.bb-btn--solid{background:var(--bb-grad);color:#2a1012;box-shadow:0 10px 30px -12px #ddae768c}.bb-btn--solid:hover{box-shadow:0 16px 40px -14px #ddae76bf}.bb-btn--ghost{background:transparent;color:var(--bb-blush);border-color:var(--bb-line-2)}.bb-btn--ghost:hover{border-color:var(--bb-gold);color:var(--bb-gold)}.bb-btn:focus-visible,.bb-sound:focus-visible{outline:1px solid var(--bb-gold);outline-offset:3px}.bb-hero__stage{position:relative;justify-self:center;width:min(100%,400px);margin:0}.bb-frame{position:relative;aspect-ratio:3/4;border-radius:6px;overflow:hidden;background:#0b0405;box-shadow:0 0 0 1px var(--bb-line-2),0 50px 90px -40px #000000e6,0 0 120px -30px #9e0a1e73}.bb-frame video,.bb-frame img{width:100%;height:100%;object-fit:cover;display:block}.bb-hero__stage figcaption{margin-top:1rem;font:300 11px/1.6 var(--bb-mono);letter-spacing:.02em;color:var(--bb-faint);text-align:center}.bb-sound{position:absolute;right:.75rem;bottom:.75rem;z-index:3;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .85rem;border-radius:999px;border:1px solid var(--bb-line-2);background:#120809a8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--bb-gold);font:400 10px/1 var(--bb-ui);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background .3s,color .3s}.bb-sound:hover{background:#120809d9}.bb-sound[aria-pressed=true]{background:var(--bb-grad);color:#2a1012;border-color:transparent}.bb-sound__icon{width:14px;height:14px}.bb-sound .on{display:none}.bb-sound[aria-pressed=true] .on{display:inline}.bb-sound[aria-pressed=true] .off{display:none}.bb-stats{border-top:1px solid var(--bb-line);border-bottom:1px solid var(--bb-line)}.bb-stats ul{list-style:none;margin:0 auto;padding:0;max-width:1240px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.bb-stats li{padding:1.8rem clamp(1rem,2vw,2rem);border-right:1px solid var(--bb-line)}.bb-stats li:last-child{border-right:0}.bb-stats b{display:block;font:300 italic clamp(2.2rem,3.4vw,3.2rem)/1 var(--bb-it);background:var(--bb-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--bb-gold);margin-bottom:.55rem;padding-right:.1em}.bb-stats span{font:400 10.5px/1.6 var(--bb-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--bb-mute)}.bb-process{position:relative;padding:clamp(4.5rem,11vh,7.5rem) clamp(1rem,5vw,4rem) 0}.bb-process:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(40% 30% at 22% 18%,var(--bb-wine-soft),transparent 70%),radial-gradient(40% 30% at 30% 70%,var(--bb-wine-soft),transparent 70%);pointer-events:none}.bb-process__head{position:relative;max-width:1240px;margin:0 auto clamp(2rem,6vh,4rem)}.bb-h2{font-size:clamp(2.1rem,4.2vw,3.6rem);line-height:1.05;letter-spacing:-.005em;margin:0 0 1.1rem;color:var(--bb-blush)}.bb-sub{font:400 1rem/1.75 var(--bb-ui);color:var(--bb-mute);max-width:36rem;margin:0}.bb-note{margin:.9rem 0 0;font:300 11px/1.6 var(--bb-mono);color:var(--bb-faint)}.bb-process__grid{position:relative;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(2rem,5vw,5rem)}.bb-stagewrap{position:sticky;top:max(4.5rem,calc((100vh - min(80vh,740px))/2));height:min(80vh,740px);display:flex;flex-direction:column;justify-content:center;align-items:center;--stage-h: calc(min(80vh,740px) - 2rem) }.bb-stage__meta,.bb-stage{width:min(100%,calc(var(--stage-h) * var(--ar)));transition:width .8s var(--bb-ease)}.bb-stage__meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;font:400 10.5px/1 var(--bb-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--bb-mute);margin-bottom:.8rem}.bb-rail{display:flex;gap:4px;flex:none}.bb-rail i{display:block;width:14px;height:2px;background:#f4d9d32e;transition:background .4s}.bb-rail i.is-done{background:var(--bb-gold)}.bb-stage{position:relative;aspect-ratio:var(--ar);max-height:var(--stage-h);border-radius:6px;overflow:hidden;background:#0b0405;box-shadow:0 0 0 1px var(--bb-line-2),0 50px 100px -50px #000000f2,0 0 140px -40px #9e0a1e66;isolation:isolate}.bb-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transform:scale(1.03);transition:opacity .7s var(--bb-ease),visibility 0s linear .7s,transform 1.1s var(--bb-ease)}.bb-layer.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .7s var(--bb-ease),visibility 0s,transform 1.1s var(--bb-ease)}.bb-layer>img,.bb-layer>video{width:100%;height:100%;object-fit:cover;display:block}.bb-layer .bb-sound{right:.9rem;bottom:.9rem}.bb-raw{position:absolute;top:0;right:0;bottom:0;left:0;padding:4%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:3%;background:radial-gradient(70% 60% at 50% 50%,#2a0f14,#0b0405)}.bb-raw figure{position:relative;grid-column:span 2;margin:0;overflow:hidden;border-radius:4px;box-shadow:0 0 0 1px var(--bb-line);opacity:0;translate:0 10px;transition:opacity .6s var(--bb-ease),translate .8s var(--bb-ease)}.bb-raw figure:nth-child(4){grid-column:2 / span 2}.bb-raw figure:nth-child(5){grid-column:4 / span 2}.bb-layer.is-on .bb-raw figure,.bb-mini .bb-raw figure{opacity:1;translate:0 0;transition-delay:calc(var(--i) * 90ms)}.bb-raw video{width:100%;height:100%;object-fit:cover;display:block}.bb-raw figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:baseline;gap:.45rem;padding:1.4rem .55rem .5rem;background:linear-gradient(transparent,#0b0405d1);font:400 10px/1.25 var(--bb-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--bb-blush)}.bb-raw figcaption b{font:300 9px/1 var(--bb-mono);color:var(--bb-gold);letter-spacing:0}.bb-steps{list-style:none;margin:0;padding:0 0 30vh}.bb-step{min-height:78vh;display:flex;flex-direction:column;justify-content:center;padding:2rem 0;opacity:.26;transition:opacity .5s}.bb-step.is-active{opacity:1}.bb-step__n{font:300 11px/1 var(--bb-mono);letter-spacing:.06em;color:var(--bb-gold);margin:0 0 1.3rem}.bb-step h3{font-size:clamp(1.8rem,2.7vw,2.5rem);line-height:1.08;margin:0 0 1rem;letter-spacing:-.005em;color:var(--bb-blush)}.bb-step p:not(.bb-step__n){font:400 1rem/1.75 var(--bb-ui);color:var(--bb-mute);margin:0;max-width:28rem}.bb-mini{display:none}.bb-value{position:relative;padding:clamp(4.5rem,11vh,7.5rem) clamp(1rem,5vw,4rem);border-top:1px solid var(--bb-line);background:radial-gradient(50% 60% at 85% 20%,var(--bb-wine-soft),transparent 70%)}.bb-value__inner{max-width:1240px;margin:0 auto}.bb-value ul{list-style:none;margin:3rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem)}.bb-value li{padding-top:1.4rem;border-top:1px solid var(--bb-line-2)}.bb-value li span{display:block;font:300 11px/1 var(--bb-mono);color:var(--bb-gold);margin-bottom:1.1rem}.bb-value li p{margin:0;font:400 clamp(1.15rem,1.6vw,1.4rem)/1.45 var(--bb-ui);color:var(--bb-blush)}.bb-code{margin-top:clamp(3.5rem,8vh,5.5rem);max-width:820px}.bb-code .bb-kicker{margin-bottom:1rem}.bb-code__box{padding:1.3rem 1.5rem;border-radius:6px;background:#08030499;box-shadow:0 0 0 1px var(--bb-line);font:300 .8rem/1.9 var(--bb-mono)}.bb-code__line{display:flex;flex-wrap:wrap;column-gap:1.6rem}.bb-code__line code{font:inherit;color:var(--bb-gold)}.bb-code__line span{color:var(--bb-faint)}.bb .case-tools{background:transparent;border-color:var(--bb-line)}.bb .case-tools__text{font-family:var(--bb-mono);font-weight:300;letter-spacing:.08em;color:var(--bb-faint)}.bb .case-cta{background:transparent}.bb .case-cta__text{font-family:var(--bb-it);font-style:italic;font-weight:300;color:var(--bb-blush);max-width:42rem;margin-left:auto;margin-right:auto;line-height:1.25}.bb .case-cta__button{font-family:var(--bb-ui);letter-spacing:.24em;color:var(--bb-gold);border-color:var(--bb-line-2);border-radius:999px}.bb .case-cta__button:hover{background:var(--bb-grad);border-color:transparent;color:#2a1012}.bb .case-nav{border-color:var(--bb-line)}.bb .case-nav__dir{font-family:var(--bb-ui);color:var(--bb-faint)}.bb .case-nav__name{font-family:var(--bb-it);font-weight:300;color:var(--bb-blush)}.bb .case-top__btn{font-family:var(--bb-ui);color:var(--bb-mute);background:#f4d9d30f}.bb .case-top__btn:hover{color:var(--bb-blush);background:#f4d9d31f}.bb .site-footer{background:transparent;color:var(--bb-faint);border-top:1px solid var(--bb-line);font-family:var(--bb-ui)}.bb .site-footer a:hover{color:var(--bb-blush)}.bb .contact-form-section{--color-bg-warm:var(--bb-bg-2);--color-bg:var(--bb-bg);--color-ink:var(--bb-blush);--color-ink-60:rgba(244,217,211,.64);--color-ink-48:rgba(244,217,211,.5);--color-ink-40:rgba(244,217,211,.42);--color-ink-20:rgba(233,199,155,.24);--color-ink-12:rgba(233,199,155,.14);--font-serif:var(--bb-ui);--font-sans:var(--bb-ui);--font-mono:var(--bb-ui);color:var(--bb-blush)}.bb .contact-form__title{font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.05}.bb .brief-form__input,.bb .brief-form__select,.bb .brief-form__textarea{background-color:#f4d9d30a}.bb .brief-form__input:focus,.bb .brief-form__select:focus,.bb .brief-form__textarea:focus{background-color:#f4d9d314;border-color:var(--bb-gold);box-shadow:none}.bb .brief-form__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23E9C79B' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}.bb .brief-form__select option{background:#1a0b0e;color:#f4d9d3}.bb .brief-form__submit{background:var(--bb-grad);color:#2a1012;border-color:transparent}.bb .brief-form__submit:hover:not(:disabled){background:transparent;color:var(--bb-gold);border-color:var(--bb-gold)}.bb .brief-form__success{font-family:var(--bb-it)}.bb .sticky-cta{background:#1a0b0eb8;border-color:var(--bb-line-2);box-shadow:0 12px 32px #0006;color:var(--bb-blush);font-family:var(--bb-ui)}.bb .sticky-cta:hover{background:#280f13e0;box-shadow:0 16px 40px #00000080}@media(max-width:1100px){.bb-stats ul{grid-template-columns:repeat(3,minmax(0,1fr))}.bb-stats li:nth-child(3){border-right:0}.bb-stats li:nth-child(n+4){border-top:1px solid var(--bb-line)}.bb-process__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}@media(max-width:900px){.bb-hero__grid{grid-template-columns:1fr}.bb-hero__stage{width:min(82vw,360px);margin-top:.5rem}.bb-process__grid{display:block}.bb-stagewrap{display:none}.bb-steps{padding-bottom:clamp(3rem,8vh,5rem)}.bb-step{min-height:0;opacity:1;padding:0 0 3.2rem}.bb-step+.bb-step{padding-top:2.6rem;border-top:1px solid var(--bb-line)}.bb-mini{display:block;position:relative;order:-1;margin:0 0 1.4rem;aspect-ratio:var(--ar);width:100%;border-radius:6px;overflow:hidden;background:#0b0405;box-shadow:0 0 0 1px var(--bb-line-2)}.bb-mini--karaoke,.bb-mini--final{width:min(100%,360px)}.bb-mini>img,.bb-mini>video{width:100%;height:100%;object-fit:cover;display:block}.bb-value ul{grid-template-columns:1fr}}@media(max-width:767px){.bb .case-cta{padding:5rem 1.25rem}.bb .case-nav{padding:2rem 1.25rem}.bb .site-footer{flex-direction:column;padding:2rem 1.25rem}.bb .site-footer__links{flex-wrap:wrap}}@media(max-width:560px){.bb-stats ul{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-stats li{padding:1.2rem 1rem;border-right:1px solid var(--bb-line);border-top:0}.bb-stats li:nth-child(2n){border-right:0}.bb-stats li:nth-child(3){border-right:1px solid var(--bb-line)}.bb-stats li:nth-child(n+3){border-top:1px solid var(--bb-line)}.bb-stats li:last-child{grid-column:1 / -1;border-right:0}.bb-hero h1{font-size:clamp(2.2rem,10.5vw,2.8rem)}.bb-raw figcaption{font-size:8.5px;padding:1rem .4rem .4rem;letter-spacing:.04em}.bb-code__box{padding:1rem 1.1rem;font-size:.72rem}.bb-code__line{margin-bottom:.4rem}}@media(prefers-reduced-motion:reduce){.bb-layer{transform:none;transition:opacity .2s,visibility 0s}.bb-stage__meta,.bb-stage{transition:none}.bb-raw figure{translate:0 0;transition:opacity .2s;transition-delay:0s!important}.bb-btn,.bb-btn:hover{transform:none}}