.project-page{margin:0;font-family:Rubik,Arial,sans-serif;line-height:1.7;color:var(--fok-ink);background:#fff;font-synthesis:none}
.project-page *{box-sizing:border-box}
.project-page a{color:var(--fok-blue);text-underline-offset:4px}
.project-page a:focus-visible{outline:3px solid var(--fok-focus);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:var(--fok-green)}
.project-lead{font-size:17px;color:var(--fok-text);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:var(--fok-blue);color:white;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;border:1px solid var(--fok-blue)}
.project-page .project-button:hover{background:var(--fok-blue-hover)}
.project-text-link{font-size:14px}
.project-caption{font-size:12px;color:var(--fok-muted);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:var(--fok-mint-soft);border-radius:50%;aspect-ratio:1;align-self:center}
.sound-rings:before,.sound-rings:after{content:'';position:absolute;inset:30px;border:1px solid var(--fok-border);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:var(--fok-mint-soft)}
.neuro-preview figcaption{z-index:1;position:relative;margin-top:30px;font-size:11px;color:var(--fok-muted)}
.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 var(--fok-border)}
.project-introduction p{margin:0 0 20px;color:var(--fok-text);font-size:16px}
.sound-toolkit{background:var(--fok-mint-soft);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 var(--fok-border);border-radius:20px;box-shadow:10px 15px 35px #294d3210;background:var(--fok-mint-soft)}
.toolkit-copy dl{margin:0}
.toolkit-copy dl>div{border-top:1px solid var(--fok-border);padding:19px 0}
.toolkit-copy dt{font-weight:500;font-size:16px}
.toolkit-copy dd{margin:6px 0 0;color:var(--fok-text);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:var(--fok-sky-soft);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:var(--fok-text);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:var(--fok-muted);margin-right:auto}
.project-footer{border-top:1px solid var(--fok-border);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:var(--fok-muted);margin:0}
.project-footer>div{display:flex;gap:20px}
.habit-project .project-name{color:var(--fok-blue)}
.habit-illustration{padding:30px 10px;position:relative}
.workflow-window{background:var(--fok-sky-soft);border:1px solid var(--fok-border);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 var(--fok-border)}
.workflow-bar span{width:6px;height:6px;border:1px solid var(--fok-control-border);border-radius:50%}
.workflow-bar p{font-size:10px;color:var(--fok-muted);margin:0 0 0 12px}
.workflow-content{padding:28px}
.workflow-content>div:not(.workflow-connector){border:1px solid var(--fok-border);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:var(--fok-muted)}
.workflow-icon{position:absolute;left:20px;top:18px;font-size:23px;color:var(--fok-blue)}
.workflow-connector{height:28px;width:1px;border-left:1px dashed var(--fok-control-border);margin-left:32px}
.workflow-content .workflow-team{background:var(--fok-mint-soft);border-color:var(--fok-border)}
.workflow-content .workflow-review{background:var(--fok-mint-soft);border-color:var(--fok-border)}
.workflow-caption{text-align:center;font-size:11px;color:var(--fok-muted);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:var(--fok-blue)}
.service-columns h3{font-size:23px;margin:18px 0 15px;max-width:16ch}
.service-columns p{font-size:14px;color:var(--fok-text);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:var(--fok-sky-soft)}
.habit-collaboration .project-name{margin-bottom:20px}
.habit-collaboration p:not(.project-name){font-size:15px;color:var(--fok-text);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:var(--fok-ink);margin:0 0 30px}
.project-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.project-showcase article{padding:32px;background:var(--fok-mint-soft);border:1px solid var(--fok-border);border-radius:10px}
.project-showcase article+article{background:var(--fok-sky-soft);border-color:var(--fok-border)}
.project-showcase h3{font-size:24px;text-transform:none;margin:0 0 15px;color:var(--fok-ink)}
.project-showcase p{font-size:15px;color:var(--fok-text);line-height:1.8}
.project-showcase a{font-size:14px;color:var(--fok-blue);text-decoration:underline;text-underline-offset:4px}
.project-showcase a:focus-visible{outline:3px solid var(--fok-focus);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 var(--fok-border);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}
}