#brandflow-next .bn-hero h1{font-size:clamp(60px,6.3vw,100px);line-height:1.09;letter-spacing:-.065em;padding:0}
#brandflow-next .bn-hero h1 .bf-substance-first{color:#edefe8;max-width:100%}
#brandflow-next .bn-hero h1 .bf-substance-last{color:#b4b9ae;margin-left:3%;max-width:97%;padding-top:8px}
#brandflow-next .bn-hero .bf-type-composition{margin-top:85px;margin-bottom:45px;padding-bottom:42px}
#brandflow-next .bn-hero .bf-hero-note{top:auto;bottom:12px;writing-mode:horizontal-tb;font-size:7px;letter-spacing:1.6px}
#brandflow-next .bn-hero .bf-material-depth{background:#18191a}
#brandflow-next .bn-hero .bf-material-layer{inset:-20% -20%;border:0;box-shadow:none;filter:blur(48px);transform-origin:65% 35%;will-change:transform;animation-timing-function:cubic-bezier(.45,0,.55,1);animation-iteration-count:infinite}
#brandflow-next .bn-hero .bf-material-one{background:radial-gradient(ellipse 64% 37% at 78% 28%,#63665c24 0%,#42463d17 40%,#24282208 62%,transparent 85%);animation-name:bf-substance-flow-one;animation-duration:26s}
#brandflow-next .bn-hero .bf-material-two{background:radial-gradient(ellipse 65% 43% at 61% 55%,#090b0c60 0%,#10121425 50%,transparent 85%);animation-name:bf-substance-flow-two;animation-duration:30s;animation-delay:-11s}
#brandflow-next .bn-hero .bf-material-three{background:radial-gradient(ellipse 76% 29% at 48% 54%,#73766a15 0%,#45483e10 43%,transparent 82%);animation-name:bf-substance-flow-three;animation-duration:24s;animation-delay:-7s}
@keyframes bf-substance-flow-one{0%,100%{transform:translate(1%,-1%) scale(1) rotate(-2deg)}50%{transform:translate(-3%,2%) scale(1.035,.98) rotate(1deg)}}
@keyframes bf-substance-flow-two{0%,100%{transform:translate(-1%,1%) scale(1.02) rotate(1deg)}50%{transform:translate(2%,-2%) scale(.99,1.03) rotate(-1deg)}}
@keyframes bf-substance-flow-three{0%,100%{transform:translate(2%,1%) scale(1)}50%{transform:translate(-2%,-2%) scale(1.04,.97)}}
@media(max-width:900px){#brandflow-next .bn-hero h1{font-size:6.5vw}#brandflow-next .bn-hero .bf-type-composition{margin-top:80px;margin-bottom:40px}}
@media(max-width:650px){#brandflow-next .bn-hero{justify-content:flex-start}#brandflow-next .bn-hero h1{font-size:clamp(39px,9.5vw,60px);line-height:1.04;letter-spacing:-.06em}#brandflow-next .bn-hero h1 .bf-substance-first,#brandflow-next .bn-hero h1 .bf-substance-last{width:auto;max-width:100%;margin-left:0}#brandflow-next .bn-hero h1 .bf-substance-last{padding-top:6px}#brandflow-next .bn-hero .bf-type-composition{margin-top:18px;margin-bottom:12px;padding-bottom:10px}#brandflow-next .bn-hero .bf-hero-note{display:none}#brandflow-next .bn-hero .bf-material-layer{inset:-15% -35%;filter:blur(32px)}}
@media(prefers-reduced-motion:reduce){#brandflow-next .bn-hero .bf-material-layer{animation:none!important;transform:none!important;will-change:auto}}