.project-gallery-canvas .seyi-header{backdrop-filter:none;background:#fff;border-bottom:0;position:relative}.project-gallery-canvas .header-container{width:min(100%,100vw - 2*clamp(20px,2.5vw,32px));max-width:var(--content-max-width)}.btn-back-works{color:#5c625e;align-items:center;gap:8px;padding:10px 0;font-size:13px;font-weight:500;display:inline-flex}.btn-back-works:hover{color:#142b20}.case-study-page{--gallery-width:var(--content-max-width);--gallery-gutter:clamp(20px, 2.5vw, 32px);background:#fff;padding-top:clamp(24px,3vw,44px)}.cs-sections-stream,.cs-project-notes{width:calc(100% - var(--gallery-gutter) * 2);max-width:var(--gallery-width);margin-inline:auto}.cs-block+.cs-block{margin-top:clamp(56px,11.1vw,160px)}.cs-block+.cs-block-2{margin-top:clamp(48px,5.55vw,80px)}.cs-project-intro{padding-top:clamp(32px,6.1vw,88px)}.cs-project-intro h1{letter-spacing:-.04em;margin-bottom:clamp(20px,2vw,28px);font-size:clamp(23px,2vw,28px);font-weight:500;line-height:1.2}.cs-intro-columns{grid-template-columns:minmax(0,7fr) minmax(0,3fr);align-items:start;gap:clamp(40px,8vw,116px);display:grid}.cs-intro-copy{max-width:68ch}.cs-intro-copy p,.cs-intro-services{color:#454b46;font-size:clamp(14px,1.12vw,16px);line-height:1.65}.cs-live-site{color:#fff;background:radial-gradient(at 50% 10%,#38383c 0%,#171719 55%,#0a0a0c 100%);border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:18px;margin-top:24px;padding:11px 18px;font-size:13px;font-weight:500;line-height:1;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 10px 20px -8px #0000007a,inset 0 1px 1px #ffffff8c}.cs-live-site:hover{transform:translateY(-2px);box-shadow:0 14px 25px -9px #00000094,inset 0 1px 1px #ffffff8c}.cs-intro-services{text-transform:capitalize;justify-self:end;list-style:none}.cs-figure{width:100%;aspect-ratio:var(--artwork-ratio,3 / 2);margin:0}.cs-figure-img{object-fit:contain;width:100%;height:100%;display:block}.cs-blank-artwork{background:#f4f4f1;width:100%;height:100%}.cs-mobile-pair{background:0 0;justify-content:space-between;align-items:center;gap:12%;padding-inline:8.5%;display:flex}.cs-mobile-pair span{background:#f4f4f1;border-radius:clamp(12px,3vw,42px);width:38%;height:94%;display:block}.cs-phone-artwork-pair{justify-content:space-between;align-items:center;gap:12%;height:100%;padding-inline:6%;display:flex}.cs-phone-artwork-pair img{object-fit:contain;width:40%;height:100%;display:block}.cs-project-notes{padding-top:clamp(64px,8.3vw,120px);padding-bottom:clamp(56px,8vw,112px)}.cs-story p{color:#636862;font-size:15px;line-height:1.8}.cs-project-details{border-block:1px solid #e7e9e5}.cs-project-details summary{cursor:pointer;justify-content:space-between;align-items:center;padding-block:24px;font-size:14px;font-weight:500;list-style:none;display:flex}.cs-project-details summary::-webkit-details-marker{display:none}.cs-project-details summary span{font-size:24px;font-weight:400}.cs-project-details[open] summary span{transform:rotate(45deg)}.cs-project-details summary:hover{color:#087854}.cs-details-content{padding-block:20px 44px}.cs-project-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:56px;display:grid}.cs-project-specs dt,.cs-story h3,.cs-metrics dt{color:#737972;margin-bottom:10px;font-size:12px;font-weight:500}.cs-project-specs dd{overflow-wrap:anywhere;font-size:14px}.cs-story h2{letter-spacing:-.03em;margin-bottom:28px;font-size:clamp(22px,2.5vw,32px);font-weight:500}.cs-story-columns{grid-template-columns:1fr 1fr;gap:48px;display:grid}.cs-metrics{flex-wrap:wrap;gap:40px;margin-top:36px;display:flex}.cs-metrics dd{font-size:30px}.cs-story blockquote{border-left:1px solid #b7c5ba;margin-block:36px;padding-left:24px}.cs-story cite{margin-top:12px;font-size:13px;font-style:normal;display:block}.cs-story .cs-author-line{margin-top:36px;font-size:13px}.cs-author-line a,.cs-project-specs a{text-underline-offset:4px;text-decoration:underline}.cs-next-project{justify-content:space-between;align-items:baseline;gap:24px;padding-top:32px;display:flex}.cs-next-project>span:first-child{color:#737972;font-size:12px}.cs-next-project>span:last-child{letter-spacing:-.03em;font-size:18px}.cs-next-project:hover{color:#087854}.case-study-page a:focus-visible,.case-study-page summary:focus-visible,.btn-back-works:focus-visible{outline-offset:6px;outline:2px solid #07875a}.is-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){.case-study-page{--gallery-gutter:20px}.project-gallery-canvas .header-container{width:100%}.cs-intro-columns{grid-template-columns:1fr;gap:24px}.cs-intro-services{flex-wrap:wrap;justify-self:start;gap:8px 24px;display:flex}.cs-project-specs{grid-template-columns:1fr 1fr;gap:28px 20px}.cs-story-columns{grid-template-columns:1fr;gap:28px}.cs-next-project>span:last-child{text-align:right;font-size:16px}}