/* Product details, project proof and a resilient path to contact. */
.service-featured{grid-column:1/-1;min-height:0!important;padding:29px!important}
.site-offer{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;margin-bottom:30px}
.site-offer p{max-width:660px;font-size:14px;line-height:1.85;color:var(--muted)}
.site-offer>.text-link{flex:none;font-size:12px;margin-top:3px}
.service-featured .card-top{margin-bottom:23px}.service-featured h3{margin-bottom:13px}
.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line-strong);border-radius:5px;overflow:hidden;scroll-margin-top:110px}
.format-card{padding:23px;display:flex;flex-direction:column;background:#15191fc4}
.format-card+.format-card{border-left:1px solid var(--line-strong)}
.format-card .mini-label{font-size:8px;letter-spacing:.6px;color:#aab4c2}
.format-card h4{font-size:24px;line-height:1.3;letter-spacing:-.7px;font-weight:500;margin:16px 0 13px}
.format-card p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:19px}
.format-card>a{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;min-height:44px;margin-top:auto;color:var(--ink)}
.format-card>a .icon{width:18px;height:18px;color:var(--red);transition:transform .2s}.format-card>a:hover{color:var(--red)}.format-card>a:hover .icon{transform:translateX(3px)}
.delivery-summary{display:flex;flex-wrap:wrap;gap:15px 27px;align-items:center;font-size:11px;line-height:1.7;padding-top:25px;color:#c1c8d2}
.delivery-summary strong{color:var(--ink);font-weight:500}.delivery-summary>span{display:flex;align-items:center;gap:8px}.delivery-summary .icon{width:15px;height:15px;color:var(--red)}
.service-card:not(.service-featured){grid-column:span 2;min-height:0}.service-card>p{font-size:14px;max-width:none}
.service-details{margin-top:15px}.service-details summary{font-size:12px;padding-block:13px;min-height:44px;color:#b3bcc9}.service-details summary>span{display:flex}.service-details summary .icon{width:17px;height:17px}.service-details[open] summary .icon{transform:rotate(45deg)}.service-details[open] summary>span{transform:none}
.service-details ul{margin:4px 0 18px!important;font-size:12px}.service-card .card-link{margin-top:15px;min-height:58px}
.service-extras{margin-top:30px;padding-top:25px}.extras-heading{margin-bottom:20px}.task-tile{min-height:102px;padding-block:19px}
.scope-note{font-size:12px}.project-case{background:#0c0e12;border-block:1px solid var(--line)}
.project-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:55px;align-items:center}
.project-preview{background:#181d24;border:1px solid var(--line-strong);border-radius:7px;overflow:hidden}
.project-browser{display:flex;align-items:center;gap:5px;height:37px;padding-inline:16px;border-bottom:1px solid var(--line);background:#20252d;color:#a9b3c1;font-size:10px}.project-browser>span{width:5px;height:5px;background:#728092;border-radius:50%}.project-browser b{font-weight:400;margin-inline:auto}
.project-preview img{width:100%;height:auto;display:block}.project-preview figcaption{padding:13px 17px;border-top:1px solid var(--line);font-size:10px;line-height:1.7;color:var(--muted)}
.project-copy h3{font-size:28px;line-height:1.3;letter-spacing:-.8px;font-weight:450}.project-copy dl{margin:24px 0}.project-copy dl>div+div{margin-top:20px}.project-copy dt{font-size:13px;font-weight:500;margin-bottom:6px}.project-copy dd{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.project-copy .text-link{font-size:12px}
.about-practice{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;border-top:1px solid var(--line)}
.practice-copy .eyebrow{color:var(--red);margin-bottom:24px}.practice-copy h2{font-size:42px;margin-bottom:24px}.practice-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);max-width:590px}.practice-copy>p+p{margin-top:16px}
.social-project{padding:30px;background:#191d23;border:1px solid var(--line-strong);border-radius:6px;align-self:center}.social-icon .icon{width:26px;height:26px;color:var(--red);margin-bottom:20px}.social-project h3{font-size:25px;font-weight:500;line-height:1.3;letter-spacing:-.7px;margin-bottom:18px}.social-project p{font-size:13px;line-height:1.85;color:var(--muted);margin-bottom:14px}.social-project .text-link{font-size:12px;margin-top:6px}
.brief-intro{font-size:13px;line-height:1.8;color:var(--muted);margin:-5px 0 24px}.form-heading{font-size:10px;letter-spacing:.6px}.form-note{font-size:12px;line-height:1.8}
.brief-context-note{font-size:12px;line-height:1.7;color:var(--red);padding:12px;border:1px solid #93473b;margin-bottom:20px}
.site-format-field select{margin-bottom:22px}.contact-inline{display:flex;flex-wrap:wrap;gap:13px}.contact-inline .button{font-size:12px;min-height:52px;padding-inline:19px;gap:18px}.contact-subnote{font-size:12px;line-height:1.8;max-width:420px}
#contact{scroll-margin-top:110px}.brief-details{margin-bottom:23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.brief-details summary{font-size:12px;padding-block:15px}.brief-details summary .icon{width:17px;height:17px}.brief-details summary>span{display:flex}.brief-details[open] summary>span{transform:none}.brief-details[open] summary .icon{transform:rotate(45deg)}
.brief-details .field-pair{margin-top:5px}.brief-details input{margin-bottom:15px}.contact-dialog #contact-context{min-height:40px;line-height:1.8}.dialog-brief{font-size:12px}.footer-links [data-contact]{display:flex;align-items:center;gap:15px;min-height:44px;color:var(--ink);font-size:12px}
@media(max-width:1150px){.project-grid{gap:35px}.project-copy h3{font-size:26px}.about-practice{gap:55px}.format-card{padding:20px}.format-card h4{font-size:22px}.format-card>a{font-size:11px}}
@media(max-width:850px){.site-offer{display:block}.site-offer>.text-link{margin-top:15px}.format-card{padding:18px}.format-card h4{font-size:20px}.format-card p{font-size:12px}.format-card>a{font-size:11px;gap:10px}.format-card>a .icon{width:16px;height:16px}.service-card:not(.service-featured){grid-column:span 2}.service-card.service-software{grid-column:span 2}.project-grid{grid-template-columns:1fr}.project-preview{max-width:700px}.project-copy{max-width:700px}.about-practice{gap:35px}.practice-copy h2{font-size:34px}.social-project{padding:24px}.social-project h3{font-size:23px}.delivery-summary{gap:13px 20px}}
@media(max-width:620px){.section{padding-block:52px}.service-featured{padding:24px 20px!important}.site-offer{margin-bottom:22px}.site-offer p{font-size:14px}.service-featured h3{font-size:27px}.format-grid{grid-template-columns:1fr}.format-card{padding:19px}.format-card+.format-card{border-left:0;border-top:1px solid var(--line-strong)}.format-card h4{font-size:23px;margin:10px 0}.format-card p{font-size:13px;margin-bottom:8px}.format-card .mini-label{font-size:8px}.format-card>a{font-size:12px}.delivery-summary{display:grid;gap:12px;font-size:12px;padding-top:22px}.service-card:not(.service-featured){grid-column:1/-1;padding:23px 23px 0}.service-card:not(.service-featured) .card-top{margin-bottom:16px}.service-card:not(.service-featured) h3{font-size:23px}.service-card>p{font-size:14px}.service-details summary{font-size:13px}.service-grid{gap:15px}.service-extras{margin-top:27px}.extras-heading h3{font-size:23px}.task-tile{min-height:100px;padding:18px}.task-tile small{font-size:12px}.scope-note{font-size:11px;line-height:1.85}.project-grid{gap:27px}.project-copy h3{font-size:26px}.project-copy dt,.project-copy dd{font-size:14px}.project-copy dl>div+div{margin-top:18px}.project-preview figcaption{font-size:10px}.project-browser{height:32px;font-size:9px}.project-case .section-heading{margin-bottom:27px}.about-practice{grid-template-columns:1fr;gap:28px}.practice-copy h2{font-size:34px}.practice-copy>p:not(.eyebrow){font-size:14px}.social-project{padding:25px}.social-project p{font-size:14px}.social-project h3{font-size:25px}.social-project .text-link{font-size:12px}.faq{padding-bottom:52px}.brief-grid{gap:28px}.contact-inline{gap:12px}.contact-inline .button{font-size:12px}.brief-intro{font-size:13px}.form-heading{font-size:9px;letter-spacing:.5px}.contact-subnote,.form-note{font-size:12px}.brief-details summary{font-size:13px}#contact{scroll-margin-top:96px}.footer-links{font-size:11px}.footer-links [data-contact]{font-size:12px}}
