.featured-cards{background-color:var(--base-200);width:100%;height:100svh;padding:.75rem;position:relative;overflow:hidden}.featured-cards>.container{width:100%;height:100%;position:relative}.featured-cards-wrapper{gap:3rem;width:80%;height:100%;margin:0 auto;display:flex}.featured-cards-header{height:100%;color:var(--base-500);flex-direction:column;flex:1;justify-content:center;gap:.75rem;display:flex;position:relative}.featured-cards-header h5{width:80%;margin:1.5rem 0 3rem}.featured-cards-container{flex:1;height:100%;position:relative}.featured-card{aspect-ratio:4/5;background-color:var(--base-100);will-change:transform;border-radius:.75rem;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;top:50%;overflow:hidden;transform:translateY(200%)}.featured-card:after{content:"";border-radius:inherit;background-color:var(--base-200);width:100%;height:100%;opacity:var(--overlay-opacity,0);pointer-events:none;will-change:opacity;z-index:1;position:absolute;top:0;left:0}.featured-card-img{border-radius:.5rem;width:100%;height:100%;position:relative;overflow:hidden}.featured-card-img-media{object-fit:cover}.featured-card-img:after{content:"";z-index:1;background:linear-gradient(360deg,#0f0f0f 0%,#0f0f0f00 100%);width:100%;height:100%;position:absolute;top:0;left:0}.featured-card-content{text-align:center;width:100%;height:100%;color:var(--base-300);flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute}.featured-card-content h6.subheader{margin-bottom:.1875rem;font-size:clamp(1rem,2vw,3rem)}.featured-card-content h5{font-size:clamp(1.5rem,5vw,4rem)}@media (min-width:1001px){.featured-cards{margin-bottom:400svh}}@media (max-width:1000px){.featured-cards{height:auto;padding:0;overflow:visible}.featured-cards-wrapper{flex-direction:column;gap:2rem;width:100%;height:auto}.featured-cards-header{height:auto;padding:6rem 0 3rem}.featured-cards-header h5{width:100%}.featured-cards-container{flex-direction:column;gap:1rem;height:auto;display:flex}.featured-card{will-change:auto;position:relative;top:auto;transform:none}.featured-card-content h6.subheader{margin-bottom:.1875rem;font-size:clamp(1.5rem,3vw,4rem)}.featured-card-content h5{font-size:clamp(3rem,5vw,5rem)}}
.cta{background-color:var(--base-200);width:100%;height:100svh;margin-top:-.75rem;padding:.75rem;position:relative}.cta .container{background-color:var(--base-400);border-radius:.75rem;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex}.cta-inner{flex-direction:column;align-items:center;gap:1.5rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-inner h6{color:var(--base-100);font-size:clamp(2rem,4vw,4rem)}.cta-compass{justify-content:center;align-items:center;display:flex}#cta-compass-svg{width:500px;height:500px}.cta-footer{width:100%;color:var(--base-100);justify-content:space-between;align-items:center;padding:.375rem;display:flex}@media (max-width:600px){#cta-compass-svg{width:300px;height:300px}}
.hero{background-color:var(--base-100);width:100%;height:100svh;padding:.75rem;position:relative}.hero-img{width:100%;height:100%;position:absolute;top:0;left:0}.hero-img-media{object-fit:cover}.hero-img:after{content:"";background:linear-gradient(#0f0f0f33 0%,#0f0f0f1a 30% 70%,#0f0f0f33 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero .container{align-items:flex-end;display:flex}.hero-header{text-align:center;color:var(--base-300);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-header .hero-title-main{flex-flow:row;justify-content:center;align-items:baseline;gap:.15em;display:flex}.hero-footer{width:100%;color:var(--base-300);z-index:2;justify-content:space-between;display:flex}@media (max-width:999px){.hero-header{width:100%;padding-inline:.75rem}.hero-header h1{font-size:9.5vw}.hero-header .subheader{font-size:4.75vw;transform:translate(-.5em)}.hero-header .hero-title-main{gap:.1em}}@media (max-width:600px){.hero-footer{align-items:flex-end;gap:1rem}.hero-footer p.mono.sm{white-space:nowrap;flex:none;font-size:clamp(.55rem,1.75vw,.7rem)}}@media (min-width:1000px){.hero-header h1{font-size:clamp(7.5rem,15vw,15rem)}.hero-header .subheader{font-size:clamp(4rem,5vw,5rem);transform:translate(-5rem)translateY(.5rem)}}