.hero{background-color:var(--base-200);width:100%;height:135svh;position:relative;overflow:hidden}.hero .hero-bg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero .hero-bg img{object-fit:cover;object-position:center;width:100%;height:100%}.hero .hero-bg .hero-img-mobile{display:block}.hero .hero-bg .hero-img-desktop{display:none}.hero .hero-gradient{background:var(--base-100);z-index:2;background:linear-gradient(360deg,#fff 0%,#fff0 100%);width:100%;height:50svh;position:absolute;bottom:0;left:0}.hero .hero-content{color:linen;text-align:center;text-shadow:0 0 10px #000c;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:75%;padding:1rem;display:flex;position:absolute;top:50svh;left:50%;transform:translate(-50%,-50%)}.hero .hero-content h1{letter-spacing:-.25rem;margin-bottom:2rem;font-family:Supreme,sans-serif;font-size:clamp(2rem,8vw,5rem);font-weight:400;line-height:1.05;color:linen!important}@media (max-width:768px){.hero .hero-content h1{letter-spacing:-.1rem;font-size:2.5rem}}.hero .hero-tagline{color:linen;width:40%}.hero .hero-stats{z-index:2;width:100%;position:absolute;bottom:0}.hero .hero-stats .container{gap:1rem;width:100%;display:flex}.hero .hero-stats .stat{aspect-ratio:16/9;color:var(--base-450);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:#fffc;border-radius:1rem;flex-direction:column;flex:1;padding:1rem;display:flex;overflow:hidden}.hero .hero-stats .stat-count,.hero .hero-stats .stat-info{flex:1}.hero .hero-stats .stat-divider{background-color:#0000001a;width:100%;height:1px}.hero .hero-stats .stat-info{align-items:flex-end;display:flex}@media (min-width:1001px){.hero .hero-bg .hero-img-mobile{display:none}.hero .hero-bg .hero-img-desktop{display:block}}@media (max-width:1000px){.hero{height:100svh}.hero .hero-content{width:100%;top:45svh}.hero .hero-tagline{width:75%}.hero .hero-stats .container{flex-direction:column}.hero .hero-stats .stat{aspect-ratio:16/6}.hero .hero-stats .stat-divider{display:none}}.what-we-do{width:100%;height:max-content;color:var(--base-500)}.about-portrait-section{justify-content:center;margin-bottom:4rem;display:flex}.about-portrait-content{text-align:center;flex-direction:column;align-items:center;display:flex}.about-portrait-content h2{color:var(--base-500);margin-bottom:2rem;font-size:2rem;font-weight:600}.portrait-container{width:280px;height:280px;margin-bottom:2rem;position:relative}.portrait-cutout{border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden}.portrait-cutout img{object-fit:cover;object-position:center;width:100%;height:100%}.what-we-do .container h1{color:var(--base-500);letter-spacing:.02em;word-spacing:.05em;margin-bottom:8rem;font-size:1.8rem;line-height:1.4}.what-we-do .what-we-do-content{gap:2rem;width:100%;display:flex}.what-we-do .what-we-do-col{flex:1}.what-we-do .what-we-do-col:first-child{flex-direction:column;gap:1rem;display:flex}.what-we-do .what-we-do-col:first-child p.lg{color:var(--base-400);width:50%}.what-we-do .what-we-do-col:first-child p{color:var(--base-450)}.what-we-do .what-we-do-col:nth-child(2) p{width:35%}.what-we-do .what-we-do-col .what-we-do-tags{width:100%}.what-we-do .what-we-do-tag{border:1px solid var(--base-400);border-radius:4rem;margin:0 .5rem .5rem 0;padding:1rem 2rem;display:inline-block}@media (max-width:1000px){.what-we-do .container h1{margin-bottom:6rem;font-size:1.5rem;line-height:1.3}.portrait-container{width:220px;height:220px}.about-portrait-content h2{margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3.5rem)}.what-we-do-content{flex-direction:column}.what-we-do .what-we-do-col:first-child p.lg{width:100%}.what-we-do .what-we-do-tag{margin:0 .25rem .25rem 0;padding:.75rem 1.5rem}}.featured-projects-container{width:100%;color:var(--base-500);padding:10rem 0 0;position:relative;overflow:hidden}.featured-projects-container .featured-projects-header-callout,.featured-projects-container .featured-projects-header{text-align:center}.featured-projects-container .featured-projects-header-callout h2{letter-spacing:-.02em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:300}.featured-projects-container .featured-projects-header{width:50%;margin:0 auto 2rem}@media (max-width:1000px){.featured-projects-container .featured-projects-header{width:100%}}.client-reviews-container{background-color:var(--base-100);width:100%;height:120svh;padding:4rem 0 2rem;position:relative}.client-reviews-container .client-reviews-header-callout{text-align:center;color:var(--base-500);margin-bottom:1rem}@media (max-width:1000px){.client-reviews-container .client-reviews-header-callout{margin-bottom:3rem}}@media (min-height:1200px){.client-reviews-container{height:60svh;margin:10rem 0 4rem}}.gallery-callout{background-color:var(--base-200);width:100%;height:100%;min-height:100svh;color:var(--base-500);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.gallery-callout .container{justify-content:center;align-items:center;gap:2rem;width:100%;height:100%;display:flex}.gallery-callout .gallery-callout-col{flex:1}.gallery-callout .gallery-callout-copy h3{letter-spacing:-.1rem;color:var(--base-500);font-family:Supreme,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.1}.gallery-callout .gallery-callout-copy{flex-direction:column;gap:2rem;display:flex}.gallery-callout .gallery-callout-col:first-child{flex-direction:column;gap:1rem;display:flex}.gallery-callout .gallery-callout-row{gap:1rem;width:100%;display:flex;position:relative;left:-10vw}.gallery-callout .gallery-callout-img{aspect-ratio:5/4;border-radius:.75rem;flex:1;position:relative;overflow:hidden}.gallery-callout .gallery-callout-img-content{z-index:1;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:var(--base-500);background-color:#fffc;border-radius:.75rem;padding:1rem;position:absolute;bottom:1rem;left:1rem}.gallery-callout .gallery-callout-img-content p{color:var(--base-400)}.gallery-callout .gallery-callout-img-1,.gallery-callout .gallery-callout-img-4{flex:.75}.gallery-callout .gallery-callout-row:first-child{align-items:flex-end}.gallery-callout .gallery-callout-row:nth-child(2){align-items:flex-start}@media (max-width:1000px){.gallery-callout .container{flex-direction:column}.gallery-callout .gallery-callout-row{left:0}.gallery-callout .gallery-callout-img-content{display:none}}
