/* Client clarity refresh: preserve the existing palette, artwork and motion. */
.client-ready section{scroll-margin-top:110px}
.client-ready .project-intro{padding-top:40px;padding-bottom:36px;min-height:0}
.client-ready .project-intro h1{margin:20px 0}
.client-ready #work .project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.client-ready #work .project-card,.client-ready #lmnt-work.project-card,.client-ready #ordinary-work.project-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:18px;border:1px solid var(--line);background:var(--surface);border-radius:14px;margin:0}
.client-ready #work .project-cover,.client-ready #lmnt-work .project-cover,.client-ready #ordinary-work .project-cover{display:block;width:100%;height:250px;max-width:none;margin:0;overflow:hidden;border-radius:8px;grid-column:auto;grid-row:auto}
.client-ready #work .project-cover img{width:100%;height:100%;object-fit:contain;background:#171d19}
.client-ready #work .project-card h3{margin:0;font-size:25px;line-height:1.2}
.client-ready #work .project-card p{margin:0;font-size:15px;line-height:1.5}
.client-ready #work .project-card .text-link{margin-top:auto;font-size:14px;align-self:start}
.client-ready #work .project-card .eyebrow{font-size:11px}
.client-ready #showcase{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:40px}
.client-ready #showcase .compact-head{display:block;margin:0}
.client-ready #showcase h2{font-size:32px}
.client-ready #showcase .showcase-frame{width:100%;margin:0}
.client-ready #showcase video{max-height:390px;width:100%;object-fit:contain}
.client-ready .service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.client-ready .service-grid article{border-top:1px solid #53675a;padding-top:18px}
.client-ready .service-grid h3{font-size:20px;margin:0 0 10px}
.client-ready .service-grid p{font-size:16px;line-height:1.5}
.client-ready .collection-details,.client-ready .more-routes{border:1px solid #45554a;border-radius:10px;margin:20px 0;background:#19221c}
.client-ready details>summary{cursor:pointer;font-size:16px;font-weight:600;line-height:1.5;padding:18px;color:#c9e6d0;min-height:44px}
.client-ready details>summary:focus-visible{outline:2px solid #c9e6d0;outline-offset:3px}
.client-ready .details-content{padding:20px}
.client-ready .step-detail{margin-top:14px}
.client-ready .step-detail>summary{padding:8px 0;font-size:13px}
.client-ready .more-routes .extra-routes{padding:20px 14px}
.client-ready .finished-work{padding-top:24px;padding-bottom:36px}
.client-ready .finished-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}
.client-ready .finished-heading h2{font-size:22px;margin:0}
.client-ready .finished-heading a{font-size:14px}
.client-ready .finished-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.client-ready .finished-grid figure{margin:0;min-width:0}
.client-ready .finished-grid button{display:block;width:100%;height:360px;padding:10px;border:1px solid #425347;border-radius:10px;background:#19211c;cursor:zoom-in}
.client-ready .finished-grid img{width:100%;height:100%;object-fit:contain}
.client-ready .finished-grid figcaption{font-size:13px;line-height:1.4;margin-top:8px}
.client-ready .project-links{display:flex;flex-wrap:wrap;gap:12px}
.client-ready .project-links a{padding:14px 18px;border:1px solid #45554a;border-radius:8px;font-size:15px}
.client-ready .client-context{font-size:14px;max-width:75ch;color:#c3cec6}
.client-ready .featured-videos{grid-template-columns:repeat(2,minmax(0,1fr))}
.client-ready #featured-videos>article{max-width:none}
.client-ready #featured-videos video{max-height:380px;object-fit:contain;background:#141815}
.client-ready #more-client-videos .featured-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.client-ready footer#contact{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px 32px;align-items:start}
.client-ready footer#contact>div:not(.mascot-stage):not(.footer-links){grid-column:1;grid-row:1 / 3;align-self:center}
.client-ready footer#contact>.mascot-stage--footer{grid-column:2;grid-row:1;width:100%;height:110px;margin:0;min-width:0}
.client-ready footer#contact>.footer-links{grid-column:2;grid-row:2}
@media(max-width:900px){.client-ready #work .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-ready .finished-grid button{height:290px}.client-ready #showcase{gap:24px}}
@media(max-width:700px){
.client-ready header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 20px}
.client-ready .menu-toggle{display:block;padding:10px 16px;border:1px solid #64796c;border-radius:24px;background:transparent;color:#e9f1eb;font:inherit;min-height:44px}
.client-ready header nav[aria-label="Main navigation"]{width:100%;display:none;flex-wrap:wrap;gap:8px 20px;padding:8px 0}
.client-ready header nav.is-open{display:flex}
.client-ready header nav a{min-height:44px;display:flex;align-items:center}
.client-ready #work .project-grid{grid-template-columns:minmax(0,1fr);gap:20px}
.client-ready #work .project-cover{height:250px}
.client-ready #showcase{grid-template-columns:minmax(0,1fr)}
.client-ready .service-grid{grid-template-columns:minmax(0,1fr);gap:12px}
.client-ready .finished-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:0 0 14px;gap:14px}
.client-ready .finished-grid figure{flex:0 0 88%;flex-basis:88%;scroll-snap-align:start}
.client-ready .finished-grid button{height:360px}
.client-ready .finished-heading{display:block}.client-ready .finished-heading a{display:inline-block;margin-top:10px}
.client-ready .featured-videos{grid-template-columns:minmax(0,1fr)}
.client-ready #featured-videos{display:grid;overflow:visible}
.client-ready #featured-videos video{max-height:320px}
.client-ready #more-client-videos .featured-videos{grid-template-columns:minmax(0,1fr)}
.client-ready .details-content{padding:14px}
.client-ready footer#contact{grid-template-columns:minmax(0,1fr);gap:20px}
.client-ready footer#contact>div:not(.mascot-stage):not(.footer-links){grid-column:1;grid-row:1}
.client-ready footer#contact>.mascot-stage--footer{grid-column:1;grid-row:2;height:100px}
.client-ready footer#contact>.footer-links{grid-column:1;grid-row:3}
.client-ready section{scroll-margin-top:80px}
}
@media(min-width:701px){.menu-toggle{display:none}}
.client-ready #featured-videos{grid-template-columns:repeat(2,minmax(0,1fr))}
.client-ready #work .project-card .eyebrow{font-size:12px}
@media(max-width:700px){
.client-ready #featured-videos{grid-template-columns:minmax(0,1fr)}
.client-ready #work .project-card{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px 16px;padding:16px;align-items:start}
.client-ready #work .project-card .project-cover{grid-column:1;grid-row:1/6;height:160px;width:104px;align-self:start}
.client-ready #work .project-card h3,.client-ready #work .project-card p,.client-ready #work .project-card .text-link{grid-column:2}
.client-ready #work .project-card h3{font-size:22px}
.client-ready #work .project-card p{font-size:14px}
}

/* Refinement 03: lead projects, visible samples and immediate readability. */
.client-ready #work .project-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.client-ready #work .project-card{grid-column:span 2}
.client-ready #work .lead-project{grid-column:span 3}
.client-ready #work .lead-project .project-cover{height:340px}
.client-ready .collection-sample{max-width:420px;margin:24px 0}
.client-ready .collection-sample button{display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);cursor:zoom-in}
.client-ready .collection-sample img{display:block;width:100%;max-height:360px;object-fit:contain}
.client-ready .collection-sample video{display:block;width:100%;height:340px;object-fit:contain;border-radius:12px;background:#141815}
.client-ready .collection-sample figcaption,.client-ready .collection-sample p{font-size:14px;line-height:1.5;margin:10px 0}
.client-ready .collection-sample h3{font-size:20px;margin:12px 0}
.client-ready .diagram-intro{padding-top:28px;padding-bottom:16px}
.client-ready .diagram-intro h1{margin:14px 0;font-size:clamp(32px,4vw,46px)}
.client-ready .diagram-intro .project-summary,.client-ready .diagram-intro .project-role{margin:10px 0;font-size:16px;max-width:80ch}
.client-ready .project-rationale{margin-bottom:28px}
.client-ready .project-rationale>h2{font-size:22px;margin:0 0 16px}
.client-ready .deal-pending,.client-ready .deal-pending>:not(.image-open),.client-ready .is-dealing>:not(.image-open){opacity:1}
@media(max-width:900px){.client-ready #work .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-ready #work .project-card,.client-ready #work .lead-project{grid-column:span 1}}
@media(max-width:700px){.client-ready #work .project-grid{grid-template-columns:1fr}.client-ready #work .lead-project{display:flex}.client-ready #work .lead-project .project-cover{width:100%;height:280px}.client-ready .collection-sample{max-width:100%}}