/* UNAT GROUP — Production and Quality: compact, editable hero */
.quality-page { color:var(--unat-navy); }
.quality-hero{position:relative; isolation:isolate; width:100%; min-height:342px; overflow:hidden; background:#f4f8fd; border-bottom:1px solid #e7edf4;}
.quality-hero__art{position:absolute; right:0; top:0; left:0; width:100%; height:100%; z-index:-1; pointer-events:none; overflow:hidden; opacity:1;}
.quality-hero__art img{display:block; width:100%; height:100%; object-fit:cover; object-position:center 50%;}
.quality-hero__art:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(248,251,255,.16) 0%,rgba(248,251,255,0) 55%);pointer-events:none}
.quality-hero__inner{position:relative; z-index:1; width:min(var(--content-max),calc(100% - 106px)); margin:0 auto; min-height:342px; display:flex; align-items:center;}
.quality-hero__copy{width:min(770px,61%); padding:42px 0 40px;}
.quality-breadcrumb{display:flex;align-items:center;gap:11px; font-size:14px; line-height:1.45; font-weight:500; color:#55709a; margin:0 0 21px;}
.quality-breadcrumb::before{content:'';width:37px;height:3px;background:var(--unat-red);margin-right:4px;flex:none}
.quality-breadcrumb a{transition:color .2s;}
.quality-breadcrumb a:hover{color:var(--unat-navy)}
.quality-breadcrumb__separator{color:var(--unat-red)}
.quality-breadcrumb span[aria-current]{color:#25436c}
.quality-hero h1{margin:0 0 16px;color:var(--unat-navy);font-size:clamp(38px,3.6vw,58px);line-height:1.1;font-weight:600;letter-spacing:-.045em;}
.quality-hero__copy>p{max-width:690px;margin:0;color:#425c81;font-size:clamp(16px,1.12vw,19px);line-height:1.65;font-weight:400;}
@media(max-width:1120px){
  .quality-hero__inner{width:calc(100% - 72px)}
  .quality-hero__copy{width:min(650px,65%)}
  .quality-hero__art{width:100%;opacity:1}
}
@media(max-width:760px){
  .quality-hero,.quality-hero__inner{min-height:315px}
  .quality-hero__inner{width:calc(100% - 44px)}
  .quality-hero__copy{width:100%;padding:46px 0}
  .quality-breadcrumb{font-size:12px;margin-bottom:22px;gap:9px}
  .quality-breadcrumb::before{width:26px;margin-right:2px}
  .quality-hero h1{font-size:clamp(35px,8.5vw,44px);margin-bottom:14px}
  .quality-hero__copy>p{max-width:540px;font-size:16px;line-height:1.6}
  .quality-hero__art{width:100%;opacity:.2}
  .quality-hero__art img{object-position:75% center}
  .quality-hero__art:before{background:linear-gradient(90deg,rgba(249,251,254,.95) 0%,rgba(249,251,254,.6) 100%)}
}
@media(max-width:390px){
  .quality-hero,.quality-hero__inner{min-height:325px}
  .quality-hero__inner{width:calc(100% - 38px)}
  .quality-hero h1{font-size:35px}
  .quality-hero__copy>p{font-size:15.5px}
}

/* Quality section relocated from home: preserve the original layout and reveal the bottom of the production photo. */
.quality-page .quality-section{scroll-margin-top:85px}
.quality-page .quality-photo-wrap{height:clamp(315px,25.5vw,420px)}
.quality-page .quality-photo-wrap img{object-position:center 78%}
@media (max-width:1000px){
  .quality-page .quality-photo-wrap{height:clamp(275px,32vw,355px)}
}
@media (max-width:680px){
  .quality-page .quality-photo-wrap{height:clamp(230px,68vw,340px)}
  .quality-page .quality-photo-wrap img{object-position:60% 76%}
}