.canon-institution-view[hidden]{display:none!important}
.institution-hero .canon-hero__copy p{font-weight:600;max-width:390px}
.institution-hero .canon-hero__picture:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--cream) 0%,rgb(254 249 243 / .92) 22%,rgb(254 249 243 / .45) 42%,transparent 62%);pointer-events:none}
.institution-purpose,.institution-policies{padding-block:72px}
.institution-heading,.institution-columns{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center}
.institution-heading p,.institution-columns p,.institution-certifications p,.institution-rse p{font-size:18px;line-height:1.5;letter-spacing:-.025em}
.institution-purpose-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:32px;margin-top:48px}
.institution-card{background:#fff;border-radius:24px;padding:28px;box-shadow:0 4px 18px #00000012}
.institution-card h3,.institution-card h4,.institution-values-title{font:400 24px/1.1 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.025em}
.institution-card p{font-size:14px;line-height:1.4;color:var(--ink);margin-top:14px}
.institution-values-title{margin:48px 0 24px}
.institution-values{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.institution-values .institution-card{text-align:center;padding:36px 20px}
.institution-values h4{font-size:20px}
.institution-values p{font-size:13px}
.institution-integrity{padding-block:64px;background:var(--blue);color:var(--cream)}
.institution-columns p{margin-top:24px}
.institution-integrity strong{display:block;font-size:16px;line-height:1.4;margin-top:12px}
.institution-documents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.institution-document{min-height:88px;background:#fff;color:var(--blue);border-radius:12px;padding:22px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:800;line-height:1.25}
.institution-document__arrow{flex:none;color:var(--orange);width:26px;height:26px;border:1.5px solid currentColor;border-radius:50%;display:grid;place-items:center}
.institution-document__arrow svg{width:20px;height:20px;transition:transform 350ms var(--ease-out)}
.institution-certifications{position:relative;isolation:isolate;margin-block:40px;min-height:480px;padding-block:64px;display:flex;align-items:center}
.institution-certifications__copy{width:50%}
.institution-certifications p{margin-top:24px}
.institution-production{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:right center;border-radius:24px}
.institution-certifications:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--cream),rgb(254 249 243 / .95) 36%,rgb(254 249 243 / 0) 68%)}
.institution-certificates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px;max-width:510px}
.institution-certificate{background:#fff;border-radius:20px;box-shadow:0 4px 18px #00000012;padding:14px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}
.institution-certificate img{height:80px;width:100%;object-fit:contain}
.institution-certificate h3{font-size:11px;line-height:1.2}
.institution-policies .institution-documents{grid-template-columns:1fr}
.institution-policies .institution-document{box-shadow:0 4px 18px #00000012}
.institution-rse{padding-block:48px 64px;background:var(--light);text-align:center}
.institution-rse img{width:88%;height:auto;margin:0 auto 40px;border-radius:24px}
.institution-rse p{max-width:940px;margin:24px auto 0}
@media(hover:hover){a.institution-document:hover .institution-document__arrow svg{transform:translateX(3px)}.institution-certificate:hover{filter:brightness(.98)}}
@media(max-width:1100px) and (min-width:761px){.institution-heading,.institution-columns{gap:32px}.institution-values{gap:12px}.institution-values .institution-card{padding:24px 12px}.institution-document{padding:16px 14px;gap:10px}.institution-values h4{font-size:18px}}
@media(max-width:760px){
 .institution-hero{height:auto;aspect-ratio:411/514}
 .institution-hero .canon-hero__copy{padding-top:28px}
 .institution-hero .canon-hero__copy p{font-size:12px;line-height:1.2;width:70%;max-width:280px;margin-top:10px}
 .institution-hero .canon-hero__picture:after{background:linear-gradient(180deg,rgb(254 249 243 / .75),rgb(254 249 243 / .35) 22%,transparent 45%)}
 .institution-purpose,.institution-policies{padding-block:40px}
 .institution-heading,.institution-columns{grid-template-columns:1fr;gap:28px}
 .institution-heading p,.institution-columns p,.institution-certifications p,.institution-rse p{font-size:15px;line-height:1.45}
 .institution-purpose-grid{grid-template-columns:1fr;gap:16px;margin-top:28px}
 .institution-card{border-radius:16px;padding:20px}
 .institution-card h3,.institution-values-title{font-size:24px}
 .institution-card p{font-size:13px;margin-top:10px}
 .institution-values-title{text-align:center;margin-top:40px}
 .institution-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .institution-values .institution-card{padding:28px 16px}
 .institution-values .institution-card:last-child{grid-column:1/-1;padding-block:20px}
 .institution-values h4{font-size:21px}
 .institution-values p{font-size:13px}
 .institution-integrity{padding-block:40px}
 .institution-integrity strong{font-size:13px}
 .institution-documents{grid-template-columns:1fr;gap:12px}
 .institution-document{min-height:64px;padding:16px;font-size:12px;gap:16px;border-radius:10px}
 .institution-document__arrow{width:24px;height:24px}
 .institution-certifications{display:flex;flex-direction:column;min-height:0;padding:0;margin-block:40px}
 .institution-certifications__copy{width:100%}
 .institution-certifications:after{display:none}
 .institution-certifications p{margin-top:16px}
 .institution-certificates{margin-top:24px;gap:8px}
 .institution-certificate{padding:12px 7px;border-radius:14px}
 .institution-certificate img{height:66px}
 .institution-certificate h3{font-size:10px}
 .institution-production{position:static;width:100%;height:auto;aspect-ratio:1.3;object-fit:cover;object-position:right center;margin-top:28px;border-radius:16px}
 .institution-policies{padding-top:0}
 .institution-rse{padding-block:32px 40px}
 .institution-rse img{width:100%;margin-bottom:28px;border-radius:16px}
 .institution-rse p{margin-top:20px}
}

.institution-production-picture{display:contents}
@media(max-width:760px){
 .canon-institution-view .institution-heading .canon-display,
 .canon-institution-view .institution-integrity .canon-display{white-space:nowrap;text-transform:none;max-width:none;width:100%;font-size:28px;letter-spacing:-.025em}
 .institution-heading .canon-display br,.institution-integrity .canon-display br{display:none}
 .institution-production{object-position:center top;mask-image:none;-webkit-mask-image:none}
}

/* Mobile certification composition: existing links grouped over the production image. */
@media(max-width:760px){
 .institution-certifications{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;row-gap:0}
 .institution-certifications__copy{display:contents}
 .institution-certifications__copy h2{grid-row:1;grid-column:1}
 .institution-certifications__copy p{grid-row:2;grid-column:1;margin-bottom:24px}
 .institution-production-picture{display:block;grid-row:3;grid-column:1;align-self:stretch;z-index:0}
 .institution-production{display:block;width:100%;height:100%;aspect-ratio:402/317;margin:0;border-radius:16px;object-fit:cover;object-position:75% center}
 .institution-certificates{grid-row:3;grid-column:1;align-self:center;z-index:1;grid-template-columns:1fr;gap:12px;width:36%;max-width:145px;margin:20px 0 20px 5%;}
 .institution-certificate{min-height:82px;padding:7px 6px;gap:5px;border-radius:10px}
 .institution-certificate img{height:48px}
 .institution-certificate h3{font-size:10px;line-height:1.2}
}