/* style */
*{box-sizing:border-box;margin:0;padding:0}html{font-size:calc(min(100vw,415px)/375*16);scroll-behavior:smooth;background:#f1f1f1}body{position:relative;width:100%;max-width:415px;margin:auto;min-height:100vh;background:#fff;box-shadow:2px 3px 10px #9996;color:#222;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #ffb200;outline-offset:3px}img{display:block;max-width:100%}.question{padding:.8rem 0;border-bottom:1px solid #eee}.question:last-child{border-bottom:0}.question .question-toggle{display:flex;gap:.45rem;list-style:none;cursor:pointer;font-size:.96rem;line-height:1.45rem;color:#333;align-items:flex-start}.question .question-toggle::-webkit-details-marker{display:none}@media(max-width:415px){body{box-shadow:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.question-toggle{width:100%;text-align:left}

/* Values from the reference widgets, on a 375px design canvas. */
html{font-size:16px;font-size:min(4.266666667vw,17.706666667px)}
body{font-family:"PingFang SC","Microsoft YaHei",Helvetica,Arial,sans-serif}
.question{padding:.9375rem 0}
.question .question-toggle{font-size:1rem;line-height:1.5rem;font-weight:500}

/* reference-widgets */

/**
 * @file: 组件动效的样式
 * @author: duqinzhi@baidu.com
 */
/* ========================= 基础皮肤样式 ========================= */
/* ========================= 简版本样式 ========================= */
/* ========================= 无导航时隐藏样式 ========================= */
/* ========================= 底部商家详情样式 ========================= */
/* ========================= 页面含有端内菜单按钮样式升级 ========================= */
/* ========================= 新标签样式 ========================= */
/* ========================= 动画class ========================= */
/* ========================= 过渡动画 ========================= */
/* ========================= 基础皮肤样式 ========================= */
/* ========================= 简版本样式 ========================= */
/* ========================= 动画class ========================= */
.mip-sjh-map-wrapper[data-v-69255f79] {
  width: 100%;
  height: 100%;
}
.mip-sjh-map-wrapper .mip-sjh-map[data-v-69255f79] {
  font-family: PingFangSC;
  padding: 0.9375rem 1.0625rem;
}
.mip-sjh-map-wrapper .mip-sjh-map-name[data-v-69255f79] {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: bold;
  vertical-align: rich;
}
.mip-sjh-map-wrapper .mip-sjh-map-img[data-v-69255f79] {
  position: relative;
  overflow: hidden;
}
.mip-sjh-map-wrapper .mip-sjh-map-img-icon[data-v-69255f79] {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.9375rem 0 0 -1.25rem;
  width: 2.25rem;
  height: 2.25rem;
  background: url("/template/index/static/images/reference-9ad215c643-cip_ml_pic80a9b0cc-914a-48c9-be14-c33bcd9bc421.png") center center no-repeat;
  background-size: contain;
}
.mip-sjh-map-wrapper .mip-sjh-map-addr[data-v-69255f79] {
  margin-top: 0.25rem;
  width: fit-content;
  font-size: 0.875rem;
  line-height: 1.5rem;
  vertical-align: middle;
}
.mip-sjh-map-wrapper .mip-sjh-map-addr-icon[data-v-69255f79] {
  display: inline-block;
  width: 0.9375rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  line-height: 1.5rem;
  vertical-align: middle;
  background: url("/template/index/static/images/reference-b1a90c4962-cip_ml_picbe0ba17e-917a-4166-b20b-37e4b624cb47.png") center center no-repeat;
  background-size: contain;
  background-position: 0 35%;
}
.mip-sjh-map-wrapper .mip-sjh-map-vertical .mip-sjh-map-img[data-v-69255f79] {
  margin: 0.375rem 0;
}

/* replica */
/* Local wrappers only. Component geometry comes from reference-widgets.css. */
:root{--groot-ui-color-brand-6:#ffb200;--groot-ui-color-brand-2:#fffbf2;--merchant-height:3.5rem}
.reference-map{display:block;position:relative}
#company-map{width:100%;aspect-ratio:4/1;background:#f8f8f8;overflow:hidden}
.map-loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:.75rem;color:#999}
.mip-sjh-map-addr{display:block}
.mip-sjh-map-img-icon{pointer-events:none}
.mip-sjh-map-wrapper{height:auto!important}
.mip-sjh-map-wrapper .mip-sjh-map-name{font-size:1.125rem;line-height:1.75rem;font-weight:700}
.mip-sjh-map-wrapper .mip-sjh-map-addr{font-size:.875rem}

/* Service card replaces the questions section below the product list. */
.customer-service{padding:0 .45289855rem .56612319rem;background:#fff}
.service-card{display:flex;align-items:center;gap:.56612319rem;min-height:4.09495773rem;padding:.67934783rem .73596014rem;background:#f1f7fd;border:1px solid #e4eef9;border-radius:.50951087rem}
.service-avatar{flex-shrink:0;width:2.26449275rem;height:2.26449275rem;border:2px solid #fff;border-radius:50%;object-fit:cover}
.service-info{flex:1;min-width:0}
.service-info h2{margin:0;font-size:.9057971rem;line-height:1.35;font-weight:600;color:#111}
.service-info p{margin:.22644928rem 0 0;font-size:.73596014rem;line-height:1.4;color:#666}
.service-phone{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:3.58544686rem;height:1.69836957rem;border-radius:1.69836957rem;background:#1864bd;color:#fff;font-size:.79257246rem;font-weight:600}
.footer{padding:1.125rem 3.75rem;min-height:5rem;border-top:1px solid #edf1f5;background:#fff;text-align:center;color:#718096;font-size:.75rem;line-height:1.8;overflow-wrap:break-word}
.footer p{margin:0}
.footer a{display:inline-block;color:inherit;text-decoration:none;white-space:nowrap}
.footer a:hover{text-decoration:underline;color:#1864bd}
.footer a:focus-visible{outline:2px solid #1864bd;outline-offset:3px;border-radius:2px}

/* Compact brand header and expandable navigation. */
.header{position:sticky;top:0;z-index:80;display:flex;align-items:center;gap:.5rem;height:3.5rem;padding:.375rem .75rem;background:#fff;border-bottom:1px solid #edf1f5}
.site-brand{display:flex;align-items:center;flex:1;min-width:0;height:100%}
.site-brand img{width:100%;height:100%;max-height:2.75rem;object-fit:contain;object-position:left center}
.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:.3rem;color:#1864bd}
.menu-toggle span{display:block;width:1.35rem;height:2px;background:currentColor;transition:transform .18s,opacity .18s}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(calc(.3rem + 2px)) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(calc(-.3rem - 2px)) rotate(-45deg)}
.menu-toggle,.menu-toggle:hover,.menu-toggle:focus-visible{background:transparent;box-shadow:none;border:0}
.site-menu{position:absolute;top:100%;left:0;right:0;padding:.375rem .75rem .625rem;background:#fff;border-bottom:1px solid #e5edf5;box-shadow:0 6px 12px #00000012}
.site-menu[hidden]{display:none}
.site-menu a{display:block;padding:.75rem .5rem;border-bottom:1px solid #f0f3f6;color:#333;font-size:.9375rem;line-height:1.4}
.site-menu a:last-child{border-bottom:0}
.site-menu a:hover,.site-menu a[aria-current]{color:#1864bd;background:#f4f8fd}
#about,#product,#case,#contact{scroll-margin-top:3.75rem}

/* Expandable company categories in the mobile navigation. */
.site-menu{max-height:calc(100dvh - 3.5rem);overflow-y:auto;overscroll-behavior:contain}
.site-menu > a,.site-menu > button,.site-submenu-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem .5rem;border:0;border-bottom:1px solid #f0f3f6;background:transparent;color:#333;font-size:.9375rem;font-weight:400;line-height:1.4;text-align:left}
.site-menu > a:last-child{border-bottom:0}
.site-menu-group{border-bottom:1px solid #f0f3f6}
.site-menu-group .site-submenu-toggle{border-bottom:0}
.site-submenu-arrow{width:.45rem;height:.45rem;margin-right:.25rem;border-right:1.5px solid #8a98a9;border-bottom:1.5px solid #8a98a9;transform:rotate(45deg);transition:transform .18s}
.site-submenu-toggle[aria-expanded="true"] .site-submenu-arrow{transform:rotate(225deg)}
.site-submenu[hidden]{display:none}
.site-submenu{padding:0 0 .35rem 1rem}
.site-submenu a,.site-submenu button{display:block;width:100%;padding:.65rem .65rem;border:0;border-bottom:1px solid #f0f3f6;background:transparent;color:#657184;font-size:.875rem;font-weight:400;line-height:1.4;text-align:left}
.site-submenu > :last-child{border-bottom:0}
.site-menu button:hover,.site-menu button[aria-current],.site-submenu-toggle[aria-expanded="true"]{color:#1864bd;background:#f4f8fd}

.news{padding:1.25rem 1.3125rem 1rem;background:#fff;scroll-margin-top:3.75rem}
.news-heading h2{margin:0;font-size:1.5rem;line-height:2.25rem;font-weight:700;color:#222}
.news-heading-line{display:block;width:10.4375rem;height:3px;margin:.375rem 0 .375rem;background:linear-gradient(to right,#ffb200 0,#ffb200 3.1875rem,#e0e0e0 3.1875rem,#e0e0e0 100%)}
.news-item{padding:1rem 0;border-bottom:1px solid #edf1f5}
.news-item:last-child{border-bottom:0}
.news-link{display:flex;align-items:flex-start;gap:.75rem;width:100%;text-align:left}
.news-link>img{flex-shrink:0;width:5.5rem;height:4.125rem;margin-top:.125rem;object-fit:cover;border-radius:.25rem;background:#f7f8fa}
.news-item-body{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start}
.news-date{font-size:.625rem;line-height:1.4;color:#8490a0}
.news-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:.1875rem 0 .25rem;font-size:.9375rem;line-height:1.4;font-weight:600;color:#222}
.news-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.75rem;line-height:1.6;color:#858585}
.news-read-more{display:block;margin-top:.375rem;font-size:.6875rem;line-height:1.4;color:#1864bd}
.news-link:hover .news-title{color:#1864bd}

/* swiper-bundle.min */
/**
 * Swiper 12.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 27, 2026
 */

:root{--swiper-theme-color:#007aff}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
/* banner */
.banner.swiper { width: 100%; height: auto; overflow: hidden; background: #102b4c; --swiper-pagination-color: #fff; --swiper-pagination-bullet-inactive-color: #fff; --swiper-pagination-bullet-inactive-opacity: .45; --swiper-pagination-bullet-size: 6px; --swiper-pagination-bottom: 10px; }
.banner .swiper-slide { height: auto; }
.banner .swiper-slide img { display: block; width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; }
.banner .swiper-pagination-bullet { border: 0; padding: 0; }
@media (min-width: 768px) {
  .banner.swiper { width: 100%; max-width: none; height: 700px; }
  .banner .swiper-slide { height: 100%; }
  .banner .swiper-slide img { height: 100%; aspect-ratio: auto; object-fit: cover; object-position: center; }
}
/* product-cards */

/* responsive */
/* Keep the existing phone layout; expand content only on larger screens. */
@media (min-width: 768px) {
  .customer-service, .contact { display: none; }
  html { font-size: 16px; background: #fff; }
  body { max-width: none; box-shadow: none; }
  .header { height: 5rem; padding: .75rem max(2rem, calc((100vw - 1200px)/2)); }
  .site-brand { flex: 1; }
  .site-brand img { width: auto; max-width: 20rem; max-height: 3rem; }
  .menu-toggle { display: none; }
  .site-menu, .site-menu[hidden] { position: static; display: flex; flex-shrink: 0; align-items: center; gap: 1.25rem; max-height: none; overflow: visible; padding: 0; border: 0; box-shadow: none; }
  .site-menu > a, .site-submenu-toggle { width: auto; padding: .75rem .7rem; border: 0; white-space: nowrap; }
  .site-menu-group { position: relative; border: 0; }
  .site-submenu { position: absolute; top: 100%; left: 0; width: 10rem; padding: .5rem; background: #fff; box-shadow: 0 6px 20px #0002; }
  .main > section:not(.banner) { padding: 3rem max(2rem, calc((100vw - 1200px)/2)); }
  #product { text-align: center; padding-bottom: 1rem; }
  .service-card { padding: 1.5rem 2rem; }
  .service-avatar { width: 4rem; height: 4rem; }
  .service-info h2 { font-size: 1.25rem; }
  .service-info p { font-size: 1rem; }
  .service-phone { width: 6rem; height: 2.5rem; font-size: 1rem; }
  .news-link > img { width: 14rem; height: 9rem; }
  .news-title { font-size: 1.25rem; }
  .news-summary { font-size: 1rem; }
  .news-date, .news-read-more { font-size: .875rem; }
  .news-link { gap: 2rem; }
  #company-map { aspect-ratio: 3 / 1; }
  .footer { padding: 2rem; font-size: .875rem; }
  #about, #product, #case, #contact, #news { scroll-margin-top: 5rem; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .header { padding: .75rem 1rem; }
  .site-brand img { max-width: 13rem; }
  .site-menu > a, .site-submenu-toggle { font-size: .8rem; padding: .75rem .4rem; }
}
/* Separate desktop news presentation; preserve the existing mobile list. */
.news-desktop { display: none; }
@media (min-width: 768px) {
  .news-mobile { display: none; }
  .news-desktop { display: block; }
  .main > .news { padding-top: 4.5rem; padding-bottom: 4.5rem; background: #f6f8fb; }
  .news-desktop-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 2rem; margin-bottom: 2rem; }
  .news-desktop-heading h2 { margin: 0; font-size: 2rem; line-height: 1.4; color: #17263b; }
  .news-desktop-heading > p { color: #788393; font-size: .875rem; line-height: 1.8; }
  .news-desktop-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.5rem; }
  .news-card { min-width: 0; display: flex; flex-direction: column; padding: 1.75rem; border: 1px solid #e5eaf1; border-radius: .375rem; background: #fff; }
  .news-card-meta { display: flex; align-items: center; justify-content: space-between; gap: .5rem; font-size: .75rem; line-height: 1.6; }
  .news-card-meta > span { color: #1864bd; }
  .news-card-meta time { color: #8b95a3; }
  .news-card h3 { margin: 0 0 .875rem; color: #17263b; font-size: 1.2rem; line-height: 1.6; }
  .news-card > p { flex: 1; margin: 0 0 1.75rem; color: #788393; font-size: .875rem; line-height: 1.9; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .news-card { padding: 1.25rem; }
  .news-desktop-grid { gap: 1rem; }
  .news-card h3 { font-size: 1rem; }
}
/* Desktop navigation: understated underline and hover dropdown. */
@media (min-width: 768px) {
  .header .site-menu a:hover,
  .header .site-menu a[aria-current],
  .header .site-menu button:hover,
  .header .site-menu button[aria-current],
  .header .site-submenu-toggle[aria-expanded="true"] { background: transparent; color: #1864bd; }
  .site-menu > a, .site-menu-group > .site-submenu-toggle { position: relative; }
  .site-menu > a::after, .site-menu-group > .site-submenu-toggle::after {
    content: ''; position: absolute; left: .7rem; right: .7rem; bottom: .2rem;
    height: 2px; background: #1864bd; transform: scaleX(0); transition: transform .18s;
  }
  .site-menu > a[aria-current]::after,
  .site-menu > a:hover::after,
  .site-menu > a:focus-visible::after,
  .site-menu-group:has([aria-current]) > .site-submenu-toggle::after,
  .site-menu-group > .site-submenu-toggle[aria-expanded="true"]::after { transform: scaleX(1); }
  .site-menu-group > .site-submenu-toggle { gap: .6rem; }
  .site-menu-group > .site-submenu-toggle::after { right: 1.75rem; }
  .site-submenu-arrow { flex-shrink: 0; width: .375rem; height: .375rem; margin: -.2rem 0 0; }
  .site-submenu-toggle[aria-expanded="true"] .site-submenu-arrow { margin-top: .2rem; }
  .site-submenu { border: 1px solid #edf1f5; border-radius: .25rem; box-shadow: 0 8px 24px #182f4914; }
}
/* Desktop news image cards. */
@media (min-width: 768px) {
  .news-card { padding: 0; overflow: hidden; }
  .news-card-image { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: contain; padding: 1.25rem; background: #f0f3f7; }
  .news-card-meta { justify-content: flex-start; padding: .75rem .75rem 0; }
  .news-card h3 { margin: .25rem .75rem; font-size: 1.1rem; }
  .news-card > p { margin: 0 .75rem 1.25rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
}
@media (min-width: 768px) {
  .footer { display: flex; align-items: center; justify-content: center; gap: 1.25rem; min-height: 0; padding: .875rem 2rem; line-height: 1.5rem; }
  .footer p, .footer a { margin: 0; white-space: nowrap; }
}
/* The About navigation item also links to its page. */
.site-menu .site-submenu-toggle{display:flex;align-items:center;justify-content:space-between}

/* Service steps: icon font, CSS circles and ordered step counters. */
@font-face{font-family:service-icons;src:url('/template/index/static/fonts/service-icons.ttf') format('truetype');font-weight:400;font-style:normal;font-display:block}
.service{padding:.8rem 1.0625rem 2.5rem;background:#fff}
.service h2{margin:0;font-size:1.5rem;line-height:2.25rem;font-weight:700}
.service-heading-line{width:10.4375rem;height:3px;margin-top:.6rem;background:linear-gradient(to right,#ffb200 0,#ffb200 3.1875rem,#e0e0e0 3.1875rem,#e0e0e0 100%);margin-bottom:1.6rem}
.service-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1rem;list-style:none;counter-reset:service-step}
.service-step{min-width:0;text-align:center;counter-increment:service-step}
.service-step-circle{position:relative;display:flex;align-items:center;justify-content:center;width:min(100%,9rem);aspect-ratio:1;margin:0 auto 1rem;border:1px solid #f1a325;border-radius:50%;background:#f9bb3c;color:#263437}
.service-step-circle::after{content:counter(service-step);position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid #151b20;border-radius:50%;background:#292d30;color:#fff;font:700 1.2rem/1 Arial,sans-serif}
.service-step-icon{font-family:service-icons!important;font-size:3.75rem;font-weight:400;font-style:normal;line-height:1;-webkit-font-smoothing:antialiased}
.service-step h3{margin:0 0 .4rem;font-size:1rem;font-weight:700;line-height:1.5}
.service-step p{margin:0;font-size:.875rem;line-height:1.7;color:#666}
@media(min-width:768px){.service-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin:53px 0 33px 0}.service-step-circle{width:10rem;margin-bottom:1.5rem}.service-step-icon{font-size:4rem}.service-step h3{font-size:1.125rem}.service-step p{font-size:1rem}}
/* Desktop case gallery: three columns, two rows. */

/* Desktop news links and image hover. */
@media(min-width:768px){
  .news-more{display:inline-flex;align-items:center;gap:.6rem;padding:.35rem 0;color:#788393;font-size:.875rem;line-height:1.8;white-space:nowrap}
  .news-more:hover,.news-more:focus-visible,.news-card h3 a:hover,.news-card h3 a:focus-visible{color:#1864bd}
  .news-card-cover{display:block;overflow:hidden;background:#f0f3f7}
  .news-card-image{transition:transform .45s ease}
  .news-card:hover .news-card-image,.news-card:focus-within .news-card-image{transform:scale(1.06)}
  .news-card h3 a{display:block;color:inherit;transition:color .2s}
}
@media(prefers-reduced-motion:reduce){.news-card-image{transition:none}}
.news-more-icon{display:inline-block;flex-shrink:0;width:.35rem;height:.35rem;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}

@media(min-width:768px){
  .news-desktop-heading h2{font-size:1.5rem;line-height:2.25rem;font-weight:700;color:#222}
  .news-desktop-heading h2::after{content:'';display:block;width:10.4375rem;height:3px;margin-top:.6rem;background:linear-gradient(to right,#ffb200 0,#ffb200 3.1875rem,#e0e0e0 3.1875rem,#e0e0e0 100%)}
}
/* Linked product and case images. */
.about-more{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.25rem;padding:.35rem 0;color:#788393;font-size:.875rem;line-height:1.8;white-space:nowrap;transition:color .2s}
.about-more:hover,.about-more:focus-visible{color:#1864bd}
/* Desktop footer; phone layout keeps the compact copyright block. */
.footer-main{display:none}
@media(min-width:768px){
  .footer{display:block;padding:0;background:#fff;text-align:left;font-size:.875rem;line-height:1.8}
  .footer-main{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:3rem;max-width:1264px;margin:0 auto;padding:3rem 2rem}
  .footer .footer-brand{display:inline-block;color:#22324a;font-size:1.5rem;font-weight:700;line-height:1.4;white-space:normal;text-decoration:none}
  .footer-brand::before{content:'';display:block;width:2rem;height:3px;margin-bottom:1rem;background:#ffb200}
  .footer-brand span{display:block;margin-top:.3rem;color:#788393;font-size:.875rem;font-weight:400;letter-spacing:.12em}
  .footer .footer-summary{max-width:23rem;margin:1rem 0;color:#788393;font-size:.875rem;line-height:1.9;white-space:normal}
  .footer .footer-about{display:inline-flex;align-items:center;gap:.6rem;color:#1864bd;font-size:.8125rem}
  .footer h2{margin:0 0 1.25rem;color:#22324a;font-size:1rem;font-weight:600;line-height:1.5}
  .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.5rem}
  .footer-links a{font-size:.875rem}
  .footer .footer-contact-label{color:#8b95a3;font-size:.8125rem;white-space:normal}
  .footer .footer-phone{margin:.5rem 0 .75rem;color:#1864bd;font-size:1.65rem;font-weight:600;line-height:1.5;letter-spacing:.02em}
  .footer .footer-address{font-size:.8125rem;color:#788393;white-space:normal}
  .footer-bottom{display:flex;align-items:center;justify-content:center;gap:1.25rem;padding:.875rem 2rem;border-top:1px solid #edf1f5;background:#f8fafc;font-size:.8125rem;line-height:1.5rem}
}
@media(min-width:768px) and (max-width:1023px){
  .footer-main{gap:1.5rem;grid-template-columns:1.3fr 1fr 1.2fr}
  .footer .footer-brand{font-size:1.25rem}
  .footer .footer-phone{font-size:1.25rem}
  .footer-links{gap:.75rem}
}
/* Desktop news: floating paper panels over product photography. */
@media(min-width:768px){
  .news-card{padding:0;border:0;border-radius:0;overflow:visible;background:transparent}
  .news-card-cover{border-radius:.5rem;background:#edf1f6}
  .news-card-image{aspect-ratio:3/2;padding:.75rem;background:linear-gradient(145deg,#e7ecf3,#f5f7fa);object-fit:contain}
  .news-card-body{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;margin:-1.5rem .25rem 0;padding:1.25rem 1.5rem 1rem;border:1px solid #e5eaf1;border-radius:.625rem;background:#fff;box-shadow:0 12px 28px -16px #243a5726}
  .news-card-body .news-card-meta{padding:0;line-height:1.6}
  .news-card-body h3{margin:.75rem 0 .6rem;font-size:1.1rem;line-height:1.6}
  .news-card-body>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;color:#788393;font-size:.875rem;line-height:1.9;min-height:3.8em}
  .news-card-action{display:flex;align-items:center;justify-content:space-between;min-height:1.5rem;margin-top:1.25rem;color:#718096}
  .news-card-accent{display:block;width:1.5rem;height:2px;background:#ffb200;transition:width .25s}
  .news-card-action:hover,.news-card-action:focus-visible{color:#1864bd}
  .news-card-action:hover .news-card-accent{width:2.25rem}
}
@media(min-width:768px) and (max-width:1023px){
  .news-card-body{padding:1rem}
  .news-card-body h3{font-size:1rem}
}
/* Layered dark power-distribution scene behind the case gallery. */
#case{background-color:#101a32;background-image:linear-gradient(180deg,rgba(9,16,37,.68),rgba(15,24,53,.48) 45%,rgba(7,14,32,.8)),url('/template/index/static/images/case-depth-hall-20261030.png');background-position:center;background-size:cover;background-repeat:no-repeat}
/* Wide photographic banners, preserving baked-in titles. */
.banner-product{background:#152b44}
.banner-scene{background:#e7e9eb}
@media(min-width:1200px){.banner .swiper-slide img{object-position:18% center}}
@media(min-width:768px) and (max-width:1199px){.banner .swiper-slide img{object-fit:contain}}
/* Phone banners fill the frame proportionally; crop horizontal overflow. */
@media(max-width:767px){
  .banner.swiper{height:calc(min(100vw,415px)*7/16);overflow:hidden}
  .banner .swiper-slide{height:100%;overflow:hidden}
  .banner .swiper-slide img{width:100%;height:100%;object-fit:cover;object-position:center;max-width:none}
}
@media(min-width:768px){
  #product{padding-bottom:.5rem}
}

/* Homepage content styles, extracted from template attributes. */
.about{background:rgba(247, 247, 247, 1)}
@media(max-width:767px){
.about{height:42.626953rem}
.case{height:44.250977rem}
.case-heading{left:1.312500rem;top:1.248047rem;width:19.906250rem;height:2.250000rem}
}

@media(min-width:768px) and (max-width:1023px){}

/* Self-contained content sections and cards, in normal document flow. */
.main>.product{padding:0 0 .75rem;background:#fff}
.product-heading{position:static;width:auto;height:auto;padding:.75rem;margin:0;text-align:center;font-size:1.5rem;line-height:2.25rem;font-weight:700}
.product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding:0 .75rem;list-style:none}
.product-item{min-width:0;overflow:hidden;border:1px solid #d7dfe7;border-radius:.5rem;background:#fff}
.product-link{display:block;height:100%}
.product-image{aspect-ratio:10/7;overflow:hidden;background:#f5f8fa}
.product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .45s}
.product-info{padding:.45rem .6rem .55rem}
.product-info h3{overflow:hidden;margin:0;color:#161a20;font-size:.83rem;line-height:1.3rem;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.product-tags{display:flex;gap:.25rem;margin-top:.12rem}
.product-tags span{padding:0 .22rem;border:1px solid #a8bbd0;border-radius:.17rem;color:#526d8a;font-size:.58rem;line-height:calc(.95rem - 2px)}
.main>.about{display:block;height:auto!important;padding:0;background:#f7f7f7}
.about-media{min-width:0}
.about-image{display:block;width:100%;height:auto;aspect-ratio:23.4375/11.513158;object-fit:cover}
.about-content{padding:1.25rem .75rem 2rem}
.about-heading{position:static;width:auto;height:auto;margin:0 0 1.5rem;font-size:1.5rem;line-height:2.25rem;font-weight:700}
.about-copy{position:static;width:auto;height:auto;color:#666;font: .875rem/1.5 Arial,"Microsoft YaHei",sans-serif}
.about-copy p{margin:0}
.main>#case{display:block;height:auto!important;padding:1.25rem 1.0625rem 2.5rem}
.case-heading{position:static;width:auto;height:auto;margin:0 0 1.5rem;color:#243449;font-size:1.5rem;line-height:2.25rem;font-weight:700}
.case-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem .5rem;list-style:none}
.case-item{min-width:0}
.case-link{display:block}
.case-image{aspect-ratio:4/3;overflow:hidden}
.case-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}
.case-item h3{margin:.75rem 0 0;text-align:center;color:#243449;font:400 .875rem/1.5 Arial,"Microsoft YaHei",sans-serif}
.news-mobile .news-title{font-weight:600}
@media(min-width:768px){
 .main>.product{padding:3rem max(2rem,calc((100vw - 1200px)/2)) 5rem}
 .product-heading{padding:0;margin-bottom:1.75rem}
 .product-list{gap:1.5rem;padding:0}
 .product-info h3{font-size:1rem;line-height:1.8}
 .main>.about{display:grid;grid-template-columns:1fr 1.1fr;align-items:stretch;gap:3rem;padding:3rem max(2rem,calc((100vw - 1200px)/2))}
 .about-media .about-image{height:100%;aspect-ratio:auto}
 .about-content{align-self:center;padding:0}
 .about-heading{margin-bottom:1.5rem}
 .about-copy{line-height:2}
 .main>#case{padding:3rem max(2rem,calc((100vw - 1200px)/2))}
 .case-heading{margin-bottom:1.25rem}
 .case-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
 .case-image{aspect-ratio:3/2}
 .case-item h3{margin-top:1rem}
}
@media(min-width:1024px){.product-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:768px) and (max-width:1023px){.main>.about{grid-template-columns:1fr;gap:1.5rem}.about-media .about-image{height:auto;aspect-ratio:23.4375/11.513158;max-height:22rem}}
@media(hover:hover){.product-item:hover img,.product-item:focus-within img,.case-item:hover img,.case-item:focus-within img{transform:scale(1.06)}.product-link:hover h3,.case-link:hover h3{color:#1864bd}}
@media(prefers-reduced-motion:reduce){.product-image img,.case-image img{transition:none}}
.product-info{text-align:left}
@media(min-width:768px){#product.product{padding-bottom:5rem}}
@media(max-width:767px){
 .about-heading::after,.case-heading::after{content:'';display:block;width:10.4375rem;height:3px;margin-top:.6rem;background:linear-gradient(to right,#ffb200 0,#ffb200 3.1875rem,#e0e0e0 3.1875rem,#e0e0e0 100%)}
}
/* Shared PNG branding on desktop and mobile. */
.header .site-brand img{width:auto;height:auto;max-width:100%;max-height:2.75rem}
.footer .footer-brand::before{display:none}
.footer-brand img{display:block;width:198px;max-width:100%;height:auto}
#case .case-heading{color:#fff}
#case .case-link{overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:.5rem;background:rgba(255,255,255,.06);box-shadow:0 10px 28px rgba(0,0,0,.2);transition:background .25s,border-color .25s}
#case .case-item h3{margin:0;padding:1rem .5rem;color:#edf3fa}
@media(min-width:768px){.header .site-brand img{max-height:3rem}}
@media(hover:hover){#case .case-link:hover,#case .case-link:focus-visible{background:rgba(255,255,255,.12);border-color:rgba(151,195,239,.6)}#case .case-link:hover h3{color:#b6d9ff}}
@media(prefers-reduced-motion:reduce){#case .case-link{transition:none}}

/* Clean brand facade, framed to keep the complete sign visible. */
.about-media .about-image{object-position:55% 60%}
@media(max-width:767px){.about-media .about-image{aspect-ratio:3/2;height:auto}}

/* Raised project frames over an atmospheric architectural backdrop. */
#case{position:relative;isolation:isolate}
#case .case-heading{position:relative;margin-bottom:1.75rem;text-shadow:0 2px 12px rgba(0,0,0,.35)}
#case .case-list{position:relative;align-items:stretch}
#case .case-item{display:flex;min-width:0}
#case .case-link{position:relative;display:flex;flex:1;flex-direction:column;min-width:0;padding:.5rem .5rem 0;border:1px solid rgba(204,219,255,.25);border-top-color:rgba(227,236,255,.45);border-radius:.75rem;background:linear-gradient(145deg,rgba(77,96,140,.55),rgba(19,31,59,.94));box-shadow:0 18px 35px -12px rgba(0,0,0,.7),0 3px 6px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.12);transition:transform .25s,box-shadow .25s,border-color .25s}
#case .case-image{width:100%;border-radius:.4rem;box-shadow:0 2px 8px rgba(0,0,0,.25);background:#152039}
#case .case-item h3{display:flex;flex:1;align-items:center;justify-content:center;min-height:3.5rem;margin:0;padding:.875rem .5rem;color:#f0f3ff;line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.35)}
#case .case-link:focus-visible{outline:2px solid #bfcaff;outline-offset:4px}
@media(min-width:768px){.main>#case{padding-top:3.5rem;padding-bottom:4rem}#case .case-list{gap:2rem}}
@media(max-width:767px){#case .case-list{gap:1.25rem .75rem}#case .case-link{padding:.3rem .3rem 0;border-radius:.5rem}#case .case-item h3{min-height:3.5rem;padding:.75rem .25rem;font-size:.8125rem}}
@media(hover:hover){#case .case-link:hover,#case .case-link:focus-visible{transform:translateY(-6px);border-color:rgba(205,218,255,.65);background:linear-gradient(145deg,rgba(90,111,160,.65),rgba(24,39,71,.96));box-shadow:0 26px 40px -12px rgba(0,0,0,.75),0 0 20px rgba(106,128,214,.12),inset 0 1px 0 rgba(255,255,255,.2)}#case .case-link:hover h3{color:#fff}}
@media(prefers-reduced-motion:reduce){#case .case-link{transition:none}#case .case-link:hover,#case .case-link:focus-visible{transform:none}}

/* Light project frames stand apart from the dark hall backdrop. */
#case .case-link{background:linear-gradient(145deg,#fff,#e6ecf5);border-color:#e0e6ef;border-top-color:#fff;box-shadow:0 18px 35px -12px rgba(0,0,0,.65),0 3px 6px rgba(0,0,0,.18),inset 0 1px 0 #fff}
#case .case-item h3{color:#263650;text-shadow:none}
@media(hover:hover){#case .case-link:hover,#case .case-link:focus-visible{background:linear-gradient(145deg,#fff,#edf1fa);border-color:#fff;box-shadow:0 26px 40px -12px rgba(0,0,0,.7),0 0 20px rgba(166,182,239,.15),inset 0 1px 0 #fff}#case .case-link:hover h3{color:#303492}}
/* Shared 300px column banners, with a dedicated image for each inner page. */
.main>section.column-banner{position:relative;isolation:isolate;display:flex;align-items:center;width:100%;height:300px;min-height:300px;margin:0;padding:0 max(2rem,calc((100% - 1200px)/2));overflow:hidden;background:#1b2446;box-sizing:border-box}
.column-banner-image{position:absolute;z-index:-2;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.column-banner::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(11,21,52,.82),rgba(22,33,73,.45) 48%,rgba(15,27,56,.12))}
.column-banner-content{position:relative;color:#fff}
.column-banner-content h1{margin:0;font-size:2.25rem;line-height:1.4;font-weight:600;letter-spacing:.12em;text-shadow:0 2px 16px rgba(0,0,0,.25)}
.column-banner-line{display:block;width:3rem;height:3px;margin-top:1.25rem;background:#c3c8ff}
@media(max-width:767px){.main>section.column-banner{padding:0 1.5rem}.column-banner-content h1{font-size:1.75rem}.column-banner-image{object-position:60% center}}

/* Minimal homepage heroes: 800px desktop canvas and responsive phone framing. */
.banner .banner-copy{position:absolute;z-index:2;top:50%;left:max(2rem,calc((100% - 1200px)/2));transform:translateY(-50%);max-width:45%;color:#263650}
.banner .banner-copy h2{margin:0;font-size:clamp(2rem,3vw,3.5rem);font-weight:600;line-height:1.35;letter-spacing:.04em}
.banner .banner-copy p{margin:1.25rem 0 0;font-size:1.125rem;letter-spacing:.15em;line-height:1.8;color:#61708a}
.banner .banner-scene .banner-copy{color:#fff}
.banner .banner-scene .banner-copy p{color:#d3dcea}
.banner:has(.banner-product.swiper-slide-active){--swiper-pagination-color:#303492;--swiper-pagination-bullet-inactive-color:#303492}
@media(min-width:768px){.banner.swiper{height:800px}.banner .swiper-slide img{width:100%;height:100%;object-fit:cover;object-position:center}}
@media(max-width:767px){.banner.swiper{height:calc(min(100vw,415px)*5/12)}.banner .swiper-slide img{object-position:center}.banner .banner-copy{left:1rem;max-width:47%}.banner .banner-copy h2{font-size:1.125rem;letter-spacing:0}.banner .banner-copy p{margin:.5rem 0 0;font-size:.625rem;letter-spacing:.04em}}

/* Hero typography: brand signature, two-line message and a quiet text link. */
.banner .banner-copy{max-width:560px;width:44%;text-align:left}
.banner .banner-eyebrow{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.8125rem;font-weight:500;line-height:1.5;letter-spacing:.16em;color:#5c6985}
.banner .banner-eyebrow::before{content:'';width:1.5rem;height:2px;background:#303492}
.banner .banner-copy h2{font-size:clamp(2rem,2.7vw,3.25rem);font-weight:600;line-height:1.4;letter-spacing:.035em;color:#24334d}
.banner .banner-copy h2 span{display:block;color:#303492}
.banner .banner-copy p{margin:1.5rem 0 0;font-size:1rem;line-height:1.8;letter-spacing:.1em;color:#62718a}
.banner .banner-action{display:inline-flex;align-items:center;gap:2rem;margin-top:2.5rem;padding:.625rem 0;border-bottom:1px solid #a7afc2;color:#303492;font-size:.875rem;line-height:1.5;letter-spacing:.08em}
.banner .banner-action span{font-size:1.25rem;line-height:1;transition:transform .2s}
.banner .banner-scene .banner-eyebrow{color:#bdc9df}
.banner .banner-scene .banner-eyebrow::before{background:#a8b8ed}
.banner .banner-scene .banner-copy h2{color:#fff}
.banner .banner-scene .banner-copy h2 span{color:#c4d0ff}
.banner .banner-scene .banner-copy p{color:#c3cfe0}
.banner .banner-scene .banner-action{color:#f0f3ff;border-color:#7c8aa5}
@media(hover:hover){.banner .banner-action:hover span{transform:translate(2px,-2px)}}
@media(min-width:768px) and (max-width:1199px){.banner .banner-product::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,247,251,.94),rgba(245,247,251,.8) 40%,transparent 75%);pointer-events:none}.banner .banner-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,27,47,.92),rgba(15,27,47,.6) 40%,transparent 75%);pointer-events:none}.banner .banner-copy{width:52%;max-width:52%}.banner .banner-copy h2{font-size:2rem}.banner .banner-copy p{font-size:.8125rem}}
@media(max-width:767px){.banner .banner-copy{width:49%;max-width:49%}.banner .banner-eyebrow{gap:.375rem;margin-bottom:.5rem;font-size:.5rem;letter-spacing:.06em}.banner .banner-eyebrow::before{width:.75rem;height:1px}.banner .banner-copy h2{font-size:1.0625rem;line-height:1.45;letter-spacing:0}.banner .banner-copy p{margin:.5rem 0 0;font-size:.5625rem;line-height:1.6;letter-spacing:0}.banner .banner-action{display:none}}

/* Square corners for the home project gallery on all screen sizes. */
#case .case-link,#case .case-image,#case .case-image img{border-radius:0}

/* Paragraph rhythm for the complete company introduction. */
.about-copy p+p{margin-top:.875rem}

/* Dimensional company photo with an offset indigo plinth and a crisp white mat. */
#about .about-media{position:relative;isolation:isolate;align-self:center;padding:0 1.25rem 1.25rem 0;margin:0;min-width:0}
#about .about-media::before{content:'';position:absolute;z-index:-1;inset:1.75rem 0 0 1.75rem;background:linear-gradient(135deg,#525ca2,#252e67);box-shadow:0 12px 24px -16px rgba(26,38,86,.5);pointer-events:none}
#about .about-media::after{content:'';position:absolute;z-index:2;left:-.625rem;top:-.625rem;width:3.5rem;height:3.5rem;border-top:3px solid #343b8c;border-left:3px solid #343b8c;pointer-events:none}
#about .about-media .about-image{position:relative;display:block;width:100%;height:auto;max-height:none;aspect-ratio:3/2;object-fit:cover;object-position:55% 60%;padding:.5rem;border:1px solid #e0e5ef;background:#fff;box-shadow:0 22px 36px -18px rgba(22,36,73,.48),0 5px 12px rgba(22,36,73,.12);transition:transform .3s,box-shadow .3s}
@media(hover:hover){#about .about-media:hover .about-image{transform:translateY(-3px);box-shadow:0 28px 40px -18px rgba(22,36,73,.5),0 8px 16px rgba(22,36,73,.14)}}
@media(max-width:767px){#about .about-media{margin:1.5rem 1rem .25rem;padding:0 .875rem .875rem 0}#about .about-media::before{inset:1.25rem 0 0 1.25rem}#about .about-media::after{left:-.375rem;top:-.375rem;width:2.5rem;height:2.5rem;border-width:2px}#about .about-media .about-image{padding:.375rem}}
@media(prefers-reduced-motion:reduce){#about .about-media .about-image{transition:none}#about .about-media:hover .about-image{transform:none}}

/* About page: clear editorial layout and original brochure partner identities. */
.main.about-page>section.profile-section,.main.about-page>section.partners-section{padding:4.5rem max(2rem,calc((100% - 1200px)/2));height:auto}
.profile-section{background:#fff}
.profile-layout{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:3rem}
.profile-media{position:relative;padding:0 1rem 1rem 0;isolation:isolate}
.profile-media::before{content:'';position:absolute;z-index:-1;inset:1.5rem 0 0 1.5rem;background:#e8ebf5;border-bottom:3px solid #303492}
.profile-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:6px solid #fff;box-shadow:0 12px 30px -14px #26365066}
.profile-label{display:block;margin-bottom:.75rem;color:#65739b;font:500 .75rem/1.5 Arial,sans-serif;letter-spacing:.18em}
.profile-content h2,.partners-heading h2{margin:0 0 1.5rem;color:#24334d;font-size:1.75rem;font-weight:600;line-height:1.4}
.profile-content p,.profile-details p{color:#637084;font-size:.875rem;line-height:2}
.profile-content p+p{margin-top:1rem}
.profile-details{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem;padding-top:2.5rem;border-top:1px solid #e5e9f0}
.profile-details h3{margin:0 0 1rem;padding-left:.75rem;border-left:3px solid #303492;color:#24334d;font-size:1.125rem;line-height:1.4;font-weight:600}
#culture{scroll-margin-top:7rem}
.partners-section{background:#f5f7fa}
.partners-heading{text-align:center;margin-bottom:2.5rem}
.partners-heading h2{margin-bottom:.75rem}
.partners-heading p{font-size:.875rem;line-height:1.8;color:#7a8598;letter-spacing:.1em}
.partners-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;list-style:none;padding:1px;background:#e5e9f0}
.partner-item{display:flex;align-items:center;justify-content:center;min-width:0;background:#fff;padding:1rem;height:112px}
.partner-item img{width:100%;height:100%;object-fit:contain}
@media(min-width:768px) and (max-width:1023px){.profile-layout{grid-template-columns:1fr;gap:2rem}.profile-media{max-width:640px}.partners-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){.main.about-page>section.profile-section,.main.about-page>section.partners-section{padding:2.5rem 1.0625rem}.profile-layout{grid-template-columns:1fr;gap:2rem}.profile-content h2,.partners-heading h2{font-size:1.5rem}.profile-details{grid-template-columns:1fr;gap:1.75rem;margin-top:2rem;padding-top:2rem}.partners-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-item{height:94px;padding:.75rem}.partners-heading{margin-bottom:1.75rem}}



/* Independent culture page, with airy service icons and raised editorial cards. */
.main.culture-page>section.cp-service,.main.culture-page>section.cp-capabilities{height:auto;padding:4.5rem max(2rem,calc((100% - 1200px)/2))}
.cp-service{background:#fff}
.cp-heading{max-width:800px;margin:0 auto;text-align:center}
.cp-heading h2{margin:0 0 1.25rem;color:#24334d;font-size:1.875rem;line-height:1.5;font-weight:600}
.cp-heading p{color:#68758b;font-size:.875rem;line-height:2}
.cp-services{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;list-style:none;margin:3rem 0 0;padding:2rem 0;border:1px solid #e7ebf2;background:linear-gradient(145deg,#fff,#f8f9fc);box-shadow:0 16px 32px -24px #26365055}
.cp-services li{text-align:center;border-right:1px solid #e3e8f1}
.cp-services li:last-child{border:0}
.cp-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0 auto 1rem;color:#303492;background:#fff;border:1px solid #e7eaf5;box-shadow:0 8px 16px -8px #30349244;border-radius:50%}
.cp-icon svg{display:block;width:2rem;height:2rem}
.cp-services h3{margin:0;color:#263650;font-size:.9375rem;line-height:1.5;font-weight:500}
.cp-capabilities{background:linear-gradient(180deg,#f2f5fa,#f8f9fc)}
.cp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1.75rem;margin-top:3rem;padding-bottom:1.25rem}
.cp-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:2rem 1.75rem;border:1px solid #e4e9f1;border-top:3px solid #303492;background:#fff;box-shadow:0 18px 30px -20px #23375666;transition:transform .25s,box-shadow .25s}
.cp-card:nth-child(2){top:.625rem}
.cp-card:nth-child(3){top:1.25rem}
.cp-card-top{display:flex;align-items:center;gap:1rem;margin-bottom:1.75rem}
.cp-number{color:#b4bdd4;font:300 2.5rem/1 Arial,sans-serif}
.cp-card-label{font-size:.875rem;line-height:1.6;color:#303492}
.cp-card h3{margin:0 0 1.5rem;font-size:1.375rem;font-weight:600;line-height:1.7;color:#24334d}
.cp-card p{margin:0 0 1rem;color:#68758b;font-size:.875rem;line-height:2}
.cp-card-foot{margin-top:auto;padding-top:1.5rem;border-top:1px solid #e7ebf2;color:#8994ab;font:.625rem/1.8 Arial,sans-serif;letter-spacing:.08em}
@media(hover:hover){.cp-card:hover{transform:translateY(-5px);box-shadow:0 24px 36px -20px #23375677}}
@media(min-width:768px) and (max-width:1023px){.cp-cards{gap:1rem}.cp-card{padding:1.5rem 1rem}.cp-card h3{font-size:1.125rem}}
@media(max-width:767px){.main.culture-page>section.cp-service,.main.culture-page>section.cp-capabilities{padding:2.5rem 1.0625rem}.cp-heading h2{font-size:1.375rem}.cp-heading .profile-label{font-size:.625rem;letter-spacing:.08em}.cp-services{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem .5rem;margin-top:2rem;padding:1.5rem .5rem}.cp-services li{border:0}.cp-icon{width:3rem;height:3rem;margin-bottom:.75rem}.cp-icon svg{width:1.5rem;height:1.5rem}.cp-services h3{font-size:.8125rem}.cp-cards{grid-template-columns:1fr;gap:1.25rem;margin-top:2rem;padding:0}.cp-card{padding:1.5rem}.cp-card:nth-child(n){top:0}.cp-card-top{margin-bottom:1rem}.cp-card h3{font-size:1.25rem;margin-bottom:1rem}}
@media(prefers-reduced-motion:reduce){.cp-card{transition:none}.cp-card:hover{transform:none}}

/* National business scope, using a transparent map on a quiet blue-white field. */
.main.about-page>section.business-scope{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:4rem;height:auto;padding:4.5rem max(2rem,calc((100% - 1200px)/2));background:linear-gradient(120deg,#f3f7fc,#fff 75%)}
.scope-map{position:relative;min-width:0;padding:1.5rem 1rem 3.5rem;background:radial-gradient(ellipse at center,rgba(216,230,248,.6),transparent 70%)}
.scope-map img{display:block;width:100%;height:auto;max-height:450px;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(61,107,153,.1))}
.scope-location{position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #e1e7f0;background:#fff;color:#62718a;font-size:.75rem;line-height:1.5;white-space:nowrap;box-shadow:0 6px 16px -8px #26365033}
.scope-location>span{width:6px;height:6px;background:#be263a;border-radius:50%}
.scope-content h2{margin:0 0 1.5rem;color:#24334d;font-size:1.75rem;line-height:1.4;font-weight:600}
.scope-statement{margin:0 0 1.25rem;color:#24334d;font-size:2rem;font-weight:600;line-height:1.6}
.scope-statement>span{display:block;color:#303492}
.scope-summary{max-width:27rem;color:#738097;font-size:.875rem;line-height:2}
.scope-values{margin-top:2rem;border-top:1px solid #e1e7f0}
.scope-values>div{display:grid;grid-template-columns:5.5rem 1fr;gap:1rem;padding:1.125rem 0;border-bottom:1px solid #e1e7f0}
.scope-values dt{color:#303492;font-size:.8125rem;line-height:1.9;font-weight:500}
.scope-values dd{margin:0;color:#65738a;font-size:.8125rem;line-height:1.9;letter-spacing:.02em}
@media(min-width:768px) and (max-width:1023px){.main.about-page>section.business-scope{gap:2rem}.scope-statement{font-size:1.625rem}}
@media(max-width:767px){.main.about-page>section.business-scope{grid-template-columns:1fr;gap:2rem;padding:2.5rem 1.0625rem}.scope-map{padding:0 .5rem 3rem}.scope-map img{max-height:340px}.scope-content h2{font-size:1.5rem;margin-bottom:1rem}.scope-statement{font-size:1.625rem}.scope-values{margin-top:1.5rem}}

/* Keep project headings within narrow screens. */
#case .case-heading{left:auto;top:auto;width:auto;max-width:100%;height:auto}

/* Case listing retains the original cards with a plain background. */
.main.case-list-page>#case{background:#fff}

.case-list-page #case .case-heading{color:#24334d;text-shadow:none}

/* News listing follows the homepage's floating white editorial cards. */
.main.news-list-page>section.news-listing{height:auto;padding:4rem max(2rem,calc((100% - 1200px)/2));background:#f6f8fb}
.news-listing-heading{margin-bottom:2.5rem;text-align:center}
.news-listing-heading h2{margin:0;color:#24334d;font-size:1.75rem;line-height:1.5;font-weight:600}
.news-listing-heading h2::after{content:'';display:block;width:2rem;height:2px;margin:1rem auto 0;background:#303492}
.news-listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem 2rem}
.news-listing .news-card{display:flex;flex-direction:column;min-width:0;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}
.news-listing .news-card-cover{display:block;overflow:hidden;border-radius:.5rem;background:#edf1f6}
.news-listing .news-card-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;padding:.75rem;background:linear-gradient(145deg,#e7ecf3,#f5f7fa);transition:transform .4s}
.news-listing .news-card-body{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;margin:-1.5rem .25rem 0;padding:1.25rem 1.5rem 1rem;border:1px solid #e5eaf1;border-radius:.625rem;background:#fff;box-shadow:0 12px 28px -16px #243a5726}
.news-listing .news-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .625rem;padding:0;font-size:.6875rem;line-height:1.6;color:#929cac}
.news-listing .news-card-meta time{margin-left:auto;font-size:.6875rem}
.news-category{color:#5b6b8b}
.news-demo-label{padding:0 .3rem;border:1px solid #dfe5ee;border-radius:2px;color:#8893a5;font-size:.625rem}
.news-listing .news-card-body h3{margin:.75rem 0 .6rem;font-size:1.0625rem;line-height:1.6;font-weight:600;color:#24334d}
.news-listing .news-card-body>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;color:#788393;font-size:.875rem;line-height:1.9;min-height:3.8em}
.news-listing .news-card-action{display:flex;align-items:center;justify-content:space-between;min-height:1.75rem;margin-top:auto;padding-top:1rem;color:#718096}
.news-listing .news-card-accent{display:block;width:1.5rem;height:2px;background:#ffb200;transition:width .25s}
@media(hover:hover){.news-listing .news-card:hover .news-card-image{transform:scale(1.04)}.news-listing .news-card h3 a:hover{color:#303492}.news-listing .news-card-action:hover .news-card-accent{width:2.25rem}}
@media(min-width:768px) and (max-width:1023px){.news-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.5rem}}
@media(max-width:767px){.main.news-list-page>section.news-listing{padding:2.5rem 1.0625rem}.news-listing-grid{grid-template-columns:1fr;gap:2rem}.news-listing-heading{margin-bottom:1.75rem}.news-listing-heading h2{font-size:1.5rem}.news-listing .news-card-body{padding:1rem 1.25rem}.news-listing .news-card-body h3{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.news-listing .news-card-image,.news-listing .news-card-accent{transition:none}}

/* Shared editorial detail for all preview news entries. */
.news-banner-title{margin:0;font-size:2.25rem;line-height:1.4;font-weight:600;letter-spacing:.12em;color:#fff}
.main.news-detail-page>section.news-detail-section{height:auto;padding:2rem max(2rem,calc((100% - 1200px)/2)) 4.5rem;background:#f6f8fb}
.article-breadcrumb{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.75rem;font-size:.8125rem;line-height:1.7;color:#8792a4}
.article-breadcrumb a:hover{color:#303492}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:2rem;align-items:start}
.article-paper{min-width:0;padding:2.5rem 3rem;background:#fff;border:1px solid #e5eaf1}
.article-header{padding-bottom:1.75rem;border-bottom:1px solid #edf0f5}
.article-category{display:flex;align-items:center;gap:.75rem;color:#303492;font-size:.75rem;line-height:1.6}
.article-category>span{padding:0 .375rem;border:1px solid #e0e5ee;color:#8c96a6;font-size:.625rem}
.article-header h1{margin:1rem 0;color:#24334d;font-size:1.875rem;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.article-meta{display:flex;flex-wrap:wrap;gap:1.25rem;font-size:.75rem;line-height:1.8;color:#929cac}
.article-content{color:#657287;font-size:.9375rem;line-height:2.1}
.article-content>p{margin:1rem 0}
.article-content .article-lead{margin:1.75rem 0;padding:1rem 1.25rem;border-left:3px solid #b7c2df;background:#f6f8fc;color:#657490}
.article-figure{margin:2rem 0;text-align:center}
.article-figure img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;background:#f4f7fa;mix-blend-mode:multiply}
.article-figure figcaption{margin-top:.75rem;color:#929cac;font-size:.75rem;line-height:1.8}
.article-content h2{margin:2.25rem 0 1rem;color:#263650;font-size:1.25rem;line-height:1.6;font-weight:600}
.article-points{margin:1.5rem 0;border-top:1px solid #e5eaf1}
.article-points>div{display:grid;grid-template-columns:5rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid #e5eaf1;font-size:.875rem;line-height:1.9}
.article-points dt{font-weight:500;color:#35446b}.article-points dd{margin:0}
.article-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #e5eaf1;font-size:.8125rem;line-height:1.7;color:#929cac}
.article-footer a{color:#303492}
.article-sidebar{display:grid;gap:1.5rem}
.article-side-card{padding:1.5rem;background:#fff;border:1px solid #e5eaf1}
.article-side-card h2{margin:0 0 1.25rem;font-size:1rem;color:#263650;font-weight:600;line-height:1.6}
.article-side-card ul{list-style:none}.article-side-card li+li{border-top:1px solid #edf0f5}
.article-side-card li a{display:flex;justify-content:space-between;gap:.75rem;padding:1rem 0;font-size:.8125rem;line-height:1.9;color:#6d7b91}
.article-side-card li a:hover{color:#303492}
.article-side-more{display:inline-block;margin-top:1rem;font-size:.75rem;line-height:1.8;color:#303492}
.article-support{background:#edf1f8;border-top:2px solid #303492}
.article-support p{margin:0 0 1.25rem;font-size:.8125rem;line-height:1.9;color:#758298}
.article-support>a{display:block;padding:.625rem 1rem;margin-top:.75rem;text-align:center;background:#fff;border:1px solid #d7deeb;font-size:.8125rem;line-height:1.8;color:#303492}
@media(min-width:768px) and (max-width:1023px){.article-layout{grid-template-columns:minmax(0,1fr) 240px;gap:1.5rem}.article-paper{padding:2rem 1.5rem}}
@media(max-width:767px){.news-banner-title{font-size:1.75rem}.main.news-detail-page>section.news-detail-section{padding:1.5rem 1.0625rem 2.5rem}.article-layout{grid-template-columns:1fr;gap:1.5rem}.article-paper{padding:1.5rem 1.125rem}.article-header h1{font-size:1.375rem}.article-content{font-size:.875rem;line-height:2}.article-content h2{font-size:1.125rem}.article-content .article-lead{padding:.875rem 1rem}.article-points>div{grid-template-columns:4rem 1fr;gap:.75rem;font-size:.8125rem}.article-side-card{padding:1.25rem}}

/* Product detail: calm large photography, concise information and coordinated service. */
.pd-banner-title{margin:0;color:#fff;font-size:2.25rem;line-height:1.4;font-weight:600;letter-spacing:.12em}
.main.product-detail-page>section:not(.column-banner){height:auto;padding:4rem max(2rem,calc((100% - 1200px)/2))}
.main.product-detail-page>section.pd-intro{padding-top:2rem}
.pd-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:3.5rem}
.pd-image{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;aspect-ratio:1.1;background:linear-gradient(145deg,#f1f5fa,#f9fbfd);border:1px solid #e5eaf1;padding:2rem 1.5rem 3.5rem}
.pd-image img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.pd-image-caption{position:absolute;left:1.5rem;bottom:1.25rem;color:#8d99ad;font-size:.75rem;line-height:1.7;letter-spacing:.05em}
.pd-overview h1{margin:0 0 .75rem;color:#24334d;font-size:2.25rem;font-weight:600;line-height:1.4}
.pd-subtitle{color:#667695;font-size:1rem;line-height:1.8}
.pd-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0}
.pd-tags span{padding:.25rem .75rem;background:#f2f4fa;border:1px solid #e4e8f1;color:#65749a;font-size:.75rem;line-height:1.6}
.pd-description,.pd-info-layout>div>p{color:#738097;font-size:.875rem;line-height:2}
.pd-summary{margin:1.5rem 0}
.pd-summary>div{display:grid;grid-template-columns:5rem 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid #e8ecf3;font-size:.8125rem;line-height:1.9}
.pd-summary dt{color:#8d98ab}.pd-summary dd{margin:0;color:#52617c}
.pd-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:2rem}
.pd-actions a{display:inline-flex;align-items:center;gap:1rem;padding:.875rem 0;font-size:.8125rem;line-height:1.8;color:#536287}
.pd-actions a.pd-primary{padding:.875rem 1.5rem;background:#303492;color:#fff}
.pd-details{background:#f5f7fb}
.pd-section-heading{text-align:center;max-width:720px;margin:0 auto 2.5rem}
.pd-section-heading h2,.pd-info-layout h2,.pd-series-heading h2{margin:0 0 1rem;color:#24334d;font-size:1.75rem;line-height:1.6;font-weight:600}
.pd-section-heading p{color:#8793a8;font-size:.875rem;line-height:1.9}
.pd-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem}
.pd-feature-grid article{padding:2rem;background:#fff;border:1px solid #e5eaf1;box-shadow:0 14px 26px -24px #26365077}
.pd-number{font:300 2rem/1 Arial,sans-serif;color:#b6c0d5}
.pd-feature-grid h3{margin:1.25rem 0 .875rem;color:#344465;font-size:1.125rem;font-weight:600;line-height:1.6}
.pd-feature-grid p{margin:0;color:#77849a;font-size:.875rem;line-height:2}
.pd-info-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:4rem;align-items:start}
.pd-text-link{display:inline-block;margin-top:1.5rem;color:#303492;font-size:.8125rem;line-height:1.8}
.pd-info-table{border-top:2px solid #303492}
.pd-info-table>div{display:grid;grid-template-columns:6rem 1fr;gap:1.5rem;padding:1.25rem 1rem;border-bottom:1px solid #e5eaf1;font-size:.875rem;line-height:1.9}
.pd-info-table>div:nth-child(odd){background:#f7f9fc}
.pd-info-table dt{color:#526486}.pd-info-table dd{margin:0;color:#7d899c}
.pd-series{background:#f6f8fb}
.pd-series-heading{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:2rem}
.pd-series-heading h2{margin:0}.pd-series-heading>a{color:#53658e;font-size:.8125rem;white-space:nowrap}
.pd-series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.pd-series-grid>a{display:block;background:#fff;border:1px solid #e5eaf1;padding-bottom:1.25rem}
.pd-series-grid>a>div{aspect-ratio:3/2;overflow:hidden;background:#f0f4f9;padding:1rem}
.pd-series-grid img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}
.pd-series-grid h3{margin:1.25rem 1.25rem .375rem;color:#354565;font-size:1rem;line-height:1.6;font-weight:500}
.pd-series-grid>a>span{display:block;margin:0 1.25rem;color:#919caf;font-size:.75rem;line-height:1.8}
@media(hover:hover){.pd-series-grid>a:hover img{transform:scale(1.04)}.pd-actions a.pd-primary:hover{background:#252977}}
@media(min-width:768px) and (max-width:1023px){.pd-hero{gap:2rem}.pd-overview h1{font-size:1.875rem}.pd-feature-grid{gap:1rem}.pd-feature-grid article{padding:1.5rem}.pd-info-layout{gap:2rem}}
@media(max-width:767px){.pd-banner-title{font-size:1.75rem}.main.product-detail-page>section:not(.column-banner){padding:2.5rem 1.0625rem}.main.product-detail-page>section.pd-intro{padding-top:1.5rem}.pd-hero{grid-template-columns:1fr;gap:2rem}.pd-image{aspect-ratio:4/3;padding:1.5rem 1rem 3rem}.pd-overview h1{font-size:1.75rem}.pd-subtitle{font-size:.875rem}.pd-summary>div{grid-template-columns:4.5rem 1fr;gap:.75rem}.pd-feature-grid,.pd-info-layout{grid-template-columns:1fr;gap:1.25rem}.pd-info-layout{gap:2rem}.pd-section-heading h2,.pd-info-layout h2,.pd-series-heading h2{font-size:1.375rem}.pd-section-heading{margin-bottom:1.75rem}.pd-feature-grid article{padding:1.5rem}.pd-info-table>div{grid-template-columns:4.5rem 1fr;gap:.75rem;padding:1rem .75rem;font-size:.8125rem}.pd-series-heading{align-items:flex-start;flex-direction:column;gap:.75rem}.pd-series-grid{grid-template-columns:1fr;gap:1.25rem}}
@media(prefers-reduced-motion:reduce){.pd-series-grid img{transition:none}}

/* Restrained product copy without badges, dividers, cards or specification tables. */
.product-detail-page .pd-summary>div{border:0;padding:.375rem 0}
.product-detail-page .pd-description{margin-top:1.25rem}
.main.product-detail-page>section.pd-plain-details{background:#fff;border-top:1px solid #edf0f5}
.pd-detail-text{max-width:1000px;margin:0 auto}
.pd-detail-text h2{margin:0 0 1.75rem;color:#24334d;font-size:1.75rem;font-weight:600;line-height:1.5}
.pd-detail-text h3{margin:2rem 0 1rem;color:#354565;font-size:1.125rem;font-weight:600;line-height:1.7}
.pd-detail-text p{margin:0 0 1rem;color:#738097;font-size:.9375rem;line-height:2.2}
@media(max-width:767px){.pd-detail-text h2{font-size:1.375rem;margin-bottom:1.25rem}.pd-detail-text h3{font-size:1rem;margin-top:1.5rem}.pd-detail-text p{font-size:.875rem;line-height:2}}

/* Simple text actions with clear hover and keyboard focus feedback. */
.pd-actions a{transition:color .2s,background-color .2s}
@media(hover:hover){.pd-actions a:hover{color:#303492}.pd-actions a.pd-primary:hover{color:#fff;background:#252977}}
.pd-actions a:focus-visible{outline:2px solid #7279bf;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.pd-actions a{transition:none}}

/* Contact page: generous white space, one clear phone entry and the company address. */
.main.contact-page>section.contact-overview{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start;height:auto;padding:5rem max(2rem,calc((100% - 1200px)/2));background:#fff}
.contact-introduction{position:relative;padding:1rem 0}
.contact-introduction h2{margin:0 0 2rem;color:#24334d;font-size:2.5rem;line-height:1.6;font-weight:600;letter-spacing:.04em}
.contact-introduction h2::before{content:'';display:block;width:2.5rem;height:3px;margin-bottom:1.75rem;background:#303492}
.contact-page-company{margin-bottom:1rem;color:#4e5f7b;font-size:1rem;line-height:1.8;font-weight:500}
.contact-page-copy{color:#8893a5;font-size:.875rem;line-height:2.1}
.contact-page-services{display:flex;flex-wrap:wrap;align-items:center;gap:.875rem;margin-top:2.5rem;color:#637494;font-size:.8125rem;line-height:1.8}
.contact-page-services>span{color:#c4ccda}
.contact-page-details{min-width:0;padding-left:3rem;border-left:1px solid #e6ebf2}
.contact-page-details h3{margin:0 0 1rem;color:#586984;font-size:.875rem;line-height:1.7;font-weight:500}
.contact-page-phone{display:inline-block;max-width:100%;color:#303492;font:500 clamp(1.875rem,2.7vw,2.5rem)/1.4 Arial,sans-serif;letter-spacing:.025em;white-space:nowrap}
.contact-phone-block>p{margin:.75rem 0 1.5rem;color:#919bad;font-size:.8125rem;line-height:1.8}
.contact-call-button{display:inline-block;padding:.75rem 2rem;color:#fff;background:#303492;font-size:.875rem;line-height:1.8;transition:background-color .2s}
.contact-address-block{margin-top:2.5rem;padding-top:2rem;border-top:1px solid #e6ebf2}
.contact-address-block address{color:#63718a;font-size:.9375rem;font-style:normal;line-height:2}
.contact-map-link{display:inline-block;margin-top:1rem;padding-bottom:.2rem;border-bottom:1px solid #bfc7dc;color:#52628d;font-size:.8125rem;line-height:1.8;transition:color .2s,border-color .2s}
.contact-visit-note{margin-top:2rem;color:#9aa3b2;font-size:.75rem;line-height:1.8}
@media(hover:hover){.contact-call-button:hover{background:#242877}.contact-map-link:hover{color:#303492;border-color:#303492}.contact-page-phone:hover{color:#252977}}
@media(min-width:768px) and (max-width:1023px){.main.contact-page>section.contact-overview{gap:2.5rem}.contact-page-details{padding-left:2rem}.contact-introduction h2{font-size:2rem}.contact-page-phone{font-size:1.875rem}.contact-page-company{font-size:.875rem}}
@media(max-width:767px){.main.contact-page>section.contact-overview{grid-template-columns:1fr;gap:2rem;padding:2.5rem 1.0625rem}.contact-introduction{padding:0}.contact-introduction h2{font-size:1.75rem;margin-bottom:1.5rem}.contact-introduction h2::before{margin-bottom:1.25rem}.contact-page-company{font-size:.9375rem}.contact-page-services{margin-top:1.5rem;gap:.625rem}.contact-page-details{padding:2rem 0 0;border-left:0;border-top:1px solid #e6ebf2}.contact-page-phone{font-size:2rem}.contact-address-block{margin-top:2rem;padding-top:1.5rem}.contact-address-block address{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.contact-call-button,.contact-map-link{transition:none}}

/* Homepage products: quiet gallery, generous spacing and simple captions. */
.main>#product.home-products{padding:4.5rem max(2rem,calc((100% - 1200px)/2)) 5rem;background:#fff}
.home-products-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}
.home-products .product-heading{position:static;width:auto;height:auto;margin:0;padding:0;text-align:left;color:#24334d;font-size:1.75rem;font-weight:600;line-height:1.5}
.home-products-heading>a{padding:.375rem 0;color:#7b8799;font-size:.8125rem;line-height:1.8;border-bottom:1px solid #dfe4ec;transition:color .2s,border-color .2s}
.home-products .product-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:2.5rem 1.5rem;padding:0}
.home-products .product-item{border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}
.home-products .product-link{display:block}
.home-products .product-image{aspect-ratio:4/3;overflow:hidden;background:#f5f7f9}
.home-products .product-image img{display:block;width:100%;height:100%;padding:1.25rem;object-fit:contain;object-position:center;mix-blend-mode:multiply;transition:transform .35s}
.home-products .product-info{padding:1rem .25rem 0;text-align:center;background:transparent}
.home-products .product-info h3{margin:0;color:#46536a;font-size:1rem;font-weight:500;line-height:1.7;white-space:normal;overflow:visible;text-overflow:clip}
@media(hover:hover){.home-products .product-item:hover img,.home-products .product-item:focus-within img{transform:scale(1.03)}.home-products .product-link:hover h3,.home-products-heading>a:hover{color:#303492}.home-products-heading>a:hover{border-color:#303492}}
@media(min-width:768px) and (max-width:1023px){.home-products .product-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.25rem}}
@media(max-width:767px){.main>#product.home-products{padding:2.5rem 1.0625rem}.home-products-heading{margin-bottom:1.5rem}.home-products .product-heading{font-size:1.375rem}.home-products-heading>a{font-size:.75rem}.home-products .product-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem .875rem}.home-products .product-image img{padding:.75rem}.home-products .product-info{padding:.75rem 0 0}.home-products .product-info h3{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.home-products .product-image img,.home-products-heading>a{transition:none}}

/* Refined homepage gallery: quiet raised frames and subtle brand accents. */
.main>#product.home-products{background:linear-gradient(180deg,#fff,#f7f9fc)}
.home-products .product-heading{display:flex;align-items:center;gap:.875rem}
.home-products .product-heading::before{content:'';width:3px;height:1.4rem;background:#303492}
.home-products .product-list{gap:1.75rem 1.5rem}
.home-products .product-item{padding:.5rem .5rem 0;border:1px solid #e6ebf2;border-radius:3px;background:#fff;box-shadow:0 8px 20px -16px rgba(38,54,80,.32);transition:transform .25s,box-shadow .25s,border-color .25s}
.home-products .product-image{position:relative;aspect-ratio:4/3;background:radial-gradient(ellipse at 50% 42%,#fff 0,#f2f5f9 68%,#edf1f6 100%)}
.home-products .product-image img{padding:1rem}
.home-products .product-info{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.125rem .75rem;text-align:left;background:#fff}
.home-products .product-info::after{content:'';display:block;flex-shrink:0;width:1rem;height:2px;background:#c0c9dc;transition:width .25s,background-color .25s}
.home-products .product-info h3{font-weight:500;color:#35445f}
@media(hover:hover){.home-products .product-item:hover,.home-products .product-item:focus-within{transform:translateY(-4px);border-color:#c6cde1;box-shadow:0 18px 28px -18px rgba(38,54,80,.35)}.home-products .product-item:hover .product-info::after,.home-products .product-item:focus-within .product-info::after{width:1.75rem;background:#303492}}
@media(max-width:767px){.home-products .product-heading{gap:.625rem}.home-products .product-heading::before{height:1.125rem}.home-products .product-list{gap:1rem .75rem}.home-products .product-item{padding:.3rem .3rem 0}.home-products .product-image img{padding:.625rem}.home-products .product-info{padding:.875rem .375rem;gap:.375rem}.home-products .product-info h3{font-size:.8125rem}.home-products .product-info::after{width:.625rem}}
@media(prefers-reduced-motion:reduce){.home-products .product-item,.home-products .product-info::after{transition:none}.home-products .product-item:hover,.home-products .product-item:focus-within{transform:none}}

/* Refined contact composition with a phone focal point and reserved email field. */
.main.contact-page>section.contact-overview{grid-template-columns:.95fr 1.05fr;align-items:center;gap:5rem;background:linear-gradient(120deg,#f5f7fb 0,#fff 65%)}
.contact-introduction{padding:1.5rem 0}
.contact-introduction h2{font-size:2.625rem;line-height:1.55;letter-spacing:.025em}
.contact-page-services{gap:1.125rem;padding-top:1.5rem;margin-top:2rem;border-top:1px solid #e0e6ef;max-width:24rem}
.contact-page-details.contact-panel{padding:0;border:1px solid #e3e8f0;background:#fff;box-shadow:0 22px 40px -28px rgba(30,49,91,.3)}
.contact-panel .contact-phone-block{position:relative;padding:2rem 2.25rem;background:linear-gradient(115deg,#303492,#353f82);color:#fff}
.contact-panel .contact-phone-block h3{margin-bottom:.625rem;color:#d5daef;font-size:.8125rem}
.contact-panel .contact-page-phone{color:#fff;font-weight:400;font-size:2.375rem;letter-spacing:.025em}
.contact-panel .contact-phone-block>p{margin:.625rem 0 1.25rem;color:#c9d0e6;font-size:.75rem}
.contact-panel .contact-call-button{padding:.5rem 1.375rem;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;font-size:.8125rem}
.contact-email-block,.contact-panel .contact-address-block{display:flex;align-items:flex-start;gap:1.25rem;margin:0 2.25rem;padding:1.75rem 0;border:0;border-bottom:1px solid #e8ecf3}
.contact-info-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.5rem;height:2.5rem;background:#f1f4fa;color:#596a98}
.contact-info-icon svg{display:block;width:1.375rem;height:1.375rem}
.contact-panel .contact-email-block h3,.contact-panel .contact-address-block h3{margin:0 0 .5rem;font-size:.8125rem;color:#8b96a8}
.contact-email-placeholder{margin:0;color:#667690;font-size:1rem;line-height:1.8}
.contact-email-note{margin:.375rem 0 0;color:#9aa4b5;font-size:.75rem;line-height:1.8}
.contact-panel .contact-address-block address{font-size:.875rem;line-height:2;color:#586a87}
.contact-panel .contact-map-link{margin-top:.75rem;font-size:.75rem}
.contact-panel .contact-visit-note{margin:0;padding:1rem 2.25rem;color:#96a1b2;font-size:.75rem}
@media(hover:hover){.contact-panel .contact-call-button:hover{background:#fff;color:#303492;border-color:#fff}.contact-panel .contact-page-phone:hover{color:#e1e6ff}}
@media(min-width:768px) and (max-width:1023px){.main.contact-page>section.contact-overview{gap:2rem}.contact-introduction h2{font-size:2rem}.contact-panel .contact-phone-block{padding:1.75rem 1.5rem}.contact-panel .contact-page-phone{font-size:1.875rem}.contact-email-block,.contact-panel .contact-address-block{margin:0 1.5rem;gap:1rem}.contact-panel .contact-visit-note{padding:1rem 1.5rem}.contact-page-services{gap:.625rem}}
@media(max-width:767px){.main.contact-page>section.contact-overview{grid-template-columns:1fr;gap:2rem}.contact-introduction{padding:0}.contact-introduction h2{font-size:1.875rem}.contact-page-services{margin-top:1.5rem;padding-top:1.25rem;gap:.75rem}.contact-panel .contact-phone-block{padding:1.75rem 1.5rem}.contact-panel .contact-page-phone{font-size:2rem}.contact-email-block,.contact-panel .contact-address-block{margin:0 1.5rem;padding:1.5rem 0;gap:1rem}.contact-info-icon{width:2.25rem;height:2.25rem}.contact-panel .contact-address-block address{font-size:.8125rem}.contact-panel .contact-visit-note{padding:1rem 1.5rem}}

/* A pale case-list canvas separates project cards from the white footer. */
.main.case-list-page>#case{background:#f1f4f9}

/* Contact page: horizontal information layout with restrained editorial hierarchy. */
.main.contact-page>section.contact-studio{height:auto;padding:4.5rem max(2rem,calc((100% - 1200px)/2)) 5rem;background:#fff}
.contact-studio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;padding-bottom:2.75rem;border-bottom:1px solid #e4e9f0}
.contact-studio-kicker{margin:0 0 1.25rem;color:#7b88a0;font-size:.875rem;line-height:1.8;letter-spacing:.06em}
.contact-studio-heading h2{margin:0;color:#253650;font-size:2rem;line-height:1.6;font-weight:600;letter-spacing:.04em}
.contact-studio-heading h2::before{content:'';display:block;width:2rem;height:2px;margin-bottom:1.25rem;background:#303492}
.contact-studio-intro{padding-bottom:.25rem}
.contact-studio-intro>p{margin:0 0 1rem;color:#75839b;font-size:.875rem;line-height:2}
.contact-studio-intro>span{color:#9aa4b5;font-size:.75rem;line-height:1.8}
.contact-studio-grid{display:grid;grid-template-columns:1.05fr .85fr 1.2fr;margin-top:3rem}
.contact-studio-item{min-width:0;padding:0 2rem;border-left:1px solid #e6ebf2}
.contact-studio-item:first-child{padding-left:0;border:0}
.contact-studio-item:last-child{padding-right:0}
.contact-studio-item>svg{display:block;width:1.5rem;height:1.5rem;margin-bottom:1.25rem;color:#6c7fa6}
.contact-studio-item h3{margin:0 0 1rem;color:#929eaf;font-size:.8125rem;line-height:1.8;font-weight:400}
.contact-studio-number{display:inline-block;color:#303492;font:400 1.75rem/1.5 Arial,sans-serif;white-space:nowrap;letter-spacing:.01em}
.contact-studio-item .contact-studio-email{margin:0;color:#344866;font:400 1.75rem/1.5 Arial,sans-serif}
.contact-studio-item>p:not(.contact-studio-email){margin:1rem 0 0;color:#9aa5b6;font-size:.75rem;line-height:1.8}
.contact-studio-item address{margin:0;color:#586a86;font-size:.9375rem;line-height:2;font-style:normal}
.contact-studio-call{display:inline-block;margin-top:1.5rem;padding:.5rem 1.25rem;border:1px solid #d7dfec;color:#53658a;background:#fff;font-size:.8125rem;line-height:1.8;transition:background-color .2s,color .2s,border-color .2s}
@media(hover:hover){.contact-studio-call:hover{background:#303492;border-color:#303492;color:#fff}.contact-studio-number:hover{color:#555baa}}
@media(min-width:768px) and (max-width:1023px){.contact-studio-heading{gap:2rem}.contact-studio-heading h2{font-size:1.75rem}.contact-studio-grid{grid-template-columns:1fr .7fr 1.2fr}.contact-studio-item{padding:0 1.25rem}.contact-studio-number{font-size:1.25rem}.contact-studio-item .contact-studio-email{font-size:1.375rem}.contact-studio-item address{font-size:.8125rem}}
@media(max-width:767px){.main.contact-page>section.contact-studio{padding:2.5rem 1.0625rem 3rem}.contact-studio-heading{align-items:flex-start;flex-direction:column;gap:1.5rem;padding-bottom:2rem}.contact-studio-kicker{font-size:.8125rem;margin-bottom:1rem}.contact-studio-heading h2{font-size:1.625rem}.contact-studio-heading h2::before{margin-bottom:1rem}.contact-studio-grid{grid-template-columns:1fr;margin-top:0}.contact-studio-item,.contact-studio-item:first-child{padding:1.75rem 0;border:0;border-bottom:1px solid #e6ebf2}.contact-studio-item:last-child{padding-bottom:0;border:0}.contact-studio-item>svg{margin-bottom:1rem}.contact-studio-item h3{margin-bottom:.5rem}.contact-studio-number,.contact-studio-item .contact-studio-email{font-size:1.75rem}.contact-studio-item address{font-size:.875rem}.contact-studio-call{margin-top:1.25rem}}
@media(prefers-reduced-motion:reduce){.contact-studio-call{transition:none}}

/* Case list: lighter elevation for a quieter presentation. */
.case-list-page #case .case-link{box-shadow:0 6px 16px -8px rgba(38,54,80,.16),0 1px 3px rgba(38,54,80,.04)}
.case-list-page #case .case-image{box-shadow:0 2px 5px rgba(38,54,80,.08)}
@media(hover:hover){.case-list-page #case .case-link:hover,.case-list-page #case .case-link:focus-visible{box-shadow:0 10px 22px -10px rgba(38,54,80,.22),0 2px 5px rgba(38,54,80,.05)}}

/* Contact location map. */
.main.contact-page>section.contact-location-section{height:auto;padding:0 max(2rem,calc((100% - 1200px)/2)) 4.5rem;background:#fff}
.contact-location-heading{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding-top:2.5rem;border-top:1px solid #e5eaf1}
.contact-location-heading h2{margin:0 0 .5rem;color:#24334d;font-size:1.5rem;font-weight:600;line-height:1.5}
.contact-location-heading p{margin:0;color:#8b97a9;font-size:.8125rem;line-height:1.8}
.contact-location-heading>a{color:#65789b;font-size:.8125rem;line-height:1.8;white-space:nowrap}
.contact-location-map{position:relative;width:100%;height:380px;background:#f1f5f9;border:1px solid #e2e8f0;overflow:hidden}
.contact-location-map img{max-width:none}
.contact-map-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#7d8ca4;font-size:.875rem;line-height:2;background:#f1f5f9}
.contact-location-address{padding:1rem 0 0;color:#7c8ba1;font-size:.8125rem;line-height:1.9;font-style:normal}
@media(max-width:767px){.main.contact-page>section.contact-location-section{padding:0 1.0625rem 2.5rem}.contact-location-heading{align-items:flex-start;flex-direction:column;gap:.75rem;padding-top:2rem}.contact-location-heading h2{font-size:1.25rem}.contact-location-map{height:300px}}

/* Contact information and location form a single, balanced composition. */
.main.contact-page>section.contact-designed{height:auto;padding:3.5rem max(2rem,calc((100% - 1200px)/2)) 4.5rem;background:#f5f7fa}
.contact-designed-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}
.contact-designed-heading>div>p{margin:0 0 .75rem;color:#8491a7;font-size:.8125rem;line-height:1.8}
.contact-designed-heading h2{margin:0;color:#253650;font-size:1.625rem;line-height:1.6;font-weight:600}
.contact-designed-heading>span{padding-bottom:.25rem;color:#8c98ac;font-size:.75rem;line-height:1.8;white-space:nowrap}
.contact-board{display:grid;grid-template-columns:350px minmax(0,1fr);border:1px solid #e0e6f0;background:#fff;box-shadow:0 20px 45px -32px rgba(31,52,89,.3)}
.contact-board-info{padding:2.5rem 2rem;background:linear-gradient(145deg,#fff,#f4f6fc);border-right:1px solid #e3e8f1}
.contact-board-info h3{margin:0 0 1rem;color:#293b5d;font-size:1.125rem;font-weight:600;line-height:1.7}
.contact-board-lead{margin:0 0 2.25rem;color:#8b97aa;font-size:.8125rem;line-height:1.9}
.contact-board-row{padding:1.5rem 0;border-top:1px solid #e2e8f1}
.contact-board-row>span{display:block;margin-bottom:.625rem;color:#7b8aa2;font-size:.75rem;line-height:1.8}
.contact-board-phone,.contact-board-row .contact-board-email{display:block;margin:0;color:#303492;font:400 1.75rem/1.5 Arial,sans-serif;white-space:nowrap}
.contact-board-row>p:not(.contact-board-email){margin:.5rem 0 0;color:#9aa5b6;font-size:.6875rem;line-height:1.8}
.contact-board-call{display:block;margin-top:.5rem;padding:.75rem 1rem;text-align:center;background:#303492;color:#fff;font-size:.8125rem;line-height:1.8;transition:background-color .2s}
.contact-board-note{margin:1.125rem 0 0;color:#a0aaba;font-size:.6875rem;line-height:1.8}
.contact-board-location{min-width:0;display:flex;flex-direction:column;background:#fff}
.contact-board-map-heading{display:flex;justify-content:space-between;align-items:center;padding:1.125rem 1.5rem}
.contact-board-map-heading h3{margin:0;color:#526581;font-size:.8125rem;font-weight:500;line-height:1.8}
.contact-board-map-heading>span{color:#9ba6b6;font-size:.6875rem;line-height:1.8}
.contact-board-location .contact-location-map{flex:1;min-height:360px;height:auto;border:0;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}
.contact-board-address{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 1.5rem}
.contact-board-address>div>span{display:block;margin-bottom:.375rem;color:#a0aaba;font-size:.6875rem;line-height:1.8}
.contact-board-address address{color:#6c7b92;font-size:.8125rem;font-style:normal;line-height:1.9}
.contact-board-address>a{color:#667ca1;font-size:.6875rem;line-height:1.8;white-space:nowrap}
@media(hover:hover){.contact-board-call:hover{background:#252a77}.contact-board-address>a:hover{color:#303492}.contact-board-phone:hover{color:#5a62b0}}
@media(min-width:768px) and (max-width:1023px){.contact-designed-heading{align-items:flex-start;flex-direction:column;gap:.75rem}.contact-board{grid-template-columns:300px minmax(0,1fr)}.contact-board-info{padding:2rem 1.5rem}.contact-board-address{align-items:flex-start;flex-direction:column;gap:.75rem}}
@media(max-width:767px){.main.contact-page>section.contact-designed{padding:2.5rem 1.0625rem}.contact-designed-heading{flex-direction:column;align-items:flex-start;gap:.875rem;margin-bottom:1.5rem}.contact-designed-heading h2{font-size:1.25rem}.contact-designed-heading>span{font-size:.6875rem}.contact-board{grid-template-columns:1fr}.contact-board-info{padding:1.75rem 1.5rem;border-right:0;border-bottom:1px solid #e3e8f1}.contact-board-info h3{font-size:1.0625rem}.contact-board-lead{margin-bottom:1.5rem}.contact-board-row{padding:1.25rem 0}.contact-board-location .contact-location-map{flex:none;height:320px;min-height:0}.contact-board-map-heading{padding:1rem 1.25rem}.contact-board-address{padding:1.25rem;flex-direction:column;align-items:flex-start;gap:.875rem}.contact-board-address address{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.contact-board-call{transition:none}}

/* Nine PDF products form a balanced three-by-three listing. */
@media(min-width:1024px){.pdf-product-list-page .home-products .product-list{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Detail recommendations share the current product catalogue cards. */
.product-detail-page .pd-related-products .product-list{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:767px){.product-detail-page .pd-related-products .product-list{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-related-products .home-products-heading{align-items:flex-start;flex-direction:column;gap:.75rem}}

/* Case detail: a quiet project presentation led by the original site photograph. */
.case-detail-banner-title{margin:0;color:#fff;font-size:2.25rem;line-height:1.4;font-weight:600;letter-spacing:.12em}
.main.case-detail-page>section.case-detail-content{height:auto;padding:2rem max(2rem,calc((100% - 1200px)/2)) 4.5rem;background:#fff}
.case-project{max-width:960px;margin:0 auto}
.case-project-heading{margin:2.75rem 0 2.25rem;text-align:center}
.case-project-heading h1{margin:0 0 .875rem;color:#253650;font-size:2rem;line-height:1.5;font-weight:600;letter-spacing:.04em}
.case-project-heading p{margin:0;color:#8a96aa;font-size:.875rem;line-height:1.8}
.case-project-photo{margin:0}
.case-project-photo img{display:block;width:100%;height:auto;object-fit:contain;background:#f4f6f9}
.case-project-photo figcaption{margin:1rem 0 0;text-align:center;color:#9aa4b5;font-size:.75rem;line-height:1.8}
.case-project-description{display:grid;grid-template-columns:160px 1fr;gap:2rem;margin-top:3rem;padding:2rem 0;border-top:1px solid #e7ebf2}
.case-project-description h2{margin:0;color:#354664;font-size:1.125rem;font-weight:500;line-height:2}
.case-project-description p{margin:0;color:#77859b;font-size:.875rem;line-height:2.1}
.case-project-description p+p{margin-top:.875rem}
.case-project-footer{margin-top:1rem;padding-top:1.5rem;border-top:1px solid #e7ebf2;text-align:center}
.case-project-footer a{display:inline-block;padding:.625rem 1.5rem;border:1px solid #dce3ef;color:#667a9e;font-size:.8125rem;line-height:1.8;transition:background-color .2s,color .2s,border-color .2s}
@media(hover:hover){.case-project-footer a:hover{background:#303492;border-color:#303492;color:#fff}}
@media(max-width:767px){.case-detail-banner-title{font-size:1.75rem}.main.case-detail-page>section.case-detail-content{padding:1.5rem 1.0625rem 2.5rem}.case-project-heading{margin:1.75rem 0 1.5rem}.case-project-heading h1{font-size:1.5rem}.case-project-heading p{font-size:.8125rem}.case-project-description{grid-template-columns:1fr;gap:1rem;margin-top:2rem;padding:1.5rem 0}.case-project-description h2{font-size:1rem}.case-project-description p{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){.case-project-footer a{transition:none}}

/* Contact editorial redesign: a brand portrait, clear contact routes and a wide destination map. */
.main.contact-page>section.contact-editorial{height:auto;padding:4.5rem max(2rem,calc((100% - 1200px)/2));background:#fff}
.contact-editorial-layout{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:5rem}
.ce-kicker{margin:0 0 1.25rem;color:#8a97aa;font-size:.75rem;line-height:1.8;letter-spacing:.08em}
.contact-editorial-copy h2{margin:0 0 1.5rem;color:#26364d;font-size:2.75rem;line-height:1.45;letter-spacing:.04em;font-weight:600}
.contact-editorial-copy h2>span{color:#303492}
.ce-company{margin:0 0 .875rem;color:#536581;font-size:.9375rem;line-height:1.8}
.ce-introduction{margin:0;color:#919daf;font-size:.8125rem;line-height:2}
.ce-methods{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem;margin-top:2.5rem;padding-top:1.75rem;border-top:1px solid #e2e7ef}
.ce-methods>div+div{border-left:1px solid #e2e7ef;padding-left:1.5rem}
.ce-methods h3{margin:0 0 .75rem;color:#919daf;font-size:.75rem;line-height:1.8;font-weight:400}
.ce-phone,.ce-email{display:block;margin:0;color:#344769;font:400 1.5rem/1.5 Arial,sans-serif;white-space:nowrap}
.ce-email{font-size:1.625rem}
.ce-call{display:inline-block;margin-top:1rem;padding:.375rem 1rem;border:1px solid #d4ddeb;color:#586e99;font-size:.75rem;line-height:1.8;transition:background-color .2s,color .2s,border-color .2s}
.ce-email-note{margin:1rem 0 0;color:#a1aabb;font-size:.6875rem;line-height:1.8}
.ce-photo{position:relative;min-width:0;margin:0;padding:0 1rem 1rem 0;isolation:isolate}
.ce-photo::before{content:'';position:absolute;z-index:-1;inset:2rem 0 0 2rem;background:#eef1f7}
.ce-photo img{display:block;width:100%;height:auto;aspect-ratio:1.15;object-fit:cover;object-position:60% 60%}
.ce-photo figcaption{position:absolute;left:0;right:1rem;bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;color:#fff;background:rgba(26,40,67,.88);font-size:.75rem;line-height:1.8}
.ce-photo figcaption>span+span{color:#c4cede;font-size:.6875rem;letter-spacing:.08em}
.main.contact-page>section.contact-destination{height:auto;padding:3rem max(2rem,calc((100% - 1200px)/2)) 4rem;background:#f4f6fa}
.cd-heading{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:2rem;margin-bottom:2rem}
.cd-heading .ce-kicker{margin-bottom:.5rem}
.cd-heading h2{margin:0;color:#2b3d5b;font-size:1.5rem;font-weight:600;line-height:1.6}
.cd-address{padding-left:2rem;border-left:1px solid #dce3ee}
.cd-address address{color:#657791;font-size:.8125rem;font-style:normal;line-height:2}
.cd-address>p{margin:.375rem 0 0;color:#9aa5b7;font-size:.6875rem;line-height:1.8}
.cd-navigation{display:inline-block;padding:.625rem 1rem;border:1px solid #d8e0ed;background:#fff;color:#637ba4;font-size:.75rem;line-height:1.8;white-space:nowrap;transition:color .2s,border-color .2s}
.cd-map-frame{padding:.5rem;background:#fff;border:1px solid #e1e7ef;box-shadow:0 12px 24px -20px rgba(38,54,80,.25)}
.cd-map-frame .contact-location-map{height:380px;border:0}
@media(hover:hover){.ce-call:hover{background:#303492;border-color:#303492;color:#fff}.ce-phone:hover{color:#303492}.cd-navigation:hover{color:#303492;border-color:#919ec1}}
@media(min-width:768px) and (max-width:1023px){.contact-editorial-layout{gap:2rem}.contact-editorial-copy h2{font-size:2rem}.ce-company{font-size:.8125rem}.ce-methods{grid-template-columns:1fr;gap:1.25rem;margin-top:1.5rem;padding-top:1.25rem}.ce-methods>div+div{padding:0;border:0}.ce-photo img{aspect-ratio:.8}.cd-heading{grid-template-columns:1fr 1.5fr;gap:1.5rem}.cd-navigation{grid-column:2;justify-self:start}.ce-photo figcaption{padding:.75rem}.ce-photo figcaption>span+span{letter-spacing:0}}
@media(max-width:767px){.main.contact-page>section.contact-editorial{padding:2.5rem 1.0625rem}.contact-editorial-layout{grid-template-columns:1fr;gap:2.25rem}.contact-editorial-copy h2{font-size:2rem;margin-bottom:1.25rem}.ce-kicker{font-size:.6875rem;margin-bottom:1rem}.ce-company{font-size:.875rem}.ce-methods{margin-top:1.75rem;padding-top:1.5rem;gap:1rem}.ce-methods>div+div{padding-left:1rem}.ce-phone{font-size:1.125rem}.ce-email{font-size:1.375rem}.ce-email-note{font-size:.625rem}.ce-photo{padding:0 .75rem .75rem 0}.ce-photo img{aspect-ratio:4/3}.ce-photo figcaption{right:.75rem;bottom:.75rem;padding:.75rem 1rem}.main.contact-page>section.contact-destination{padding:2.5rem 1.0625rem}.cd-heading{grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.5rem}.cd-heading h2{font-size:1.375rem}.cd-address{padding-left:1rem;border-left:2px solid #c8d2e3}.cd-navigation{justify-self:start}.cd-map-frame{padding:.3rem}.cd-map-frame .contact-location-map{height:300px}}
@media(prefers-reduced-motion:reduce){.ce-call,.cd-navigation{transition:none}}

/* Honor gallery: neutral, explicitly marked slots awaiting genuine certificates. */
.main.honor-page>section.honor-gallery{height:auto;padding:4rem max(2rem,calc((100% - 1200px)/2)) 4.5rem;background:#fff}
.honor-gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}
.honor-gallery-heading h2{margin:0 0 .875rem;color:#253650;font-size:1.75rem;font-weight:600;line-height:1.5}
.honor-gallery-heading h2::before{content:'';display:inline-block;width:3px;height:1.25rem;margin-right:.875rem;background:#303492}
.honor-gallery-heading p{margin:0;color:#8c98ac;font-size:.875rem;line-height:1.9}
.honor-gallery-note{color:#9da7b7;font-size:.75rem;line-height:1.8;white-space:nowrap}
.honor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem 2rem;list-style:none}
.honor-item{min-width:0}
.honor-document-slot{display:flex;justify-content:center;align-items:center;padding:1.75rem 2.5rem;background:#f4f6fa;border:1px solid #e7ecf3}
.honor-document{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;width:100%;max-width:235px;aspect-ratio:3/4;background:#fff;border:1px solid #e4e9f1;box-shadow:0 10px 22px -15px rgba(38,54,80,.3)}
.honor-document svg{width:3rem;height:3.75rem;color:#b7c2d8}
.honor-document>span{color:#a0aabd;font-size:.75rem;line-height:1.8}
.honor-caption{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem .25rem 0}
.honor-caption h3{margin:0;color:#596b88;font-size:.9375rem;font-weight:400;line-height:1.8}
.honor-caption>span{color:#a9b2c0;font-size:.6875rem;line-height:1.8}
@media(min-width:768px) and (max-width:1023px){.honor-grid{gap:2rem 1.25rem}.honor-document-slot{padding:1.25rem}}
@media(max-width:767px){.main.honor-page>section.honor-gallery{padding:2.5rem 1.0625rem}.honor-gallery-heading{align-items:flex-start;flex-direction:column;gap:.75rem;margin-bottom:1.75rem}.honor-gallery-heading h2{font-size:1.5rem}.honor-gallery-heading p{font-size:.8125rem}.honor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem .875rem}.honor-document-slot{padding:.75rem}.honor-document{gap:.75rem}.honor-document svg{width:2rem;height:2.5rem}.honor-document>span{font-size:.625rem}.honor-caption{gap:.375rem}.honor-caption h3{font-size:.8125rem}.honor-caption>span{font-size:.625rem}}

/* Compact honor frames and four columns on desktop. */
.honor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.5rem}
.honor-document-slot{padding:1.125rem}
.honor-document{max-width:none}
@media(min-width:768px) and (max-width:1023px){.honor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem 1.25rem}.honor-document-slot{padding:.875rem}}
@media(max-width:767px){.honor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem .875rem}.honor-document-slot{padding:.625rem}}

/* Full company name and a better-balanced footer contact column. */
.footer .footer-bottom p{white-space:normal;overflow-wrap:anywhere}
@media(min-width:1024px){.footer-main{grid-template-columns:1.5fr 1.1fr 1fr}.footer-contact{justify-self:end;width:17rem;max-width:100%}}
@media(max-width:767px){.mip-sjh-map-name{white-space:normal;line-height:1.6}.footer-bottom p{line-height:1.8}}

/* Shared six-item listing pagination. */
#listing-results{scroll-margin-top:7rem}
.listing-pagination{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:3rem;color:#8b98ac;font-size:.75rem;line-height:1.8}
.listing-page-links{display:flex;align-items:center;gap:.5rem}
.listing-page-control,.listing-page-number{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .625rem;border:1px solid #dfe5ef;border-radius:2px;background:#fff;color:#687c9d;font-size:.8125rem;line-height:1;text-decoration:none;transition:color .2s,background-color .2s,border-color .2s}
.listing-page-control{padding:0 1rem}
.listing-page-number.is-current{background:#303492;border-color:#303492;color:#fff}
.listing-page-control.is-disabled{color:#b8c1d0;background:#f7f9fc;border-color:#e6ebf2;cursor:default}
.listing-page-links a:focus-visible{outline:2px solid #7783bd;outline-offset:3px}
@media(hover:hover){.listing-page-links a:hover{background:#eef1fa;border-color:#aab6d2;color:#303492}}
@media(max-width:767px){#listing-results{scroll-margin-top:5rem}.listing-pagination{flex-wrap:wrap;gap:.875rem;margin-top:2rem}.listing-page-links{order:-1;flex-basis:100%;justify-content:center;gap:.375rem}.listing-page-control{padding:0 .875rem}.listing-page-control,.listing-page-number{min-width:2.375rem;height:2.375rem}.listing-page-total,.listing-page-status{font-size:.6875rem}}
@media(prefers-reduced-motion:reduce){.listing-page-control,.listing-page-number{transition:none}}