body{--paper:#f5f7f2;--ink:#193c39}.site-header{height:82px}.hero-c{height:750px;position:relative;overflow:hidden;background:#143c39}.c-mosaic{position:absolute;inset:-25px;display:grid;grid-template-columns:1.05fr .7fr 1.25fr;grid-template-rows:1.25fr .8fr;gap:12px;transform:rotate(-5deg) scale(1.09)}.tile{overflow:hidden}.tile img{transition:transform 1.2s var(--ease);animation:mosaic-shift 17s ease-in-out infinite alternate}.tile:nth-child(2n) img{animation-delay:-8s}.tile-0{grid-row:1 / 3}.tile-3{grid-column:2;grid-row:2}.tile-4{grid-column:3;grid-row:2}.tile-5{display:none}.tile-0 img{object-position:48% center}.c-mosaic:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#102e2a38 0%,#12353033 35%,#0c302ed9 100%)}@keyframes mosaic-shift{to{transform:scale(1.1)}}.c-hero-text{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:65px 6vw;color:white}.c-hero-text h1{font-size:clamp(52px,6.5vw,95px);font-weight:800;line-height:1.24;letter-spacing:-.04em;text-shadow:0 3px 25px #0c302e33}.c-hero-text h1 span{color:#cdf178}.c-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-top:32px}.c-hero-bottom p{max-width:450px;font-size:13px;line-height:1.9}.work{padding-top:95px;padding-bottom:95px}.section-heading h2{font-weight:600;font-size:clamp(38px,4.5vw,67px)}.filter-bar{padding-bottom:24px;border-bottom:1px solid #183d3d30}.filter-bar button{border:0;background:#e6eadf}.filter-bar button[aria-pressed=true]{background:var(--lime);color:#173d3d;font-weight:800}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;align-items:start}.work-card:nth-child(3n+2){margin-top:85px}.work-image{aspect-ratio:.88;border-radius:0}.work-card:nth-child(3n) .work-image{aspect-ratio:1.12}.work-card:nth-child(4){grid-column:1 / 3;max-width:85%;margin-top:-25px}.work-card:nth-child(4) .work-image{aspect-ratio:1.55}.work-card:nth-child(5){margin-top:0}.work-caption{display:block}.work-caption h3{font-size:19px;font-weight:600}.work-category{display:block;margin-top:10px}.work-hover{border-radius:0}.spotlight-c{height:590px;margin:0 6vw;background:var(--teal);border-radius:0}.spotlight-c .spotlight-image{width:65%;left:auto;right:0}.spotlight-c .spotlight-image:after{background:linear-gradient(90deg,#143f3e20,transparent)}.spotlight-c .spotlight-caption{left:4vw;bottom:auto;top:65px;width:40%;max-width:none;z-index:2;background:#163e3bea;padding:30px;margin-left:-4vw}.spotlight-c .spotlight-caption h2{font-size:40px}.spotlight-c .slide-controls{left:4vw;right:auto;bottom:35px;color:#113b3b}.spotlight-c .slide-controls button{border-color:#113b3b75}.services{padding-top:110px}.service-list{grid-template-columns:1fr;gap:0}.service-item{display:grid;grid-template-columns:1fr 1fr;gap:15px 50px;padding:36px 0;border-top:1px solid #173d3d40}.service-top{grid-row:1 / 5;align-items:flex-start;justify-content:flex-start;gap:35px}.service-top h3{font-size:35px;max-width:260px}.service-icon{order:-1;color:#438f81}.service-item h4{margin:0;font-size:22px}.service-item>p,.service-item>a{grid-column:2}.service-items{margin:8px 0 16px}.about{padding-top:75px;background:#e5eddd}.about-photo{height:420px;order:2}.about-copy{order:1}.about-copy h2{font-size:41px}.values{gap:18px}.contact{background:#103c3c}
@media(max-width:850px){.hero-c{height:690px}.c-hero-text h1{font-size:62px}.c-hero-text{padding-bottom:50px}.work-grid{grid-template-columns:1fr 1fr}.work-card:nth-child(3n+2){margin-top:0}.work-card:nth-child(even){margin-top:60px}.work-card:nth-child(4){grid-column:auto;max-width:none}.work-card:nth-child(4) .work-image{aspect-ratio:.88}.spotlight-c{height:470px}.spotlight-c .spotlight-caption{width:55%;padding:25px}.spotlight-c .spotlight-caption h2{font-size:30px}.service-top h3{font-size:25px}.service-icon{width:40px;height:40px}.service-top{gap:20px}.about-photo{order:1}.about-copy{order:2}}
@media(max-width:520px){.hero-c{height:690px}.c-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;inset:-30px;gap:8px}.tile-0{grid-row:auto}.tile-2{grid-column:1;grid-row:2}.tile-3{grid-column:2;grid-row:2}.tile-4{display:none}.c-hero-text{padding:40px 6vw}.c-hero-text h1{font-size:43px;line-height:1.3}.c-hero-bottom{display:block;margin-top:25px}.c-hero-bottom p{font-size:12px;margin-bottom:28px}.work-grid{grid-template-columns:1fr 1fr;gap:27px 13px}.work-card:nth-child(even){margin-top:35px}.work-card:nth-child(5){grid-column:1 / -1;width:80%;margin:0 auto}.work-card:nth-child(5) .work-image{aspect-ratio:1.3}.work-image{aspect-ratio:.76}.work-card:nth-child(3n) .work-image{aspect-ratio:.76}.work-caption{padding-top:13px}.work-caption h3{font-size:13px;margin-top:4px;line-height:1.55}.client-name{font-size:9px}.work-category{font-size:8px;margin-top:7px}.work-hover{display:none}.section-heading h2{font-size:35px}.spotlight-c{height:490px;margin:0}.spotlight-c .spotlight-image{width:100%;height:70%;top:0}.spotlight-c .spotlight-caption{top:auto;bottom:65px;left:6vw;margin:0;padding:20px;width:88%}.spotlight-c .spotlight-caption h2{font-size:27px}.spotlight-c .spotlight-caption>span{font-size:10px}.spotlight-c .slide-controls{bottom:13px;left:auto;right:6vw}.spotlight-c .slide-controls button{width:35px;height:35px;font-size:17px}.service-item{display:block}.service-top{align-items:center;justify-content:space-between;margin-bottom:23px}.service-top h3{font-size:29px}.service-icon{order:2}.service-item h4{margin-bottom:14px;font-size:20px}.service-items{margin:20px 0}.about-copy h2{font-size:32px}}