/* The article uses the Observatory palette. Native header, contact block and footer are untouched. */
.svc { --svc-paper:#f0f5f8; --svc-dark:#071a2c; --svc-raised:#10263b; --svc-line:#ffffff24; }
.svc-wrap { width:calc(100% - clamp(40px,8vw,160px)); max-width:1600px; margin:auto; }
.svc .svc-section { padding:88px 0; scroll-margin-top:88px; }
.svc .x-hero-copy { max-width:680px; }
.svc .x-hero-copy h1 { font-size:clamp(45px,4.6vw,79px); }
.svc .x-intro { max-width:480px; font-size:17px; }
@media(min-width:992px) { .svc .x-hero { height:calc(90svh - 130px); min-height:720px; max-height:880px; } }
.svc-heading { max-width:850px; margin-bottom:36px; }
.svc .svc-heading h2 { font-size:clamp(36px,3.5vw,58px); line-height:1.08; letter-spacing:-.055em; margin:0; }
.svc .svc-heading>p:last-child:not(.x-eyebrow) { max-width:650px; font-size:15px; margin:22px 0 0; }
.svc .hc-btn { border-radius:3px; background:var(--x-accent); color:#10263b!important; min-height:46px; font-size:13px; padding:12px 18px; }
.svc .hc-btn:hover { background:#ffad6e; }
/* Keep the card spacing above the shared .hc section reset. */
.svc .svc-service-overview { padding:34px 0 56px; background:var(--svc-dark); scroll-margin-top:100px; }
.svc-type-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.svc .svc-type-card { display:flex; flex-direction:column; min-width:0; padding:28px; border:1px solid #355069; border-radius:7px; background:var(--svc-raised); color:#edf5fd; text-decoration:none; transition:background .18s,border-color .18s,transform .18s; }
.svc .svc-type-card:hover,.svc .svc-type-card:focus-visible { background:#17354e; border-color:var(--x-accent); transform:translateY(-4px); }
.svc-type-icon { display:block; margin-bottom:22px; color:var(--x-accent); font-size:30px; line-height:1; }
.svc .svc-type-card h3 { color:#f1f7fd; font-size:21px; line-height:1.25; letter-spacing:-.02em; margin:0 0 15px; }
.svc .svc-type-card p { color:#b5cadb; font-size:14px; line-height:1.75; margin:0 0 22px; }
.svc-type-more { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#ffae70; font-size:12px; font-weight:500; margin-top:auto; padding-top:17px; border-top:1px solid var(--svc-line); }
.svc-full-expertise { scroll-margin-top:85px; }
.svc .svc-detail { position:relative; border-top:1px solid var(--svc-line); }
.svc-detail-tinted { background:#0c2135; }
.svc-detail-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); align-items:center; gap:clamp(36px,5vw,90px); }
.svc-detail-reverse .svc-detail-copy { order:2; }
.svc-detail-copy { min-width:0; }
.svc .svc-detail h2 { font-size:clamp(31px,3.2vw,51px); line-height:1.12; letter-spacing:-.045em; margin:0 0 25px; color:#eff6fd; }
.svc .svc-detail-text p { font-size:15px; line-height:1.8; margin:0 0 18px; max-width:65ch; color:#b8ccdc; }
.svc .svc-detail-text strong { color:#e6f1fb; font-weight:600; }
.svc .svc-detail-text a { color:#ffb279; text-decoration:underline; text-underline-offset:3px; }
.svc-detail-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px 23px; margin-top:26px; }
.svc .svc-detail-link { color:#d2e5f4; text-decoration:underline; text-underline-offset:5px; font-size:12px; }
.svc-detail-link .bi { margin-left:9px; }
.svc .svc-detail-media { margin:0; min-width:0; }
.svc-detail-media>button { display:block; position:relative; width:100%; padding:18px; border:1px solid #a7b8c6; border-radius:4px; background:#fff; }
.svc-detail-media>button:hover { border-color:var(--x-accent); }
.svc .svc-detail-media img { display:block; width:100%; height:auto; max-height:570px; object-fit:contain; }
.svc-detail-media>button>span { display:inline-flex; align-items:center; gap:8px; position:absolute; right:9px; bottom:9px; background:#edf4f9f5; border:1px solid #c6d7e3; color:#214b6b; padding:7px 9px; font-size:10px; }
.svc-detail-media figcaption { font-size:10px; line-height:1.5; color:#94b0c5; padding-top:12px; }
.svc-detail-definitions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:56px; margin-top:43px; border-top:1px solid var(--svc-line); }
.svc-detail-definitions>div { padding:21px 0; border-bottom:1px solid var(--svc-line); }
.svc .svc-detail-definitions p { font-size:14px; line-height:1.75; margin:0; color:#adc5d8; }
.svc-detail-definitions strong { color:#e9f3fc; }
.svc-course-details { margin-top:24px; border-top:1px solid var(--svc-line); }
.svc-course-details details { border-bottom:1px solid var(--svc-line); }
.svc-course-details summary { cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:15px; padding:17px 0; color:#edf5fc; font-size:16px; font-weight:500; list-style:none; }
.svc-course-details summary::-webkit-details-marker { display:none; }
.svc-course-details summary .bi { color:var(--x-accent); font-size:13px; flex-shrink:0; }
.svc-course-details details[open] summary .bi { transform:rotate(180deg); }
.svc-course-details details>div { padding-bottom:8px; }
.svc-course-details details>div p { font-size:14px; }
.svc-anchor-alias { position:absolute; top:0; scroll-margin-top:90px; }
.svc-source-gallery { border-bottom:1px solid var(--svc-line); }
.svc-source-gallery-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.svc-source-gallery-grid>button { min-width:0; position:relative; border:1px solid #5e788b; border-radius:3px; background:#fff; padding:12px; }
.svc-source-gallery-grid>button:hover { border-color:var(--x-accent); }
.svc .svc-source-gallery-grid img { display:block; width:100%; height:190px; object-fit:contain; }
.svc-source-gallery-grid>button>span { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:13px 4px 3px; color:#24455f; font-size:11px; }
/* Display-only treatments; every full-size dialog uses the untouched source. */
.svc { --svc-media-bg:var(--svc-dark); }
.svc-detail-tinted { --svc-media-bg:#0c2135; }
.svc-service-panel figure { --svc-media-bg:#0e253a; }
.svc :is(.svc-detail-media,.svc-service-panel) .svc-render-preview { background:var(--svc-media-bg); border-color:transparent; isolation:isolate; }
.svc .svc-render-preview img { filter:url('/local/homepage-3d/releases/homepage-20261103-v1/assets/image-white-key.svg#white-key'); }
.svc :is(.svc-detail-media,.svc-service-panel,.svc-source-gallery-grid,.hc-case) .svc-soft-preview { background:#9bb4c7; border-color:#54738b; isolation:isolate; }
.svc .svc-soft-preview img { mix-blend-mode:multiply; }
.svc .svc-detail-media .svc-photo-preview { padding:0; background:transparent; border-color:var(--svc-line); }
.svc :is(.svc-render-preview,.svc-soft-preview)>span { background:#102c43ed; border-color:#ffffff30; color:#d7e9f6; }
.svc .svc-source-gallery-grid>.svc-soft-preview>span { background:none; border:0; color:#173e59; }
@media(min-width:1900px) {
  .svc .svc-type-card { padding:32px; }
  .svc .svc-type-card h3 { font-size:23px; }
  .svc .svc-type-card p { font-size:15px; }
  .svc .svc-detail-text p { font-size:17px; }
  .svc .svc-detail-definitions p { font-size:15px; }
}
@media(max-width:1099px) {
  .svc-type-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .svc-detail-layout { gap:32px; }
}
@media(max-width:767px) {
  .svc .svc-service-overview { padding:24px 0 36px; }
  .svc-detail-layout { grid-template-columns:1fr; gap:28px; }
  .svc-detail-reverse .svc-detail-copy { order:0; }
  .svc .svc-detail h2 { font-size:35px; }
  .svc-detail-definitions { grid-template-columns:1fr; margin-top:30px; }
  .svc-source-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .svc .svc-source-gallery-grid img { height:150px; }
}
@media(max-width:575px) {
  .svc-type-grid { grid-template-columns:1fr; gap:16px; }
  .svc .svc-type-card { padding:24px; }
  .svc-type-icon { margin-bottom:18px; }
  .svc .svc-type-card h3 { font-size:22px; }
  .svc .svc-type-card p { margin-bottom:16px; }
  .svc .svc-detail h2 { font-size:31px; }
  .svc .svc-detail-text p { font-size:15px; }
  .svc-detail-media>button { padding:10px; }
  .svc .svc-detail-media img { max-height:380px; }
  .svc-detail-actions .hc-btn { width:100%; justify-content:center; }
  .svc-source-gallery-grid>button { padding:7px; }
  .svc .svc-source-gallery-grid img { height:120px; }
}
@media(prefers-reduced-motion:reduce) { .svc .svc-type-card { transition:none; } .svc .svc-type-card:hover,.svc .svc-type-card:focus-visible { transform:none; } }
.svc-facts { background:var(--svc-dark); border-top:1px solid var(--svc-line); border-bottom:1px solid var(--svc-line); }
.svc-facts>.svc-wrap { display:grid; grid-template-columns:repeat(4,1fr); padding:32px 0; }
.svc-facts .svc-wrap>div { border-right:1px solid var(--svc-line); padding:0 28px; }
.svc-facts .svc-wrap>div:first-child { padding-left:0; }
.svc-facts .svc-wrap>div:last-child { border:0; }
.svc-facts span { display:block; color:#8faac1; font-size:10px; text-transform:uppercase; letter-spacing:.09em; }
.svc-facts strong { display:block; font-size:clamp(25px,2.5vw,39px); font-weight:600; line-height:1.2; margin:9px 0 6px; color:#f2f7fc; letter-spacing:-.035em; }
.svc .svc-facts p { font-size:12px; margin:0; line-height:1.5; }
.svc-explorer { display:grid; grid-template-columns:260px minmax(0,1fr); border:1px solid var(--svc-line); background:#0c2135; }
.svc .svc-service-nav { display:flex; flex-direction:column; margin:0; gap:0; padding:14px; background:#0b2033; border:0; border-right:1px solid var(--svc-line); }
.svc .svc-service-nav button { display:grid; grid-template-columns:23px 1fr 15px; gap:10px; align-items:center; text-align:left; padding:19px 13px; background:transparent; border:0; border-radius:2px; color:#b5c8d9; font-size:13px; font-weight:500; min-height:65px; }
.svc .svc-service-nav button[aria-selected=true] { background:#1b3b56; color:#fff; box-shadow:inset 3px 0 var(--x-accent); }
.svc-service-nav button:hover { background:#15314a; }
.svc-tab-index { font-size:9px; color:#7c9bb4; }
.svc-service-nav button[aria-selected=true] .svc-tab-index { color:var(--x-accent); }
.svc-service-nav .bi { font-size:13px; color:#84a1b8; }
.svc-panels { min-width:0; }
.svc .svc-service-panel { display:grid; grid-template-columns:1fr 1.03fr; min-height:550px; margin:0; padding:0; border:0; background:transparent; gap:0; align-items:stretch; animation:svc-panel-in .22s ease; scroll-margin-top:100px; }
.svc-service-copy { padding:34px 30px; min-width:0; }
.svc .svc-software { color:var(--x-accent); font-size:10px; letter-spacing:.08em; margin:0 0 19px; text-transform:uppercase; }
.svc .svc-service-copy h3 { font-size:28px; line-height:1.14; margin:0 0 20px; letter-spacing:-.04em; }
.svc .svc-service-copy>p:not(.svc-software) { font-size:13px; line-height:1.75; margin:0; }
.svc .svc-service-copy h4 { color:#e6f0f9; font-size:11px; font-weight:600; margin:25px 0 11px; }
.svc-service-copy ul { list-style:none; padding:0; margin:0; }
.svc-service-copy li { display:flex; align-items:baseline; gap:10px; font-size:12px; color:#adc2d5; line-height:1.6; margin:8px 0; }
.svc-service-copy li .bi { color:var(--x-accent); }
.svc-service-actions { display:flex; flex-wrap:wrap; gap:14px 20px; align-items:center; margin-top:26px; }
.svc-service-actions>a, .svc-inline { font-size:11px; color:#c6dbed!important; text-decoration:underline; text-underline-offset:4px; }
.svc-service-actions>a .bi { margin-left:6px; }
.svc .svc-service-panel figure { display:flex; flex-direction:column; margin:0; min-width:0; padding:22px; border-left:1px solid var(--svc-line); background:#0e253a; }
.svc-service-panel figure>button { display:block; position:relative; background:#fff; border:0; width:100%; flex:1; min-height:350px; padding:15px; overflow:hidden; }
.svc .svc-service-panel figure img { position:absolute; inset:15px; width:calc(100% - 30px); height:calc(100% - 30px); object-fit:contain; border:0; }
.svc-service-panel figure button>span { position:absolute; right:8px; bottom:8px; display:flex; align-items:center; gap:8px; padding:7px 9px; font-size:9px; color:#214b6b; background:#eef5f9e8; border:1px solid #c5d9e6; }
.svc-service-panel figcaption { font-size:10px; line-height:1.5; color:#8daac1; padding-top:12px; }
.svc .svc-inline { background:none; border:0; padding:0; margin-top:18px; min-height:35px; }
.svc-course-visual { padding:35px; border-left:1px solid var(--svc-line); display:flex; flex-direction:column; background:#133049; }
.svc-visual-kicker { font-size:9px; letter-spacing:.12em; text-transform:uppercase; color:#8caac1; margin-bottom:20px; }
.svc-course-visual>div { border-top:1px solid var(--svc-line); padding:22px 28px 22px 0; position:relative; }
.svc-course-visual>div>span { font-size:10px; color:var(--x-accent); }
.svc .svc-course-visual h4 { font-size:22px; color:#eef6fd; line-height:1.2; margin:7px 0; letter-spacing:-.025em; }
.svc .svc-course-visual p { font-size:11px; margin:0; }
.svc-course-visual .bi { position:absolute; right:0; top:38px; color:#8daac1; }
.svc-course-visual>a { color:#fff; font-size:12px; margin-top:auto; padding-top:12px; text-decoration:underline; text-underline-offset:5px; }
.svc-course-visual>a .bi { position:static; margin-left:10px; }
.svc-mobile-picker { display:none; }
.svc-work { background:#10263b; }
.svc-work-heading { display:flex; justify-content:space-between; gap:45px; align-items:end; }
.svc-portfolio-link { color:#c8dfef!important; font-size:12px; padding:10px 0; border-bottom:1px solid var(--svc-line); margin-bottom:36px; white-space:nowrap; }
.svc-portfolio-link .bi { margin-left:15px; }
.svc-work-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 23px; }
.svc .hc-filters { gap:6px; margin:0; }
.svc .hc-filters button { border:1px solid #ffffff30; color:#b9cddd; min-height:40px; font-size:11px; background:transparent; border-radius:2px; }
.svc .hc-filters button.is-active { color:#fff; border-color:#6891b2; background:#1c405d; }
.svc [data-project-count] { font-size:11px; color:#88a7c0; }
.svc .hc-case-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:23px; }
.svc .hc-case { min-width:0; }
.svc .hc-case-image { min-height:0; height:235px; background:#fff; border:0; padding:12px; }
.svc .hc-case-image img { width:100%; height:100%; object-fit:contain; transition:transform .3s; }
.svc .hc-case-image:hover img { transform:scale(1.03); }
.svc .hc-case-meta { padding:20px 0 0; }
.svc .hc-case-meta>span { color:var(--x-accent); font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.svc .hc-case h3 { font-size:20px; line-height:1.2; margin:11px 0 12px; }
.svc .hc-case h3 button { color:#eef6fc; }
.svc .hc-case h3 button .bi { color:#9cb9d0; }
.svc .hc-case p { font-size:12px; line-height:1.65; color:#a6bed2; }
.svc-about>.svc-wrap { display:grid; grid-template-columns:1fr 1fr; gap:110px; }
.svc-about .svc-heading { margin-bottom:25px; }
.svc .svc-about .svc-wrap>div>p { font-size:14px; line-height:1.85; max-width:610px; }
.svc-about-note { border-left:2px solid var(--x-accent); padding:12px 0 12px 19px; color:#d9e8f4; font-size:13px; margin-top:27px; max-width:540px; }
.svc-workflow { padding-top:10px; }
.svc-workflow>article { display:grid; grid-template-columns:36px 1fr; gap:17px; border-top:1px solid var(--svc-line); padding:26px 0; }
.svc-workflow>article>span { color:var(--x-accent); font-size:12px; }
.svc .svc-workflow h3 { font-size:23px; line-height:1.2; margin:0 0 12px; }
.svc .svc-workflow p:not(.x-eyebrow) { font-size:13px; line-height:1.75; margin:0; }
.svc-closing { background:#143651; border-top:1px solid var(--svc-line); }
.svc-closing>.svc-wrap { display:flex; justify-content:space-between; align-items:center; gap:50px; }
.svc .svc-closing h2 { font-size:clamp(35px,3.5vw,58px); line-height:1.08; letter-spacing:-.05em; margin:0; }
.svc .svc-closing p:not(.x-eyebrow) { font-size:14px; max-width:610px; margin-top:20px; }
.svc-closing .svc-wrap>div:last-child { display:flex; flex-direction:column; gap:14px; align-items:flex-start; }
.svc-closing a { font-size:12px; color:#d0e3f1; padding:9px 0; }
.svc-closing a .bi { margin-left:10px; }
.svc-image-dialog { padding:0; width:min(1250px,94vw); max-width:94vw; max-height:94dvh; border:1px solid #50738e; background:#10263b; color:#edf6fd; border-radius:4px; overflow:auto; }
.svc-image-dialog::backdrop { background:#00101edb; }
.svc-image-dialog>header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 21px; }
.svc-image-dialog h2 { font:500 16px/1.3 Inter,Arial,sans-serif; margin:0; color:#eaf5fd; }
.svc-image-dialog header>button { width:44px; height:44px; flex-shrink:0; background:transparent; color:#eaf5fd; border:1px solid #ffffff35; }
.svc-image-dialog>img { display:block; width:100%; height:min(72dvh,900px); object-fit:contain; background:#fff; }
.svc-image-dialog>p { color:#b2cadc; margin:0; padding:14px 21px; font:11px/1.5 Inter,Arial,sans-serif; }
.svc-preview-link { position:fixed; left:14px; bottom:14px; z-index:990; padding:8px 12px; background:#163b56e8; border:1px solid #ffffff35; border-radius:3px; color:#d3e5f1; font:10px/1.4 Inter,Arial,sans-serif; }
.svc-preview-link:hover { color:#fff; }
.services-page .hc-dialog { background:#10263b; color:#eff6fd; border:1px solid #52728b; }
.services-page .hc-dialog h2 { color:#f1f7fd; }
.services-page .hc-dialog p,.services-page .hc-dialog li,.services-page .hc-dialog label,.services-page .hc-dialog legend { color:#b6ccdd; }
.services-page .hc-dialog .hc-dialog-close { color:#c0d6e7; }
.services-page .hc-dialog input,.services-page .hc-dialog textarea { background:#071a2c; color:#eff6fd; border-color:#6c879c; }
.services-page .hc-dialog .hc-btn { background:#ff8b32; color:#10263b; }
.services-page :is(button,a,input,select,textarea,summary):focus-visible { outline:3px solid #ffad6e; outline-offset:4px; }
@keyframes svc-panel-in { from {opacity:.4} to {opacity:1} }
@media(min-width:1900px) {
  .svc .x-hero-copy { left:5%; max-width:840px; }
  .svc .x-hero-copy h1 { font-size:79px; }
  .svc .x-intro { font-size:19px; max-width:590px; }
  .svc-explorer { grid-template-columns:290px minmax(0,1fr); }
  .svc .svc-service-panel { min-height:565px; }
  .svc-service-copy { padding:40px; }
  .svc .svc-service-copy h3 { font-size:34px; }
  .svc .svc-service-copy>p:not(.svc-software),.svc-service-copy li { font-size:14px; }
}
@media(max-width:1199px) {
  .svc-explorer { grid-template-columns:220px minmax(0,1fr); }
  .svc .svc-service-nav { padding:10px; }
  .svc .svc-service-nav button { padding:17px 9px; font-size:12px; gap:8px; grid-template-columns:20px 1fr 12px; }
  .svc .svc-service-panel { grid-template-columns:1fr; }
  .svc .svc-service-panel figure { min-height:320px; border-left:0; border-top:1px solid var(--svc-line); }
  .svc-service-panel figure>button { min-height:295px; }
  .svc-course-visual { border-left:0; border-top:1px solid var(--svc-line); }
  .svc .hc-case-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:35px 25px; }
  .svc-about>.svc-wrap { gap:65px; }
}
@media(max-width:991px) {
  .svc .svc-section { padding:58px 0; }
  .svc .x-hero-copy { max-width:none; }
  .svc .x-hero-copy h1 { font-size:clamp(40px,6.8vw,59px); }
  .svc .x-intro { font-size:16px; }
  .svc-facts>.svc-wrap { grid-template-columns:1fr 1fr; gap:25px 20px; padding:29px 0; }
  .svc-facts .svc-wrap>div { padding:0; border:0; }
  .svc-facts strong { font-size:28px; }
  .svc .svc-facts p { font-size:11px; }
  .svc-explorer { display:block; border:0; background:transparent; }
  .svc .svc-service-nav { display:none; }
  .svc-mobile-picker { display:block; font-size:11px; color:#a9c4d8; margin:0 0 20px; }
  .svc-mobile-picker select { display:block; width:100%; color:#eaf5fd; background:#13324a; border:1px solid #557a96; min-height:48px; padding:10px 14px; margin-top:8px; border-radius:3px; font-size:15px; }
  .svc .svc-service-panel { border:1px solid var(--svc-line); min-height:0; background:#0d2337; }
  .svc-service-copy { padding:27px; }
  .svc .svc-service-panel figure { padding:17px; min-height:340px; }
  .svc-service-panel figure>button { min-height:300px; }
  .svc .svc-heading h2 { font-size:39px; }
  .svc .svc-heading>p:last-child:not(.x-eyebrow) { font-size:14px; }
  .svc-about>.svc-wrap { grid-template-columns:1fr; gap:45px; }
  .svc-work-heading { display:block; }
  .svc-portfolio-link { display:inline-flex; margin:0 0 26px; }
  .svc-closing>.svc-wrap { display:block; }
  .svc-closing .svc-wrap>div:last-child { margin-top:26px; }
}
@media(max-width:575px) {
  .svc .svc-section { padding:47px 0; }
  .svc-wrap { width:calc(100% - 40px); }
  .svc .x-hero-copy h1 { font-size:40px; letter-spacing:-.055em; }
  .svc .x-intro { font-size:15px; line-height:1.7; }
  .svc .svc-heading h2 { font-size:34px; }
  .svc .x-eyebrow { font-size:9px; }
  .svc-facts span { font-size:8px; line-height:1.5; }
  .svc-facts strong { font-size:25px; }
  .svc-facts .svc-wrap>div:last-child strong { font-size:21px; }
  .svc .svc-facts p { font-size:10px; }
  .svc-service-copy { padding:24px 20px; }
  .svc .svc-service-copy h3 { font-size:27px; }
  .svc .svc-service-copy>p:not(.svc-software) { font-size:14px; }
  .svc-service-copy li { font-size:13px; }
  .svc .svc-service-panel figure { padding:12px; min-height:295px; }
  .svc-service-panel figure>button { min-height:255px; }
  .svc-course-visual { padding:25px 20px; }
  .svc .hc-case-grid { grid-template-columns:1fr; gap:30px; }
  .svc .hc-case-image { height:265px; }
  .svc .hc-case h3 { font-size:23px; }
  .svc-work-toolbar { align-items:flex-start; }
  .svc .hc-filters { flex-wrap:wrap; }
  .svc .hc-filters button { min-height:38px; padding:8px 10px; font-size:10px; }
  .svc [data-project-count] { white-space:nowrap; font-size:10px; padding-top:10px; }
  .svc-workflow>article { grid-template-columns:25px 1fr; gap:12px; padding:23px 0; }
  .svc .svc-workflow h3 { font-size:23px; }
  .svc .svc-closing h2 { font-size:35px; }
  .svc-image-dialog>header { padding:10px 12px; gap:12px; }
  .svc-image-dialog h2 { font-size:13px; }
  .svc-image-dialog>img { height:auto; max-height:72dvh; }
  .svc-preview-link { font-size:9px; padding:7px 9px; }
}
@media(max-width:359px) {
  .svc .x-hero-copy h1 { font-size:34px; }
  .svc .svc-heading h2 { font-size:30px; }
  .svc .svc-closing h2 { font-size:31px; }
}
@media(prefers-reduced-motion:reduce) { .svc * { animation:none!important; transition:none!important; } }