/* Customer-facing type and layout for Blueprint and Atelier. */
body.brand-blueprint {
  font-size: 18px;
  line-height: 1.6;
  --reading-size: 18px;
  --control-size: 17px;
}
body.brand-blueprint :is(p,li,dt,dd) { font-size: var(--reading-size) !important; line-height: 1.65; }
body.brand-blueprint :is(small,.smallcaps,.formnote,.photo-caption,.breadcrumb,.pill) { font-size: 16px !important; line-height: 1.55; }
body.brand-blueprint .eyebrow { font: 600 14px/1.6 var(--font-sans) !important; letter-spacing: 1.1px; }
body.brand-blueprint :is(label,legend,th,td) { font-size: 16px !important; line-height: 1.6; }
body.brand-blueprint :is(button,input,select,textarea) { font: inherit; }
body.brand-blueprint :is(button,.btn,.text-link,.bp-text-link,.bp-card-action) {
  font-size: var(--control-size) !important;
  line-height: 1.45;
  min-height: 48px;
}
body.brand-blueprint .btn {
  min-height: 56px;
  padding: 15px 24px;
  gap: 18px;
  font-weight: 700;
  white-space: normal;
  text-align: center;
  justify-content: center;
}
body.brand-blueprint :is(input:not([type=radio]):not([type=checkbox]):not([type=hidden]),select,textarea) {
  min-height: 52px;
  padding: 12px 14px;
  font-size: 17px !important;
  max-width: 100%;
  line-height: 1.5;
}
body.brand-blueprint :is(input[type=radio],input[type=checkbox]) { width:20px; height:20px; flex:0 0 20px; }
body.brand-blueprint :is(.bp-text-link,.text-link,.bp-card-action) { display:inline-flex; align-items:center; }
body.brand-blueprint :is(a,button,input,select,textarea,summary):focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
body.brand-blueprint .prototype-note { font: 14px/1.5 var(--font-sans); letter-spacing:0; padding:8px 5%; }
body.brand-blueprint .bp-utility { padding:8px 5%; min-height:48px; font-size:16px; gap:24px; flex-wrap:wrap; }
body.brand-blueprint .bp-utility button { font-size:16px !important; min-height:36px; }
body.brand-blueprint .bp-siteheader { min-height:120px; height:auto; padding:22px 5%; gap:30px; align-items:center; }
body.brand-blueprint .bp-siteheader .bp-logo { flex-shrink:0; }
body.brand-blueprint .bp-siteheader .bp-logo img { width:310px; max-width:100%; height:auto; }
body.brand-blueprint .bp-siteheader nav { font-size:17px; gap:28px; }
body.brand-blueprint .bp-siteheader nav a { display:flex; align-items:center; min-height:48px; white-space:nowrap; }
body.brand-blueprint .bp-siteheader nav a.bp-mobile-quote { display:none; }
body.brand-blueprint .bp-nav-actions { gap:16px; margin-left:auto; }
body.brand-blueprint :is(.bp-menu,.bp-search-link,.basket) { display:inline-flex; align-items:center; justify-content:center; min-width:48px; min-height:48px; }
body.brand-blueprint :is(.bp-menu,.bp-search-link,.basket) svg { width:24px; height:24px; }
body.brand-blueprint .bp-menu { display:none; }
body.brand-blueprint .basket { gap:7px; }
body.brand-blueprint .basket span { font-size:16px; min-width:22px; }
body.brand-blueprint .bp-nav-quote { min-width:196px; }

/* Hardware and purchasing information occupy the hero, with no decorative copy. */
body.brand-blueprint .bp-hero {
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);
  gap:6%;
  align-items:center;
  padding:64px 6%;
  min-height:0;
}
body.brand-blueprint .bp-hero-content { width:auto; max-width:none; padding:0; position:relative; z-index:2; }
body.brand-blueprint .bp-hero h1 { font-size:clamp(56px,5.2vw,88px); line-height:1.08; letter-spacing:-3px; margin:22px 0 26px; max-width:none; }
body.brand-blueprint .bp-hero h1 em { white-space:normal; }
body.brand-blueprint .bp-hero-description { max-width:640px; font-size:20px !important; line-height:1.65; margin:0; }
body.brand-blueprint .bp-hero .actions { margin:30px 0 24px; gap:14px; flex-wrap:wrap; }
body.brand-blueprint .bp-hero-image { inset:0; opacity:.38; }
body.brand-blueprint .bp-hero-image:after { background:linear-gradient(90deg,#0b1923f5,#0b1923cc 55%,#0b192399); }
body.brand-blueprint .bp-grid { opacity:.2; }
body.brand-blueprint .bp-hero-spec {
  position:relative; inset:auto; display:flex; flex-direction:column; align-self:center;
  width:100%; max-width:none; padding:30px; margin:0; z-index:2;
  background:#112938f2; border:1px solid #506b7b; box-shadow:0 18px 50px #0003;
}
body.brand-blueprint .bp-hero-spec>span { font-size:16px; letter-spacing:1px; color:#b6c8d3; }
body.brand-blueprint .bp-hero-spec>img { width:100%; height:220px; object-fit:contain; mix-blend-mode:screen; margin:18px 0; }
body.brand-blueprint .bp-hero-spec h2 { font-size:28px; line-height:1.3; margin:0 0 8px; letter-spacing:-.5px; }
body.brand-blueprint .bp-hero-spec p { color:#b6c8d3; margin:0 0 16px; }
body.brand-blueprint .bp-hero-spec>a { margin-top:20px; border-top:1px solid #506b7b; padding:18px 0 0; min-height:52px; font-size:17px; display:flex; justify-content:space-between; align-items:center; }
body.brand-blueprint .bp-hero-stock { display:flex; flex-wrap:wrap; gap:8px 18px; font-size:16px; color:#c4dfd2; }
body.brand-blueprint .bp-hero-price { display:flex; flex-wrap:wrap; align-items:baseline; gap:12px; margin-top:12px; }
body.brand-blueprint .bp-hero-price strong { font-size:30px; }
body.brand-blueprint .bp-hardware-search { display:flex; width:100%; max-width:570px; margin:0; background:#091b27; border:1px solid #587385; border-radius:3px; }
body.brand-blueprint .bp-hardware-search input[type=search] { width:100%; min-width:0; color:#f5f4ef; background:transparent; border:0; border-radius:0; padding:14px 18px; box-shadow:none; }
body.brand-blueprint .bp-hardware-search button { display:flex; align-items:center; justify-content:center; gap:10px; border:0; border-left:1px solid #587385; border-radius:0; padding:12px 16px; min-width:56px; color:#f5f4ef; background:#18394e; }
body.brand-blueprint .bp-hardware-search svg { width:22px; height:22px; flex-shrink:0; }
body.brand-blueprint .bp-brand-links { display:flex; gap:24px; flex-wrap:wrap; margin-top:15px; }
body.brand-blueprint .bp-brand-links a { display:flex; align-items:center; gap:16px; min-height:44px; font-size:16px; color:#c0d0db; }
body.brand-blueprint .bp-confidence { padding:28px 6%; gap:24px 0; grid-template-columns:repeat(4,minmax(0,1fr)); }
body.brand-blueprint .bp-confidence>div { padding:0 22px; min-width:0; }
body.brand-blueprint .bp-confidence>div:first-child { padding-left:0; }
body.brand-blueprint .bp-confidence b { font-size:18px; line-height:1.45; }
body.brand-blueprint .bp-confidence span { font-size:16px; line-height:1.6; }
body.brand-blueprint .bp-confidence button { font-size:16px !important; text-align:left; padding:0; min-height:40px; }

/* Large, readable product information, with space for labels to wrap. */
body.brand-blueprint .bp-section { padding:64px 6%; }
body.brand-blueprint .bp-section-head { gap:28px; margin-bottom:24px; align-items:flex-end; }
body.brand-blueprint .bp-section h2 { font-size:clamp(34px,3vw,48px) !important; line-height:1.2; letter-spacing:-1.5px; }
body.brand-blueprint .bp-section-head h2 { max-width:920px; }
body.brand-blueprint .bp-section-head>.bp-text-link { flex-shrink:0; white-space:normal; }
body.brand-blueprint .bp-collection-bar { margin:0 0 30px; }
body.brand-blueprint .bp-collection-bar p { max-width:none; }
body.brand-blueprint .bp-productcard { min-width:0; }
body.brand-blueprint .bp-productcard .productinfo { padding:26px 24px 0; }
body.brand-blueprint .bp-productcard .productphoto { height:245px; }
body.brand-blueprint .bp-productcard h3 { font-size:28px; line-height:1.25; letter-spacing:-.8px; margin:12px 0; }
body.brand-blueprint .bp-productcard .productinfo>p { font-size:16px !important; }
body.brand-blueprint .bp-product-top { flex-wrap:wrap; gap:10px; padding:24px 24px 0; }
body.brand-blueprint .bp-product-top>span:first-child { font-size:16px; }
body.brand-blueprint .bp-stock-tag { font-size:16px; }
body.brand-blueprint .bp-memory { gap:16px; align-items:center; padding:18px 0; }
body.brand-blueprint .bp-memory>span { font-size:16px; }
body.brand-blueprint .bp-memory>b { font-size:17px; text-align:right; }
body.brand-blueprint .bp-stock-locations>span { font-size:16px; gap:8px; line-height:1.7; flex-wrap:wrap; }
body.brand-blueprint .bp-stock-locations>span b { font-size:16px; }
body.brand-blueprint .bp-stock-locations>small { display:block; margin-top:10px; }
body.brand-blueprint .bp-productcard .cardbottom { flex-wrap:wrap; align-items:center; min-height:100px; gap:12px; padding:20px 0; }
body.brand-blueprint .bp-productcard .cardbottom b { font-size:26px; line-height:1.3; }
body.brand-blueprint .bp-productcard .cardbottom small { margin-top:5px; max-width:none; }
body.brand-blueprint .bp-productcard .compare-btn { font-size:16px !important; min-height:44px; }
body.brand-blueprint .bp-card-action { display:flex; padding:18px 0; min-height:62px; font-size:18px !important; }
body.brand-blueprint .bp-server-strip { gap:24px; padding:28px; flex-wrap:wrap; }
body.brand-blueprint .bp-server-strip>div { flex:1; min-width:240px; }
body.brand-blueprint .bp-server-strip h3 { font-size:25px; line-height:1.4; }
body.brand-blueprint .bp-server-strip>span:last-child { font-size:17px; min-height:48px; align-items:center; }
body.brand-blueprint .bp-section-deck { max-width:850px; margin:0 0 28px; }
body.brand-blueprint .bp-workloads .workload-tabs { margin-top:28px; }
body.brand-blueprint .bp-workloads .workload-tabs button { min-height:68px; padding:20px 24px !important; font-size:18px !important; line-height:1.45; gap:12px !important; }
body.brand-blueprint .bp-workloads .workload-copy { padding:38px; }
body.brand-blueprint .bp-workloads .workload-copy h3 { font-size:34px; margin:0 0 20px; line-height:1.25; }
body.brand-blueprint .requirement-pills { gap:10px; flex-wrap:wrap; }
body.brand-blueprint .requirement-pills span { font-size:16px; padding:8px 12px; }
body.brand-blueprint .bp-workloads .workload-product { padding:30px; }
body.brand-blueprint .workload-product h3 { font-size:28px; line-height:1.3; }
body.brand-blueprint .workload-product>b { font-size:17px; display:block; padding-top:14px; }
body.brand-blueprint .bp-sourcing { gap:6%; grid-template-columns:1fr 1fr; }
body.brand-blueprint .bp-source-signature>span { font-size:17px; }
body.brand-blueprint .bp-route-map { padding:30px; }
body.brand-blueprint .bp-route-heading>span { font-size:16px; }
body.brand-blueprint .bp-route-heading>b { font-size:20px; }
body.brand-blueprint .bp-origin-cards { gap:24px; }
body.brand-blueprint .bp-origin-cards>a+a { padding-left:24px; }
body.brand-blueprint .bp-origin-cards h3 { font-size:28px; }
body.brand-blueprint .bp-origin-cards p { font-size:17px !important; }
body.brand-blueprint .bp-origin-cards b { font-size:16px; }
body.brand-blueprint .bp-origin-note { font-size:16px !important; }
body.brand-blueprint .bp-process-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
body.brand-blueprint .bp-process-grid article { padding:28px; }
body.brand-blueprint .bp-process-grid article:first-child { padding-left:0; }
body.brand-blueprint .bp-process-grid article>div { align-items:flex-start; }
body.brand-blueprint .bp-process-grid article>div b { font-size:18px; }
body.brand-blueprint .bp-process-grid h3 { font-size:24px; max-width:none; }
body.brand-blueprint .bp-faq { gap:7%; grid-template-columns:.7fr 1.3fr; }
body.brand-blueprint .bp-faq summary { font-size:19px; line-height:1.5; padding:24px 0; }
body.brand-blueprint .bp-cta { padding:44px 5%; margin-bottom:48px; }
body.brand-blueprint .bp-cta h2 { font-size:40px !important; line-height:1.2; }
body.brand-blueprint .bp-cta-actions { min-width:250px; }
body.brand-blueprint .bp-footer-top { grid-template-columns:1.5fr 1fr 1fr 1fr; gap:4%; }
body.brand-blueprint .bp-footer h3 { font-size:17px; }
body.brand-blueprint .bp-footer-top>div:not(:first-child)>a,body.brand-blueprint .bp-footer-top>div:not(:first-child)>button { font-size:16px !important; min-height:36px; line-height:1.5; }
body.brand-blueprint .bp-footer p { font-size:16px !important; }
body.brand-blueprint .bp-footer-bottom { font-size:16px; }
body.brand-blueprint .bp-design-tools { border-top:1px solid var(--line); padding:12px 0 22px; font-size:16px; }
body.brand-blueprint .bp-design-tools summary { cursor:pointer; min-height:44px; display:flex; align-items:center; color:var(--muted); }
body.brand-blueprint .bp-design-tools nav { display:flex; gap:24px; flex-wrap:wrap; padding:8px 0; }
body.brand-blueprint .bp-design-tools nav a { min-height:44px; display:inline-flex; align-items:center; }

/* Shop, product, quote, checkout and operations share the same reading scale. */
body.brand-blueprint .catalogue { grid-template-columns:245px minmax(0,1fr); gap:32px; }
body.brand-blueprint .filters { padding:24px; }
body.brand-blueprint .filters fieldset label { min-height:44px; gap:12px; align-items:center; overflow-wrap:normal; }
body.brand-blueprint .filters legend { font-weight:700; padding-bottom:10px; }
body.brand-blueprint .filters>.searchlabel { font-size:17px !important; }
body.brand-blueprint .filters>#search { min-width:0; }
body.brand-blueprint .category-nav { flex-wrap:wrap; gap:12px; }
body.brand-blueprint .category-nav button { padding:12px 20px; }
body.brand-blueprint .resultheading { flex-wrap:wrap; font-size:17px; gap:16px; }
body.brand-blueprint .resultheading select { min-width:160px; }
body.brand-blueprint .equipment-row { grid-template-columns:24px 90px minmax(0,1fr) 145px; gap:18px; }
body.brand-blueprint .equipment-row .row-stock { grid-column:3; }
body.brand-blueprint .equipment-row .row-buy { grid-column:4; grid-row:1 / span 2; }
body.brand-blueprint .row-title h2 { font-size:25px; }
body.brand-blueprint :is(.row-stock,.row-price,.row-index) { font-size:16px; }
body.brand-blueprint .product-detail { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:5%; }
body.brand-blueprint .buybox>p { max-width:680px; }
body.brand-blueprint .buybox .price strong { font-size:36px; line-height:1.3; }
body.brand-blueprint .product-specband b { font-size:21px; }
body.brand-blueprint .product-specband span { font-size:16px; }
body.brand-blueprint .availability { padding:24px; }
body.brand-blueprint .availability>div:first-child { font-size:17px; gap:12px; flex-wrap:wrap; }
body.brand-blueprint .availability .origin-options { gap:12px; }
body.brand-blueprint .origin-options>button { padding:16px; min-height:90px; }
body.brand-blueprint .origin-options>button b { font-size:18px; }
body.brand-blueprint .availability .eta { gap:12px; flex-wrap:wrap; }
body.brand-blueprint .purchaseactions { align-items:flex-end; flex-wrap:wrap; }
body.brand-blueprint .purchaseactions .qty { min-width:86px; }
body.brand-blueprint .buysecondary { gap:12px 24px; flex-wrap:wrap; }
body.brand-blueprint .detail-specs { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:6%; }
body.brand-blueprint .detail-specs dl>div { padding:18px 0; gap:24px; }
body.brand-blueprint .detail-specs dd { text-align:right; }
body.brand-blueprint .purchase-details summary { font-size:18px; padding:20px 0; }
body.brand-blueprint .quote-workspace { grid-template-columns:minmax(0,1.7fr) minmax(0,1fr); gap:4%; }
body.brand-blueprint .quote-intro>p { max-width:850px; }
body.brand-blueprint .project-form { padding:32px; }
body.brand-blueprint .project-form .formgrid { gap:20px; }
body.brand-blueprint .project-form h2 { font-size:28px; line-height:1.3; }
body.brand-blueprint .quote-sticky { padding:30px; }
body.brand-blueprint .quote-sticky h2 { font-size:32px; }
body.brand-blueprint .quote-sticky li { margin:12px 0; }
body.brand-blueprint .form-section { grid-template-columns:32px minmax(0,1fr); gap:18px; }
body.brand-blueprint .form-step { font-size:17px; }
body.brand-blueprint :is(.formgrid>label,.project-form label) { min-width:0; }
body.brand-blueprint dialog { width:min(720px,94vw); padding:36px; max-height:90vh; overflow:auto; }
body.brand-blueprint dialog .actions { flex-wrap:wrap; }
body.brand-blueprint dialog .formgrid { gap:20px; }
body.brand-blueprint dialog .close { width:48px; height:48px; }
body.brand-blueprint .compare-tray { padding:16px 24px; max-width:94vw; gap:20px; flex-wrap:wrap; }
body.brand-blueprint .compare-tray>span { font-size:17px; }
body.brand-blueprint .admin-layout { grid-template-columns:260px minmax(0,1fr); }
body.brand-blueprint .admin-sidebar button { padding:14px 16px; }
body.brand-blueprint .admin-main { min-width:0; }
body.brand-blueprint .admin-panel { overflow:auto; }
body.brand-blueprint :is(.metric-grid article>span,.taskrow b,.kanban h3,.admin-foot) { font-size:17px; }
body.brand-blueprint .tablewrap { overflow:auto; }
body.brand-blueprint :is(td,th) { padding:16px; }

/* Atelier keeps its serif identity without shrinking its commercial information. */
body.brand-blueprint.brand-atelier .at-hero { padding:30px 6% 0; }
body.brand-blueprint.brand-atelier .at-hero-heading { grid-template-columns:1.3fr 1fr; gap:7%; padding:38px 0; }
body.brand-blueprint.brand-atelier .at-hero h1 { font-size:clamp(56px,5.3vw,88px); line-height:1.1; letter-spacing:-2.5px; }
body.brand-blueprint.brand-atelier .at-hero h1 em { white-space:normal; }
body.brand-blueprint.brand-atelier .at-hero-heading>div>p { font-size:23px !important; line-height:1.5; margin:0 0 14px; }
body.brand-blueprint.brand-atelier .at-hero-heading>div>span { font-size:18px; max-width:580px; line-height:1.65; }
body.brand-blueprint.brand-atelier .at-hero-heading .bp-text-link { font-size:17px !important; margin-top:18px; }
body.brand-blueprint.brand-atelier .at-exhibit { grid-template-columns:1.25fr 1fr; }
body.brand-blueprint.brand-atelier .at-exhibit-image { background:radial-gradient(ellipse at center,#315064,#102d3d 75%); min-height:340px; }
body.brand-blueprint.brand-atelier .at-exhibit-image>img { object-fit:contain; padding:26px 40px; mix-blend-mode:screen; filter:none; }
body.brand-blueprint.brand-atelier .at-exhibit-image:after { display:none; }
body.brand-blueprint.brand-atelier .at-exhibit-copy { padding:32px; }
body.brand-blueprint.brand-atelier .at-exhibit-copy h2 { font-size:40px; line-height:1.1; letter-spacing:-1px; margin:20px 0; }
body.brand-blueprint.brand-atelier .at-exhibit-copy>p { max-width:none; }
body.brand-blueprint.brand-atelier .at-exhibit-copy>a { font-size:18px; min-height:52px; max-width:none; }
body.brand-blueprint.brand-atelier .at-hero-bottom { gap:30px; }
body.brand-blueprint.brand-atelier .at-hero-bottom>.actions { flex-shrink:0; }
body.brand-blueprint.brand-atelier .at-hero-bottom .bp-hardware-search { max-width:480px; }
body.brand-blueprint.brand-atelier .bp-productcard .productinfo>p { color:#485961; }
body.brand-blueprint.brand-atelier .bp-productcard .cardbottom small { color:#485961; }
body.brand-blueprint.brand-atelier .bp-productcard .smallcaps { color:#485961; }
body.brand-blueprint.brand-atelier .bp-procurement p { color:#43565f; }

@media (max-width:1340px) {
  body.brand-blueprint .bp-siteheader { position:relative; gap:20px; padding:20px 5%; }
  body.brand-blueprint .bp-siteheader>nav { display:none; position:absolute; top:100%; left:0; right:0; z-index:20; padding:18px 5%; background:var(--bg); border-bottom:1px solid var(--line); box-shadow:0 14px 28px #0005; }
  body.brand-blueprint .bp-siteheader>nav.is-open { display:flex; flex-wrap:wrap; }
  body.brand-blueprint .bp-siteheader nav a.bp-mobile-quote { display:flex; }
  body.brand-blueprint .bp-menu { display:inline-flex; }
  body.brand-blueprint .bp-hero { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:5%; padding:48px 5%; }
  body.brand-blueprint .bp-hero h1 { font-size:62px; letter-spacing:-2.5px; }
  body.brand-blueprint .bp-hero-spec { padding:24px; }
  body.brand-blueprint .bp-confidence { grid-template-columns:repeat(2,minmax(0,1fr)); padding:24px 5%; }
  body.brand-blueprint .bp-confidence>div:nth-child(3) { border-left:0; padding-left:0; }
  body.brand-blueprint .bp-confidence>div { padding-right:20px; }
  body.brand-blueprint .bp-section { padding:56px 5%; }
  body.brand-blueprint .bp-footer-top { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
  body.brand-blueprint .bp-footer-top>div:first-child { grid-column:1/-1; }
  body.brand-blueprint .bp-footer-company { display:block !important; grid-column:auto; padding:0; border:0; }
  body.brand-blueprint .bp-sourcing { grid-template-columns:1fr; gap:32px; }
  body.brand-blueprint .bp-source-story { max-width:800px; }
  body.brand-blueprint .bp-route-map { max-width:none; }
  body.brand-blueprint .quote-workspace { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); }
  body.brand-blueprint .form-section { grid-template-columns:1fr; }
  body.brand-blueprint .project-form { padding:24px; }
  body.brand-blueprint .form-step { width:32px; }
  body.brand-blueprint .equipment-row { grid-template-columns:70px minmax(0,1fr) 130px; }
  body.brand-blueprint .row-index { display:none; }
  body.brand-blueprint .equipment-row .row-stock { grid-column:2; }
  body.brand-blueprint .equipment-row .row-buy { grid-column:3; }
}
@media (max-width:1100px) {
  body.brand-blueprint .bp-collection .productgrid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
  body.brand-blueprint .bp-section-head { align-items:flex-start; flex-direction:column; gap:10px; }
  body.brand-blueprint .bp-hero { display:block; }
  body.brand-blueprint .bp-hero-content { max-width:760px; }
  body.brand-blueprint .bp-hero h1 { font-size:72px; }
  body.brand-blueprint .bp-hero-spec { display:none; }
  body.brand-blueprint .bp-hero-description { max-width:660px; }
  body.brand-blueprint .bp-cta { flex-wrap:wrap; gap:24px; }
  body.brand-blueprint .bp-cta-actions { flex-direction:row; flex-wrap:wrap; }
  body.brand-blueprint .catalogue { grid-template-columns:220px minmax(0,1fr); gap:24px; }
  body.brand-blueprint .catalogue .productgrid { grid-template-columns:1fr; }
  body.brand-blueprint .product-detail { grid-template-columns:1fr; }
  body.brand-blueprint .product-visual>img { height:340px; }
  body.brand-blueprint .quote-workspace { grid-template-columns:1fr; }
  body.brand-blueprint .quote-side { order:initial; }
  body.brand-blueprint .quote-sticky { position:static; }
  body.brand-blueprint .admin-layout { grid-template-columns:1fr; }
  body.brand-blueprint .admin-sidebar { display:block; padding:24px 5%; }
  body.brand-blueprint .admin-sidebar nav { display:flex; flex-wrap:wrap; gap:10px; }
  body.brand-blueprint .admin-sidebar .admin-foot { display:none; }
  body.brand-blueprint.brand-atelier .at-hero-heading { grid-template-columns:1fr; gap:24px; }
  body.brand-blueprint.brand-atelier .at-hero-heading>div { display:block; }
  body.brand-blueprint.brand-atelier .at-hero h1 { font-size:72px; }
  body.brand-blueprint.brand-atelier .at-hero-heading>div>p { max-width:700px; }
  body.brand-blueprint.brand-atelier .at-hero-bottom { flex-wrap:wrap; }
  body.brand-blueprint.brand-atelier .at-hero-bottom .bp-hardware-search { max-width:none; }
}
@media (max-width:760px) {
  body.brand-blueprint { --reading-size:17px; --control-size:17px; }
  body.brand-blueprint .prototype-note { text-align:left; font-size:16px; padding:8px 6%; }
  body.brand-blueprint .bp-utility { padding:6px 6%; justify-content:space-between; gap:4px 16px; }
  body.brand-blueprint .bp-utility>span:first-child { display:none; }
  body.brand-blueprint .bp-utility>span:nth-child(2) { display:block; font-size:16px; }
  body.brand-blueprint .bp-utility>span b { display:none; }
  body.brand-blueprint .bp-utility button { font-size:16px !important; }
  body.brand-blueprint .bp-siteheader { padding:18px 6%; min-height:92px; gap:12px; flex-wrap:nowrap; }
  body.brand-blueprint .bp-siteheader .bp-logo img { width:240px; }
  body.brand-blueprint .bp-nav-quote,body.brand-blueprint .bp-search-link { display:none; }
  body.brand-blueprint .bp-nav-actions { gap:4px; }
  body.brand-blueprint .bp-siteheader>nav.is-open { flex-direction:column; align-items:stretch; gap:4px; padding:16px 6%; }
  body.brand-blueprint .bp-siteheader>nav a { min-height:52px; font-size:18px; }
  body.brand-blueprint .bp-hero { min-height:0; padding:40px 6%; }
  body.brand-blueprint .bp-hero h1 { font-size:clamp(42px,8vw,60px); letter-spacing:-1.8px; margin:20px 0 24px; }
  body.brand-blueprint .bp-hero-description { font-size:18px !important; max-width:none; }
  body.brand-blueprint .bp-hero .actions { display:flex; align-items:stretch; flex-direction:column; gap:12px; }
  body.brand-blueprint .bp-hero .actions .btn { min-width:0; width:100%; }
  body.brand-blueprint .bp-hardware-search input[type=search] { font-size:16px !important; padding:13px; }
  body.brand-blueprint .bp-hardware-search button { padding:12px; }
  body.brand-blueprint .bp-hardware-search button>span { display:none; }
  body.brand-blueprint .bp-brand-links { gap:20px; }
  body.brand-blueprint .bp-confidence { padding:24px 6%; gap:24px; }
  body.brand-blueprint .bp-confidence>div { padding:0 !important; border:0; }
  body.brand-blueprint .bp-confidence b { font-size:17px; }
  body.brand-blueprint .bp-confidence span { font-size:16px; }
  body.brand-blueprint .bp-confidence button { font-size:16px !important; line-height:1.5; }
  body.brand-blueprint .bp-section { padding:44px 6%; }
  body.brand-blueprint .bp-section h2 { font-size:34px !important; letter-spacing:-1px; }
  body.brand-blueprint .bp-section-head>.bp-text-link { white-space:normal; }
  body.brand-blueprint .bp-collection .productgrid { grid-template-columns:1fr; }
  body.brand-blueprint .bp-productcard .productinfo { padding:24px 20px 0; }
  body.brand-blueprint .bp-productcard .productphoto { height:235px; }
  body.brand-blueprint .bp-productcard .cardbottom { flex-wrap:wrap; }
  body.brand-blueprint .bp-productcard h3 { font-size:28px; }
  body.brand-blueprint .bp-server-strip { padding:24px; gap:16px; }
  body.brand-blueprint .bp-server-icon { display:none; }
  body.brand-blueprint .bp-server-strip>div { min-width:0; flex-basis:100%; }
  body.brand-blueprint .bp-server-strip h3 { font-size:24px; }
  body.brand-blueprint .bp-server-strip>span:last-child { margin:0; }
  body.brand-blueprint .bp-workloads .workload-tabs { grid-template-columns:1fr; }
  body.brand-blueprint .bp-workloads .workload-tabs button { min-height:60px; padding:18px 22px !important; }
  body.brand-blueprint .bp-workloads .workload-panel { grid-template-columns:1fr; }
  body.brand-blueprint .bp-workloads .workload-copy,body.brand-blueprint .bp-workloads .workload-product { padding:26px 22px; }
  body.brand-blueprint .bp-workloads .workload-copy h3 { font-size:30px; }
  body.brand-blueprint .bp-route-map { padding:24px 20px; }
  body.brand-blueprint .bp-route-heading { align-items:flex-start; flex-wrap:wrap; gap:12px; }
  body.brand-blueprint .bp-origin-cards { grid-template-columns:1fr; gap:24px; }
  body.brand-blueprint .bp-origin-cards>a+a { border-left:0; padding:24px 0 0; border-top:1px solid #4c6472; }
  body.brand-blueprint .bp-origin-cards h3 { font-size:28px; }
  body.brand-blueprint .bp-route-line { height:85px; }
  body.brand-blueprint .bp-process-grid { grid-template-columns:1fr; }
  body.brand-blueprint .bp-process-grid article { padding:24px 0; border-right:0; border-bottom:1px solid var(--line); }
  body.brand-blueprint .bp-process-grid article>div { margin-bottom:16px; }
  body.brand-blueprint .bp-faq { grid-template-columns:1fr; gap:24px; }
  body.brand-blueprint .bp-faq summary { font-size:18px; }
  body.brand-blueprint .bp-faq details>p { padding-right:0; }
  body.brand-blueprint .bp-cta { display:block; padding:30px 6%; margin:0 4% 36px; }
  body.brand-blueprint .bp-cta h2 { font-size:34px !important; }
  body.brand-blueprint .bp-cta-actions { display:flex; flex-direction:column; min-width:0; }
  body.brand-blueprint .bp-footer { padding:36px 6% 0; }
  body.brand-blueprint .bp-footer-top { grid-template-columns:1fr 1fr; gap:28px 20px; }
  body.brand-blueprint .bp-footer-company { grid-column:1/-1; }
  body.brand-blueprint .bp-footer .bp-logo img { width:280px; }
  body.brand-blueprint .bp-footer-top>div:first-child>span { overflow-wrap:anywhere; }
  body.brand-blueprint .bp-footer-bottom { margin-top:30px; }
  body.brand-blueprint .catalogue { grid-template-columns:1fr; padding:0 6% 44px; }
  body.brand-blueprint .filters { display:grid; grid-template-columns:1fr; gap:12px; padding:24px; }
  body.brand-blueprint .filters fieldset { margin-top:8px; display:flex; flex-wrap:wrap; gap:0 18px; }
  body.brand-blueprint .filters fieldset label { min-height:44px; width:auto; }
  body.brand-blueprint .filters input[type=radio] { width:20px; height:20px; }
  body.brand-blueprint .filters>.btn { padding:12px; }
  body.brand-blueprint .category-nav { gap:10px; padding-left:6%; padding-right:6%; }
  body.brand-blueprint .category-nav button { font-size:16px !important; padding:12px 16px; }
  body.brand-blueprint .resultheading { align-items:flex-start; }
  body.brand-blueprint .resultheading>div { flex-wrap:wrap; }
  body.brand-blueprint .equipment-row { grid-template-columns:60px minmax(0,1fr); padding:20px 0; }
  body.brand-blueprint .equipment-row .row-buy { grid-column:2; grid-row:auto; }
  body.brand-blueprint .row-title h2 { font-size:24px; }
  body.brand-blueprint .product-detail { padding:0 6% 40px; }
  body.brand-blueprint .product-visual { padding:20px; }
  body.brand-blueprint .product-visual>img { height:230px; }
  body.brand-blueprint .product-specband>div { flex-wrap:wrap; gap:8px; }
  body.brand-blueprint .buybox h1 { font-size:40px; }
  body.brand-blueprint .availability { padding:20px; }
  body.brand-blueprint .origin-options { grid-template-columns:1fr; }
  body.brand-blueprint .origin-options>button { min-height:74px; }
  body.brand-blueprint .purchaseactions { gap:14px; }
  body.brand-blueprint .purchaseactions .btn { flex:1; }
  body.brand-blueprint .detail-specs { grid-template-columns:1fr; gap:28px; }
  body.brand-blueprint .detail-specs dl>div { gap:16px; }
  body.brand-blueprint .content-section { padding:40px 6%; }
  body.brand-blueprint .quote-intro h1 { font-size:42px; }
  body.brand-blueprint .project-form,body.brand-blueprint .quote-sticky { padding:24px 20px; }
  body.brand-blueprint .formgrid { grid-template-columns:1fr; }
  body.brand-blueprint .project-form .formgrid { gap:20px; }
  body.brand-blueprint .checkout-workspace { grid-template-columns:1fr; }
  body.brand-blueprint .compare-tray { gap:12px; padding:16px; }
  body.brand-blueprint .compare-tray>span { flex-basis:100%; }
  body.brand-blueprint dialog { padding:28px 20px; }
  body.brand-blueprint dialog h2 { font-size:30px; padding-right:25px; }
  body.brand-blueprint .bagrow { flex-wrap:wrap; gap:10px; }
  body.brand-blueprint .admin-top { flex-wrap:wrap; padding:20px; gap:12px; }
  body.brand-blueprint .admin-top input { min-width:0; width:100%; }
  body.brand-blueprint .metric-grid { grid-template-columns:1fr 1fr; gap:16px; }
  body.brand-blueprint .taskrow { flex-wrap:wrap; }
  body.brand-blueprint.brand-atelier .at-hero { padding:24px 6% 0; }
  body.brand-blueprint.brand-atelier .at-hero h1 { font-size:clamp(43px,8.5vw,62px); letter-spacing:-1.5px; }
  body.brand-blueprint.brand-atelier .at-hero-heading { padding:28px 0; }
  body.brand-blueprint.brand-atelier .at-hero-heading>div>p { font-size:21px !important; }
  body.brand-blueprint.brand-atelier .at-hero-heading>div>span { font-size:17px; }
  body.brand-blueprint.brand-atelier .at-exhibit { grid-template-columns:1fr; }
  body.brand-blueprint.brand-atelier .at-exhibit-image { min-height:230px; }
  body.brand-blueprint.brand-atelier .at-exhibit-image>img { padding:24px; }
  body.brand-blueprint.brand-atelier .at-exhibit-copy { padding:28px 24px; }
  body.brand-blueprint.brand-atelier .at-exhibit-copy h2 { font-size:34px; }
  body.brand-blueprint.brand-atelier .at-hero-bottom { padding:24px 0; gap:20px; }
  body.brand-blueprint.brand-atelier .at-hero-bottom .actions { display:flex; flex-direction:column; width:100%; }
  body.brand-blueprint.brand-atelier .at-hero-bottom .btn { width:100%; }
}
@media (max-width:430px) {
  body.brand-blueprint .bp-siteheader .bp-logo img { width:180px; }
  body.brand-blueprint .bp-siteheader { padding-left:5%; padding-right:5%; gap:4px; }
  body.brand-blueprint .bp-nav-actions { gap:0; }
  body.brand-blueprint .bp-confidence { grid-template-columns:1fr; gap:18px; }
  body.brand-blueprint .bp-footer-top { grid-template-columns:1fr; }
  body.brand-blueprint .metric-grid { grid-template-columns:1fr; }
  body.brand-blueprint .bp-hero h1 { font-size:clamp(37px,9.7vw,42px); letter-spacing:-1.4px; }
  body.brand-blueprint.brand-atelier .at-hero h1 { font-size:clamp(39px,10vw,45px); }
}

/* Touch controls and narrow-screen content should remain usable with long translations. */
body.brand-blueprint .modal-close { display:grid; place-items:center; width:44px; height:44px; min-width:44px; min-height:44px; padding:0; font-size:28px !important; touch-action:manipulation; }
body.brand-blueprint dialog:not(.pg-viewer) { max-height:90dvh; overscroll-behavior:contain; scroll-padding-block:20px; }
body.brand-blueprint dialog:not(.pg-viewer) h2 { padding-inline-end:40px; }
body.brand-blueprint :is(.buybox,.product-visual,.cx-quote-row>div,.cx-card-specs dd) { min-width:0; }
body.brand-blueprint :is(.buybox h1,.cx-budget-detail p,.cx-quote-row b,.cx-quote-row small,.cx-card-specs dd,.cx-carousel-copy dd) { overflow-wrap:anywhere; }
@media(max-width:760px) {
  body.brand-blueprint .cx-hero-consult-actions>.btn { white-space:normal; text-align:center; max-width:100%; }
  body.brand-blueprint .buybox .price strong { font-size:clamp(26px,7vw,36px); overflow-wrap:anywhere; }
}