:where([data-theme=surface]){--title-text-background: var(--ucla-blue)}:where([data-theme=dgsom]){--title-text-background: var(--midnight-joshua-tree)}:where([data-theme=surface],[data-theme=dgsom]){--hero-slant-bg: var(--white);--title-text-color: var(--white)}:where([data-theme=dgsom],[data-theme=labs-dynamic]){--padding-block-start: 0}:where([data-theme=labs],[data-theme=labs-dynamic]){--button-bg-hover: var(--silver-lake-reservoir);--button-bg: var(--ucla-blue);--button-text-color: var(--white);--title-text-background: var(--white);--title-text-color: var(--midnight-joshua-tree);--hero-bg: var(--ucla-yellow);--hero-padding: var(--size-10);--hero-slant-bg: var(--ucla-yellow)}:where([data-theme=labs],[data-theme=labs-dynamic]) .bg-santa-barbara-sand,:where([data-theme=labs],[data-theme=labs-dynamic]) .bg-venice-canal{--title-text-background: var(--midnight-joshua-tree);--title-text-color: var(--white)}:where([data-theme=labs],[data-theme=labs-dynamic]) .layout--onecol:not(.bg-santa-barbara-sand,.bg-venice-canal) .hero__text .button{background-color:var(--button-bg);border-color:var(--button-bg);color:var(--button-text-color)}:where([data-theme=labs],[data-theme=labs-dynamic]) .layout--onecol:not(.bg-santa-barbara-sand,.bg-venice-canal) .hero__text .button:hover{background-color:var(--button-bg-hover);color:var(--button-text-color)}:where([data-theme=labs],[data-theme=labs-dynamic]) .layout--onecol:not(.bg-santa-barbara-sand,.bg-venice-canal) .hero__container{padding-block:var(--hero-padding)}.hero{background-color:var(--hero-bg, transparent);border-image-outset:0 262px;border-image-slice:fill 0;border-image-source:linear-gradient(var(--hero-bg),var(--hero-bg));container:hero / inline-size;position:relative}.bg-santa-barbara-sand .hero,.bg-venice-canal .hero{border-image-source:initial}.bg-santa-barbara-sand .hero{background-color:var(--santa-barbara-sand)}.bg-venice-canal .hero{background-color:var(--venice-canal)}.hero .hero__container{display:grid;gap:var(--size-5);grid-template-columns:1fr}@media (width >= 768px){.hero .hero__container{align-items:center;gap:var(--size-8);grid-template-columns:repeat(2,1fr)}}@media (width >= 768px){.hero .hero__text{order:-1;z-index:var(--layer-10)}}@media (width >= 768px){.hero.is-angled .hero__container{grid-template-columns:40% 1fr}.hero.is-angled .hero__media{overflow:hidden;position:relative}.hero.is-angled .hero__media:before{background-color:var(--hero-slant-bg);clip-path:polygon(50% -10%,100% 100%,0 100%);content:"";display:block;inline-size:var(--size-113);inset-block-end:-1px;inset-block-start:-1px;inset-inline-start:calc(var(--size-61) * -1);position:absolute;transform:rotate(180deg);z-index:var(--layer-1)}[data-theme=labs] .hero.is-angled .hero__media:before,[data-theme=labs-dynamic] .hero.is-angled .hero__media:before{background-color:var(--ucla-yellow)}.bg-venice-canal .hero.is-angled .hero__media:before{background-color:var(--venice-canal)}.bg-santa-barbara-sand .hero.is-angled .hero__media:before{background-color:var(--santa-barbara-sand)}.hero.is-angled .hero__text-wrapper{padding:0}}.hero__text-wrapper>*+*{margin-block-start:var(--size-5)}.hero__title{background-color:var(--title-text-background);color:var(--title-text-color);font-family:var(--font-heading);font-size:var(--font-size-5);font-weight:var(--font-weight-600);max-inline-size:var(--size-content-3);padding-inline:var(--size-4);text-transform:uppercase}@container (inline-size >= 768px){.hero__title{-webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline;padding-block-start:var(--padding-block-start, var(--size-105))}}@container (inline-size >= 1024px){.hero__title{font-size:var(--font-size-6)}}@container (inline-size >= 1280px){.hero__title{font-size:var(--font-size-9)}}.hero__subtitle{font-family:var(--font-body);font-size:var(--font-size-2);line-height:var(--leading-relaxed);max-inline-size:var(--size-content-3)}[data-theme=labs] .hero__subtitle,[data-theme=labs-dynamic] .hero__subtitle{color:var(--gray-900)}.bg-venice-canal .hero__subtitle{color:var(--white)}@container (inline-size >= 1280px){.hero__subtitle{font-size:var(--font-size-4)}}.hero--video .hero__container{gap:var(--size-5);grid-template-columns:1fr}@container (inline-size >= 1024px){.hero--video .hero__media{inline-size:100%}}@container (inline-size >= 768px){.hero--video .hero__text{inset-block-end:10%;inset-inline:5%;max-inline-size:100%;position:absolute}}@container (inline-size >= 1280px){.hero--video .hero__text{inset-inline:10%;max-inline-size:100%;position:absolute}}