.brand-hero{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:100px 130px}.brand-hero h1{font-size:clamp(60px,7vw,100px);line-height:1.02;letter-spacing:-.055em}.brand-hero .lead{margin-top:32px;max-width:440px}.brand-hero .text-link{margin-top:32px}.brand-hero-art{position:relative;isolation:isolate;display:grid;place-items:center;aspect-ratio:1;background:#101c20;border:1px solid #2d3b3f;overflow:hidden;border-radius:2px}.brand-hero-art:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#5d828833 .8px,transparent 0);background-size:24px 24px;-webkit-mask-image:linear-gradient(135deg,#000,transparent);mask-image:linear-gradient(135deg,#000,transparent)}.brand-hero-art>img{width:88%;height:auto;filter:none}.brand-orbit{position:absolute;inset:12%;border:1px solid color-mix(in srgb,var(--accent) 8%,transparent);border-radius:50%;z-index:-1}.brand-art-caption{position:absolute;bottom:28px;inset-inline:28px;display:flex;justify-content:space-between;color:#b5bfc0;font-size:12px}.brand-art-caption span:first-child{color:#f7f4ed;font-size:16px}.brand-ovo,.brand-section{padding-block:85px 95px;border-top:1px solid var(--line);scroll-margin-top:100px}.brand-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-bottom:48px}.brand-section-heading h2,.brand-type h2{font-size:clamp(34px,3.5vw,48px)}.brand-section-heading p,.brand-type>div>p,.ovo-assets>p{font-size:17px;color:var(--muted);max-width:540px;line-height:1.8}.ovo-application{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.ovo-poster{background:var(--accent);color:#101c20;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:32px}.ovo-poster>span:first-child{font-size:clamp(24px,2.8vw,38px);letter-spacing:-.04em;align-self:flex-start}.ovo-poster>span:last-child{font-size:12px;letter-spacing:.22em;align-self:flex-start}.ovo-poster img{width:76%;height:auto;filter:none}.ovo-assets h3{font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-.04em;margin-bottom:24px}.ovo-sizes{display:flex;gap:24px;align-items:center;margin-block:32px}.ovo-sizes img{height:auto;filter:none}:root[data-theme=light] .ovo-sizes img{filter:brightness(0) saturate(100%)}.brand-downloads{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.brand-wordmarks{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:25px}.brand-wordmark-panel{padding:70px 28px 24px;display:flex;flex-direction:column;align-items:center;gap:48px;border:1px solid var(--line)}.brand-wordmark-panel img{width:100%;height:auto;max-width:500px;filter:none}.brand-wordmark-panel span{font-size:13px;opacity:.8}.brand-on-light{background:#f7f4ed;color:#292721}.brand-on-dark{background:#101c20;color:#f7f4ed}.brand-on-dark.brand-wordmark-panel img{filter:brightness(0) invert(1)}.brand-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.brand-swatch{height:230px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line)}.brand-swatch span{font-size:18px}.brand-swatch code{font-size:14px}.brand-palette article>p{font-size:14px;color:var(--muted);margin-top:16px}.brand-type{display:grid;grid-template-columns:1fr 1fr;gap:80px}.brand-type>div>p{margin-top:28px}.brand-type-sample>span{font-size:14px;color:var(--muted)}.brand-type .brand-type-sample>p{font-size:clamp(30px,3.6vw,48px);line-height:1.15;letter-spacing:-.04em;color:var(--ink)}.brand-type em{font-style:normal;color:var(--accent)}@media(max-width:760px){.brand-hero{grid-template-columns:1fr;gap:48px;padding-block:60px 70px}.brand-hero-art{max-width:500px;width:100%}.brand-ovo,.brand-section{padding-block:50px 65px}.brand-section-heading,.brand-type,.ovo-application{grid-template-columns:1fr;gap:28px}.brand-wordmarks{grid-template-columns:1fr}.brand-palette{grid-template-columns:1fr 1fr;gap:20px}.brand-swatch{height:170px;padding:18px}.brand-swatch span{font-size:16px}.ovo-assets{padding-top:12px}.ovo-poster{padding:24px}.brand-downloads{gap:20px}.brand-type{gap:40px}}