/* Intermatrix 6-service single page, isolated from legacy styles */ #serviceIndexPage.im-service{color:#242424;font-size:16px;line-height:1.85;overflow-wrap:break-word} .im-service *, .im-service *::before, .im-service *::after{box-sizing:border-box} .im-service a{transition:background-color .22s,color .22s,border-color .22s,transform .22s} .im-service img{max-width:100%;height:auto;display:block} .im-service .im-intro{padding:clamp(28px,5vw,60px);background:#f4f4f4;border-top:5px solid #252525;margin-bottom:34px} .im-service .im-eyebrow{font-size:13px;font-weight:700;letter-spacing:.2em;color:#a12c36;margin:0 0 12px} #container .im-service .im-intro h1{font-size:clamp(30px,3.6vw,43px);color:#252525;line-height:1.3;margin:0 0 24px;padding:0;background:none;border:0} .im-service .im-intro h1 span{display:block;font-size:14px;letter-spacing:.16em;color:#777777;font-weight:500;margin-top:6px} .im-service .im-intro-main{font-size:clamp(22px,2.6vw,29px);color:#252525;font-weight:700;line-height:1.55;margin:0 0 15px} .im-service .im-intro-sub{font-size:16px;line-height:1.9;max-width:790px;margin:0} .im-service .im-jump{margin:0 0 56px} .im-service .im-jump>p{font-weight:700;color:#252525;margin:0 0 12px} .im-service .im-jump-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} #container .im-service .im-jump-grid a{display:flex;flex-direction:column;justify-content:center;position:relative;gap:5px;text-decoration:none;background:#252525;color:#fff!important;padding:16px 34px 16px 17px;min-height:90px;border:2px solid #252525;font-size:14px;line-height:1.5} #container .im-service .im-jump-grid a span:first-child{font-size:11px;letter-spacing:.08em;color:#fff!important;opacity:.92} #container .im-service .im-jump-grid a strong{font-size:16px;color:#fff!important;font-weight:700} #container .im-service .im-jump-grid a .im-arrow{position:absolute;right:14px;bottom:14px;color:#fff!important} #container .im-service .im-jump-grid a:hover,#container .im-service .im-jump-grid a:focus-visible{background:#a12c36;color:#fff!important;border-color:#a12c36} .im-service .im-section{margin:0 0 74px;scroll-margin-top:25px} .im-service .im-section-heading{border-left:6px solid #a12c36;background:#f4f4f4;padding:16px 22px 17px;margin:0 0 26px} .im-service .im-section-heading>span{display:block;font-size:12px;letter-spacing:.1em;font-weight:700;color:#a12c36;margin-bottom:3px} #container .im-service .im-section-heading h2{font-size:clamp(24px,2.8vw,32px);line-height:1.45;color:#252525;margin:0!important;padding:0!important;background:none!important;border:0!important} .im-service .im-overview{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:clamp(20px,3vw,34px);align-items:center;margin:0 0 28px} .im-service .im-section:nth-child(even) .im-overview{grid-template-columns:minmax(0,1fr) minmax(0,46%)} .im-service .im-section:nth-child(even) .im-overview-media{order:2} .im-service .im-overview-media img{width:100%;aspect-ratio:630/330;object-fit:cover;box-shadow:0 8px 25px rgba(10,46,77,.10)} #container .im-service .im-overview h3{font-size:clamp(20px,2.35vw,27px);color:#252525;line-height:1.5;background:none!important;border:0!important;padding:0!important;margin:0 0 14px!important} .im-service .im-overview p{font-size:16px;line-height:1.95;margin:0} .im-service .im-offerings{display:grid;grid-template-columns:minmax(0,35%) minmax(0,1fr);gap:22px} .im-service .im-needs{padding:20px;background:#f4f4f4} .im-service .im-capabilities{padding:20px;border:1px solid #dedede} #container .im-service .im-offerings h3,#container .im-service .im-products h3{font-size:19px!important;color:#252525!important;margin:0 0 15px!important;padding:0 0 10px!important;background:none!important;border:0!important;border-bottom:2px solid #b09a65!important;line-height:1.5} .im-service .im-needs ul{padding:0;margin:0;list-style:none} .im-service .im-needs li{position:relative;padding:0 0 12px 20px;margin:0 0 12px;border-bottom:1px solid #dedede;font-size:15px;line-height:1.75} .im-service .im-needs li:last-child{margin:0;padding-bottom:0;border:0} .im-service .im-needs li:before{content:'✓';position:absolute;left:0;color:#a12c36;font-weight:700} .im-service .im-cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .im-service .im-cap{background:#fafafa;border:1px solid #e5e5e5;padding:14px;min-width:0} .im-service .im-cap-num{display:block;font-size:12px;color:#9a7634;font-weight:bold;margin-bottom:8px} #container .im-service .im-cap h4{font-size:17px!important;color:#252525!important;line-height:1.5;padding:0!important;margin:0 0 8px!important;border:0!important;background:none!important} .im-service .im-cap p{font-size:14px;line-height:1.8;margin:0} .im-service .im-support-note{font-size:14px;color:#666666;margin:16px 0 0} .im-service .im-products{margin-top:22px;padding:22px;background:#f5f5f5} .im-service .im-products>p{margin:0 0 15px;font-size:15px} .im-service .im-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} #container .im-service .im-products-grid a{display:flex;flex-direction:column;align-items:flex-start;gap:9px;background:#fff;color:#242424!important;border:1px solid #dedede;padding:18px;text-decoration:none;min-width:0} #container .im-service .im-products-grid a:hover{border-color:#a12c36;background:#f4f4f4;color:#252525!important} .im-service .im-products-grid img{height:55px;max-width:100%;width:auto;object-fit:contain} .im-service .im-products-grid strong{font-size:16px;line-height:1.55;color:#252525} .im-service .im-products-grid span{font-size:14px;line-height:1.7} .im-service .im-products-grid em{font-size:13px;font-style:normal;color:#a12c36;font-weight:bold;margin-top:auto} .im-service .im-process{margin:0 0 36px} .im-service .im-process-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0;margin:0} .im-service .im-process li{display:flex;flex-direction:column;gap:7px;padding:17px;border:1px solid #dedede;background:#fafafa} .im-service .im-process b{font-size:23px;color:#a12c36;line-height:1.2} .im-service .im-process strong{font-size:16px;color:#252525} .im-service .im-process li span{font-size:14px;line-height:1.65} .im-service .im-contact{padding:clamp(24px,4vw,42px);background:#252525;color:#fff;text-align:center;margin:0 0 14px} #container .im-service .im-contact h2{font-size:clamp(22px,2.8vw,30px);line-height:1.5;margin:0 0 12px!important;padding:0!important;color:#fff!important;background:none!important;border:0!important} .im-service .im-contact p{color:#fff!important;font-size:16px;line-height:1.85;margin:0 0 24px} #container .im-service .im-contact-btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-width:250px;min-height:52px;padding:12px 24px;border:2px solid #fff;background:#fff!important;color:#252525!important;text-decoration:none;font-weight:700;font-size:16px;line-height:1.5} #container .im-service .im-contact-btn:hover,#container .im-service .im-contact-btn:focus-visible{background:#efefef!important;color:#252525!important;border-color:#efefef} .im-service a:focus-visible{outline:3px solid #b08b49;outline-offset:3px} @media(max-width:920px){.im-service .im-offerings{grid-template-columns:minmax(0,1fr)}.im-service .im-jump-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:767px){ .im-service .im-intro{padding:24px 18px;margin-bottom:25px} .im-service .im-jump-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #container .im-service .im-jump-grid a{min-height:88px;padding:12px 23px 12px 12px} #container .im-service .im-jump-grid a strong{font-size:14px} .im-service .im-jump{margin-bottom:35px} .im-service .im-section{margin-bottom:52px} .im-service .im-section-heading{padding:12px 15px;margin-bottom:18px} .im-service .im-overview,.im-service .im-section:nth-child(even) .im-overview{grid-template-columns:minmax(0,1fr);gap:17px} .im-service .im-section:nth-child(even) .im-overview-media{order:0} .im-service .im-needs,.im-service .im-capabilities{padding:16px} .im-service .im-cap-grid,.im-service .im-products-grid{grid-template-columns:minmax(0,1fr)} .im-service .im-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .im-service .im-products{padding:16px} #container .im-service .im-contact-btn{width:100%;min-width:0} } @media(max-width:380px){.im-service .im-jump-grid{grid-template-columns:minmax(0,1fr)}.im-service .im-process-grid{grid-template-columns:minmax(0,1fr)}} @media(prefers-reduced-motion:reduce){.im-service a{transition:none}} /* 2026-10-26: full-width service visuals and narrow-screen layout corrections */ #container #serviceIndexPage.im-service, #container #serviceIndexPage.im-service .im-sections, #container #serviceIndexPage.im-service .im-section, #container #serviceIndexPage.im-service .im-overview, #container #serviceIndexPage.im-service .im-offerings, #container #serviceIndexPage.im-service .im-capabilities {min-width:0;max-width:100%;} #container #serviceIndexPage.im-service .im-overview, #container #serviceIndexPage.im-service .im-section:nth-child(even) .im-overview{ display:flex;flex-direction:column;align-items:stretch;gap:22px; } #container #serviceIndexPage.im-service .im-overview-media, #container #serviceIndexPage.im-service .im-section:nth-child(even) .im-overview-media{ order:0;width:100%;min-width:0;max-width:100%; } #container #serviceIndexPage.im-service .im-overview-text, #container #serviceIndexPage.im-service .im-section:nth-child(even) .im-overview-text{ order:1;width:100%;min-width:0;max-width:100%; } #container #serviceIndexPage.im-service .im-overview-media img{ width:100%;max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain; } /* Do not let legacy fixed widths or oversized content stretch mobile viewports */ @media screen and (max-width:767px){ #container #serviceIndexPage.im-service{width:100%;min-width:0;max-width:100%;padding:20px 0 32px;margin:0 auto;} #container #serviceIndexPage.im-service .im-intro{padding:22px 16px;margin-bottom:24px;} #container #serviceIndexPage.im-service .im-jump-grid{grid-template-columns:minmax(0,1fr);gap:8px;} #container #serviceIndexPage.im-service .im-jump-grid a{width:100%;max-width:100%;min-width:0;min-height:68px;padding:12px 37px 12px 14px;} #container #serviceIndexPage.im-service .im-jump-grid a strong{font-size:15px;overflow-wrap:anywhere;} #container #serviceIndexPage.im-service .im-section{margin-bottom:42px;} #container #serviceIndexPage.im-service .im-section-heading{padding:14px 15px;} #container #serviceIndexPage.im-service .im-section-heading h2{font-size:clamp(20px,5.6vw,27px);overflow-wrap:anywhere;} #container #serviceIndexPage.im-service .im-overview{gap:15px;margin-bottom:20px;} #container #serviceIndexPage.im-service .im-overview h3{font-size:clamp(19px,5vw,24px);line-height:1.5;} #container #serviceIndexPage.im-service .im-offerings{display:block;} #container #serviceIndexPage.im-service .im-needs{margin-bottom:14px;} #container #serviceIndexPage.im-service .im-cap-grid, #container #serviceIndexPage.im-service .im-products-grid, #container #serviceIndexPage.im-service .im-process-grid{grid-template-columns:minmax(0,1fr);} #container #serviceIndexPage.im-service .im-cap, #container #serviceIndexPage.im-service .im-products-grid a, #container #serviceIndexPage.im-service .im-process li{min-width:0;max-width:100%;} #container #serviceIndexPage.im-service .im-products-grid img{max-width:100%;height:auto;max-height:55px;} #container #serviceIndexPage.im-service .im-contact{padding:25px 16px;} #container #serviceIndexPage.im-service .im-contact-btn{width:100%;min-width:0;max-width:100%;gap:12px;} } /* 2026-10-26: neutral/red/gold identity, aligned headings and contained mobile rules */ #container #serviceIndexPage.im-service .im-offerings {align-items:stretch;} #container #serviceIndexPage.im-service .im-needs, #container #serviceIndexPage.im-service .im-capabilities {box-sizing:border-box;min-width:0;overflow:hidden;} #container #serviceIndexPage.im-service .im-offerings h3, #container #serviceIndexPage.im-service .im-products h3 { box-sizing:border-box!important;display:block!important;width:100%!important;max-width:100%!important; margin:0 0 18px!important;padding:0 0 11px!important; position:static!important;inset:auto!important;transform:none!important; border-top:0!important;border-left:0!important;border-right:0!important; border-bottom:2px solid #b08b49!important; background:none!important;color:#252525!important; line-height:1.5!important;text-align:left!important; } #container #serviceIndexPage.im-service .im-needs h3::before, #container #serviceIndexPage.im-service .im-needs h3::after, #container #serviceIndexPage.im-service .im-capabilities h3::before, #container #serviceIndexPage.im-service .im-capabilities h3::after {content:none!important;display:none!important;} #container #serviceIndexPage.im-service .im-jump-grid a{background:#252525!important;border-color:#252525!important;color:#fff!important;} #container #serviceIndexPage.im-service .im-jump-grid a:hover, #container #serviceIndexPage.im-service .im-jump-grid a:focus-visible{background:#a12c36!important;border-color:#a12c36!important;color:#fff!important;} #container #serviceIndexPage.im-service .im-jump-grid a strong, #container #serviceIndexPage.im-service .im-jump-grid a span{color:#fff!important;} #container #serviceIndexPage.im-service .im-contact {background:#252525!important;color:#fff!important;border-top:4px solid #b08b49;} #container #serviceIndexPage.im-service .im-contact-btn {background:#fff!important;color:#252525!important;border-color:#fff!important;} #container #serviceIndexPage.im-service .im-contact-btn:hover, #container #serviceIndexPage.im-service .im-contact-btn:focus-visible {background:#e7e7e7!important;color:#111!important;border-color:#e7e7e7!important;} #container #serviceIndexPage.im-service .im-section-heading {background:#f3f3f3;border-left-color:#a12c36;} #container #serviceIndexPage.im-service .im-section-heading h2 {color:#222!important;} #container #serviceIndexPage.im-service .im-cap-num {color:#9a7634;} @media(max-width:767px){ #container #serviceIndexPage.im-service .im-offerings{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;} #container #serviceIndexPage.im-service .im-needs{margin:0;} #container #serviceIndexPage.im-service .im-needs, #container #serviceIndexPage.im-service .im-capabilities{width:100%;max-width:100%;padding:16px;} #container #serviceIndexPage.im-service .im-offerings h3 {width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;} } /* Shared page-title treatment and complete GBP logo unit */ #container #serviceIndexPage.im-service .im-intro h3.pageTitle { display:block; width:auto; height:auto; min-height:68px; padding:27px 0 6px 44px; margin:0 0 24px; background:url(/img/common/title_mark.png) no-repeat left top; border:0; color:#333; font-size:28px; line-height:1.35; letter-spacing:.12em; } #container #serviceIndexPage.im-service .im-intro h3.pageTitle .en { display:block; margin:3px 0 0 2px; font-size:14px; line-height:1.3; color:#555; letter-spacing:.02em; font-weight:normal; } #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo { display:flex; align-items:center; flex-direction:row; gap:10px; width:100%; min-width:0; max-width:100%; height:auto; margin:0 0 4px; color:#252525; line-height:1.4; } #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo img { flex:none; width:48px; height:52px; max-height:none; object-fit:contain; } #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo-text { display:flex; flex-direction:column; flex:1; min-width:0; gap:2px; } #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo-text strong { display:block; margin:0; font-size:clamp(12px,1.1vw,15px); line-height:1.45; font-weight:700; color:#252525; overflow-wrap:anywhere; } #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-product-description { font-size:14px; line-height:1.7; color:#444; } @media(max-width:767px) { #container #serviceIndexPage.im-service .im-intro h3.pageTitle {font-size:23px; padding:27px 0 6px 42px;} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo-text strong {font-size:15px;} } /* 2026-10-26: consistent undecorated header and section headings */ #container #serviceIndexPage.im-service .im-intro { padding:0!important; margin:0 0 34px!important; background:none!important; border:0!important; border-radius:0!important; box-shadow:none!important; } #container #serviceIndexPage.im-service .im-intro h3.pageTitle { background-color:transparent!important; border:0!important; border-radius:0!important; } #container #serviceIndexPage.im-service .im-section-heading { padding:0 0 15px!important; margin:0 0 25px!important; background:none!important; border:0!important; border-radius:0!important; box-shadow:none!important; } #container #serviceIndexPage.im-service .im-section-heading > span { color:#a12c36!important; margin-bottom:4px!important; } /* The logo artwork is the only visible content of these two links. */ #container #serviceIndexPage.im-service .im-products-grid a:not(.im-product-gbp) { justify-content:center; align-items:center; min-height:142px; } #container #serviceIndexPage.im-service .im-products-grid a:not(.im-product-gbp) img { width:100%;height:auto;max-height:95px;object-fit:contain; } /* Keep the GBP icon and both lines of lettering together as one unbroken logo. */ #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo { gap:6px; } #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo img { width:35px;height:44px;flex:0 0 35px; } #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo-text { flex:1 1 auto;min-width:0;gap:0; } #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo-text strong { display:block!important; white-space:nowrap!important; overflow-wrap:normal!important; word-break:keep-all!important; font-size:clamp(9px,1vw,12px)!important; line-height:1.5!important; letter-spacing:-.045em!important; } @media (min-width:768px) and (max-width:1100px) { #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo img {width:29px;height:39px;flex-basis:29px;} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo-text strong {font-size:9px!important;} } @media (max-width:767px) { #container #serviceIndexPage.im-service .im-intro {margin-bottom:26px!important;} #container #serviceIndexPage.im-service .im-section-heading {padding:0 0 12px!important;margin-bottom:18px!important;} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo img {width:42px;height:50px;flex-basis:42px;} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo-text strong {font-size:clamp(10px,3.3vw,15px)!important;} } @media (max-width:360px) { #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo img {width:32px;flex-basis:32px;} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo-text strong {font-size:10px!important;} } /* 2026-10-26: legible three-product presentation. Use existing vector icon instead of a raster screenshot. */ #container #serviceIndexPage.im-service .im-products-grid {grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;} #container #serviceIndexPage.im-service .im-products-grid > a {justify-content:flex-start!important;align-items:flex-start!important;min-height:0;gap:13px;} #container #serviceIndexPage.im-service .im-products-grid > a.im-product-gbp {grid-column:1/-1;} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo {display:flex;align-items:center;gap:16px;width:auto;max-width:100%;margin-bottom:6px;} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo img {width:74px;height:80px;flex:0 0 74px;max-height:none;} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo-text {flex:0 1 auto;min-width:0;gap:2px;} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo-text strong {font-size:clamp(18px,2.2vw,26px)!important;letter-spacing:-.025em!important;line-height:1.45!important;white-space:nowrap!important;} #container #serviceIndexPage.im-service .im-products-grid > a.im-product-meo img, #container #serviceIndexPage.im-service .im-products-grid > a.im-product-subweb img {width:auto;max-width:100%;height:auto;max-height:76px;object-fit:contain;} #container #serviceIndexPage.im-service .im-products-grid > a .im-product-description {display:block;color:#444!important;font-size:15px;line-height:1.8;flex:0 0 auto;} #container #serviceIndexPage.im-service .im-products-grid > a em {display:block;color:#a12c36!important;margin-top:auto;padding-top:4px;font-style:normal;font-size:14px;font-weight:700;} @media(max-width:767px){ #container #serviceIndexPage.im-service .im-products-grid {grid-template-columns:minmax(0,1fr);} #container #serviceIndexPage.im-service .im-products-grid > a.im-product-gbp {grid-column:auto;} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo {gap:10px;} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo img {width:50px;height:58px;flex-basis:50px;} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo-text strong {font-size:clamp(11px,3.5vw,19px)!important;letter-spacing:-.045em!important;} } @media(max-width:360px){ #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo img {width:38px;height:46px;flex-basis:38px;} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo-text strong {font-size:clamp(10px,3.15vw,13px)!important;} } /* Equal layout for GBP, MEO and Subweb */ #container #serviceIndexPage.im-service .im-products-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;} #container #serviceIndexPage.im-service .im-products-grid > a, #container #serviceIndexPage.im-service .im-products-grid > a.im-product-gbp {grid-column:auto;display:flex;flex-direction:column;justify-content:flex-start!important;align-items:stretch!important;gap:12px;min-width:0;min-height:0;padding:16px;} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo {display:flex;align-items:center;gap:7px;width:100%;min-width:0;min-height:76px;margin:0!important;} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo img {width:38px;height:52px;flex:0 0 38px;object-fit:contain;} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo-text {min-width:0;flex:1 1 auto;} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo-text strong {font-size:clamp(9px,1.07vw,14px)!important;line-height:1.45!important;letter-spacing:-.04em!important;white-space:nowrap!important;} #container #serviceIndexPage.im-service .im-products-grid > a.im-product-meo img, #container #serviceIndexPage.im-service .im-products-grid > a.im-product-subweb img {display:block;height:76px;max-height:76px;width:100%;max-width:100%;object-fit:contain;object-position:left center;} #container #serviceIndexPage.im-service .im-products-grid > a .im-product-description {flex:1 1 auto;font-size:14px;line-height:1.7;} #container #serviceIndexPage.im-service .im-products-grid > a em {margin-top:auto;} @media screen and (max-width:900px) { #container #serviceIndexPage.im-service .im-products-grid {grid-template-columns:minmax(0,1fr);} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo {min-height:68px;} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo img {width:50px;height:58px;flex-basis:50px;} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo-text strong {font-size:clamp(11px,3.2vw,18px)!important;} #container #serviceIndexPage.im-service .im-products-grid > a.im-product-meo img, #container #serviceIndexPage.im-service .im-products-grid > a.im-product-subweb img {height:68px;max-height:68px;} } @media screen and (max-width:360px) { #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo img {width:38px;height:46px;flex-basis:38px;} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo-text strong {font-size:10px!important;} } /* Equal three-column logos: GBP icon enlarged without changing card priority. */ @media screen and (min-width:901px) { #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo {gap:5px!important;} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo img {width:47px!important;height:65px!important;flex:0 0 47px!important;max-height:none!important;} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo-text strong {font-size:clamp(10px,1.07vw,13px)!important;letter-spacing:-.055em!important;} } /* 2026-10-26: 20% larger GBP icon while keeping three cards equal. */ @media screen and (min-width:901px){ #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo img {width:56px!important;height:78px!important;flex:0 0 56px!important;} #container #serviceIndexPage.im-service .im-products-grid .im-product-gbp .im-gbp-logo-text strong {font-size:clamp(9px,1vw,13px)!important;letter-spacing:-.055em!important;} } #container #serviceIndexPage.im-service .im-products-grid .im-product-description {flex:1 1 auto!important;line-height:1.75!important;} /* 2026-10-26: サービスナビ・お問い合わせの背景を明るく統一 */ #container #serviceIndexPage.im-service .im-jump-grid a { background:#f1f1f1!important; border-color:#dedede!important; color:#252525!important; } #container #serviceIndexPage.im-service .im-jump-grid a strong, #container #serviceIndexPage.im-service .im-jump-grid a span, #container #serviceIndexPage.im-service .im-jump-grid a .im-arrow { color:#252525!important; } #container #serviceIndexPage.im-service .im-jump-grid a:hover, #container #serviceIndexPage.im-service .im-jump-grid a:focus-visible { background:#a12c36!important; border-color:#a12c36!important; color:#fff!important; } #container #serviceIndexPage.im-service .im-jump-grid a:hover strong, #container #serviceIndexPage.im-service .im-jump-grid a:hover span, #container #serviceIndexPage.im-service .im-jump-grid a:focus-visible strong, #container #serviceIndexPage.im-service .im-jump-grid a:focus-visible span { color:#fff!important; } #container #serviceIndexPage.im-service .im-contact { background:#f2f0eb!important; color:#252525!important; border:1px solid #e0dcd4!important; } #container #serviceIndexPage.im-service .im-contact h2, #container #serviceIndexPage.im-service .im-contact p { color:#252525!important; } #container #serviceIndexPage.im-service .im-contact-btn { background:#a12c36!important; color:#fff!important; border-color:#a12c36!important; } #container #serviceIndexPage.im-service .im-contact-btn:hover, #container #serviceIndexPage.im-service .im-contact-btn:focus-visible { background:#7e2029!important; color:#fff!important; border-color:#7e2029!important; } /* Reduce space between heading copy and underline, without overflow. */ #container #serviceIndexPage.im-service .im-offerings h3,#container #serviceIndexPage.im-service .im-products h3{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0 0 12px!important;padding:0 0 2px!important;line-height:1.4!important;border-radius:0!important;}