.project-page{margin:0;font-family:Rubik,Arial,sans-serif;line-height:1.7;color:#263f43;background:#fff;font-synthesis:none}
.project-page *{box-sizing:border-box}
.project-page a{color:#235f66;text-underline-offset:4px}
.project-page a:focus-visible{outline:3px solid #30838e;outline-offset:5px}
.project-page h1,.project-page h2,.project-page h3{font-weight:500;line-height:1.15;letter-spacing:-.035em}
.project-page h1{font-size:clamp(38px,4.5vw,62px);margin:18px 0 25px;max-width:12ch}
.project-page h2{font-size:clamp(28px,3vw,40px);margin:0 0 24px}
.project-page h3{font-size:23px}
.project-page p{max-width:65ch}
.project-page img{max-width:100%;height:auto}
.project-hero{max-width:1200px;min-height:690px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding:45px 40px 55px;margin:auto}
.project-back{font-size:12px;text-decoration:none;display:inline-block;margin-bottom:42px}
.project-name{font-size:15px;font-weight:500;margin:0;color:#49756e}
.project-lead{font-size:17px;color:#5e777b;line-height:1.85}
.project-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}
.project-page .project-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:13px 22px;background:#235f66;color:white;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;border:1px solid #235f66}
.project-page .project-button:hover{background:#194c52}
.project-text-link{font-size:14px}
.project-caption{font-size:12px;color:#7d8f91;line-height:1.7;margin-top:22px}
.neuro-project .project-hero{background:#fff}
.neuro-preview{margin:0;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:25px 0;min-height:560px}
.sound-rings{position:absolute;inset:60px -15px;background:#edf4ee;border-radius:50%;aspect-ratio:1;align-self:center}
.sound-rings:before,.sound-rings:after{content:'';position:absolute;inset:30px;border:1px solid #d0e1d4;border-radius:50%}
.sound-rings:after{inset:65px}
.neuro-preview .neuro-phone{width:228px;border:7px solid #324e46;border-radius:31px;box-shadow:16px 25px 35px #284f3820;position:relative;transform:rotate(4deg);background:#edf4ee}
.neuro-preview figcaption{z-index:1;position:relative;margin-top:30px;font-size:11px;color:#6e847a}
.project-introduction{max-width:1120px;margin:0 auto;padding:65px 0;display:grid;grid-template-columns:1fr 1.3fr;gap:70px;border-top:1px solid #e0e9e7}
.project-introduction p{margin:0 0 20px;color:#5e777b;font-size:16px}
.sound-toolkit{background:#f1f6f3;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:80px;padding:70px max(40px,calc((100vw - 1050px)/2));overflow:hidden}
.toolkit-image{max-height:520px;overflow:hidden;max-width:300px;margin:auto;border:1px solid #d4dfd8;border-radius:20px;box-shadow:10px 15px 35px #294d3210;background:#f4f7f2}
.toolkit-copy dl{margin:0}
.toolkit-copy dl>div{border-top:1px solid #d9e5dd;padding:19px 0}
.toolkit-copy dt{font-weight:500;font-size:16px}
.toolkit-copy dd{margin:6px 0 0;color:#627971;font-size:14px;line-height:1.8;max-width:52ch}
.project-cta{max-width:1120px;margin:70px auto;display:flex;align-items:center;justify-content:space-between;gap:50px;padding:40px;background:#edf5f4;border-radius:12px}
.project-cta .project-name{margin:0 0 15px}
.project-cta h2{font-size:32px;margin-bottom:16px;max-width:18ch}
.project-cta p:not(.project-name){color:#627c7e;font-size:14px;margin-bottom:0}
.project-cta .project-button{flex-shrink:0}
.related-projects{max-width:1120px;margin:0 auto 60px;display:flex;align-items:center;gap:28px;font-size:13px}
.related-projects p{color:#73898c;margin-right:auto}
.project-footer{border-top:1px solid #e2eae9;padding:36px max(30px,calc((100vw - 1120px)/2));font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.project-footer>a{font-weight:500;text-decoration:none}
.project-footer p{color:#7e9295;margin:0}
.project-footer>div{display:flex;gap:20px}
.habit-project .project-name{color:#3b6e8a}
.habit-illustration{padding:30px 10px;position:relative}
.workflow-window{background:#eff5f8;border:1px solid #cbdde6;border-radius:14px;overflow:hidden;transform:rotate(-2deg);box-shadow:18px 22px 0 #e8f0f4}
.workflow-bar{display:flex;align-items:center;gap:6px;background:#fff;padding:10px 18px;border-bottom:1px solid #dbe6ec}
.workflow-bar span{width:6px;height:6px;border:1px solid #99b1be;border-radius:50%}
.workflow-bar p{font-size:10px;color:#6b8796;margin:0 0 0 12px}
.workflow-content{padding:28px}
.workflow-content>div:not(.workflow-connector){border:1px solid #d0e0e7;background:white;border-radius:8px;padding:20px 20px 20px 57px;position:relative}
.workflow-content p{font-size:14px;font-weight:500;margin:0 0 5px}
.workflow-content small{font-size:11px;color:#758c99}
.workflow-icon{position:absolute;left:20px;top:18px;font-size:23px;color:#437d93}
.workflow-connector{height:28px;width:1px;border-left:1px dashed #a1bdcb;margin-left:32px}
.workflow-content .workflow-team{background:#e2edf0;border-color:#c7dce3}
.workflow-content .workflow-review{background:#f4f8f7;border-color:#ccdfd6}
.workflow-caption{text-align:center;font-size:11px;color:#7f939d;margin-top:35px}
.habit-services{max-width:1120px;margin:auto;padding:35px 0 75px}
.service-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}
.service-columns article>span{font-size:30px;color:#3c788e}
.service-columns h3{font-size:23px;margin:18px 0 15px;max-width:16ch}
.service-columns p{font-size:14px;color:#6b8189;line-height:1.9}
.habit-collaboration{display:grid;grid-template-columns:1fr 1.25fr;gap:75px;padding:65px max(40px,calc((100vw - 1120px)/2));background:#f0f6f9}
.habit-collaboration .project-name{margin-bottom:20px}
.habit-collaboration p:not(.project-name){font-size:15px;color:#607985;margin-top:0}
.project-showcase{padding:65px 0;background:#fff}
.project-showcase .project-showcase-inner{max-width:1110px;padding:0 20px;margin:auto}
.project-showcase h2{font-size:30px;text-transform:none;color:#263f43;margin:0 0 30px}
.project-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.project-showcase article{padding:32px;background:#f1f6f3;border:1px solid #e0ebe5;border-radius:10px}
.project-showcase article+article{background:#f0f5f8;border-color:#dfe8ee}
.project-showcase h3{font-size:24px;text-transform:none;margin:0 0 15px;color:#263f43}
.project-showcase p{font-size:15px;color:#617b7d;line-height:1.8}
.project-showcase a{font-size:14px;color:#235f66;text-decoration:underline;text-underline-offset:4px}
.project-showcase a:focus-visible{outline:3px solid #30838e;outline-offset:4px}
@media(max-width:1100px){.project-hero{gap:40px;padding:40px 30px}
.project-introduction,.habit-services,.related-projects{margin-left:30px;margin-right:30px}
.project-cta{margin:50px 30px}
.sound-toolkit{gap:50px}
}
@media(max-width:760px){.project-hero{grid-template-columns:1fr;gap:0;padding:30px 24px 40px;min-height:0}
.project-back{margin-bottom:30px}
.project-page h1{max-width:15ch;font-size:44px}
.project-lead{font-size:16px}
.project-actions{gap:18px}
.neuro-preview{min-height:490px;margin-top:25px}
.neuro-preview .neuro-phone{width:195px}
.sound-rings{max-width:390px;inset:45px 0;margin:auto}
.project-introduction{grid-template-columns:1fr;gap:12px;padding:45px 0;margin:0 24px}
.project-introduction h2 br{display:none}
.sound-toolkit{padding:45px 24px;grid-template-columns:1fr;gap:36px}
.toolkit-image{max-height:320px;max-width:220px}
.toolkit-copy h2{font-size:30px}
.project-cta{flex-direction:column;align-items:flex-start;margin:40px 24px;padding:28px;gap:25px}
.project-cta h2{font-size:29px}
.related-projects{margin:0 24px 40px;gap:20px;flex-wrap:wrap}
.related-projects p{width:100%;margin-bottom:0}
.project-footer{padding:30px 24px;flex-wrap:wrap;gap:12px}
.project-footer p{width:100%;order:3}
.project-footer>div{margin-left:auto}
.habit-illustration{margin-top:25px;padding:25px 10px}
.workflow-content{padding:20px}
.workflow-content>div:not(.workflow-connector){padding:17px 12px 17px 46px}
.workflow-icon{left:15px;top:14px}
.workflow-content p{font-size:13px}
.service-columns{grid-template-columns:1fr;gap:25px;margin-top:28px}
.service-columns h3{max-width:none;margin-top:10px}
.habit-services{margin:0 24px;padding:30px 0 45px}
.service-columns article{border-top:1px solid #e0e9ed;padding-top:20px}
.habit-collaboration{padding:45px 24px;grid-template-columns:1fr;gap:10px}
.project-showcase-grid{grid-template-columns:1fr}
.project-showcase{padding:45px 0}
.project-showcase article{padding:26px}
}