:root{--content:min(1180px,calc(100vw - 64px));--space-section:clamp(76px,8vw,112px)}
.laravel-site{line-height:1.6}.laravel-site .section-inner{width:var(--content);max-width:1180px}.laravel-site main>section>.section-inner{padding-top:var(--space-section);padding-bottom:var(--space-section)}
.laravel-site .section-head,.laravel-site .product-detail-heading,.laravel-site .product-story-heading{margin-bottom:clamp(28px,4vw,52px)}
.laravel-site .product-grid,.laravel-site .scene-grid,.laravel-site .detail-card-grid,.laravel-site .application-product-grid,.laravel-site .product-feature-grid{gap:20px}.laravel-site .product-card,.laravel-site .scene-card,.laravel-site .detail-card,.laravel-site .product-feature{min-width:0}
.laravel-site .catalog-header.site-header{top:0;width:100%;margin:0;padding:0}.laravel-site .catalog-header .utility-bar{padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2))}.laravel-site .catalog-header .main-nav{gap:clamp(150px,15vw,210px);padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2))}.laravel-site .catalog-header .logo-brand{flex:0 0 clamp(178px,17vw,240px);width:clamp(178px,17vw,240px);min-width:178px}.laravel-site .catalog-header .nav-distribution{min-width:0}
@media(max-width:980px){.laravel-site .catalog-header .main-nav{gap:24px;padding-left:17px;padding-right:17px}.laravel-site .catalog-header .logo-brand{flex-basis:156px;width:156px;min-width:156px}}
.laravel-site .commerce-product-inner{padding-top:clamp(54px,7vw,88px);padding-bottom:clamp(60px,8vw,100px)}.laravel-site .commerce-product-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:stretch}.laravel-site .commerce-gallery,.laravel-site .commerce-summary{min-width:0}.laravel-site .commerce-summary{align-self:center}.laravel-site .commerce-description{max-width:620px;white-space:pre-line}.laravel-site .commerce-specs{gap:0}.laravel-site .commerce-specs>div{min-height:54px;align-items:center}
.laravel-site .commerce-product-grid{align-items:stretch}.laravel-site .commerce-gallery{height:clamp(480px,38vw,680px);min-height:0;padding:20px}.laravel-site .commerce-gallery .commerce-main-image{height:100%;min-height:0}.laravel-site .commerce-gallery .commerce-main-image img{width:100%;height:100%;max-height:none;object-fit:contain}.laravel-site .commerce-summary{height:clamp(480px,38vw,680px);min-height:0}
.laravel-site .product-detail-tabs .section-inner{min-height:64px;align-items:center}.laravel-site .product-detail-tabs a{white-space:nowrap}.laravel-site .product-detail-inner{padding-top:var(--space-section);padding-bottom:var(--space-section)}.laravel-site .product-spec-table{margin-top:0}.laravel-site .product-spec-table>div{min-height:70px;align-items:center}.laravel-site .variant-table{margin-top:clamp(28px,4vw,46px);overflow-x:auto}.laravel-site .variant-table table{min-width:840px}.laravel-site .variant-table th,.laravel-site .variant-table td{padding:16px 18px;line-height:1.55}
.laravel-site .product-story-copy{margin-top:24px;line-height:1.5}.laravel-site .product-feature-grid{gap:16px;margin-top:48px}.laravel-site .product-feature{min-height:210px;padding:28px}.laravel-site .product-feature h3{margin-top:28px;line-height:1.35;white-space:pre-line}.laravel-site .product-feature p{line-height:1.5}.laravel-site .product-story-heading h2,.laravel-site .product-detail-heading h2,.laravel-site .detail-bottom-cta h2{white-space:pre-line}.laravel-site .product-process strong{white-space:pre-line}
.laravel-site .product-story-heading{margin-bottom:18px}.laravel-site .product-story-copy{margin-top:0;line-height:1.5}
.laravel-site .commerce-summary .commerce-specs{display:none}.laravel-site .series-spec-table{overflow:hidden}.laravel-site .series-spec-table .table-wrap{overflow-x:auto}.laravel-site .series-spec-table table{min-width:920px}.laravel-site .series-spec-table th,.laravel-site .series-spec-table td{padding:16px 18px;line-height:1.5;white-space:nowrap}.laravel-site .series-spec-table th{background:#eef2f5;color:var(--muted);font-weight:700}.laravel-site .series-spec-table td{border-bottom:1px solid var(--line);font-size:16px}.laravel-site .series-spec-table td:first-child{color:var(--blue-dark);font-weight:700}
.laravel-site .series-spec-table th,.laravel-site .series-spec-table td,.laravel-site .selector-table th,.laravel-site .selector-table td{text-align:center;vertical-align:middle}.laravel-manager .table-wrap th,.laravel-manager .table-wrap td{text-align:center;vertical-align:middle}.laravel-manager .table-wrap td:first-child{text-align:left}.laravel-manager .table-wrap td .actions{justify-content:center}
.laravel-site .selector-table th:first-child{min-width:112px;white-space:nowrap}
.laravel-site .request-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media(max-width:640px){.laravel-site .request-form-row{grid-template-columns:1fr}}
.laravel-site .product-applications .product-detail-inner{padding-bottom:clamp(28px,4vw,56px)}
.laravel-site .product-customization .product-detail-inner{padding-top:clamp(28px,4vw,56px)}
.laravel-site .product-applications .application-product-grid{margin-top:clamp(24px,3vw,38px)}
.laravel-site .product-applications .application-product-grid>article{min-height:150px;padding:22px}
.laravel-site .product-applications .application-product-grid>article p{margin-top:22px}
.laravel-site .product-customization .product-process{margin-top:clamp(24px,3vw,38px)}
.laravel-site .product-customization .product-process>div{min-height:130px;padding:22px}
.laravel-site .product-customization .product-process strong{margin-top:28px}
.laravel-site .product-customization .detail-bottom-cta{display:none!important}
.laravel-site .product-customization .product-detail-inner{padding-bottom:clamp(42px,6vw,78px)}
.laravel-site .hero h1{white-space:pre-line}
.laravel-site .detail-bottom-cta{align-items:center;gap:clamp(24px,4vw,56px)}.laravel-site .contact-page-grid,.laravel-site .company-profile-grid{gap:clamp(32px,5vw,72px);align-items:start}.laravel-site .request-form{min-width:0}.laravel-site .detail-list{gap:14px}.laravel-site .detail-list span{line-height:1.65}.laravel-site .process-strip{gap:clamp(32px,7vw,96px);align-items:center}.laravel-site .process-strip ol{margin:0}.laravel-site .subpage-hero-inner{max-width:980px}.laravel-site.products-page .subpage-hero-inner,.laravel-site.strength-page .subpage-hero-inner{max-width:1180px;text-align:left}.laravel-site.products-page .subpage-hero-inner h1,.laravel-site.strength-page .subpage-hero-inner h1{margin-left:0;margin-right:0}.laravel-site.products-page .subpage-hero-inner>p:not(.eyebrow),.laravel-site.strength-page .subpage-hero-inner>p:not(.eyebrow){max-width:820px}
@media(max-width:980px){:root{--content:min(100% - 40px,720px)}.laravel-site .commerce-product-grid{grid-template-columns:1fr;gap:32px}.laravel-site .commerce-gallery{min-height:420px}.laravel-site main>section>.section-inner{padding-top:72px;padding-bottom:72px}.laravel-site .product-feature-grid,.laravel-site .detail-card-grid,.laravel-site .application-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.laravel-site .process-strip{grid-template-columns:1fr;gap:28px}}
@media(max-width:980px){.laravel-site .commerce-gallery,.laravel-site .commerce-summary{height:auto}.laravel-site .commerce-gallery .commerce-main-image{height:auto;min-height:420px}}
@media(max-width:640px){:root{--content:calc(100vw - 32px)}.laravel-site main>section>.section-inner{padding-top:58px;padding-bottom:58px}.laravel-site .product-feature-grid,.laravel-site .detail-card-grid,.laravel-site .application-product-grid{grid-template-columns:1fr}.laravel-site .commerce-gallery{min-height:300px}.laravel-site .product-detail-tabs{overflow-x:auto}.laravel-site .product-detail-tabs .section-inner{width:max-content;min-width:100%;gap:28px}.laravel-site .product-detail-tabs a{padding:18px 0;font-size:13px}.laravel-site .detail-bottom-cta{align-items:stretch;flex-direction:column}.laravel-site .detail-bottom-cta .button{width:100%}.laravel-site .contact-page-grid{gap:36px}}


/* Final four-product card ratio override: homepage and product-series use the wide/short reference ratio. */
.laravel-site .product-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(16px,2vw,28px)!important;align-items:stretch!important}
.laravel-site .product-grid .product-card{display:flex!important;flex-direction:column!important;align-self:stretch!important;width:100%!important;height:clamp(420px,32vw,480px)!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0 0 16px!important;box-sizing:border-box!important;overflow:hidden!important;background:#fff!important;border:1px solid rgba(16,18,21,.1)!important;border-radius:18px!important;box-shadow:0 16px 30px rgba(20,32,43,.06)!important;text-align:left!important}
.laravel-site .product-grid .product-card-visual{display:flex!important;flex:none!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1.7 / 1!important;margin:0 0 14px!important;padding:0!important;border:0!important;border-radius:18px 18px 0 0!important;background:#f5f6f8!important;box-shadow:none!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.laravel-site .product-grid .product-card-visual img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:none!important;padding:12px!important;object-fit:contain!important}
.laravel-site .product-grid .product-card .product-kicker{height:auto!important;min-height:0!important;margin:0 16px 9px!important;color:var(--copper)!important;font-size:12px!important;line-height:1.2!important;letter-spacing:.04em!important;text-align:left!important}
.laravel-site .product-grid .product-card h3{height:auto!important;min-height:2.4em!important;margin:0 16px 9px!important;font-size:clamp(20px,1.7vw,25px)!important;line-height:1.18!important;text-align:left!important}
.laravel-site .product-grid .product-card>p:not(.product-kicker){display:block!important;width:auto!important;height:auto!important;min-height:2.9em!important;margin:0 16px!important;max-width:none!important;color:var(--muted)!important;font-size:13px!important;line-height:1.45!important;text-align:left!important}
.laravel-site.products-page .product-catalog-page .product-grid .product-card{height:380px!important}
@media(max-width:1100px){.laravel-site .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}.laravel-site .product-grid .product-card{height:460px!important}}
@media(max-width:640px){.laravel-site .product-grid{grid-template-columns:1fr!important;gap:28px!important}.laravel-site .product-grid .product-card{height:460px!important}.laravel-site .product-grid .product-card-visual{aspect-ratio:1.7 / 1!important}}

/* Leave a little more breathing room between the milestones heading and its frame. */
.laravel-site main .milestones .timeline{margin-top:clamp(10px,1.2vw,18px)!important}

/* Compact, evenly distributed metrics section */
.laravel-site .metrics .section-inner{
  min-height:50svh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:clamp(32px,4vw,52px) 0;
}

/* Optional CMS-managed first-screen images. The overlay preserves the current visual hierarchy. */
.laravel-site .has-page-hero-image{background-size:cover!important;background-position:center!important}
.laravel-site.products-page .subpage-hero.has-page-hero-image,
.laravel-site .selection-hero.has-page-hero-image{
  background-image:linear-gradient(110deg,rgba(5,7,10,.93),rgba(9,14,20,.76) 48%,rgba(255,246,214,.28)),var(--page-hero-image)!important;
}
.laravel-site.strength-page .strength-about-top{
  background-image:linear-gradient(110deg,rgba(8,11,15,.94),rgba(21,26,32,.78) 52%,rgba(119,117,108,.62)),var(--page-hero-image)!important;
  background-size:cover;background-position:center;
}
.laravel-site.contact-page .contact-request-hero.has-page-hero-image{
  background-image:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.82)),var(--page-hero-image)!important;
}
.laravel-site.products-page .subpage-hero.has-page-hero-image.hero-light-bg h1,
.laravel-site.products-page .subpage-hero.has-page-hero-image.hero-light-bg p:not(.eyebrow),
.laravel-site .selection-hero.has-page-hero-image.hero-light-bg h1,
.laravel-site .selection-hero.has-page-hero-image.hero-light-bg p:not(.eyebrow),
.laravel-site.strength-page .strength-about-top.hero-light-bg h1,
.laravel-site.strength-page .strength-about-top.hero-light-bg .section-copy{
  color:#101215!important;
}
.laravel-site.contact-page .contact-request-hero.has-page-hero-image .contact-panel>h2,
.laravel-site.contact-page .contact-request-hero.has-page-hero-image .contact-panel>p,
.laravel-site.contact-page .contact-request-hero.has-page-hero-image .detail-list span{
  color:#fff!important;
}
.laravel-site.contact-page .contact-request-hero.has-page-hero-image.hero-light-bg .contact-panel>h2,
.laravel-site.contact-page .contact-request-hero.has-page-hero-image.hero-light-bg .contact-panel>p,
.laravel-site.contact-page .contact-request-hero.has-page-hero-image.hero-light-bg .detail-list span{
  color:#101215!important;
}
.laravel-site.home-page .home-hero #hero-carousel.has-hero-image .hero-stage{
  background-image:linear-gradient(110deg,rgba(8,11,15,.78),rgba(17,22,28,.52) 52%,rgba(255,246,214,.18)),var(--hero-image);
  background-size:cover;background-position:center;
}
.laravel-site.home-page .home-hero #hero-carousel .hero-copy h1,
.laravel-site.home-page .home-hero #hero-carousel .hero-copy .hero-lede{
  color:#fff!important;
}
.laravel-site.home-page .home-hero #hero-carousel.hero-light-bg .hero-copy h1,
.laravel-site.home-page .home-hero #hero-carousel.hero-light-bg .hero-copy .hero-lede{
  color:#101215!important;
}
.laravel-site.home-page .home-hero #hero-carousel:not(.has-hero-image) .hero-copy h1,
.laravel-site.home-page .home-hero #hero-carousel:not(.has-hero-image) .hero-copy .hero-lede{
  color:#101215!important;
}
.laravel-site.home-page .home-hero #hero-carousel.has-hero-image .hero-dots button{
  color:rgba(255,255,255,.72)!important;
}
.laravel-site.home-page .home-hero #hero-carousel.has-hero-image .hero-dots button:after{
  background:rgba(255,255,255,.28)!important;
}
.laravel-site.home-page .home-hero #hero-carousel.has-hero-image .hero-dots button.is-active{
  color:#fff!important;
}
.laravel-site.home-page .home-hero #hero-carousel.hero-light-bg .hero-dots button{
  color:rgba(16,18,21,.58)!important;
}
.laravel-site.home-page .home-hero #hero-carousel.hero-light-bg .hero-dots button:after{
  background:rgba(16,18,21,.22)!important;
}
.laravel-site.home-page .home-hero #hero-carousel.hero-light-bg .hero-dots button.is-active{
  color:#101215!important;
}
.laravel-site .metrics .section-head{
  width:min(100%,1200px);
  margin:0!important;
  text-align:center;
}
.laravel-site .metrics .section-head .eyebrow{
  margin:0 0 12px;
}
.laravel-site .metrics .section-head h2{
  margin:0;
  line-height:1.12;
}
.laravel-site .metrics .metric-grid{
  width:min(100%,1200px);
  margin-top:clamp(28px,3vw,40px)!important;
  gap:0;
  align-items:stretch;
}
.laravel-site .metrics .metric{
  min-height:170px;
  padding:24px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.laravel-site .metrics .metric strong{
  margin:0;
  line-height:1;
}
.laravel-site .metrics .metric p{
  margin:14px 0 0;
  line-height:1.35;
}
@media(max-width:980px){
  .laravel-site .metrics .metric{min-height:150px;padding:24px 18px}
}
@media(max-width:640px){
  .laravel-site .metrics .section-head h2{line-height:1.2}
  .laravel-site .metrics .metric-grid{grid-template-columns:1fr}
  .laravel-site .metrics .metric{min-height:130px}
}

/* Applications: four compact cards in one desktop row. */
.laravel-site main .applications .scene-grid-four{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px;
}
.laravel-site main .applications .scene-card{
  min-width:0;
}
.laravel-site main .applications .scene-card > p:last-child{
  margin-bottom:0;
}
.laravel-site main .applications .section-head,
.laravel-site main .milestones .section-head{
  margin-inline:auto;
  text-align:center;
}
.laravel-site main .applications .section-head h2,
.laravel-site main .milestones .section-head h2{
  margin-inline:auto;
}
@media(max-width:1100px){
  .laravel-site main .applications .scene-grid-four{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:560px){
  .laravel-site main .applications .scene-grid-four{
    grid-template-columns:1fr!important;
  }
}

/* Milestones: replace the four-card grid with a horizontal timeline. */
.laravel-site main .milestones .timeline{
  position:relative;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  padding-top:54px!important;
}
.laravel-site main .milestones .timeline::before{
  content:"";
  position:absolute;
  top:16px;
  left:2%;
  right:2%;
  height:2px;
  background:var(--copper);
}
.laravel-site main .milestones .timeline-item{
  position:relative;
  min-height:0!important;
  padding:0 18px!important;
  text-align:center;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.laravel-site main .milestones .timeline-item::before{
  content:"";
  position:absolute;
  z-index:1;
  top:-54px;
  left:50%;
  width:18px;
  height:18px;
  transform:translateX(-50%);
  border:5px solid #fff;
  border-radius:50%;
  background:var(--copper);
  box-shadow:0 0 0 2px var(--copper);
}
.laravel-site main .milestones .timeline-item strong{
  display:block;
  margin:0 0 46px;
  color:var(--copper);
  font-size:clamp(30px,3.6vw,48px);
  line-height:1;
  font-weight:780;
}
.laravel-site main .milestones .timeline-item h3{
  margin:0 auto 18px;
  font-size:clamp(19px,2vw,28px);
  line-height:1.25;
}
.laravel-site main .milestones .timeline-item p{
  max-width:260px;
  margin:0 auto;
  color:var(--muted);
  font-size:clamp(14px,1.35vw,18px);
  line-height:1.65;
}
@media(max-width:980px){
  .laravel-site main .milestones .timeline{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    row-gap:64px!important;
  }
  .laravel-site main .milestones .timeline::before{display:none}
  .laravel-site main .milestones .timeline-item::before{top:-28px}
  .laravel-site main .milestones .timeline-item strong{margin-bottom:22px}
}
@media(max-width:560px){
  .laravel-site main .milestones .timeline{
    grid-template-columns:1fr!important;
    gap:48px!important;
    padding-top:0!important;
  }
  .laravel-site main .milestones .timeline-item::before{display:none}
  .laravel-site main .milestones .timeline-item strong{margin-bottom:16px}
}

/* Product detail summary: compact the right-hand card while keeping the image and copy balanced. */
.laravel-site .commerce-product-inner{padding-top:clamp(42px,5vw,68px);padding-bottom:clamp(48px,6vw,78px)}
.laravel-site .commerce-product-grid{gap:clamp(24px,3.5vw,48px)}
.laravel-site .commerce-gallery{height:clamp(440px,34vw,600px);padding:14px}
.laravel-site .commerce-summary{height:clamp(440px,34vw,600px);padding:clamp(28px,3vw,42px);justify-content:center}
.laravel-site .commerce-summary .eyebrow{margin-bottom:10px;font-size:11px;line-height:1.35}
.laravel-site .commerce-summary h1{font-size:clamp(28px,3.4vw,48px);line-height:1.08}
.laravel-site .commerce-summary .commerce-description{max-width:560px;margin-top:16px;font-size:15px;line-height:1.55}
.laravel-site .commerce-summary .commerce-highlight{gap:12px;margin-top:20px;padding:14px 18px}
.laravel-site .commerce-summary .commerce-highlight span{font-size:15px}
.laravel-site .commerce-summary .commerce-services{gap:8px 16px;margin-top:17px;font-size:12px}
.laravel-site .commerce-summary .commerce-actions{gap:10px;margin-top:21px}
.laravel-site .commerce-summary .commerce-actions .button{min-width:144px;min-height:44px;padding:0 20px;font-size:14px}
@media(max-width:980px){
  .laravel-site .commerce-gallery{height:auto;min-height:360px;padding:14px}
  .laravel-site .commerce-summary{height:auto;min-height:0;padding:34px 28px}
}
@media(max-width:560px){
  .laravel-site .commerce-summary{padding:26px 20px}
  .laravel-site .commerce-summary .commerce-actions{align-items:stretch;flex-direction:column}
  .laravel-site .commerce-summary .commerce-actions .button{width:100%}
}

/* Contact form: match the form card height to the information column and give the request field more room. */
.laravel-site.contact-page .contact-page-grid{align-items:stretch}
.laravel-site.contact-page .contact-panel{position:static;display:flex;flex-direction:column;justify-content:flex-start}
.laravel-site.contact-page .request-form{height:100%;align-content:start;gap:14px;padding:28px 26px 26px}
.laravel-site.contact-page .request-form-row{gap:14px}
.laravel-site.contact-page .request-form label{gap:7px}
.laravel-site.contact-page .request-form textarea{min-height:164px;resize:vertical}
.laravel-site.contact-page .request-form .form-wide{min-height:52px}
@media(max-width:980px){
  .laravel-site.contact-page .request-form{height:auto}
}
@media(max-width:640px){
  .laravel-site.contact-page .request-form{padding:22px 20px}
  .laravel-site.contact-page .request-form textarea{min-height:150px}
}

/* Product detail: tighten the transition from the hero card to core specifications. */
.laravel-site .commerce-product-inner{padding-bottom:clamp(24px,3vw,36px)}
.laravel-site .commerce-product + .product-specification .product-detail-inner{padding-top:clamp(20px,2.5vw,34px)}
.laravel-site .commerce-product-inner{padding-bottom:0!important}
.laravel-site .commerce-product + .product-specification .product-detail-inner{padding-top:0!important}

/* Product detail right card: let the content set the height instead of leaving large vertical blanks. */
.laravel-site .commerce-product-grid{align-items:center}
.laravel-site .commerce-summary{height:auto;min-height:0;align-self:center;padding:clamp(26px,2.8vw,38px) clamp(24px,3vw,40px) clamp(24px,2.5vw,32px);justify-content:flex-start}
.laravel-site .commerce-summary .eyebrow{margin-bottom:8px}
.laravel-site .commerce-summary h1{font-size:clamp(30px,3.2vw,46px);line-height:1.06}
.laravel-site .commerce-summary .commerce-description{margin-top:13px;font-size:14px;line-height:1.5}
.laravel-site .commerce-summary .commerce-highlight{margin-top:16px;padding:12px 16px}
.laravel-site .commerce-summary .commerce-services{margin-top:14px;gap:7px 14px}
.laravel-site .commerce-summary .commerce-actions{margin-top:17px}
.laravel-site .commerce-product-grid{align-items:stretch}
.laravel-site .commerce-gallery{position:relative;height:auto;min-height:0;align-self:stretch}
.laravel-site .commerce-gallery{overflow:hidden}
.laravel-site .commerce-gallery .commerce-main-image{position:absolute;inset:14px;height:calc(100% - 28px);min-height:0;overflow:hidden}
.laravel-site .commerce-gallery .commerce-main-image img{max-width:82%;max-height:100%;}
@media(max-width:980px){.laravel-site .commerce-summary{height:auto;min-height:0;padding:30px 26px 26px}}
@media(max-width:980px){.laravel-site .commerce-gallery{height:auto;min-height:360px;align-self:auto}.laravel-site .commerce-gallery .commerce-main-image{position:static;height:auto;min-height:332px}}
@media(max-width:560px){.laravel-site .commerce-summary{padding:24px 20px 22px}}

/* Product detail body headings: slightly increase readability without enlarging the hero title. */
.laravel-site .product-detail-heading h2{font-size:clamp(28px,3vw,42px);line-height:1.12}

/* Selector card view: keep the label/value columns consistent and give values a little more room on the right. */
.laravel-site .selector-card-view .selector-card dl div{grid-template-columns:120px minmax(0,1fr);gap:16px;padding:12px 16px}
.laravel-site .selector-card-view .selector-card dd{text-align:left}
@media(max-width:560px){.laravel-site .selector-card-view .selector-card dl div{grid-template-columns:100px minmax(0,1fr);gap:12px;padding:10px 12px}}

/* Product detail: separate the core specifications from the summary cards. */
.laravel-site .commerce-product + .product-specification .product-detail-inner{padding-top:clamp(42px,5vw,72px)!important}

/* Keep the product center and about-us first screens aligned with the selector viewport. */
.laravel-site .selection-hero-inner,
.laravel-site.products-page .subpage-hero-inner,
.laravel-site.strength-page .strength-about-top .section-inner{
  min-height:calc(100svh - 56px);
}
.laravel-site.products-page .subpage-hero-inner{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.laravel-site .home-hero .hero-dots{transform:translate(-50%) translateY(18px)}

/* Product detail: keep the image fully inside its card and tighten the summary rhythm. */
.laravel-site .commerce-gallery .commerce-main-image img{
  width:100%!important;
  height:100%!important;
  max-width:72%!important;
  max-height:86%!important;
  object-fit:contain!important;
}
@media(max-width:980px){
  .laravel-site .commerce-gallery .commerce-main-image img{max-width:76%!important;max-height:88%!important}
}

/* Product cards: vertically center the copy within the white content area below each image. */
.laravel-site.home-page .product-grid .product-card .product-kicker,
.laravel-site.products-page .product-grid .product-card .product-kicker{
  margin-top:auto!important;
}
.laravel-site.home-page .product-grid .product-card>p:not(.product-kicker),
.laravel-site.products-page .product-grid .product-card>p:not(.product-kicker){
  margin-bottom:auto!important;
}

/* Homepage hero: keep every carousel slide centered as one consistent composition. */
.laravel-site.home-page .home-hero .hero-stage,
.laravel-site.home-page .home-hero .hero-copy{
  text-align:center!important;
}
.laravel-site.home-page .home-hero .hero-copy{
  width:min(1080px,calc(100% - 128px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.laravel-site.home-page .home-hero .hero-copy h1,
.laravel-site.home-page .home-hero .hero-copy .hero-lede{
  margin-left:auto!important;
  margin-right:auto!important;
}
.laravel-site.home-page .home-hero .hero-actions{
  justify-content:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Keep the homepage Banner frame full-width up to the requested 1920px canvas. */
.laravel-site.home-page .home-hero #hero-carousel{
  width:min(1920px,100vw)!important;
  max-width:1920px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.laravel-site.home-page .home-hero #hero-carousel .hero-stage{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Metrics: use the same section rhythm as the milestones block without changing its dark background. */
.laravel-site.home-page .metrics .section-inner{
  min-height:0!important;
  padding-top:var(--space-section)!important;
  padding-bottom:var(--space-section)!important;
}
.laravel-site.home-page .metrics .section-head{
  margin-bottom:clamp(36px,4vw,52px)!important;
}
.laravel-site.home-page .metrics .metric-grid{
  margin-top:0!important;
}
.laravel-site.home-page .metrics .metric{
  min-height:210px;
  padding:34px 24px;
}
@media(max-width:980px){
  .laravel-site.home-page .home-hero .hero-copy{width:min(720px,calc(100% - 80px))!important}
  .laravel-site.home-page .metrics .metric{min-height:180px;padding:30px 20px}
}
@media(max-width:640px){
  .laravel-site.home-page .home-hero .hero-copy{width:calc(100% - 32px)!important}
  .laravel-site.home-page .metrics .metric{min-height:150px;padding:26px 18px}
}

/* Use the shared page-description size for every public page's opening copy. */
.laravel-site.home-page .home-hero .hero-lede,
.laravel-site.products-page .subpage-hero p:not(.eyebrow),
.laravel-site .selection-hero p:not(.eyebrow),
.laravel-site.contact-page .contact-panel>h2 + p{
  font-size:var(--size-page-description-managed)!important;
}
@media(max-width:700px){
  .laravel-site.home-page .home-hero .hero-lede,
  .laravel-site.products-page .subpage-hero p:not(.eyebrow),
  .laravel-site .selection-hero p:not(.eyebrow),
  .laravel-site.contact-page .contact-panel>h2 + p{
    font-size:min(var(--size-page-description-managed),24px)!important;
  }
}