@layer components{@media (width>=50em){.principle-hero{min-height:min(88rem,100dvmin)}}.principle-cover{aspect-ratio:1;width:100%;overflow:hidden}@media (width>=50em){.principle-cover{position:absolute}}.principle-cover>img{width:100%;display:block}.principle-video{aspect-ratio:16/9;border-radius:var(--space-sm);background-color:hsl(var(--color-asphalt-0));overflow:hidden}.principle-nav{--font-weight:350;background-color:var(--color-sheet);align-self:end}.principle-nav ul{line-height:var(--leading-flush);flex-wrap:nowrap;margin:0;padding:0;list-style-type:none;display:flex}.principle-nav li{flex-grow:1;margin-block-start:var(--space-md);padding:0}.principle-nav a{--font-width:100;padding-inline:var(--space-sm);padding-block:var(--space-md);border-left:var(--line-weight)solid hsl(var(--color-pattern));text-decoration:none;transition:border-color .2s;display:block}.principle-nav a[aria-current]{border-left-color:hsl(var(--color-text));color:hsl(var(--color-sheet));background-color:hsl(var(--color-text))}@media (hover) and (pointer:fine){.principle-nav a:hover{border-left-color:hsl(var(--color-text))}}.principle-nav a small{--font-weight:700;font-size:var(--type-md);color:inherit;display:block}@media (width<=49.999em){.principle-nav a small{font-size:var(--type-xs)}}.principle-nav a span{font-size:var(--type-sm);color:inherit;display:block}@media (width<=49.999em){.principle-nav a span{display:none}}}