/* Source: concretta-index-concretta-parity-v457.css */
/* CONCRETTA V457 — index.html mobile/tablet parity with concretta.html.
   Responsive geometry only. Desktop >1180px remains untouched. */

@media (max-width:1180px){
  body.ct-home{overflow-x:clip!important;}
  body.ct-home *,
  body.ct-home *::before,
  body.ct-home *::after{box-sizing:border-box;}
  body.ct-home :where(.row,[class*="grid"],[class*="wrap"],[class*="copy"],[class*="content"],[class*="panel"]){min-width:0;}
  body.ct-home :where(img,video,iframe,svg){max-width:100%;}
}

/* Tablet portrait / compact tablets — match concretta.html safe gutters and hero rhythm. */
@media (min-width:701px) and (max-width:991px){
  body.ct-home section#header2-22c.cid-smXf3eCssW{
    height:auto!important;
    min-height:86svh!important;
  }
  body.ct-home #header2-22c .container{
    width:100%!important;
    max-width:none!important;
    min-height:86svh!important;
    padding-top:max(104px,calc(88px + env(safe-area-inset-top)))!important;
    padding-left:28px!important;
    padding-right:28px!important;
    padding-bottom:72px!important;
  }
  body.ct-home #header2-22c .mbr-white{
    width:min(570px,100%)!important;
    max-width:570px!important;
    transform:none!important;
  }
  body.ct-home #header2-22c .concretta-hero-title{
    max-width:540px!important;
    font-size:clamp(48px,6.4vw,58px)!important;
    line-height:.98!important;
    letter-spacing:-.04em!important;
  }
  body.ct-home #header2-22c .concretta-hero-subtitle{
    max-width:500px!important;
    font-size:14px!important;
    line-height:1.65!important;
  }
  body.ct-home .cd-wrap{width:calc(100% - 56px)!important;max-width:1120px!important;}
}

/* Phones / large phones — same safe area and content width standard as concretta.html. */
@media (max-width:700px){
  body.ct-home{overflow-x:hidden!important;}
  body.ct-home section#header2-22c.cid-smXf3eCssW{
    height:auto!important;
    min-height:100svh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
  }
  body.ct-home #header2-22c .container{
    min-height:100svh!important;
    min-height:100dvh!important;
    height:auto!important;
    padding-top:max(84px,calc(68px + env(safe-area-inset-top)))!important;
    padding-left:max(20px,env(safe-area-inset-left))!important;
    padding-right:max(20px,env(safe-area-inset-right))!important;
    padding-bottom:max(64px,calc(48px + env(safe-area-inset-bottom)))!important;
  }
  body.ct-home #header2-22c .mbr-white{
    width:100%!important;
    max-width:390px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  body.ct-home #header2-22c .concretta-hero-title{
    max-width:340px!important;
    font-size:clamp(38px,10.8vw,44px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    text-wrap:balance;
  }
  body.ct-home #header2-22c .concretta-hero-subtitle{
    max-width:340px!important;
    font-size:13.5px!important;
    line-height:1.58!important;
    overflow-wrap:anywhere!important;
  }
  body.ct-home #header2-22c .ct-v58-hero-actions{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:7px!important;
    margin-top:21px!important;
  }
  body.ct-home .cd-wrap{width:auto!important;max-width:none!important;margin-left:max(20px,env(safe-area-inset-left))!important;margin-right:max(20px,env(safe-area-inset-right))!important;}
  body.ct-home :where(input,select,textarea){font-size:16px;}
}

/* Small iPhones. */
@media (max-width:390px){
  body.ct-home #header2-22c .container{
    padding-left:max(16px,env(safe-area-inset-left))!important;
    padding-right:max(16px,env(safe-area-inset-right))!important;
  }
  body.ct-home #header2-22c .concretta-hero-title{font-size:37px!important;}
  body.ct-home #header2-22c .concretta-hero-subtitle{font-size:13px!important;}
  body.ct-home .cd-wrap{margin-left:max(16px,env(safe-area-inset-left))!important;margin-right:max(16px,env(safe-area-inset-right))!important;}
}

/* iPhone Safari viewport stabilization. */
@supports (-webkit-touch-callout:none){
  @media (max-width:700px){
    body.ct-home section#header2-22c.cid-smXf3eCssW,
    body.ct-home #header2-22c .container{min-height:100svh!important;}
    body.ct-home #header2-22c .mbr-white{-webkit-transform:none!important;transform:none!important;}
  }
}

/* Phone landscape — mirror concretta.html: content wins over portrait-height forcing. */
@media (max-width:900px) and (max-height:520px) and (orientation:landscape){
  body.ct-home section#header2-22c.cid-smXf3eCssW{
    min-height:0!important;
    height:auto!important;
  }
  body.ct-home #header2-22c .container{
    min-height:0!important;
    height:auto!important;
    padding-top:max(78px,calc(64px + env(safe-area-inset-top)))!important;
    padding-left:max(20px,env(safe-area-inset-left))!important;
    padding-right:max(20px,env(safe-area-inset-right))!important;
    padding-bottom:max(34px,calc(24px + env(safe-area-inset-bottom)))!important;
  }
  body.ct-home #header2-22c .mbr-white{max-width:620px!important;}
  body.ct-home #header2-22c .concretta-hero-kicker{margin-bottom:10px!important;}
  body.ct-home #header2-22c .concretta-hero-title{
    max-width:520px!important;
    font-size:clamp(34px,6vw,42px)!important;
  }
  body.ct-home #header2-22c .concretta-hero-subtitle{
    max-width:560px!important;
    margin-top:12px!important;
    font-size:12.5px!important;
    line-height:1.5!important;
  }
  body.ct-home #header2-22c .ct-v58-hero-actions{
    flex-direction:row!important;
    flex-wrap:wrap!important;
    gap:8px 16px!important;
    margin-top:14px!important;
  }
}

/* Landscape touch tablets — same 82svh rhythm as concretta.html. */
@media (min-width:992px) and (max-width:1180px) and (hover:none) and (pointer:coarse){
  body.ct-home section#header2-22c.cid-smXf3eCssW{height:auto!important;min-height:82svh!important;}
  body.ct-home #header2-22c .container{min-height:82svh!important;padding-top:96px!important;padding-bottom:70px!important;}
  body.ct-home #header2-22c .mbr-white{transform:none!important;}
  body.ct-home .cd-wrap{width:calc(100% - 64px)!important;max-width:1120px!important;}
}


/* Source: concretta-index-type-parity-v458.css */
/* CONCRETTA V458 — index.html mobile/tablet typography parity with concretta.html.
   Typography only; layout, spacing, imagery and desktop >991px are untouched. */

@media (min-width:701px) and (max-width:991px){
  body.ct-home :where(.cp-kicker,.cd-intro-label,.cd-eyebrow,.ct62-label){font-size:10px!important;}
  body.ct-home .concretta-premium-brands .cp-copy{font-size:16px!important;line-height:1.72!important;}
  body.ct-home .concretta-premium-brands .cp-title{font-size:26px!important;line-height:1.08!important;}
  body.ct-home .concretta-premium-brands .cp-subtitle{font-size:14px!important;line-height:1.55!important;}
  body.ct-home .concretta-premium-brands .cp-button{font-size:13.5px!important;}

  body.ct-home :where(.cd-intro-main p,.cd-section-head>p,.cd-process-head p,.cd-feature-copy>p,.ct62-invitation p){font-size:16px!important;line-height:1.72!important;}
  body.ct-home .cd-intro-meta span{font-size:12px!important;}
  body.ct-home .cd-app-copy h3{font-size:25px!important;line-height:1.08!important;}
  body.ct-home .cd-app-copy p{font-size:14px!important;line-height:1.55!important;}
  body.ct-home .cd-process-grid h3{font-size:25px!important;line-height:1.08!important;}
  body.ct-home .cd-process-grid p{font-size:15px!important;line-height:1.7!important;}
  body.ct-home .cd-surface-finder-grid strong{font-size:20px!important;}

  body.ct-home .cd-detail-card figcaption strong{font-size:15px!important;}
  body.ct-home .cd-detail-card figcaption small{font-size:12px!important;line-height:1.55!important;}
  body.ct-home .ct62-journal :where(.ct62-feature,.ct62-story) h3{font-size:25px!important;line-height:1.1!important;}
  body.ct-home .ct62-journal :where(.ct62-feature,.ct62-story) p{font-size:15px!important;line-height:1.68!important;}
  body.ct-home :where(.ct62-textlink,.ct62-project-link,.cd-outline-btn){font-size:13.5px!important;}
}

@media (max-width:700px){
  /* Concretta mobile type scale: 10px labels, 34px section titles, 15–15.5px body. */
  body.ct-home :where(.cp-kicker,.cd-intro-label,.cd-eyebrow,.ct62-label){font-size:10px!important;line-height:1.25!important;}

  body.ct-home .concretta-premium-brands .cp-copy{font-size:15.5px!important;line-height:1.72!important;}
  body.ct-home .concretta-premium-brands .cp-title{font-size:25px!important;line-height:1.08!important;}
  body.ct-home .concretta-premium-brands .cp-subtitle{font-size:14px!important;line-height:1.55!important;}
  body.ct-home .concretta-premium-brands .cp-button{font-size:13.5px!important;line-height:1.3!important;}

  body.ct-home .cd-intro-main p{font-size:15.5px!important;line-height:1.74!important;}
  body.ct-home .cd-intro-meta span{font-size:12px!important;line-height:1.5!important;}

  body.ct-home .cd-section-head>p,
  body.ct-home .cd-process-head p,
  body.ct-home .cd-feature-copy>p,
  body.ct-home .ct62-invitation p{font-size:15px!important;line-height:1.72!important;}

  body.ct-home .cd-app-copy h3{font-size:25px!important;line-height:1.08!important;}
  body.ct-home .cd-app-copy p{font-size:14px!important;line-height:1.55!important;}
  body.ct-home .cd-process-grid h3{font-size:25px!important;line-height:1.08!important;}
  body.ct-home .cd-process-grid p{font-size:15px!important;line-height:1.72!important;}

  body.ct-home .cd-feature-copy h2,
  body.ct-home .cd-material-details-head h2,
  body.ct-home .ct62-journal h2,
  body.ct-home .ct62-invitation h2{font-size:34px!important;line-height:1.08!important;}
  body.ct-home .cd-feature-specs span{font-size:12px!important;line-height:1.5!important;}
  body.ct-home .cd-feature-system .cd-outline-btn{font-size:13.5px!important;}

  body.ct-home .cd-detail-card figcaption strong{font-size:15px!important;line-height:1.35!important;}
  body.ct-home .cd-detail-card figcaption small{font-size:12px!important;line-height:1.55!important;}
  body.ct-home .cd-detail-hover small{font-size:10px!important;}
  body.ct-home .cd-detail-hover b{font-size:13.5px!important;}

  body.ct-home .cd-surface-finder-grid strong{font-size:20px!important;line-height:1.25!important;}
  body.ct-home .cd-surface-finder-grid> a > span{font-size:10px!important;}

  body.ct-home .ct62-journal :where(.ct62-feature,.ct62-story) > span{font-size:10px!important;}
  body.ct-home .ct62-journal :where(.ct62-feature,.ct62-story) h3{font-size:25px!important;line-height:1.1!important;}
  body.ct-home .ct62-journal :where(.ct62-feature,.ct62-story) p{font-size:14.5px!important;line-height:1.68!important;}
  body.ct-home .ct62-journal :where(.ct62-feature,.ct62-story) b{font-size:13.5px!important;}
  body.ct-home :where(.ct62-textlink,.ct62-project-link){font-size:13.5px!important;}
}

@media (max-width:390px){
  /* Keep Concretta's readable body scale on small iPhones; only section titles tighten slightly. */
  body.ct-home .cd-feature-copy h2,
  body.ct-home .cd-material-details-head h2,
  body.ct-home .ct62-journal h2,
  body.ct-home .ct62-invitation h2{font-size:32px!important;}
}

@media (max-width:900px) and (max-height:520px) and (orientation:landscape){
  body.ct-home :where(.cp-copy,.cd-intro-main p,.cd-section-head>p,.cd-process-head p,.cd-feature-copy>p,.ct62-invitation p){font-size:13.5px!important;line-height:1.58!important;}
  body.ct-home :where(.cp-subtitle,.cd-app-copy p,.cd-process-grid p,.ct62-journal p){font-size:13px!important;line-height:1.55!important;}
  body.ct-home :where(.cd-app-copy h3,.cd-process-grid h3,.ct62-journal h3){font-size:22px!important;}
}