/* Only the isolated review: inherited case palettes must not darken dark-nav UI. */



/* Scope stays available without adding another service page or a case carousel. */
.ems-engine-scope{margin:24px 0;max-width:580px;border-block:1px solid #ffffff24}
.ems-engine-scope summary{display:flex;justify-content:space-between;gap:20px;padding:16px 0;cursor:pointer;list-style:none;font-size:13px;font-weight:650}
.ems-engine-scope summary::-webkit-details-marker{display:none}
.ems-engine-scope summary span{color:#ff6949;font-size:18px}
.ems-engine-scope[open] summary span{transform:rotate(45deg)}
.ems-engine-scope summary:focus-visible{outline:2px solid #ff6949;outline-offset:5px}
.ems-engine-scope dl{margin:0 0 24px}
.ems-engine-scope dl>div{margin-top:20px}
.ems-engine-scope dt{font-size:11px;font-weight:700;letter-spacing:.04em}
.ems-engine-scope dd{margin:7px 0 0;font-size:14px;line-height:1.65;color:#b9c3c3}
.ems-case-context{padding-block:24px}
.ems-browser-preview{display:block!important;padding:0!important;overflow:hidden;border:1px solid #ffffff24;border-radius:12px;background:#0d1518}
.ems-browser-chrome{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:9px 13px;background:#10191c;color:#b9c3c3;font-size:9px;letter-spacing:.025em}
.ems-browser-chrome>span:first-child{letter-spacing:3px;color:#798489;font-size:7px}
.ems-browser-window{height:clamp(320px,40vw,520px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ff6949 #111a1d;background:#111a1d}
.ems-browser-window:focus-visible{outline:2px solid #ff6949;outline-offset:-3px}
.ems-browser-window img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;margin:0!important}
.ems-browser-preview figcaption{padding:11px 13px!important;margin:0!important;color:#b9c3c3;font-size:10px}
/* The shared shell already reserves the header in scroll-padding. */
body.chopshop-v139 .cs-engine{scroll-margin-top:0}
@media(min-width:801px) and (max-height:800px){
 .engine-stage{top:110px}
 .engine-stage img{max-height:calc(100svh - 200px);object-fit:contain}
}
/* Give tablet tool cards a readable measure instead of three narrow columns. */
@media(min-width:701px) and (max-width:900px){
 .tool-grid{grid-template-columns:1fr}
 .tool-card{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:32px;padding:28px}
 .tool-card .tool-number{grid-column:1/-1}
 .tool-card img{grid-column:1;grid-row:2/5;width:180px;height:110px;margin:28px 0;align-self:center}
 .tool-card h2{grid-column:2;min-height:0;margin-top:24px;font-size:30px}
 .tool-card p{grid-column:2;margin:20px 0}
 .tool-card .tool-status,.tool-card>b{grid-column:2}
}
@media(min-width:1024px) and (max-height:720px){
 .chopshop-v139 .cs-hero{padding-top:28px;padding-bottom:0}
 .chopshop-v139 .cs-hero-layout{padding-block:32px}
}
/* Keep campaign artwork and long project names legible on phones. */
@media(max-width:600px){
 #work-grid{grid-template-columns:1fr!important;width:100%!important;gap:22px!important}
 #work-grid .w-cover-caption{padding:22px;gap:10px}
 #work-grid .w-cover-caption strong{font-size:28px}
 #work-grid .w-cover-caption small{font-size:10px}
}
@media(min-width:1600px){#work-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
/* A shared form cannot depend on the page's own CTA styles. */
#enquiry-form .contact-submit button{
 display:inline-flex;align-items:center;justify-content:space-between;gap:24px;
 min-height:48px;padding:14px 20px;background:#ff6949;color:#182326;
 font:700 13px/1.4 Inter,Arial,sans-serif;border-radius:2px;white-space:normal
}
.enquiry-panel-top{position:sticky;top:0;z-index:2;background:#202b2f}
.enquiry-panel-top button{min-height:44px;flex:none}
#enquiry-form .consent>span{color:var(--muted,#b9c3c3)!important}
@media(max-width:700px){
 #enquiry-form input:not([type=radio]):not([type=checkbox]),#enquiry-form textarea{font-size:16px}
}