:root{--paper:#f3f1ea;--ink:#171c19;--muted:#596057;--accent:#387e6c;--contact-bg:#ceddce}.entry{height:265svh}.entry-stage{height:100svh;overflow:hidden}.entry-heading{position:absolute;top:18%;left:60px;z-index:2;max-width:1000px}.entry-heading h1{font-size:clamp(64px,6.3vw,122px);letter-spacing:-.068em}.entry-heading p{margin-top:28px;max-width:385px;font-size:15px}.entry-heading .button{margin-top:26px}.entry-window{position:absolute;right:60px;bottom:11%;width:39vw;height:22vw;will-change:transform;z-index:3}.entry-window .media{height:100%;aspect-ratio:auto}.entry-thought{position:absolute;inset:0;z-index:4;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:70px 9vw;opacity:0;pointer-events:none;max-width:1050px}.entry-thought h2{font-size:clamp(65px,7vw,120px);margin:28px 0}.entry-thought p:not(.label){max-width:440px;background:#102825ee;padding:16px 20px}.entry-thought h2{background:#102825ee;padding:12px 20px;width:max-content;max-width:100%}.entry-index{position:absolute;bottom:35px;left:60px}.entry-first{padding-top:100px}.entry-case{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.entry-case img{height:400px;object-fit:cover}.entry-case .image-caption{grid-column:2;margin-top:-40px}.entry-pair{display:grid;grid-template-columns:4fr 5fr;gap:10vw;align-items:start;margin-top:50px}.entry-pair>div:first-child .media{height:600px;aspect-ratio:auto}.entry-pair>div:last-child{padding-top:180px}.entry-pair .project-copy{margin-top:32px}.entry-examples{border-top:1px solid #9a9c91}.solution-tabs{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-bottom:35px}.solution-choice{display:flex;align-items:center;gap:25px;border-top:1px solid #a3a89e;padding:25px 0;width:100%;font-size:40px;letter-spacing:-.045em}.solution-choice span:last-child{margin-left:auto;font-size:22px}.solution-view img{aspect-ratio:16/10;object-fit:cover}.solution-view p{margin-top:25px;font-size:17px}.engineering{background:#e8e8de}.cost{background:#172c25;color:#f5f3e9;--muted:#b3c4b8;--button-bg:#f3f1ea;--button-ink:#14231b}.reduced .entry-stage{padding:150px 60px 0;overflow:visible}.reduced .entry-heading,.reduced .entry-window,.reduced .entry-thought,.reduced .entry-index{position:relative;inset:auto;width:auto;height:auto;transform:none!important;opacity:1!important}.reduced .entry-heading{margin-bottom:70px}.reduced .entry-thought{padding:65px 0;color:var(--ink);max-width:none}.reduced .entry-thought h2,.reduced .entry-thought p:not(.label){background:none;padding:0}.reduced .entry-window .media{aspect-ratio:16/9}.reduced .entry-index{margin-bottom:30px}
.entry-heading:focus-within{opacity:1!important;transform:none!important;z-index:10}.reduced .entry-window{will-change:auto}
@media(min-width:1900px){.entry-heading{left:80px;top:19%}.entry-window{right:80px}.entry-index{left:80px}}
@media(max-width:1100px) and (min-width:701px){.entry-heading h1{font-size:6.1vw}.entry-window{bottom:10%}.entry-heading p{max-width:330px}.entry-pair>div:first-child .media{height:470px}}
@media(max-width:700px){.entry{height:auto}.entry-stage{position:relative;height:auto;min-height:0;overflow:visible;padding-top:115px}.entry-heading{position:relative;inset:auto;padding:0 20px;max-width:none}.entry-heading h1{font-size:47px}.entry-heading p{font-size:16px;max-width:none;margin-top:24px}.entry-heading .button{margin-top:25px}.entry-window{position:relative;inset:auto;width:calc(100% - 40px);height:auto;margin:45px auto 0;transform:none!important;transition:none}.entry-window .media{aspect-ratio:16/10;height:auto}.entry-thought{position:relative;inset:auto;padding:45px 20px;opacity:1;pointer-events:auto;color:var(--ink)}.entry-thought h2{font-size:44px;background:none;padding:0;margin:20px 0;width:auto}.entry-thought p:not(.label){background:none;padding:0;font-size:16px}.entry-index{position:relative;inset:auto;padding:0 20px 30px}.entry-case,.entry-pair,.solution-tabs{grid-template-columns:1fr;gap:35px}.entry-case img{height:260px}.entry-case .image-caption{grid-column:auto;margin-top:-20px}.entry-pair>div:first-child .media{height:auto;aspect-ratio:4/5}.entry-pair>div:last-child{padding-top:0}.entry-pair{gap:70px}.solution-choice{font-size:30px}.reduced .entry-stage{padding:115px 0 0}.reduced .entry-heading{margin-bottom:0}.reduced .entry-window{margin:45px 20px 0}.reduced .entry-thought{padding:45px 20px}.reduced .entry-index{padding-inline:20px}}
