/* Compact service navigation and customer-facing page flows. */
.studio-nav .nav-services{position:relative;display:block}
.studio-nav .nav-services>summary{list-style:none;display:flex;align-items:center;gap:7px;cursor:pointer;color:rgba(245,247,252,.78);transition:color .2s}
.studio-nav .nav-services>summary::-webkit-details-marker{display:none}
.studio-nav .nav-services>summary::marker{content:""}
.studio-nav .nav-services>summary span{color:var(--blue-hi);font-size:15px;transition:transform .2s}
.studio-nav .nav-services[open]>summary span{transform:rotate(180deg)}
.studio-nav .nav-services>summary:hover,.studio-nav .nav-services>summary:focus-visible{color:var(--blue-hi)}
.nav-services-panel{position:absolute;z-index:30;top:calc(100% + 24px);left:-18px;min-width:270px;display:none;gap:0;padding:12px 18px;background:#0b111c;border:1px solid var(--rule);box-shadow:0 18px 44px rgba(0,0,0,.34)}
.nav-services[open] .nav-services-panel{display:grid}
.nav-services-panel a{padding:10px 0;color:#d7deed;font-size:12px;line-height:1.35;border-bottom:1px solid rgba(212,224,255,.1)}
.nav-services-panel a:last-child{border-bottom:0}
.nav-services-panel a:hover,.nav-services-panel a:focus-visible{color:var(--blue-hi)}
.nav-services-panel .nav-services-all{color:var(--blue-hi);font-weight:800;letter-spacing:.04em}
.service-list h3 a{color:inherit;text-decoration:none}
.service-list h3 a:hover{color:#dbe4ff}
.service-list h3 a:focus-visible{outline:2px solid var(--blue-hi);outline-offset:5px}
.social-process-flow{margin:clamp(28px,5vw,68px) var(--gutter);padding:22px 0 30px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.social-process-flow>p{margin:0 0 18px;color:var(--blue-hi);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.social-process-flow ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.social-process-flow li{position:relative;display:flex;align-items:center;gap:9px;min-width:0;padding-right:20px;color:#eef2fa}
.social-process-flow li:not(:last-child)::after{content:"→";position:absolute;right:6px;top:50%;transform:translateY(-50%);color:var(--blue-hi);font-size:14px}
.social-process-flow li span{color:#7f8ba2;font-size:9px;font-weight:800;letter-spacing:.08em}
.social-process-flow li strong{font-size:clamp(11px,1.1vw,15px);line-height:1.2}
.contact-intake{margin-top:34px;padding-top:28px;border-top:1px solid var(--rule)}
.contact-intake h2{margin:0;color:var(--white);font-size:clamp(22px,2.2vw,32px);line-height:1.1;letter-spacing:-.04em}
.contact-intake>p{max-width:620px;color:#aab6ca;font-size:13px}
.contact-topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin-top:18px;border-top:1px solid var(--rule)}
.contact-topic-list a{display:flex;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid var(--rule);color:#e7ecf6;font-size:13px;font-weight:700}
.contact-topic-list a span{color:var(--blue-hi)}
.contact-topic-list a:hover,.contact-topic-list a:focus-visible{color:var(--blue-hi)}
.contact-email-note{font-size:11px!important;color:#8794aa!important}
@media(max-width:700px){
 .atelier-index-heading h1,.service-detail-copy h1,.case-detail-heading h1,.contact-heading h1,.about-heading h1,.pricing-heading h1,.general-heading h1,.knowledge-article-heading h1{max-width:100%;overflow-wrap:anywhere;hyphens:auto}
 .studio-nav .nav-services{width:100%}
 .studio-nav .nav-services>summary{min-height:46px;padding:13px 0;border-bottom:1px solid var(--rule)}
 .nav-services-panel,.nav-services[open] .nav-services-panel{position:static;min-width:0;padding:4px 0 8px 14px;background:transparent;border:0;border-bottom:1px solid var(--rule);box-shadow:none}
 .nav-services-panel a{padding:10px 0;font-size:12px}
 .social-process-flow{margin:30px 20px;padding:18px 0 22px}
 .social-process-flow ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
 .social-process-flow li{min-height:44px;padding-right:18px;border-bottom:1px solid rgba(212,224,255,.08)}
 .social-process-flow li:not(:last-child)::after{right:2px;font-size:12px}
 .social-process-flow li strong{font-size:12px}
 .contact-topic-list{grid-template-columns:1fr;gap:0}
 .contact-intake{margin-top:28px;padding-top:24px}
}
@media(prefers-reduced-motion:reduce){.studio-nav .nav-services>summary span{transition:none}}

/* Render the approved silver wordmark large while preserving its 3:1 ratio. */
body.studio-v3 .studio-header .studio-logo img{width:220px;height:auto}
@media(max-width:1000px){body.studio-v3 .studio-header .studio-logo img{width:208px;height:auto}}
@media(max-width:700px){body.studio-v3 .studio-header .studio-logo img{width:212px;max-width:calc(100vw - 100px);height:auto}}

/* Stretch the existing title link across its card; no nested links. */
body.studio-v3 .service-list li[data-service]{cursor:pointer}
body.studio-v3 .service-list li[data-service]>div>h3>a::after{content:"";position:absolute;inset:0;z-index:1}
body.studio-v3 .service-list li[data-service]>div>h3>a:focus-visible{outline:0}
body.studio-v3 .service-list li[data-service]:focus-within{outline:2px solid var(--blue-hi);outline-offset:6px}
body.studio-v3 .service-list li[data-service]:focus-within h3{color:#dbe4ff}
body.studio-v3 .service-list li[data-service]:focus-within .service-line{transform:scaleX(1)}
body.studio-v3 .service-list li[data-service]:focus-within .service-arrow{transform:translate(4px,-4px)}