.case-study{--on-black:#f3f1e9;--on-black-muted:#8d8b82;--accent-light:#7c87ff}.case-study,.project-hero{background:0 0}.case-study .site-footer{border-top-color:#f3f1e926}.case-study .site-footer__logo,.case-study .site-footer__bottom{color:var(--on-black)}.case-study .site-footer__tagline,.case-study .site-footer__link{color:var(--on-black-muted)}.case-study .site-footer__link:hover{color:var(--accent-light)}.case-study img{flex:1;display:block}.project-hero{flex-direction:column;align-self:stretch;align-items:center;width:100vw;display:flex}.hero-container{flex-direction:column;align-items:center;gap:80px;max-width:1700px;margin:0 5%;padding:80px 0;display:flex}.hero-info-box{flex-direction:column;align-items:center;gap:40px;display:flex}.hero-h1{font-family:var(--font-display);color:var(--on-black);text-align:center;font-size:64px;font-weight:700;line-height:80px}@media screen and (max-width:767px){.hero-h1{line-height:1.25}}@media screen and (max-width:479px){.hero-container{gap:40px;padding:40px 10px}.hero-h1{font-size:40px;line-height:54px}}.body-copy-light{font-family:var(--font-body);color:var(--on-black-muted);max-width:600px}.body-copy-light strong{color:var(--on-black)}.project-type{font-family:var(--font-body);color:var(--on-black-muted);text-transform:uppercase;letter-spacing:.08em;font-size:14px}.cs-section{max-width:960px;margin:0 auto;padding:120px 32px 0;scroll-margin-top:32px}.cs-section-end{padding-bottom:140px}.cs-page{grid-template-columns:200px 1fr;align-items:start;gap:0 40px;max-width:1200px;margin:0 auto;padding:0 32px;display:grid}.cs-page-content{flex-direction:column;min-width:0;display:flex}.cs-page-content .cs-section{max-width:none;margin:0;padding:120px 0 0}.cs-page-content .cs-section-end{padding-bottom:140px}.cs-page-content .hero-meta-row{border-top:none;max-width:none;margin:0;padding:0}@media screen and (max-width:900px){.cs-page{grid-template-columns:1fr;padding:0 20px}}.cs-row{grid-template-columns:56px 1fr;gap:0 24px;display:grid}.cs-index{font-family:var(--font-display);color:var(--accent-light);padding-top:8px;font-size:24px;font-style:italic;line-height:1}.cs-content{flex-direction:column;gap:24px;max-width:680px;display:flex}.cs-h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--on-black);margin:0;font-size:40px;font-weight:700;line-height:1.15}.cs-h3{font-family:var(--font-body);color:var(--on-black);margin:0 0 8px;font-size:18px;font-weight:600}.cs-h3-serif{font-family:var(--font-display);color:var(--on-black);margin:16px 0 0;font-size:20px;font-weight:700}.cs-body{font-family:var(--font-body);color:var(--on-black-muted);margin:0;font-size:18px;line-height:1.7}.cs-body strong{color:var(--on-black)}.cs-label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-light);margin-bottom:8px;font-size:12px;font-weight:600}.cs-list{font-family:var(--font-body);color:var(--on-black-muted);flex-direction:column;gap:12px;margin:0;padding:0;font-size:18px;line-height:1.7;list-style:none;display:flex}.cs-list li strong{color:var(--on-black)}.cs-list-bulleted{padding-left:20px;list-style:outside}.cs-card-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cs-card{background-color:#ffffff0a;border:1px solid #f3f1e91a;border-radius:16px;padding:20px}.cs-card-desc{font-family:var(--font-body);color:var(--on-black-muted);font-size:15px}.cs-image-frame{background-color:#ffffff0a;border:1px solid #f3f1e91a;border-radius:20px;padding:24px}.cs-image-frame>img{border-radius:12px}.cs-highlight-block{background-color:#ffffff0a;border:1px solid #f3f1e91a;border-radius:16px;flex-direction:column;gap:12px;padding:24px;display:flex}.cs-highlight-block>.cs-body{color:var(--on-black)}.cs-highlight-block>.cs-list{gap:10px;padding-left:20px;list-style:outside}.cs-content-align{margin-left:80px}.cs-option-list{flex-direction:column;gap:20px;display:flex}.cs-option{border-radius:16px;grid-template-columns:1fr;align-items:start;gap:24px;padding:24px;display:grid}.cs-check-list{flex-direction:column;gap:12px;margin:0 0 20px;padding:0;list-style:none;display:flex}.cs-check-item{font-family:var(--font-body);color:var(--on-black-muted);align-items:baseline;gap:12px;font-size:18px;line-height:1.7;display:flex}.cs-check-mark{color:var(--accent-light);font-weight:600}.cs-placeholder{box-sizing:border-box;width:100%;min-height:260px;color:var(--on-black-muted);font-family:var(--font-body);text-align:center;background:#ffffff08;border:1.5px dashed #f3f1e940;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:13px;line-height:1.5;display:flex}.cs-placeholder--hero{border-radius:20px;min-height:340px}.cs-table{border-collapse:collapse;width:100%;font-family:var(--font-body)}.cs-table th,.cs-table td{text-align:left;color:var(--on-black);vertical-align:top;border-bottom:1px solid #f3f1e940;padding:14px 16px 14px 0;font-size:15px}.cs-table th{letter-spacing:.08em;text-transform:uppercase;color:var(--on-black-muted);font-size:12px;font-weight:600}.hero-meta-row{border-top:1px solid #f3f1e940;flex-wrap:wrap;justify-content:center;gap:40px;max-width:896px;margin:0 auto;padding:32px 32px 0;display:flex}.hero-meta-item{text-align:left;flex-direction:column;align-items:flex-start;gap:6px;display:flex}.hero-before-after{align-self:stretch;width:100%}.hero-meta-label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--on-black-muted);font-size:12px}.hero-meta-value{font-family:var(--font-body);color:var(--on-black);font-size:15px}@media screen and (max-width:600px){.cs-section{padding:64px 20px 0}.cs-section-end{padding-bottom:100px}.cs-page-content .cs-section{padding:64px 0 0}.cs-page-content .cs-section-end{padding-bottom:100px}.cs-row{grid-template-columns:1fr;gap:8px 0}.cs-index{padding-top:0}.cs-h2{font-size:28px}.cs-card-grid{grid-template-columns:1fr}.cs-content-align{margin-left:0}.hero-meta-row{gap:24px;padding:24px 20px 0}.cs-page-content .hero-meta-row{padding:24px 0 0}}
.cs-tabs{flex-direction:column;align-self:start;gap:40px;padding-top:4px;display:flex;position:sticky;top:140px}.cs-tabs-back{width:fit-content;font-family:var(--font-body);color:var(--on-black-muted);transition:color var(--dur-1) var(--ease-out);align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.cs-tabs-back:hover{color:var(--accent-light)}.cs-tabs-back-arrow{transition:transform var(--dur-1) var(--ease-out);font-size:16px}.cs-tabs-back:hover .cs-tabs-back-arrow{transform:translate(-3px)}.cs-tabs-list{margin-top:56px;padding-left:16px;position:relative}.cs-tabs-list:before{content:"";background:#f3f1e940;width:2px;position:absolute;top:0;bottom:0;left:-1px}.cs-tabs-indicator{background:var(--accent-light);width:2px;height:20px;transition:transform var(--dur-2) var(--ease-out);border-radius:1px;position:absolute;top:10px;left:-1px}.cs-tabs-items{margin:0;padding:0;list-style:none}.cs-tab{height:40px;font-family:var(--font-body);color:var(--on-black-muted);transition:color var(--dur-1) var(--ease-out);align-items:center;font-size:14px;text-decoration:none;display:flex}.cs-tab:hover{color:var(--accent-light)}.cs-tab-active{color:var(--on-black);font-weight:700}@media screen and (max-width:900px){.cs-tabs{display:none}}