.dao-banner-frame{--split-banner-content-width:min(66.6667%, 800px)}.dao-banner-frame.dao-split-banner-frame[data-visual-mode=background] .dao-split-banner-frame__visual{justify-content:flex-end;align-items:flex-end;display:flex;overflow:visible}.dao-banner-frame__content{box-sizing:border-box;padding:48px 24px 32px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:480px;padding-block:80px;padding-inline:0;display:flex}.dao-banner-frame__title{margin:0;font-size:48px;font-weight:600;line-height:58px}@media (max-width:767.98px){.dao-banner-frame__title{font-size:30px;line-height:40px}}.dao-banner-frame__description{white-space:pre-line;margin:32px 0 0;font-size:18px;font-weight:400;line-height:30px}@media (max-width:767.98px){.dao-banner-frame__description{font-size:16px;line-height:26px}}.dao-banner-frame__actions{flex-flow:wrap;align-self:auto;gap:24px;margin-top:48px;display:flex}.dao-banner-frame__visual{flex-shrink:0;justify-content:flex-end;place-self:end;min-width:0;height:100%;min-height:240px;max-height:480px;display:flex;position:relative}.dao-banner-frame__visual:after{pointer-events:none;content:"";background:linear-gradient(90deg,#111318,#11131800);position:absolute;inset:0}.dao-banner-frame .dao-banner-frame__visual img{-o-object-fit:contain;object-fit:contain;-o-object-position:right bottom;object-position:right bottom;flex-shrink:0;width:auto;height:100%;display:block}.dao-banner-frame__eyebrow{color:#0fd05d;margin:0 0 24px;font-size:18px;font-weight:400;line-height:30px}@media (max-width:767.98px){.dao-banner-frame__eyebrow{font-size:16px;line-height:26px}}@media (max-width:1439.98px){.dao-banner-frame__content{padding-inline:24px}}@media (max-width:767.98px){.dao-banner-frame__content{min-height:auto;padding-block:48px 32px}.dao-banner-frame__actions{flex-flow:column;align-self:stretch;gap:16px}.dao-banner-frame__visual{place-self:auto;min-width:auto;max-height:none}.dao-banner-frame{--split-banner-content-width:100%}.dao-banner-frame__visual:after{background:linear-gradient(#111318,#11131800)}}
.dao-split-banner-frame{--split-banner-max-width:1200px;--split-banner-column-gap:clamp(32px, 5vw, 80px);overflow:clip}.dao-split-banner-frame__inner{box-sizing:border-box;grid-template-columns:minmax(0, var(--split-banner-content-ratio,1fr)) minmax(0, 1fr);grid-gap:var(--split-banner-column-gap);gap:var(--split-banner-column-gap);width:min(100%,var(--split-banner-max-width));align-items:stretch;margin-inline:auto;display:grid;position:relative}.dao-split-banner-frame__content,.dao-split-banner-frame__visual{min-width:0}.dao-split-banner-frame__content{z-index:1;position:relative}.dao-split-banner-frame__visual{width:calc(100% + max(0px,(100vw - var(--split-banner-max-width))/2));place-items:stretch stretch;display:grid;overflow:hidden}.dao-split-banner-frame[data-visual-mode=background] .dao-split-banner-frame__inner{min-height:100%;display:block}.dao-split-banner-frame[data-visual-mode=background] .dao-split-banner-frame__content{width:var(--split-banner-content-width,min(65%, 760px));min-height:inherit}.dao-split-banner-frame[data-visual-mode=background] .dao-split-banner-frame__visual{z-index:0;position:absolute;inset-block:0;inset-inline-start:50%;inset-inline-end:calc((var(--split-banner-max-width) - 100vw)/2)}.dao-split-banner-frame--dark{color:#fff;background:#111318}.dao-split-banner-frame--light{color:#262626;background:#fff}@media (min-width:1440px){.dao-split-banner-frame__visual>*{height:100%}.dao-split-banner-frame__visual img{-o-object-fit:cover;object-fit:cover;-o-object-position:right bottom;object-position:right bottom}.dao-split-banner-frame[data-visual-mode=background] .dao-split-banner-frame__visual{width:auto}}@media (min-width:768px) and (max-width:1439px){.dao-split-banner-frame{--split-banner-column-gap:clamp(20px, 3vw, 36px)}}@media (max-width:1439.98px){.dao-split-banner-frame__visual{place-items:end;width:auto}.dao-split-banner-frame[data-visual-mode=background] .dao-split-banner-frame__visual{inset-inline-end:0}}@media (max-width:767px){.dao-split-banner-frame__inner{grid-template-columns:minmax(0,1fr);gap:0}.dao-split-banner-frame[data-visual-mode=background] .dao-split-banner-frame__inner{min-height:0;display:grid}.dao-split-banner-frame[data-visual-mode=background] .dao-split-banner-frame__content{width:var(--split-banner-content-width,auto);min-height:0}.dao-split-banner-frame[data-visual-mode=background] .dao-split-banner-frame__visual{height:240px;min-height:240px;position:relative;inset:auto}}
