/* Shared gray glass question flow. The surface owns its palette in both themes. */
body #work.service-hub{background:radial-gradient(ellipse at 18% 0%,#343638 0%,#202224 48%,#17191a 100%)!important;color:#fff!important;padding:80px 5%!important;min-height:0!important}
body #work .service-search,body #work.finder-tall .service-search,body dialog.search-dialog{position:relative;box-sizing:border-box;background:linear-gradient(135deg,rgba(34,36,38,.94),rgba(24,26,28,.94))!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:0!important;box-shadow:inset 0 1px 0 #ffffff25,0 24px 70px #00000018!important;backdrop-filter:blur(42px) saturate(105%)!important;-webkit-backdrop-filter:blur(42px) saturate(105%)!important;color:#fff!important;padding:clamp(28px,4vw,64px)!important}
body #work .service-search,body #work.finder-tall .service-search{position:relative!important;top:auto!important;max-width:1400px!important;margin:0 auto!important}
body dialog.search-dialog{position:fixed;width:calc(100% - 40px);max-width:1180px;height:auto;max-height:calc(100dvh - 40px);overflow:auto;margin:auto;background:linear-gradient(135deg,rgba(34,36,38,.94),rgba(24,26,28,.94))!important}
body dialog.search-dialog::backdrop{background:#15171955;backdrop-filter:blur(12px)}
body #work .service-pin-heading{position:static!important;background:none!important;padding:0!important}
body #work .service-pin-heading>label,body dialog.search-dialog>label{display:block;font:400 clamp(30px,3.2vw,48px)/1.15 Arial,sans-serif!important;letter-spacing:-.035em!important;color:#fff!important;max-width:900px;margin:0 0 30px!important}
body :is(#work.service-hub,dialog.search-dialog) .service-query{box-sizing:border-box;width:100%;background:rgba(25,28,30,.18)!important;border:1px solid #ffffff80!important;border-radius:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;padding:20px 22px!important;font:16px/1.5 Arial,sans-serif!important;box-shadow:none!important}
body :is(#work.service-hub,dialog.search-dialog) .service-query::placeholder{color:#e0e1e2!important;-webkit-text-fill-color:#e0e1e2!important;opacity:1}
body :is(#work.service-hub,dialog.search-dialog) :is(button,input,summary):focus-visible{outline:2px solid #fff!important;outline-offset:4px!important}
body :is(#work.service-hub,dialog.search-dialog) .search-status{color:#e0e1e2!important;opacity:1!important;letter-spacing:.025em;margin:30px 0 20px!important;font:12px/1.6 Arial,sans-serif!important;text-shadow:none!important}
body :is(#work.service-hub,dialog.search-dialog) .service-results{display:block!important;width:100%;max-width:none}
body .guided-questions{display:grid;gap:12px}
body :is(#work.service-hub,dialog.search-dialog) .guided-question{display:grid;grid-template-columns:28px minmax(0,1fr) 24px;align-items:center;text-align:left;gap:18px;width:100%;padding:26px 24px;border:1px solid #ffffff26;border-radius:0;background:rgba(28,31,34,.48);color:#fff;cursor:pointer;transition:background .18s,border-color .18s}
body :is(#work.service-hub,dialog.search-dialog) .guided-question strong{font:400 clamp(18px,1.65vw,25px)/1.4 Arial,sans-serif!important;color:#fff!important;text-shadow:none!important}
body :is(#work.service-hub,dialog.search-dialog) .guided-question span{color:#dadddf!important;opacity:1!important;margin:0;font-size:12px;text-shadow:none!important}
body :is(#work.service-hub,dialog.search-dialog) .guided-question span:last-child{text-align:right;font-size:20px}
body :is(#work.service-hub,dialog.search-dialog) .guided-question:hover{background:rgba(24,27,30,.7)!important;border-color:#ffffff80}
body .guided-answer{max-width:860px;padding:12px 0}
body :is(#work.service-hub,dialog.search-dialog) .guided-answer h3{font:400 clamp(26px,2.5vw,38px)/1.2 Arial,sans-serif!important;letter-spacing:-.025em;margin:28px 0 20px;color:#fff!important;outline:none}
body :is(#work.service-hub,dialog.search-dialog) .guided-answer p{font:16px/1.8 Arial,sans-serif;color:#f0f1f1!important;opacity:1!important;max-width:65ch;text-shadow:none!important}
body :is(#work.service-hub,dialog.search-dialog) .guided-back{background:none;border:0;padding:4px 0;color:#e0e2e3;font-size:13px;cursor:pointer}
body :is(#work.service-hub,dialog.search-dialog) .guided-more{border-bottom:1px solid #ffffff35;padding:18px 0;color:#f0f1f1!important}
body .guided-more summary{font:14px/1.5 Arial,sans-serif;cursor:pointer}
body .guided-more .search-work-grid{margin-top:24px}
body .guided-next{margin:32px 0 24px;padding-top:24px;border-top:1px solid #ffffff35;display:grid;gap:8px}
body :is(#work.service-hub,dialog.search-dialog) .guided-next .guided-caption{font-size:12px;color:#e0e1e2!important;margin:0 0 12px}
body :is(#work.service-hub,dialog.search-dialog) .guided-next button{display:block;width:100%;text-align:left;border:1px solid #ffffff26;border-radius:0;background:#20232640;padding:14px 18px;color:#fff!important;line-height:1.5;cursor:pointer}
body .guided-actions{margin:28px 0}
body :is(#work.service-hub,dialog.search-dialog) .guided-actions button{background:#f5f5f2!important;color:#242628!important;border:0;border-radius:0;padding:16px 24px;cursor:pointer}
body :is(#work.service-hub,dialog.search-dialog) .search-privacy{margin-top:30px;color:#e0e1e2!important;font:12px/1.5 Arial,sans-serif}
body .search-privacy summary{cursor:pointer}
body :is(#work.service-hub,dialog.search-dialog) .search-permission{margin-top:14px!important;color:#e0e1e2!important}
body .service-results [hidden]{display:none!important}
@media(max-width:600px){body #work.service-hub{padding:48px 4%!important}body #work .service-search,body dialog.search-dialog{padding:26px 20px!important;border-radius:0!important}body dialog.search-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}body :is(#work.service-hub,dialog.search-dialog) .guided-question{gap:10px;padding:22px 16px;grid-template-columns:22px minmax(0,1fr) 18px}}

/* Keep the original service-and-questions composition with progressive answers. */
body :is(#work.service-hub,dialog.search-dialog) .service-results.has-service-context{display:grid!important;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,80px);align-items:start}
body :is(#work.service-hub,dialog.search-dialog) .guided-context h3{font:400 22px/1.3 Arial,sans-serif;color:#fff!important;margin:0 0 16px}
body :is(#work.service-hub,dialog.search-dialog) .guided-context p{font:15px/1.75 Arial,sans-serif;color:#e7e7e7!important;max-width:38ch}
body :is(#work.service-hub,dialog.search-dialog) .guided-context button{background:transparent;border:1px solid #ffffff70;padding:14px 20px;color:#fff;margin-top:14px;cursor:pointer}
body :is(#work.service-hub,dialog.search-dialog) .guided-question{border:0;border-bottom:1px solid #ffffff40;background:transparent;padding:24px 0}
body :is(#work.service-hub,dialog.search-dialog) .guided-question:hover{background:#ffffff0d!important}
body :is(#work.service-hub,dialog.search-dialog) .guided-question strong{font-size:18px!important}
body :is(#work.service-hub,dialog.search-dialog) .guided-next button{background:transparent;border:0;border-bottom:1px solid #ffffff30;padding:16px 0}
body .guided-context{padding-top:20px}
@media(max-width:700px){body :is(#work.service-hub,dialog.search-dialog) .service-results.has-service-context{grid-template-columns:1fr;gap:30px}}

body :is(#work.service-hub,dialog.search-dialog) .guided-context .guided-projects{margin-top:30px;border-top:1px solid #ffffff30;padding-top:22px;max-width:360px}
body :is(#work.service-hub,dialog.search-dialog) .guided-projects h4{font:400 12px/1.5 Arial,sans-serif;letter-spacing:.08em;margin:0 0 14px;color:#cdd0d2}
body :is(#work.service-hub,dialog.search-dialog) .guided-project{display:block;width:100%;padding:0;border:0;color:#fff!important}
body :is(#work.service-hub,dialog.search-dialog) .guided-project img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:0;transition:filter .2s}
body :is(#work.service-hub,dialog.search-dialog) .guided-project:hover img{filter:brightness(1.1)}
body :is(#work.service-hub,dialog.search-dialog) .guided-project strong{display:block;font:400 16px/1.5 Arial,sans-serif!important;color:#fff!important;margin-top:10px;text-shadow:none!important}
body :is(#work.service-hub,dialog.search-dialog) .guided-project small{display:block;font:12px/1.6 Arial,sans-serif;color:#ccd0d2!important;margin-top:6px}
body :is(#work.service-hub,dialog.search-dialog) .guided-season{font-size:13px!important;border-left:1px solid #ffffff45;padding-left:14px;margin-top:20px}
body .guided-planner{padding:20px 0;animation:guided-arrive .24s ease-out}
body :is(#work.service-hub,dialog.search-dialog) .guided-planner h3{font:400 clamp(24px,2vw,32px)/1.25 Arial,sans-serif;color:#fff!important;outline:none}
body .guided-planner .guided-choices{display:grid;gap:12px;margin:24px 0}
body :is(#work.service-hub,dialog.search-dialog) .guided-choices button{padding:18px 20px;background:#ffffff07;border:1px solid #ffffff50;color:#fff;text-align:left;cursor:pointer}
body .guided-choices button:hover{background:#ffffff15!important}
body .guided-answer{animation:guided-arrive .24s ease-out}
body .guided-next summary{cursor:pointer;font-size:13px;padding-bottom:12px}
body .guided-context .guided-context-action[hidden]{display:none!important}
@keyframes guided-arrive{from{opacity:.55;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){body .guided-answer,body .guided-planner{animation:none}body .guided-project img{transition:none}}