@font-face{font-family:'Overused Grotesk';src:url('/branded/fonts/overused-grotesk-roman.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Overused Grotesk';src:url('/branded/fonts/overused-grotesk-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Overused Grotesk';src:url('/branded/fonts/overused-grotesk-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Overused Grotesk';src:url('/branded/fonts/overused-grotesk-bold.woff2') format('woff2');font-weight:700;font-display:swap}
body.flow-body{font-family:'Overused Grotesk','Helvetica Neue',Arial,sans-serif}
@media screen{
html{background:#161515}
body.flow-body{background:transparent;position:relative;isolation:isolate}
body.flow-body::before{content:"";position:fixed;inset:-80px;z-index:-2;background:#161515 url('/alt/assets/blazer-portrait.webp') 32% center/cover no-repeat;filter:blur(30px) saturate(.9);opacity:.62;pointer-events:none}
body.flow-body::after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 50% at 12% 100%,rgba(255,202,155,.14),transparent 70%),linear-gradient(180deg,rgba(22,21,21,.52),rgba(22,21,21,.8));pointer-events:none}
.flow-main{background:rgba(22,21,21,.42);border:.5px solid rgba(211,207,202,.32);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:28px;padding:44px 48px;box-shadow:inset 0 1px 0 rgba(234,230,226,.1)}
.flow-aside{background:rgba(22,21,21,.32);border:.5px solid rgba(211,207,202,.25);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:28px 26px;align-self:start}
.flow-aside img{border-radius:14px}
.rating-face{border-radius:14px;background:rgba(234,230,226,.04);border-color:rgba(211,207,202,.35)}
.flow-nav,.flow-footer{background:transparent}
.flow-body .button{border-radius:32px;background:rgba(22,21,21,.5);color:#EAE6E2;border:.5px solid rgba(211,207,202,.4);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:6px 6px 6px 26px;gap:22px;min-height:60px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background .2s,border-color .2s}
.flow-body .button:hover{background:rgba(22,21,21,.72);border-color:#D3CFCA;color:#EAE6E2}
.flow-body .button .arrow{width:46px;height:46px;padding:14px;box-sizing:border-box;border-radius:50%;background:#D3CFCA;stroke:#161515;stroke-width:1.8}
.flow-body .button:hover .arrow{transform:scale(1.06)}
.flow-body .button:disabled{opacity:.55;cursor:progress}
.flow-body .button:focus-visible{outline:2px solid #FFCA9B;outline-offset:3px}
}
@media screen and (max-width:700px){.flow-main{padding:26px 20px;border-radius:22px}}