/* Responsive release layer. Desktop composition at >=1280px remains unchanged. */
html{overflow-x:clip}
#sbt-page[data-design="v19"] :where(.hero-copy,.hero-support,.intro>*,.capabilities>*,.section-head>*,.project-record>*,.team-case,.team-text-case,.delivery-grid>*,.service-hero-grid>*,.service-summary>*,.service-layout>*,.footer-grid>*){min-width:0}
#sbt-page[data-design="v19"] :where(h1,h2,h3,h4,p,a,span){overflow-wrap:break-word}
#sbt-page[data-design="v19"] .service-process li{grid-template-columns:36px minmax(0,1fr);gap:16px}
#sbt-page[data-design="v19"] .service-process li::before{content:counter(stage,decimal-leading-zero);display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #cfd4ce;background:#f3f3ed;color:var(--blue);font:11px/1 Consolas,monospace}

/* Laptop, 200% desktop zoom and unfolded foldable/tablet landscape. */
@media(max-width:1100px){
  #sbt-page[data-design="v19"] .row-arrow{min-width:44px;min-height:44px;display:grid;place-items:center}
  #sbt-page[data-design="v19"] .footer-bottom nav a,
  #sbt-page[data-design="v19"] .footer-bottom .privacy-choice{min-width:44px;min-height:44px;justify-content:center}
  #sbt-page[data-design="v19"] .wrap{width:min(100% - 48px,1320px)}
  #sbt-page[data-design="v19"] .section{padding-block:clamp(54px,7vw,72px)}
  #sbt-page[data-design="v19"] .hero-copy{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:24px 38px}
  #sbt-page[data-design="v19"] .hero h1{font-size:clamp(48px,5.7vw,64px)}
  #sbt-page[data-design="v19"] .project-record{grid-template-columns:38px minmax(0,1fr) minmax(190px,230px)}
  #sbt-page[data-design="v19"] .footer-grid{grid-template-columns:minmax(260px,1.15fr) minmax(190px,.9fr) minmax(180px,.8fr)}
}

/* Tablet and unfolded foldable: keep a deliberate intermediate composition. */
@media(min-width:761px) and (max-width:980px){
  #sbt-page[data-design="v19"] .design-header .nav-inner{display:flex;flex-wrap:wrap;min-height:88px;padding-block:0!important;gap:0}
  #sbt-page[data-design="v19"] .design-header .brand-mark{width:84px!important}
  #sbt-page[data-design="v19"] .design-header .menu-toggle{display:flex;margin-left:auto}
  #sbt-page[data-design="v19"] .design-header .site-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:2px 28px;padding:12px 0 22px;font-size:14px!important}
  html.js #sbt-page[data-design="v19"] .design-header .site-nav:not(.open){display:none}
  #sbt-page[data-design="v19"] .design-header .site-nav a{min-height:48px;display:flex;align-items:center}
  #sbt-page[data-design="v19"] .design-header .site-nav .nav-contact{grid-column:1/-1;margin:4px 0 0;justify-content:space-between}
  #sbt-page[data-design="v19"] .hero-main{padding-block:42px 36px}
  #sbt-page[data-design="v19"] .hero-copy{grid-template-columns:1fr;gap:24px}
  #sbt-page[data-design="v19"] .hero h1{max-width:14ch;font-size:clamp(50px,7vw,62px)}
  #sbt-page[data-design="v19"] .hero-support{max-width:58ch}
  #sbt-page[data-design="v19"] .hero-desc{max-width:54ch}
  #sbt-page[data-design="v19"] .hero-band{gap:18px}
  #sbt-page[data-design="v19"] .capabilities{grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:32px}
  #sbt-page[data-design="v19"] .project-record{grid-template-columns:36px minmax(0,1fr);gap:16px}
  #sbt-page[data-design="v19"] .project-meta{grid-column:2;border-left:0;padding-left:0}
  #sbt-page[data-design="v19"] .team-visuals{gap:24px}
  #sbt-page[data-design="v19"] .delivery-grid{grid-template-columns:1fr;gap:28px}
  #sbt-page[data-design="v19"] .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
  #sbt-page[data-design="v19"] .footer-identity{grid-column:1/-1}
  #sbt-page[data-design="v19"] .footer-group a{min-height:44px}
  #sbt-page[data-design="v19"] .service-layout{grid-template-columns:170px minmax(0,1fr);gap:30px}
}

/* Phone, narrow tablet and foldable outer display. */
@media(max-width:760px){
  #sbt-page[data-design="v19"] .wrap{width:calc(100% - clamp(28px,8vw,40px))}
  #sbt-page[data-design="v19"] .section{padding-block:clamp(44px,12vw,58px)}
  #sbt-page[data-design="v19"] .hero-copy{grid-template-columns:minmax(0,1fr);gap:22px}
  #sbt-page[data-design="v19"] .design-header .nav-inner{padding-inline:max(0px,env(safe-area-inset-left)) max(0px,env(safe-area-inset-right))!important}
  #sbt-page[data-design="v19"] .design-header .site-nav a{min-height:48px;display:flex;align-items:center}
  #sbt-page[data-design="v19"] .hero-main{padding-block:clamp(30px,8vw,40px)}
  #sbt-page[data-design="v19"] .hero h1{font-size:clamp(32px,8.7vw,50px);max-width:15ch;letter-spacing:-.045em}
  #sbt-page[data-design="v19"] .hero-desc{font-size:clamp(14px,3.8vw,15px);line-height:1.72}
  #sbt-page[data-design="v19"] .hero-band>div{min-width:0}
  #sbt-page[data-design="v19"] .approach-copy h2,
  #sbt-page[data-design="v19"] .cap-intro h2{font-size:clamp(26px,7vw,32px)}
  #sbt-page[data-design="v19"] .chapter summary{display:grid;grid-template-columns:32px minmax(0,1fr) 44px;gap:8px;align-items:center}
  #sbt-page[data-design="v19"] .chapter summary h3{min-width:0;overflow-wrap:anywhere}
  #sbt-page[data-design="v19"] .chapter summary .expand{margin-left:0;min-width:44px;min-height:44px;display:grid;place-items:center}
  #sbt-page[data-design="v19"] .project-record{grid-template-columns:30px minmax(0,1fr);gap:12px}
  #sbt-page[data-design="v19"] .article-row{grid-template-columns:24px minmax(0,1fr) 44px!important;gap:12px!important}
  #sbt-page[data-design="v19"] .article-row>div{min-width:0}
  #sbt-page[data-design="v19"] .article-row .row-arrow{width:44px;justify-self:end}
  #sbt-page[data-design="v19"] .team-visuals .rendered-model img{width:100%;height:auto;aspect-ratio:1.3;object-fit:contain;object-position:center}
  #sbt-page[data-design="v19"] .service-index nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  #sbt-page[data-design="v19"] .service-index a{min-width:0;overflow-wrap:anywhere}
  #sbt-page[data-design="v19"] .service-process li{grid-template-columns:34px minmax(0,1fr);gap:12px;font-size:14px}
  #sbt-page[data-design="v19"] .contact-description br{display:none}
  #sbt-page[data-design="v19"] .footer-bottom nav{align-items:center}
  #sbt-page[data-design="v19"] .footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 20px}
  #sbt-page[data-design="v19"] .footer-identity{grid-column:1/-1;width:100%;grid-template-columns:90px minmax(0,1fr)}
  #sbt-page[data-design="v19"] .footer-group a{min-height:44px}
  #sbt-page[data-design="v19"] .footer-bottom nav a,
  #sbt-page[data-design="v19"] .footer-bottom .privacy-choice{padding-inline:6px}
  #sbt-page[data-design="v19"] #analytics-choice{padding-bottom:calc(18px + env(safe-area-inset-bottom))}
}

@media(max-width:540px){
  #sbt-page[data-design="v19"] .design-header .site-nav{grid-template-columns:1fr 1fr;gap:0 14px}
  #sbt-page[data-design="v19"] .hero .actions{display:grid;grid-template-columns:1fr;gap:12px;align-items:stretch}
  #sbt-page[data-design="v19"] .hero .button,
  #sbt-page[data-design="v19"] .hero .inline-link{width:100%;min-height:48px}
  #sbt-page[data-design="v19"] .hero-band strong{display:block;margin:0 0 2px}
  #sbt-page[data-design="v19"] .service-index nav{grid-template-columns:1fr}
  #sbt-page[data-design="v19"] .contact-channels{width:100%;display:grid;grid-template-columns:1fr;gap:10px}
  #sbt-page[data-design="v19"] .contact-channels a{width:100%;justify-content:center;min-height:48px}
  #sbt-page[data-design="v19"] .contact-hours-divider{display:none}
  #sbt-page[data-design="v19"] .contact-information span+span{display:block}
  #sbt-page[data-design="v19"] .footer-grid{grid-template-columns:1fr;gap:24px}
  #sbt-page[data-design="v19"] .footer-identity{grid-column:auto;grid-template-columns:76px minmax(0,1fr);column-gap:16px}
  #sbt-page[data-design="v19"] .footer-group{border-top:1px solid #c7d2cf;padding-top:20px}
  #sbt-page[data-design="v19"] .footer-bottom nav{display:grid;grid-template-columns:1fr;justify-items:start;gap:2px;margin-top:12px}
  #sbt-page[data-design="v19"] .footer-bottom nav a,
  #sbt-page[data-design="v19"] .footer-bottom .privacy-choice{justify-content:flex-start;padding-inline:0}
}

@media(max-width:360px){
  #sbt-page[data-design="v19"] .wrap{width:calc(100% - 28px)}
  #sbt-page[data-design="v19"] .design-header .brand-mark{width:72px!important}
  #sbt-page[data-design="v19"] .design-header .site-nav{grid-template-columns:1fr}
  #sbt-page[data-design="v19"] .design-header .site-nav .nav-contact{grid-column:auto}
  #sbt-page[data-design="v19"] .hero h1{font-size:32px}
  #sbt-page[data-design="v19"] .chapter{padding-inline:8px}
  #sbt-page[data-design="v19"] .chapter[open]{padding-left:6px}
  #sbt-page[data-design="v19"] .chapter summary{grid-template-columns:28px minmax(0,1fr) 40px;gap:6px}
  #sbt-page[data-design="v19"] .chapter summary .expand{min-width:40px}
}

/* Short landscape screens: reduce vertical chrome without shrinking content. */
@media(max-width:980px) and (max-height:600px){
  #sbt-page[data-design="v19"] .design-header .nav-inner{min-height:72px}
  #sbt-page[data-design="v19"] .design-header .brand-mark{width:70px!important}
  #sbt-page[data-design="v19"] .hero-main{padding-block:26px 22px}
  #sbt-page[data-design="v19"] .hero h1{font-size:clamp(36px,6.2vw,50px)}
  #sbt-page[data-design="v19"] .hero-band{padding-block:14px 18px}
}

@media(hover:none) and (pointer:coarse){
  #sbt-page[data-design="v19"] :where(a,button,summary){-webkit-tap-highlight-color:transparent}
  #sbt-page[data-design="v19"] .footer-group a{min-height:48px}
}

@media(prefers-reduced-motion:reduce){
  #sbt-page[data-design="v19"] *,#sbt-page[data-design="v19"] *::before,#sbt-page[data-design="v19"] *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}