@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap";:root{--base-100: #f9f4eb;--base-200: #efece5;--base-300: #0a0a0a;--base-secondary-dark: #686560;--base-secondary-fade: rgba(249, 244, 235, .15);--accent-1: #b1c1ef;--accent-2: #f2acac;--accent-3: #ffdd94}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Host Grotesk;background-color:var(--base-100);color:var(--base-300)}img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}h1,h2,h3,h4{text-transform:uppercase;font-family:Barlow Condensed;font-weight:900;line-height:.85;letter-spacing:-.02rem}h1{font-size:12rem}h2{font-size:8rem}h3{font-size:6rem}h4{font-size:2.5rem}a{text-decoration:none}p{font-family:Host Grotesk;font-size:1.1rem}p.md{font-size:1.3rem}p.lg{font-size:1.5rem}p.mono{text-transform:uppercase;font-family:DM Mono;font-size:.85rem;font-weight:500}p.mono span,a span{position:relative;top:-.1rem}.container{width:100%;height:100%;padding:2.75rem;max-width:2000px;margin:0 auto}.symbols-container{display:flex;gap:.5rem;height:1.125rem;z-index:1}.symbols-container .symbol{width:1.125rem}@media (max-width: 1000px){h1{font-size:6rem}h2{font-size:5rem}h3{font-size:3rem}p{font-size:1rem}p.md{font-size:1.125rem}p.lg{font-size:1.25rem}p.mono{font-size:.8rem}.container{padding:2rem}}.transition{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100000;pointer-events:none}.transition-overlay{position:absolute;top:0;left:0;width:100%;height:100%;transform:scaleY(1);transform-origin:top;will-change:transform}.transition-overlay.overlay{background-color:var(--base-300)}.transition-logo{position:absolute;top:120%;left:50%;transform:translate(-50%);width:60px;height:60px;opacity:0;will-change:transform,opacity}.transition-logo img{width:100%;height:100%;object-fit:contain}.mask-transition{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;pointer-events:none;display:none}.mask-bg-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99998;background-color:var(--base-100);opacity:.3;pointer-events:none;display:none}.menu{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);width:50%;max-width:600px;z-index:1000;transition:transform .4s ease}.menu.hidden{transform:translate(-50%) translateY(-200%)}.menu-header{position:relative;padding:1rem 1.5rem 1rem 1.75rem;display:flex;justify-content:space-between;align-items:center;background-color:var(--base-300);border-radius:8px;z-index:2;cursor:pointer}.menu-logo{font-size:1.25rem;cursor:pointer}.menu-logo img{width:1.25rem;transition:transform .5s ease}.menu-logo img.rotated{transform:rotate(180deg)}.menu-toggle{position:relative;background:none;border:none;cursor:pointer;padding:.5rem;display:flex;justify-content:center;align-items:center;width:28px;height:28px}.menu-hamburger-icon{width:20px;height:25px;position:absolute;top:10px;right:0;cursor:pointer}.menu-item{transition:all .2s ease;display:block;width:20px;height:2px;margin:0 0 4px;background:var(--base-100);border-radius:1px}.menu-hamburger-icon.open .menu-item{background:var(--base-100)}.menu-hamburger-icon.open .menu-item:first-child{transform:rotate(45deg);transform-origin:5px}.menu-hamburger-icon.open .menu-item:nth-child(2){transform:rotate(-45deg);transform-origin:6px}.menu-overlay{position:absolute;top:100%;left:0;right:0;background-color:var(--base-300);border-radius:0 0 8px 8px;margin-top:-8px;padding-top:8px;transform-origin:top;transform:scaleY(0);overflow:hidden;will-change:transform}.menu-nav{padding:2rem 0 3rem}.menu-nav ul{list-style:none;margin:0;padding:0}.menu-nav li{margin:-4px 0;opacity:0}.menu-nav a{display:block;padding:.5rem 1.75rem;position:relative;text-transform:uppercase;text-decoration:none;color:var(--base-100);font-family:Barlow Condensed;font-size:5rem;letter-spacing:-.02rem;font-weight:900;line-height:.85;overflow:hidden}.menu-nav a div div{position:relative;will-change:transform}.menu-footer{padding:1rem 1.75rem 1.5rem;opacity:0;display:flex;justify-content:space-between;align-items:center}.menu-social{display:flex;gap:1rem;justify-content:center}.menu-social a,.menu-time{color:var(--base-100);font-size:.9rem;text-decoration:none;transition:all .3s ease;text-transform:uppercase;font-family:DM Mono;font-size:.85rem;font-weight:500}.menu-time{width:max-content;color:var(--base-secondary-dark)}@media (max-width: 1000px){.menu{width:90%;max-width:none}.menu-header{padding:1rem 1.5rem}.menu-nav a{font-size:3rem;letter-spacing:0;padding:.75rem 1.5rem}.menu-footer{padding:2rem 1.75rem;flex-direction:column;align-items:flex-start}.menu-social{flex-wrap:wrap;gap:.5rem}.menu-time{right:1.5rem}}.hero .hero-content .hero-header h1{text-transform:none}.hero .hero-footer-tags a.hero-cta{text-transform:uppercase;font-family:DM Mono;font-size:.85rem;font-weight:500;color:var(--base-300);padding:.4rem .9rem;border:1px dashed var(--base-300);border-radius:6px;line-height:1.2}.hero .hero-footer-tags a.hero-cta span{position:relative;top:-.1rem}.hero .hero-footer-tags{align-items:center}.home-services .cards-container .card .card-link{position:absolute;inset:0;z-index:3;border-radius:8px}.home-spotlight .home-spotlight-image.image-holder{opacity:1}.home-spotlight .label-card{width:100%;height:100%;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;color:var(--base-300);border-radius:8px}.home-spotlight .label-card p.mono{font-size:.8rem}.home-spotlight .label-card p.mono:last-child{opacity:.6}.home-spotlight .label-card.lc-1{background-color:var(--accent-1)}.home-spotlight .label-card.lc-2{background-color:var(--accent-2)}.home-spotlight .label-card.lc-3{background-color:var(--accent-3)}.home-spotlight .spotlight-mask-fill{width:100%;height:100%;background-color:var(--accent-1);background-image:url(/brand/mark-tile.svg);background-size:140px 140px;background-repeat:repeat}.home-spotlight .spotlight-mask-header{color:var(--base-300)}footer .footer-logo{width:180px}footer .footer-email-row{margin:0}footer .footer-email-row input{font-family:DM Mono;font-weight:500;font-size:2.25rem;letter-spacing:-.02em}footer .footer-email-row button{cursor:pointer;flex:none}footer .footer-links a{color:var(--base-100)}.about-hero .about-hero-fill{width:100%;height:100%;background-color:var(--base-300);display:flex;justify-content:center;align-items:center}.about-hero .about-hero-fill img{width:min(60svh,60vw);height:auto;object-fit:contain;transform:translateY(-6svh)}.about-sticky-cards .gallery-card-body{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background-color:var(--base-100);color:var(--base-300);justify-content:flex-start}.about-sticky-cards .gallery-card-body h4{font-size:2rem}.about-sticky-cards .gallery-card-body p{font-size:.95rem;line-height:1.35}.about-sticky-cards .gallery-card:nth-child(4n+4) .gallery-card-body{background-color:var(--accent-1)}.about-sticky-cards .gallery-card:nth-child(4n+6) .gallery-card-body{background-color:var(--accent-2)}.about-sticky-cards .gallery-card:nth-child(4n+8) .gallery-card-body{background-color:var(--accent-3)}.slide-fill{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;padding-top:12svh;background-image:url(/brand/mark-tile.svg);background-size:160px 160px}.slide-fill span{font-family:Barlow Condensed;font-weight:900;font-size:30vw;line-height:.85;text-transform:uppercase;color:var(--base-300);letter-spacing:-.02em}.slide-fill.sf-1{background-color:var(--accent-1)}.slide-fill.sf-2{background-color:var(--accent-2)}.slide-fill.sf-3{background-color:var(--accent-3)}.slider-note{position:fixed;top:0;left:0;width:100%;padding:2.75rem;display:flex;justify-content:space-between;z-index:5;pointer-events:none;color:var(--base-300)}.project-banner-fill{width:100%;height:100%;border-radius:12px;background-color:var(--accent-3);border:1px dashed var(--base-300);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;color:var(--base-300)}.project-banner-fill .banner-row{display:flex;justify-content:space-between}.project-banner-fill h2{font-size:clamp(3rem,9vw,10rem);text-align:center}.project-banner-img .container{height:100%;padding-top:0;padding-bottom:0}.project-snapshot .snapshot-card{width:65%;aspect-ratio:16/9;border-radius:8px;border:1px dashed var(--base-secondary-dark);padding:2rem;display:flex;flex-direction:column;gap:1rem;color:var(--base-300)}.project-snapshot .snapshot-card h4{font-size:clamp(2rem,4vw,4rem);margin-top:auto}.project-snapshot .snapshot-card p:not(.mono){max-width:60ch}.project-snapshot .snapshot-card.sc-1{background-color:var(--accent-1)}.project-snapshot .snapshot-card.sc-2{background-color:var(--accent-2)}.project-snapshot .snapshot-card.sc-3{background-color:var(--accent-3)}.next-project a{color:var(--base-100)}.next-project .next-project-title a:hover{color:var(--accent-1)}.contact .contact-copy{width:70%}.contact .contact-copy a{color:var(--base-100);text-decoration:underline}.contact .contact-art{width:100%;height:100%;border-radius:12px;background-color:var(--accent-1);background-image:url(/brand/mark-tile.svg);background-size:120px 120px;display:flex;justify-content:center;align-items:center;border:1px dashed var(--base-300)}.contact .contact-art img{width:50%;height:auto;object-fit:contain}.contact .home-spotlight-bottom-bar a.mono{text-transform:uppercase;font-family:DM Mono;font-size:.85rem;font-weight:500;color:var(--base-100)}.contact.legal .contact-copy{width:100%;max-width:70ch}.contact.legal .contact-header{width:80%}@media (max-width: 1000px){.hero .hero-content .hero-footer-tags{flex-wrap:wrap;gap:1rem}.about-sticky-cards .gallery-card{width:85%!important;height:auto!important;min-height:25svh}.about-sticky-cards .gallery-card-body{flex:none!important;padding:1rem;gap:.6rem}.about-sticky-cards .gallery-card-body h4{font-size:1.5rem}.about-sticky-cards .gallery-card-body p{font-size:.85rem}.slider-note{padding:2rem;flex-direction:column;gap:.25rem}.slider-note p.mono:last-child{display:none}.slide-fill span{font-size:40vw}.project-snapshot .snapshot-card{width:85%;aspect-ratio:auto;padding:1.5rem}.project-banner-fill h2{font-size:3rem}.contact .contact-copy{display:none}.contact.legal .contact-copy{display:block}.contact.legal .contact-copy p{font-size:.9rem}.contact.legal .contact-header{width:95%}.contact .home-spotlight-bottom-bar a:nth-child(2),.contact .home-spotlight-bottom-bar a:nth-child(3){display:none}footer .footer-email-row input{font-size:1.5rem}}