/* All refinements are isolated to the existing hero. */
#brandflow-next .bn-hero{background:#18191a;min-height:730px;height:calc(100svh - 120px);max-height:1020px;overflow:hidden;padding-top:32px;isolation:isolate}
#brandflow-next .bn-hero .bf-type-composition{position:relative;margin:45px 0 35px;padding:0 0 20px;border-bottom:1px solid #ffffff19}
#brandflow-next .bn-hero h1{font-size:clamp(70px,8.6vw,132px);font-weight:500;line-height:.99;letter-spacing:-.07em;padding:0 0 10px;position:relative;margin:0;width:100%;z-index:2}
#brandflow-next .bn-hero h1>span{display:block;width:fit-content;position:relative}
#brandflow-next .bn-hero .bf-type-front{color:#eeeFE9;transform:translateY(calc(var(--layer-shift,0px) * -.12));z-index:3}
#brandflow-next .bn-hero .bf-type-middle{color:#999e93;margin-left:13%;padding-block:9px 6px;transform:translateY(calc(var(--layer-shift,0px) * .12));z-index:1}
#brandflow-next .bn-hero .bf-type-last{margin-left:27%;color:#eeeFE9;transform:translateY(calc(var(--layer-shift,0px) * .25));z-index:2}
#brandflow-next .bn-hero .bf-type-stop{color:#c2cead}
#brandflow-next .bn-hero .bf-hero-note{position:absolute;right:0;top:26px;writing-mode:vertical-rl;font-size:8px;letter-spacing:1.8px;color:#8a9081}
#brandflow-next .bn-hero .bn-hero-bottom{align-items:start;gap:30px;padding-bottom:30px;margin-top:auto}
#brandflow-next .bn-hero .bn-hero-bottom>div{width:390px}
#brandflow-next .bn-hero .bf-hero-index{max-width:200px;line-height:1.9;color:#969c8e;font-size:8px}
#brandflow-next .bn-hero .bn-primary{background:#e5e8de;color:#20231d;border-radius:2px;border:1px solid #e5e8de;transition:background .2s,border-color .2s}
#brandflow-next .bn-hero .bn-primary:hover{background:#d3dbc6;border-color:#d3dbc6;transform:none}
#brandflow-next .bn-hero .bf-work-lead{position:relative;margin-inline:-6.82%;padding:20px 6.82%;background:#f0f0eb;color:#484e42;border-top:0;align-items:center;font-size:9px;letter-spacing:.4px}
#brandflow-next .bn-hero .bf-work-lead span:last-child{border-bottom:1px solid #484e4240;padding-bottom:3px}
@media(min-width:1600px){#brandflow-next .bn-hero .bf-type-composition{margin-top:60px}#brandflow-next .bn-hero h1{font-size:140px}}
@media(max-width:900px){#brandflow-next .bn-hero{height:auto;min-height:720px}#brandflow-next .bn-hero h1{font-size:10.2vw}#brandflow-next .bn-hero .bf-type-composition{margin-top:60px;margin-bottom:36px}#brandflow-next .bn-hero .bf-type-last{margin-left:20%}#brandflow-next .bn-hero .bf-type-middle{margin-left:10%}}
@media(max-width:650px){#brandflow-next .bn-hero{min-height:560px;height:auto;max-height:none;padding-top:18px;justify-content:flex-start}#brandflow-next .bn-hero .bf-type-composition{margin:18px 0 12px;padding-bottom:10px}#brandflow-next .bn-hero h1{font-size:clamp(49px,12.4vw,78px);line-height:1.025;letter-spacing:-.065em;padding:0}#brandflow-next .bn-hero .bf-type-middle{margin-left:6%;padding-block:7px}#brandflow-next .bn-hero .bf-type-last{margin-left:13%}#brandflow-next .bn-hero .bf-hero-note{display:none}#brandflow-next .bn-hero .bn-hero-bottom{margin-top:0;padding-bottom:18px}#brandflow-next .bn-hero .bn-hero-bottom>div{width:auto}#brandflow-next .bn-hero .bf-hero-index{max-width:none;font-size:7px;margin-bottom:17px}#brandflow-next .bn-hero .bn-hero-bottom p{font-size:12px}#brandflow-next .bn-hero .bf-work-lead{font-size:8px;padding-block:18px;gap:15px}#brandflow-next .bn-hero .bf-work-lead span:first-child{max-width:140px}}
@media(prefers-reduced-motion:reduce){#brandflow-next .bn-hero h1>span{transform:none!important}}
#brandflow-next .bn-hero h1 .bf-type-stop{display:inline;white-space:nowrap}