/* Web One Design responsive QA fixes — v1.5.4 */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #225bcc;outline-offset:5px}
.website-package.featured .btn,.ai-price.featured .btn{background:var(--ink);color:#fff;border-color:var(--ink)}
.website-package.featured .btn:hover,.ai-price.featured .btn:hover{background:#fff;color:var(--ink)}
.cap{cursor:default}.cap h3{grid-column:2/4;width:100%}.cap-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;font:inherit;letter-spacing:inherit;cursor:pointer}.cap-toggle .plus{flex-shrink:0}.cap.open .cap-detail{max-height:none;overflow:visible}.cap-detail[hidden]{display:none}
.case-studies-section{background:#e7e2d7;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}
.ai-pricing-section{background:#e7e2d7;border-top:1.5px solid var(--ink)}
.field select{appearance:auto}.field:focus-within{box-shadow:inset 3px 0 #225bcc;padding-left:12px}
.project{aspect-ratio:auto;display:flex;flex-direction:column}.project .project-bg{position:relative;inset:auto;aspect-ratio:16/10;flex-shrink:0}.project .project-shot-overlay{display:none}.project .project-info{position:relative;inset:auto;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;background:var(--ink);color:#fff;text-shadow:none;flex:1}.project-info h3{font-size:clamp(2rem,3.5vw,3.5rem)}.project-info p{max-width:65ch}.project-link{font-weight:800;text-decoration:underline;text-underline-offset:5px;padding:8px 0}.project-link:hover{color:var(--lime)}
@media(max-width:620px){
 .service-visual,.ai-hero-visual,.contact-hero-visual{display:grid;gap:14px;padding:58px 16px 20px;min-height:0}
 .hero-visual .inner-panel{position:relative;inset:auto;width:100%;animation:none;transform:none}
 .hero-caption{position:static;flex-direction:column;gap:8px;font-size:.7rem}
 .about-hero-visual{min-height:0;padding:58px 18px 22px}
 .about-track{position:relative;inset:auto;grid-template-columns:24px minmax(0,1fr);gap:18px}
 .about-spine:before{left:9px}.about-spine i{left:2px}
 .about-steps{gap:12px}.about-step{align-items:flex-start;flex-direction:column;gap:5px}.about-step strong{font-size:1.15rem}
 .timeline{margin-left:0;padding-left:18px}.milestone{padding-left:38px!important}.milestone:before{left:0}.timeline:before{left:8px}
 .cap{grid-template-columns:28px minmax(0,1fr) auto;gap:12px}.cap-detail{grid-column:1/-1}.cap h3{font-size:1.65rem}.cap-detail-grid{gap:20px}
 .contact-page .inner-hero{padding-bottom:36px}.contact-page .contact-hero-visual{display:none}.contact-page .contact-promise{display:none}
 .contact-page .contact-grid{display:flex;flex-direction:column;gap:28px}.contact-page .contact-grid>div:last-child{order:-1}.contact-page .contact-strip{margin-top:24px;flex-direction:row;gap:14px;padding:18px 0}
 .contact-page .section{padding-top:36px}
 .project .project-info{padding:20px}.project-info h3{font-size:2rem}.project-info p{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal,.statement .line2,.rail{opacity:1!important;transform:none!important}}

/* Consistent eyebrow-to-heading separation on phones only. */
@media (max-width: 620px) {
  .eyebrow + :is(h1, h2, .line) {
    margin-block-start: 24px !important;
  }
}