section.layout-355{background-color:light-dark(var(--primary-dark-4),transparent);color:var(--primary-light-1);position:relative;-webkit-mask-image:linear-gradient(180deg,white calc(100% - 15vh),transparent);mask-image:linear-gradient(180deg,white calc(100% - 15vh),transparent);@container main (width < 768px){-webkit-mask-image:unset;mask-image:unset;display:grid;grid-template-columns:auto;overflow-y:hidden;>*{grid-column:1/-1;grid-row:1/-1}}*{color:inherit}>div{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:hidden;img{width:100%;height:100%;object-fit:cover;filter:brightness(.5);&:is(.dark-mode img){filter:brightness(.25)}}@container main (width < 768px){position:absolute;top:50%;transform:translateY(-50%);left:0;height:auto;width:100%;img{filter:brightness(.4)}}}>ul{position:relative;z-index:1;list-style:none;padding-left:0;padding-inline:var(--scale-4);display:flex;flex-direction:column;gap:var(--scale-4);>li{max-width:40%;&:nth-of-type(2n){margin-left:auto}&:last-of-type{padding-bottom:25%}}@container main (width < 768px){flex-direction:row;gap:var(--scale-4);padding-block:var(--scale-8);>li{flex:0 0 auto;width:calc(90vw - var(--scale-4) * 2);max-width:unset;h2{font-size:var(--type-sizing-heading-h4)}&:first-of-type{h2{font-size:var(--type-sizing-heading-h3)}}&:nth-of-type(2n){margin-left:0}&:last-of-type{padding-bottom:0}}}}}article.card{container-type:inline-size;container-name:card;>div{position:relative;max-width:768px;width:100%;height:100%;border-radius:var(--scale--2) var(--scale-3);overflow:clip;box-shadow:0 12px 16px -4px rgba(0,0,0,.32),0 4px 6px -2px rgba(0,0,0,.12);background-color:var(--surfaces-surface);&:after{content:"";position:absolute;inset:0;background:url(/texture.png);background-size:20%;mix-blend-mode:difference}>div:not(.img){padding:var(--scale-3);display:flex;flex-direction:column;justify-content:space-between;>div :last-child{margin-bottom:unset}}>.img,>.img>img{aspect-ratio:47/23;margin:unset}.actions,.actions a,.actions>ul{margin:unset}.actions{margin-top:var(--scale-3)}h3+p{margin-top:var(--scale-1)}.tagline,h3:not(.tagline+h3){margin-top:unset}}&.horizontal{@container card (width >= 576px){>div{display:flex;>div:not(.img){padding:var(--scale-1)}h3{font-size:var(--type-sizing-heading-h5)}>.img,>.img>img{aspect-ratio:1}>.img{width:50%;>img{height:100%}}.actions ul{justify-content:flex-end}}}}}article.card-minimal{container-type:inline-size;container-name:cardMinimal;>div{position:relative;max-width:360px;width:100%;height:100%;border-radius:var(--scale--2) var(--scale-3);overflow:clip;box-shadow:0 12px 16px -4px rgba(0,0,0,.32),0 4px 6px -2px rgba(0,0,0,.12);background-color:var(--surfaces-surface);padding:var(--scale-1);display:grid;grid-template-columns:min-content;grid-template-areas:"header main" "footer footer";grid-gap:var(--scale-1);gap:var(--scale-1);&:not(:has(footer)){grid-template-areas:"header main"}@container main (width > 768px){grid-template-columns:unset;grid-template-areas:"header" "main" "footer";&:not(:has(footer)){grid-template-areas:"header" "main"}}&:after{content:"";position:absolute;inset:0;background:url(/texture.png);background-size:20%;mix-blend-mode:difference}>header{grid-area:header}>main{grid-area:main}>footer{grid-area:footer;align-content:end}h3{margin-top:unset;font-size:var(--type-sizing-heading-h5)!important}svg{color:var(--text-headings);width:48px;height:48px}.actions,.actions *{margin:unset}.actions ul{justify-content:flex-end}}}section.layout-381{@container main (width < 1200px){padding-inline:unset}h3{font-size:var(--type-sizing-heading-h3)!important}>hgroup{margin-bottom:var(--scale-6);padding-inline:var(--scale-4);>*{margin-inline:auto;text-align:center}@container main (width < 768px){>*{margin-inline:unset;text-align:left}}}>ul{margin:unset;padding:unset;list-style:none;display:grid;>li{>*{height:100%}}@container main (width < 1200px){grid-template-columns:90% 360px 90% 90%;grid-template-rows:repeat(2,auto);gap:var(--scale-2);overflow-x:auto;padding-left:30px;padding-bottom:30px;padding-right:30px;padding-top:30px;>li{&:nth-child(3){grid-row:2;grid-column:2}&:has(.card){grid-row:span 2}}}@container main (width > 1200px){grid-template-columns:repeat(4,1fr);gap:var(--scale-1);>li{&:has(.card){grid-column:span 2}&:has(.horizontal){grid-row:3/4;>article{height:100%;>div{>div{flex-basis:fit-content}>div.img{aspect-ratio:3/2}}}}&:first-of-type{grid-row:span 2}&:last-of-type{grid-row:2/4}}}}}article.card>div{max-width:unset!important}section.layout-488{position:relative;height:250vh;>div{&:first-of-type{position:-webkit-sticky;position:sticky;top:0;display:grid;height:100svh;grid-template-columns:90%;align-content:center;align-items:center;justify-content:center;justify-items:stretch;grid-gap:1rem;gap:1rem;overflow:hidden;padding-left:5%;padding-right:5%;@container (width > 768px){grid-template-columns:40% max-content 40%;gap:2rem}@container (width > 1024px){height:100vh}}&:last-of-type{position:absolute;inset:0;z-index:-10;margin-top:100vh}>h2{position:relative;z-index:10;&:not(:last-of-type){margin:unset;display:hidden;font-size:4rem;transition:transform .2s ease;@container (width > 768px){font-size:6rem;display:flex}}&:first-of-type{justify-content:flex-end;margin-left:auto;text-align:right;@container (width < 768px){display:none}}&:nth-of-type(2){justify-content:flex-start;margin-right:auto;@container (width < 768px){display:none}}&:last-of-type{text-align:justify;@container (width > 768px){display:none}@container (width < 768px){line-break:strict}}}>div{position:relative;order:-9999;display:flex;width:100%;min-width:4rem;max-width:24rem;align-items:center;justify-content:center;transition:transform .2s ease;@container (width > 768px){order:0}>img{aspect-ratio:1;object-fit:cover}>div,>img{border-radius:50%}>div{position:absolute;z-index:-10;background-color:var(--surfaces-surface);transition:width .2s ease,height .2s ease}}}}.logo-3{>h2{text-align:center;margin-inline:auto;margin-bottom:var(--scale-2);&:is(.tagline+h2){margin-bottom:var(--scale-4)}&:is(:first-child){margin-top:0}@container main (width < 768px){margin-inline:unset;text-align:left}}>p{@container main (width < 768px){margin-inline:unset!important;text-align:left!important}}.tagline{text-align:center;margin-inline:auto}nav{.scroll-wrapper{overflow:hidden;width:100%;mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.scroll-track{display:flex;gap:5rem;list-style:none;padding:0;margin:0;will-change:transform}li{flex:0 0 auto;svg{height:48px;width:auto}}}}