@layer components{.layout{--_visual-ratio:3 / 2;--_alignment:start;--_column-count:1;column-gap:var(--site-gutter);row-gap:var(--space-8);grid-template-columns:repeat(var(--_column-count), minmax(0, 1fr));flex-direction:column;align-items:stretch;width:100%;display:flex}.layout>*{align-items:var(--_alignment,start);text-align:var(--_alignment,start);flex-direction:column;width:100%;max-width:100%;display:flex}.layout>:first-child{align-self:center}.layout>:last-child:not(:has(>:not(.image,.video,.overlay))){border-radius:var(--radius-small);aspect-ratio:var(--_visual-ratio);position:relative}.layout>:last-child:not(:has(>:not(.image,.video,.overlay)))>:is(.image,.video,.overlay){border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.layout.centered{--_alignment:center}.layout.auto-width{justify-content:space-between;align-items:end;row-gap:var(--space-6);flex-flow:wrap}.layout.auto-width>*{align-self:unset;width:auto}.layout.auto-width>:last-child{min-width:min(4rem,100%)}.layout.columns{column-gap:var(--section-space-small);display:grid}@media (min-width:62rem){.layout.columns{--_column-count:2}.layout.columns.reversed>:last-child{order:-1}}.layout.sticky-content{--_visual-ratio:1 / 1;display:grid}@media (min-width:62rem){.layout.sticky-content{--_column-count:2}.layout.sticky-content>:first-child{top:calc(var(--site-margin) + var(--nav-height));align-self:start;position:sticky}}.layout.sticky-visual{--_visual-ratio:1 / 1;display:grid}@media (min-width:62rem){.layout.sticky-visual{--_column-count:2}.layout.sticky-visual>:first-child{align-self:start}.layout.sticky-visual>:last-child{top:calc(var(--site-margin) + var(--nav-height));max-height:calc(100svh - var(--nav-height) - var(--site-margin) * 2);align-self:start;position:sticky}}.layout.breakout{flex-shrink:0;align-self:center;gap:0;width:100vw;display:grid}.layout.breakout>:first-child{width:var(--site-width);padding-block:var(--section-space-medium);margin-inline:auto}.layout.breakout>:last-child{border-radius:0}@media (min-width:62rem){.layout.breakout{--_column-count:2}.layout.breakout>:first-child{max-width:calc(var(--max-width-main) / 2)}.layout.breakout>:last-child{border-top-left-radius:var(--radius-small);border-bottom-left-radius:var(--radius-small)}.layout.breakout.reversed>:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--radius-small);border-bottom-right-radius:var(--radius-small);order:-1}}.layout.contain{background-color:var(--background-2);border-radius:var(--radius-main);gap:0;display:grid;position:relative;overflow:clip}.layout.contain>:first-child{padding:var(--space-6)}.layout.contain>:last-child{border-radius:0}@media (min-width:62rem){.layout.contain{--_column-count:2}.layout.contain.reversed>:last-child{order:-1}}.layout.card-layout{border-radius:var(--radius-main);justify-content:center;min-height:26rem;position:relative;overflow:clip}.layout.card-layout>:first-child{padding:var(--space-6);padding-block:var(--section-space-medium);padding-inline:var(--space-5);z-index:1;--_alignment:center;position:relative}.layout.card-layout>:last-child{width:100%;height:100%;opacity:calc(var(--_media-opacity,70) / 100);pointer-events:none;border-radius:0;position:absolute;inset:0}.rich-text{width:100%}.rich-text :is(h1,h2,h3,h4,h5,h6,p,ul,ol,dl,blockquote,figure,pre,table,hr){margin-top:var(--_margin-top);margin-bottom:var(--_margin-bottom)}.rich-text>:first-child,.rich-text :is(blockquote,li,dd)>:first-child:not(:is(ul,ol)){margin-top:0}.rich-text>:last-child,.rich-text :is(blockquote,li,dd)>:last-child{margin-bottom:0}.rich-text :is(h2,h3,h4,h5,h6){scroll-margin-top:calc(var(--nav-height) + var(--space-4))}.rich-text h1{font-size:var(--h3)}.rich-text h2{font-size:var(--h4)}.rich-text h3{font-size:var(--h5)}.rich-text :is(h4,h5,h6){font-size:var(--h6)}.rich-text :is(h2,h3)+:is(p,ul,ol,dl){margin-top:0}.rich-text a{color:var(--link-text);text-decoration-line:underline;-webkit-text-decoration-color:var(--link-border);text-decoration-color:var(--link-border);text-decoration-thickness:var(--border-width);text-underline-offset:.2em;transition:color var(--hover-duration) var(--hover-ease), text-decoration-color var(--hover-duration) var(--hover-ease)}@media (hover:hover){.rich-text a:hover{color:var(--link-text-hover);-webkit-text-decoration-color:var(--link-border-hover);text-decoration-color:var(--link-border-hover)}}.rich-text :is(strong,b){font-weight:var(--primary-semi-bold)}.rich-text :is(ul,ol){padding-left:1.4em}.rich-text ul{list-style-type:disc}.rich-text ul ul{list-style-type:circle}.rich-text ul ul ul{list-style-type:square}.rich-text ol{list-style-type:decimal}.rich-text li::marker{color:var(--text-2)}.rich-text li+li{margin-top:var(--space-2)}.rich-text li>:is(ul,ol){margin-block:var(--space-2)}.rich-text dl{gap:var(--space-3);display:grid}.rich-text dt{font-weight:var(--primary-semi-bold)}.rich-text dd{color:var(--text-2);margin-left:0}.rich-text blockquote{padding:var(--space-4);background-color:var(--background-2);border-left:var(--space-1) solid var(--heading-accent);border-radius:var(--radius-small)}.rich-text :not(pre)>code,.rich-text kbd{background-color:var(--background-2);border:var(--border-width) solid var(--border);border-radius:var(--radius-4);font-family:var(--font-mono);padding:.12em .35em;font-size:.88em}.rich-text pre{max-width:100%;padding:var(--space-4);background-color:var(--background-2);border:var(--border-width) solid var(--border);border-radius:var(--radius-small);tab-size:2;overflow-x:auto}.rich-text pre code{font-family:var(--font-mono);white-space:pre;font-size:.88em}.rich-text table{border-spacing:0;border:var(--border-width) solid var(--border);border-radius:var(--radius-small);width:100%;max-width:100%;display:block;overflow-x:auto}.rich-text :is(th,td){min-width:10rem;padding:var(--space-3);text-align:left;vertical-align:top;border-bottom:var(--border-width) solid var(--border)}.rich-text th{background-color:var(--background-2);font-weight:var(--primary-semi-bold)}.rich-text tr:last-child>:is(th,td){border-bottom:0}.rich-text figure{width:100%}.rich-text figure>:is(img,picture,video){border-radius:var(--radius-small)}.rich-text figcaption{margin-top:var(--space-2);color:var(--text-2);font-size:var(--text-small);line-height:var(--text-small-line-height)}.rich-text hr{border:0;border-top:var(--border-width) solid var(--border);width:100%}}
