main.wrap:has(>.projects-studio){max-width:1160px;padding-top:0}.projects-studio{--project-blue: #214dcc;--project-rule: #d9d6ca}.projects-studio .eyebrow{color:var(--project-blue);font-size:.72rem;letter-spacing:.1em}.projects-studio .portfolio-intro{padding:5rem 0 3rem}.projects-studio .page-title{font-size:clamp(4rem,8vw,7rem);line-height:.98;letter-spacing:-.055em;margin:1.4rem 0 1.8rem}.projects-studio .page-title em{color:var(--project-blue);font-style:normal}.projects-studio .lead{max-width:640px;font-size:1.25rem;line-height:1.6;margin:0}.project-index{display:flex;flex-wrap:wrap;border-block:1px solid var(--project-rule);padding:.7rem 0;gap:.3rem 2rem}.project-index a{display:inline-flex;align-items:center;gap:.7rem;padding:.7rem 0;color:var(--text);font-size:1rem;text-decoration:none}.project-index a span{color:var(--project-blue);font-size:.75rem}.project-index a:hover{color:var(--project-blue)}.projects-studio .projects-list{gap:0;margin:0}.projects-studio .project-card{padding:4rem 0 0;border:0;border-radius:0;background:transparent;scroll-margin-top:2rem}.projects-studio .project-overview{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3rem}.projects-studio .project-card:nth-child(2n) .project-overview{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.projects-studio .project-card:nth-child(2n) .project-overview-copy{order:2}.projects-studio .project-category{margin:0 0 1.3rem}.projects-studio .project-card h2{font-size:clamp(2.6rem,4vw,3.6rem);line-height:1.1;letter-spacing:-.04em;margin-top:1rem}.projects-studio .project-tagline{font-size:1.2rem;line-height:1.4;margin-top:1rem}.projects-studio .project-summary{font-size:1rem;line-height:1.65}.projects-studio .project-preview{border-radius:12px;box-shadow:0 18px 45px -30px #242b3c66}.projects-studio .project-visit{display:inline-flex;align-items:center;min-height:44px;margin-top:.8rem;color:var(--project-blue)}.projects-studio .copy-link-btn{width:2.75rem;height:2.75rem;font-size:.9rem;letter-spacing:normal}.projects-studio .project-details{margin-top:2rem;border-color:var(--project-rule);border-bottom:1px solid var(--project-rule)}.projects-studio .project-details summary{color:var(--project-blue);min-height:4rem;font-size:1rem}.projects-studio .project-details summary:after{margin-left:auto}.case-study-hint{margin-left:.5rem;color:var(--muted);font-size:.85rem;font-weight:400}.projects-studio .project-detail-body{padding:.5rem 0 2rem}.projects-studio .project-section{max-width:800px;margin-top:1.6rem}.projects-studio .project-section p,.projects-studio .project-section ul{font-size:1rem;line-height:1.7}.project-outro{margin-top:4rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;background:#214dcc;color:#fff;border-radius:12px;padding:3rem}.projects-studio .project-outro .eyebrow{color:#d9e2ff}.project-outro h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.15;letter-spacing:-.035em;margin:1rem 0;max-width:600px}.project-outro p:last-child{margin-bottom:0}.project-outro>a{display:inline-flex;flex-shrink:0;gap:1rem;background:#fff;color:#214dcc;padding:.85rem 1.3rem;border-radius:6px;text-decoration:none;font-weight:650}.projects-studio a,.projects-studio button{transition:color .2s ease,transform .2s ease}.project-outro>a:hover{transform:translateY(-2px)}.projects-studio :is(a,button,summary):focus-visible{outline:2px solid var(--project-blue);outline-offset:5px}.projects-studio .project-outro a:focus-visible{outline-color:#fff}@media(prefers-color-scheme:dark){.projects-studio{--project-blue: #9cb8ff;--project-rule: #41443c}}@media(max-width:900px){.projects-studio .project-overview,.projects-studio .project-card:nth-child(2n) .project-overview{grid-template-columns:1fr;gap:1.8rem}.projects-studio .project-card:nth-child(2n) .project-overview-copy{order:0}.projects-studio .project-summary{max-width:640px}.project-outro{flex-direction:column;align-items:start}}@media(max-width:600px){.projects-studio .portfolio-intro{padding:2.5rem 0 2rem}.projects-studio .page-title{font-size:4.5rem}.projects-studio .lead{font-size:1.15rem}.project-index{gap:.1rem 1.5rem}.projects-studio .project-card{padding-top:2.5rem}.projects-studio .project-card h2{font-size:2.8rem}.projects-studio .project-category{font-size:.67rem}.case-study-hint{display:none}.project-outro{padding:2rem 1.5rem;margin-top:2.5rem}}@media(prefers-reduced-motion:reduce){.projects-studio a,.projects-studio button{transition:none}.project-outro>a:hover{transform:none}}
