/* About Nobevan: blue photography, open white layouts and local shared interactions. */
.about-page{--about-blue:#436da4;--about-continuation:#9eafbf;--about-pale:#eff5fb;--about-ink:#172c4b;--about-muted:#53657d;--about-action:#b7c8df;--about-action-deep:#5d769b;--blue-500:#436da4;--blue-600:#345c90;--blue-800:#172c4b;--orange-400:#5d769b;--footer-ice:#e3f0f7;color:var(--about-ink);background:#fff}
.about-page .button{background:var(--about-action);border:1px solid #a3b8d3;color:var(--about-ink);letter-spacing:0}
.about-page .button:hover{background:var(--about-action-deep);border-color:var(--about-action-deep);color:#fff}
.about-page .button:focus-visible,.about-page a:focus-visible,.about-page summary:focus-visible{outline-color:var(--about-action-deep)}
.about-page .language-menu button:hover,.about-page .language-menu button[aria-current=true],.about-page .nav-panel button:hover,.about-page .nav-panel a:hover{background:#edf3fa;color:#345c90}
.about-section{padding:84px 0 92px;scroll-margin-top:105px}
.about-section-heading{max-width:1000px;margin:0 auto 48px;text-align:center}
.about-section-heading h2{font:700 clamp(30px,2.85vw,42px)/1.3 var(--head);letter-spacing:0;color:var(--about-ink)}
.about-section-heading>p{max-width:930px;margin:20px auto 0;font:400 17px/1.85 var(--body);color:var(--about-muted);text-wrap:pretty}

.about-hero{position:relative;isolation:isolate;display:grid;grid-template-rows:auto minmax(160px,1fr) auto;gap:10px;min-height:390px;padding:28px 0 30px;overflow:hidden;background:linear-gradient(180deg,#436da4 0%,#6f89a9 42%,var(--about-continuation) 86%)}
.about-hero-photo{position:relative;min-height:160px;margin:0;overflow:hidden;mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 72%,transparent 100%)}
.about-hero-photo img{position:absolute;top:50%;left:50%;width:100%;height:auto;max-width:none;transform:translate(-50%,-50%)}
.about-hero-title{position:relative;grid-row:1;text-align:center}
.about-hero-photo{grid-row:2}
.about-hero h1{max-width:27ch;margin:0 auto;color:#fff;font:700 clamp(34px,3.5vw,54px)/1.25 var(--head);letter-spacing:0;text-wrap:balance;overflow-wrap:anywhere;hyphens:auto}
.about-hero-subtitle{position:relative;grid-row:3;width:min(1120px,calc(100% - 80px));margin:0 auto;text-align:center}
.about-hero-subtitle p{margin:0 auto;color:#172c4b;font:400 clamp(16px,1.25vw,19px)/1.7 var(--body);text-wrap:pretty}
@media(min-width:1600px){.about-hero{min-height:420px}}
@media(max-width:900px){.about-hero{min-height:340px;grid-template-rows:auto minmax(130px,1fr) auto;padding-block:25px}.about-hero-photo{min-height:130px}}

.about-intro{padding-top:64px;padding-bottom:88px;background:var(--about-continuation)}
.about-intro-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch;gap:72px}
.about-intro-copy{display:flex;flex-direction:column;min-width:0;padding-top:24px}
.about-intro-copy h2{margin-bottom:27px;font:700 clamp(30px,2.85vw,42px)/1.3 var(--head);letter-spacing:0;color:var(--about-ink)}
.about-intro-copy p{margin:0;font:400 17px/1.9 var(--body);color:#233e59;text-wrap:pretty}
.about-intro-copy p+p{margin-top:20px}
.about-facility-photo{position:relative;min-width:0;width:100%;margin:0;overflow:hidden;border-radius:6px;min-height:0;aspect-ratio:1.08;background:var(--about-pale)}
.about-facility-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.about-stats.stats-band{margin-top:26px;padding:0;overflow:visible;background:transparent;color:var(--about-ink)}
.about-stats .stats-grid{grid-template-columns:.8fr 1.15fr 1.2fr;gap:18px;text-align:left}
.about-stats .stat{min-width:0;align-items:flex-start;gap:9px;padding:0;text-align:left}
.about-stats .stat+.stat{border:0}
.about-stats .stat-value{color:#294f78;font:600 clamp(25px,2.3vw,34px)/1.15 var(--head);letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.about-stats .stat-label{max-width:none;color:#233e59;font:400 12px/1.55 var(--body);text-wrap:pretty}

.about-certification{background:#fff}
.about-certification .about-section-heading{max-width:1020px;margin-bottom:56px}
.about-certification-list{max-width:1170px;margin:0 auto;display:grid;gap:66px}
.about-certification-row{display:grid;grid-template-columns:.9fr 1.25fr;align-items:center;gap:84px;min-width:0}
.about-certification-row+.about-certification-row{padding-top:66px;border-top:1px solid #dce6f0}
.about-certification-row:nth-child(even){grid-template-columns:1.25fr .9fr}
.about-certification-art{display:flex;align-items:center;justify-content:center;margin:0;min-width:0}
.about-certification-art img{width:100%;max-width:360px;height:auto;max-height:390px;object-fit:contain}
.about-certification-row:nth-child(even) .about-certification-art{order:2}
.about-certification-row:nth-child(even) .about-certification-copy{order:1}
.about-certification-copy{min-width:0}
.about-certification-copy h3{margin:0 0 20px;font:700 30px/1.35 var(--head);letter-spacing:0;color:var(--about-ink)}
.about-certification-copy p,.about-certification-copy li{font:400 16px/1.85 var(--body);color:var(--about-muted);text-wrap:pretty}
.about-certification-copy p+p{margin-top:15px}
.about-certification-copy .about-certification-lead{margin-top:16px}
.about-certification-copy ul{list-style:disc;margin:9px 0 18px;padding-left:21px}
.about-certification-copy li{padding-left:2px}
.about-certification-copy li+li{margin-top:6px}
.about-certification-copy li::marker{color:var(--about-blue)}

.about-strength{background:#f8f9fb}
.about-strength .about-section-heading h2{color:#2e54a5}
.about-strength .about-section-heading{margin-bottom:43px}
.about-strength-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 0}
.about-strength-item{min-width:0;padding:0 48px}
.about-strength-item:nth-child(even){border-left:1px solid #cad9e9}
.about-strength-item:nth-child(n+3){padding-top:44px;border-top:1px solid #cad9e9}
.about-strength-icon{display:block;width:60px;height:60px;margin:0 auto 25px;color:#3158ba;fill:currentColor;stroke:none}
.about-strength-item h3{min-height:0;max-width:25ch;margin:0 auto 20px;font:700 20px/1.5 var(--head);letter-spacing:0;color:var(--about-ink);text-align:center;overflow-wrap:anywhere;hyphens:auto;text-wrap:balance}
.about-strength-item p{margin:0;font:400 15px/1.85 var(--body);color:var(--about-muted);text-align:left;text-wrap:pretty}

.about-faq{background:#fff;padding-bottom:92px}
.about-faq .faq-container{max-width:1140px}
.about-faq .about-section-heading{margin-bottom:38px}
.about-faq .faq-list{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.about-faq .faq-item,.about-faq .faq-item:first-child{min-width:0;border:0}
.about-faq .faq-item summary>[data-i18n]{min-width:0;overflow-wrap:anywhere;hyphens:auto}
.about-faq .faq-item summary{padding:18px 22px;gap:24px;border-radius:20px;background:#eef2f6;color:var(--about-ink);font:600 16px/1.55 var(--head);letter-spacing:0;transition:background-color 200ms}
.about-faq .faq-item summary:hover{background:#e5ecf4}
.about-faq .faq-item[open] summary{color:var(--about-ink);background:#e5ecf4}
.about-faq .faq-toggle{position:relative;display:block;flex:0 0 22px;width:22px;height:22px;background:transparent;border:0;border-radius:0;color:var(--about-ink)}
.about-faq .faq-toggle::before,.about-faq .faq-toggle::after{content:"";position:absolute;left:50%;top:50%;background:currentColor;border-radius:1px;transform:translate(-50%,-50%);transition:transform 200ms}
.about-faq .faq-toggle::before{width:12px;height:2px}
.about-faq .faq-toggle::after{width:2px;height:12px}
.about-faq .faq-item[open] .faq-toggle::after{transform:translate(-50%,-50%) scaleY(0)}
.about-faq .faq-item .faq-answer{animation:none}
.about-faq .faq-answer p{max-width:none;margin:0;padding:18px 22px 29px;font:400 16px/1.9 var(--body);color:var(--about-muted);overflow-wrap:anywhere;hyphens:auto}

.about-tail{position:relative;isolation:isolate;overflow:hidden;background:#436da4;padding:62px 0 330px;min-height:570px}
.about-tail-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}
.about-tail-copy{max-width:1000px;text-align:center}
.about-tail-copy h2{max-width:29ch;margin:0 auto 28px;font:700 clamp(30px,2.9vw,43px)/1.35 var(--head);color:#fff;letter-spacing:0;text-wrap:balance;overflow-wrap:anywhere;hyphens:auto}
.about-page .site-footer{background:linear-gradient(180deg,var(--footer-ice) 0%,#f0f7fb 46%,#fff 100%);color:var(--about-ink)}
.about-page .footer-curve svg{fill:var(--footer-ice)}
.about-page .footer-column h3,.about-page .contact-label{color:var(--about-ink)}
.about-page .footer-column li a,.about-page .footer-column li button,.about-page .footer-contact a,.about-page .footer-contact p{font:400 16px/1.45 var(--body);color:#455972}
.about-page .footer-column li a:hover,.about-page .footer-column li button:hover,.about-page .footer-contact a:hover{color:#345c90}
.about-page .footer-bottom{border-top-color:#c6dae6;color:#50657c}
.about-page .footer-bottom button{color:var(--about-ink)}
.about-page .social-icon{background:#fff;border:1px solid #d5e6eb}
.about-page .button-footer{font-size:13px}

@media(max-width:1200px){
 .about-intro-layout{gap:48px}
 .about-certification-row,.about-certification-row:nth-child(even){gap:60px}
 .about-certification-art img{max-width:320px}
 .about-strength-item{padding-inline:28px}
}
@media(max-width:1000px){
 .about-section{padding:68px 0 76px}
 .about-intro{padding-bottom:70px}
 .about-intro-layout{gap:35px;grid-template-columns:1fr}
 .about-intro-copy{padding-top:0}
 .about-facility-photo{aspect-ratio:1.5}
 .about-intro-copy p{font-size:16px;line-height:1.85}
 .about-stats.stats-band{margin-top:24px;padding:0}
 .about-stats .stat{padding:0}
 .about-stats .stat-label{font-size:11px}
 .about-certification-row,.about-certification-row:nth-child(even){gap:42px;grid-template-columns:.82fr 1.2fr}
 .about-certification-row:nth-child(even){grid-template-columns:1.2fr .82fr}
 .about-certification-copy h3{font-size:27px}
 .about-certification-art img{max-width:280px}
 .about-strength-item{padding-inline:28px}
 .about-strength-item h3{font-size:20px}
 .about-tail{min-height:540px;padding-bottom:300px}
}
@media(max-width:760px){
 .about-section{padding:52px 0 60px}
 .about-section-heading{margin-bottom:32px}
 .about-section-heading h2,.about-intro-copy h2{font-size:30px}
 .about-section-heading>p{margin-top:17px;font-size:16px;line-height:1.8}
 .about-hero{min-height:320px;grid-template-rows:auto minmax(95px,1fr) auto;gap:8px;padding:26px 0 28px}
 .about-hero h1{font-size:34px;line-height:1.3;max-width:24ch}
 .about-hero-photo{min-height:95px}
 .about-hero-subtitle{width:calc(100% - 40px)}
 .about-hero-subtitle p{max-width:48ch;font-size:15px;line-height:1.7;color:#172c4b}
 .about-intro{padding-top:38px;padding-bottom:60px}
 .about-intro-layout{grid-template-columns:1fr;gap:31px}
 .about-intro-copy h2{margin-bottom:23px}
 .about-intro-copy p{font-size:16px;line-height:1.85}
 .about-facility-photo{aspect-ratio:1.15}
 .about-stats.stats-band{margin-top:28px;padding:0}
 .about-stats .stats-grid{grid-template-columns:.7fr 1fr 1.35fr;gap:16px}
 .about-stats .stat{padding:0;gap:8px}
 .about-stats .stat-value{font-size:clamp(23px,4.6vw,32px)}
 .about-stats .stat:last-child .stat-value{font-size:clamp(16px,4.5vw,26px)}
 .about-stats .stat-label{font-size:11px;line-height:1.6}
 .about-certification .about-section-heading{margin-bottom:38px}
 .about-certification-list{gap:42px}
 .about-certification-row,.about-certification-row:nth-child(even){grid-template-columns:1fr;gap:27px}
 .about-certification-row+.about-certification-row{padding-top:42px}
 .about-certification-row:nth-child(even) .about-certification-art,.about-certification-row:nth-child(even) .about-certification-copy{order:initial}
 .about-certification-art img{max-width:240px;max-height:260px}
 .about-certification-copy h3{font-size:27px;margin-bottom:17px}
 .about-certification-copy p,.about-certification-copy li{font-size:15px;line-height:1.85}
 .about-strength-item{padding-inline:30px}
 .about-strength-icon{width:55px;height:55px;margin-bottom:20px}
 .about-strength-item h3{font-size:18px;line-height:1.5}
 .about-strength-item p{font-size:14px;line-height:1.85}
 .about-faq .faq-item summary{padding:17px 18px;font-size:15px;gap:18px;border-radius:17px}
 .about-faq .faq-answer p{padding:17px 18px 25px;font-size:15px;line-height:1.85}
 .about-tail{min-height:510px;padding:48px 0 270px}
 .about-tail-copy h2{font-size:30px;max-width:25ch;margin-bottom:24px}
 .about-page .footer-brand{align-items:flex-start}
}
@media(max-width:600px){
 .about-stats .stats-grid{gap:12px}
 .about-stats .stat-value{font-size:clamp(20px,5.3vw,28px)}
 .about-stats .stat-label{font-size:10px}
 .about-strength-grid{grid-template-columns:minmax(0,1fr);gap:32px}
 .about-strength-item{padding:0 8px}
 .about-strength-item:nth-child(even){border-left:0}
 .about-strength-item:nth-child(n+2){padding-top:32px;border-top:1px solid #cad9e9}
 .about-strength-item h3{font-size:20px;max-width:29ch}
 .about-strength-item p{font-size:15px;max-width:none}
 .about-tail{min-height:490px;padding-bottom:255px}
}
@media(max-width:360px){
 .about-hero h1{font-size:30px}
 .about-hero-subtitle p{font-size:14px}
 .about-section-heading h2,.about-intro-copy h2,.about-tail-copy h2{font-size:27px}
}
