/* ==========================================================
   DBG V29 – readability + dedicated phone layout
   Loaded last. Desktop structure remains unchanged except header call removal
   and improved micro-label readability.
   ========================================================== */

/* Small architectural labels were visually too tiny */
.section-index{font-size:11px!important;letter-spacing:.16em!important;line-height:1.35!important}
.eyebrow{font-size:10px!important;letter-spacing:.17em!important;line-height:1.35!important}
.build21-phase{font-size:10px!important;gap:13px!important}
.build21-phase b{font-size:11px!important}
.build21-phase span{font-size:10px!important;letter-spacing:.16em!important}
.build21-slider-head{font-size:10px!important;letter-spacing:.13em!important;margin-bottom:12px!important}
.build21-slider-head strong{font-size:13px!important}
.build21-ticks{font-size:10px!important;color:rgba(255,255,255,.56)!important;margin-top:3px!important}
.build21-legend{font-size:9px!important;line-height:1.45!important;color:rgba(255,255,255,.63)!important;gap:18px!important}
.build21-slider-hint{font-size:9px!important;top:38px!important;letter-spacing:.12em!important}
.build21-slider-hint i{font-size:15px!important}
.build21-note{font-size:9px!important;line-height:1.45!important}
.build21-caption small{font-size:9px!important}
.hero-v6-flow span{font-size:10px!important}
.hero-v6-flow strong{font-size:10px!important}
.project-start-tags span,.start-action small{font-size:10px!important}

/* Stronger primary phone CTA in the homepage hero */
.hero-v6 .hero-actions .dbg-btn-light{min-height:50px!important;padding:14px 19px!important;font-size:12px!important;letter-spacing:.075em!important}
.hero-v6 .hero-actions .dbg-btn-light span{font-size:12px!important}
.hero-v6 .hero-actions .text-link{font-size:12px!important}

/* Header: one clear action; freed space goes to navigation */
.header-actions-v6{gap:0!important}
.site-header-v6 .header-cta{font-size:11px!important;padding:13px 17px!important;letter-spacing:.08em!important}
@media (min-width:1181px){
  .site-header-v6{grid-template-columns:174px minmax(0,1fr) auto!important}
  .site-header-v6 .menu{gap:clamp(12px,1.35vw,27px)!important}
  .site-header-v6 .menu>li>a{font-size:11.5px!important;letter-spacing:.085em!important}
}
@media (min-width:1181px) and (max-width:1440px) and (hover:hover) and (pointer:fine){
  .site-header-v6{grid-template-columns:160px minmax(0,1fr) auto!important;gap:18px!important}
  .site-header-v6 .menu{gap:clamp(9px,1vw,15px)!important}
  .site-header-v6 .menu>li>a{font-size:10.7px!important;letter-spacing:.07em!important}
  .site-header-v6 .header-cta{font-size:10px!important;padding:11px 12px!important}
}

/* Dedicated PHONE layout – do not squeeze desktop grids */
@media (max-width:800px){
  :root{--pad:18px!important;--header-h:68px!important}
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body{min-width:0!important}
  #page,.site,main,.site-main,.site-content,section,header,footer,nav{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}
  img,svg,canvas,video{max-width:100%!important}

  /* phone header */
  .site-header-v6{height:68px!important;min-height:68px!important;padding:0 15px 0 17px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;align-items:center!important;gap:10px!important}
  .site-header-v6 .brand{width:150px!important;max-width:64vw!important;min-width:0!important;padding:0!important}
  .site-header-v6 .brand img{width:100%!important;height:auto!important;max-height:38px!important;object-fit:contain!important;object-position:left center!important}
  .site-header-v6 .menu-toggle{width:46px!important;height:46px!important;margin:0!important;justify-self:end!important;flex:0 0 46px!important}
  .header-actions-v6{display:none!important}

  /* true phone menu */
  .site-header-v6 .main-nav.open{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important;padding:88px 18px max(22px,env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important;background:#0d1218!important}
  .site-header-v6 .main-nav.open .menu{width:100%!important;display:block!important;margin:0!important;padding:0!important;border-top:1px solid rgba(255,255,255,.13)!important}
  .site-header-v6 .main-nav.open .menu>li{display:block!important;width:100%!important;margin:0!important;padding:0!important;border-bottom:1px solid rgba(255,255,255,.11)!important}
  .site-header-v6 .main-nav.open .menu>li>a{width:100%!important;min-height:52px!important;padding:12px 2px!important;display:flex!important;align-items:center!important;font-size:22px!important;line-height:1.08!important;letter-spacing:-.015em!important;white-space:normal!important;overflow:visible!important;color:#fff!important}
  .mobile-nav-actions-v6{display:flex!important;flex-direction:column!important;width:100%!important;margin-top:22px!important;padding-top:0!important;gap:0!important}
  .mobile-nav-actions-v6 a{width:100%!important;min-height:50px!important;padding:13px 2px!important;font-size:11px!important;letter-spacing:.1em!important;border-top:1px solid rgba(255,255,255,.13)!important}
  body.menu-open .site-header-v6 .brand{position:fixed!important;left:18px!important;top:15px!important;width:150px!important;z-index:10003!important}
  body.menu-open .site-header-v6 .menu-toggle{position:fixed!important;right:14px!important;top:11px!important;z-index:10004!important}

  /* type + spacing */
  .section{padding:68px 18px!important}
  .section-index{font-size:11px!important;margin-bottom:25px!important}
  .eyebrow{font-size:10px!important}
  .section h2,.section-head h2{font-size:clamp(39px,11vw,51px)!important;line-height:.96!important;max-width:100%!important}
  .section p,.section-note{font-size:14px!important;line-height:1.62!important;max-width:100%!important}
  .section-head.split,.section-head{display:block!important;width:100%!important}
  .section-head.split .section-note{margin:20px 0 0!important}

  /* Hero is a phone composition, not compressed desktop */
  .hero-v6{min-height:100svh!important;height:auto!important;padding:calc(var(--header-h) + 54px) 18px 28px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;overflow:hidden!important}
  .hero-v6-copy{width:100%!important;max-width:100%!important;margin:0 0 34px!important}
  .hero-v6 h1{font-size:clamp(43px,12.6vw,58px)!important;line-height:.94!important;letter-spacing:-.052em!important;max-width:100%!important;margin-right:0!important}
  .hero-v6 .hero-lead{font-size:14px!important;line-height:1.58!important;max-width:92%!important}
  .hero-v6 .hero-actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:18px!important;margin-top:24px!important}
  .hero-v6 .hero-actions .dbg-btn-light{min-height:52px!important;padding:14px 18px!important;font-size:12px!important}
  .hero-v6 .hero-actions .text-link{font-size:12px!important;padding:8px 0!important}
  .hero-blueprint-field{width:145vw!important;height:62vh!important;right:-71vw!important;top:13vh!important;opacity:.25!important;pointer-events:none!important}
  .hero-v6-flow{width:100%!important;max-width:100%!important;grid-template-columns:1fr 1fr!important;gap:0!important;margin-top:0!important}
  .hero-v6-flow>div{min-width:0!important;padding:12px 8px 9px 0!important;grid-template-columns:24px minmax(0,1fr)!important;gap:6px!important}
  .hero-v6-flow span{font-size:10px!important}.hero-v6-flow strong{font-size:9px!important;letter-spacing:.1em!important;white-space:normal!important}
  .scroll-cue{display:none!important}

  /* all recurring desktop grids become stable single column */
  .intro-v6,.service-grid-v6,.portal-grid-v6,.home-project-grid,.team-grid,.team-working-grid,.partner-process-v6,.principles,.vision-intro-v6,.vision-values-v6,.vision-system-v6,.service-process-v6,.contact-main-v6,.footer-v6-main,.career-portal-grid,.career-process,.project-grid-v6,.project-single-content-v6,.reference-archive-grid,.contact-grid,.applicant-options,.listing-grid{grid-template-columns:minmax(0,1fr)!important;display:grid!important;gap:18px!important;width:100%!important}
  .intro-v6>* ,.service-grid-v6>* ,.portal-grid-v6>* ,.home-project-grid>* ,.team-grid>* ,.team-working-grid>* ,.partner-process-v6>* ,.principles>* ,.vision-intro-v6>* ,.vision-values-v6>* ,.vision-system-v6>* ,.service-process-v6>* ,.contact-main-v6>* ,.footer-v6-main>*{min-width:0!important;max-width:100%!important;grid-column:auto!important}

  .service-card-v6,.portal-card-v6,.team-working-grid article,.partner-process-v6 article,.vision-values-v6 article{min-height:0!important;height:auto!important;padding:24px 20px!important}
  .service-card-v6 h3,.portal-card-v6 h3{font-size:26px!important;line-height:1.06!important}
  .home-project-card,.home-project-media,.home-project-media img{width:100%!important;max-width:100%!important}
  .home-project-media{aspect-ratio:4/3!important;height:auto!important;overflow:hidden!important}
  .home-project-media img{height:100%!important;object-fit:cover!important}
  .home-project-meta{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important}

  /* profile chain: wrap rather than run out of viewport */
  .profile-strip{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;width:100%!important;gap:8px 10px!important;padding-bottom:0!important}
  .profile-strip span{font-size:9px!important;white-space:nowrap!important}
  .profile-strip i{flex:0 0 18px!important;min-width:18px!important}

  /* Schieben.Bauen: readable and touch-safe */
  .build21{width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important}
  .build21-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;grid-template-columns:none!important;width:100%!important;overflow:hidden!important}
  .build21-copy{width:100%!important;min-height:0!important;padding:54px 18px 34px!important;box-sizing:border-box!important}
  .build21-copy h2{font-size:clamp(43px,12vw,56px)!important;line-height:.94!important}
  .build21-copy>p{font-size:14px!important;line-height:1.58!important;min-height:0!important;max-width:100%!important}
  .build21-phase{font-size:10px!important;margin-top:13px!important}
  .build21-phase b,.build21-phase span{font-size:10px!important}
  .build21-control{width:100%!important;padding-bottom:34px!important;margin-top:22px!important}
  .build21-slider-head{font-size:10px!important;margin-bottom:13px!important}
  .build21-slider-head strong{font-size:13px!important}
  .build21-slider-wrap{width:100%!important;min-height:42px!important}
  .build21-range{height:36px!important;touch-action:pan-x!important}
  .build21-ticks{font-size:10px!important;margin-top:4px!important}
  .build21-slider-hint{font-size:9px!important;top:42px!important}
  .build21-legend{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin-top:14px!important;font-size:9px!important}
  .build21-legend span:last-child{display:block!important}
  .build21-stage{width:100%!important;height:52vh!important;min-height:390px!important;max-height:520px!important;position:relative!important;overflow:hidden!important}
  .build21-canvas,.build21-fallback{width:100%!important;height:100%!important;max-width:100%!important}
  .build21-caption{right:16px!important;bottom:17px!important}.build21-caption span{font-size:29px!important}.build21-caption small{font-size:9px!important}
  .build21-note{left:16px!important;bottom:17px!important;max-width:56%!important;font-size:8px!important;line-height:1.4!important}
  .build21-inspect{font-size:10px!important;min-height:42px!important;padding:10px 13px!important}

  /* Page heroes */
  .page-hero-v6{min-height:auto!important;padding:calc(var(--header-h) + 52px) 18px 56px!important;display:block!important;overflow:hidden!important}
  .page-hero-v6 .page-hero-copy{width:100%!important;max-width:100%!important}
  .page-hero-v6 .page-hero-copy h1,.page-hero-v6 h1{font-size:clamp(42px,11.5vw,54px)!important;line-height:.96!important;max-width:100%!important}
  .page-hero-blueprint{position:absolute!important;right:-60vw!important;top:16%!important;width:135vw!important;max-width:none!important;opacity:.22!important;pointer-events:none!important}

  /* forms never collide */
  form,.contact-form-v6,.application-form,.partner-form{width:100%!important;max-width:100%!important}
  input,textarea,select,button{max-width:100%!important;box-sizing:border-box!important}
  .form-grid,.contact-form-grid{grid-template-columns:1fr!important;gap:14px!important}

  /* footer */
  .footer-v6-main{padding-left:18px!important;padding-right:18px!important}
  .footer-v6-bottom{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding-left:18px!important;padding-right:18px!important}
}

@media (max-width:390px){
  :root{--pad:16px!important}
  .site-header-v6{padding-left:15px!important;padding-right:12px!important}
  .site-header-v6 .brand{width:140px!important}
  .hero-v6,.section{padding-left:16px!important;padding-right:16px!important}
  .hero-v6 h1{font-size:clamp(40px,12.4vw,50px)!important}
  .site-header-v6 .main-nav.open{padding-left:16px!important;padding-right:16px!important}
  .site-header-v6 .main-nav.open .menu>li>a{font-size:21px!important}
  .build21-copy{padding-left:16px!important;padding-right:16px!important}
  .build21-stage{min-height:360px!important}
}

/* Other recurring micro-labels: keep architectural character, improve legibility */
.service-card-top>span,.portal-card-v6>span,.home-project-meta,.compare-caption strong,.compare-caption span,.plan-to-build .compare-instruction,.office-direct span,.footer-v6-col>span,.footer-v6-bottom,.service-detail-icon>span,.service-detail-points span,.service-process-steps article>span,.team-working-grid article>span,.partner-process-v6 article>span,.portal-route span,.vision-drawing-label span,.service-process-model-v8>span,.contact-hero-art-v9>span{font-size:10px!important;line-height:1.35!important}
.compare-caption span,.home-project-meta{letter-spacing:.09em!important}
.footer-v6-bottom{font-size:9px!important}
@media(max-width:800px){
  .service-card-top>span,.portal-card-v6>span,.home-project-meta,.compare-caption strong,.compare-caption span,.plan-to-build .compare-instruction,.office-direct span,.footer-v6-col>span,.footer-v6-bottom,.service-detail-icon>span,.service-detail-points span,.service-process-steps article>span,.team-working-grid article>span,.partner-process-v6 article>span,.portal-route span,.vision-drawing-label span,.service-process-model-v8>span,.contact-hero-art-v9>span{font-size:9px!important}
  .portal-route{display:none!important}
  .compare-caption{left:12px!important;right:12px!important;bottom:12px!important;gap:10px!important;padding-top:9px!important;flex-direction:column!important}
  .plan-to-build .compare-instruction{left:12px!important;top:12px!important;padding:6px 7px!important}
}