.about-certificates{--certificate-width:210px;--certificate-gap:26px;padding:96px 0 44px;background:radial-gradient(ellipse at 50% 65%,#efe5f67a,transparent 67%),#fcfafc;overflow:clip}
.certificates-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:0 var(--about-gutter)}
.about-page main .certificates-heading h2{font-size:clamp(46px,4.8vw,78px)}
.certificates-heading>p{font-size:14px;line-height:1.85;color:#6d5c77;max-width:335px;margin:0 0 9px}
.certificate-gallery{position:relative;overflow-x:auto;overflow-y:hidden;padding:40px 0 30px;scrollbar-width:thin;scrollbar-color:#ad91c3 transparent;outline-offset:-4px;touch-action:auto}
.certificate-track{display:flex;width:max-content;gap:var(--certificate-gap);padding:0 var(--about-gutter);align-items:center}
.certificate-card{flex:0 0 var(--certificate-width);width:var(--certificate-width);margin:0;position:relative;will-change:transform}
.certificate-photo{display:block;position:relative;width:100%;aspect-ratio:5/7;padding:0;border:1px solid #e0d6e7;background:white;border-radius:2px;box-shadow:0 9px 23px #34204413;cursor:zoom-in;overflow:hidden}
.certificate-photo>img{display:block;width:100%;height:100%;object-fit:contain;background:white;user-select:none;-webkit-user-drag:none}
.certificate-card figcaption{height:76px;padding:12px 0 0;font-size:11px;line-height:1.4;text-align:center;overflow-wrap:anywhere;color:#5c436e;font-weight:600}
.certificate-title{display:block;font-size:11px;line-height:1.35;font-weight:650;color:#49305d}
.certificate-filename{display:block;margin-top:3px;font-size:9px;line-height:1.3;font-weight:400;color:#806a90}
.certificate-status{display:inline-block;margin-top:4px;padding:2px 6px;border:1px solid #ded0e7;border-radius:12px;background:#f6f0f9;color:#725284;font-size:8px;line-height:1.25;letter-spacing:.01em;font-weight:500;vertical-align:top}
.certificate-status.is-archive{border-color:#e6d8cc;background:#faf4ed;color:#886445}
.certificate-status.is-supplier{border-color:#d4e0de;background:#eef5f2;color:#486f65}
.certificate-zoom{display:flex;align-items:center;gap:6px;position:absolute;right:9px;bottom:9px;border:1px solid #e0d6e7;background:#fcfafcf5;color:#342044;padding:7px 9px;border-radius:24px;font-size:9px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}
.certificate-zoom svg{width:16px;height:16px}
.certificate-photo:hover .certificate-zoom,.certificate-photo:focus-visible .certificate-zoom{opacity:1;transform:none}
.certificate-photo:focus-visible{outline:3px solid #7142a6;outline-offset:4px}
.certificates-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 max(var(--about-gutter),96px) 0 var(--about-gutter);border-top:1px solid #e0d6e7;padding-top:22px}
.certificates-hint{font-size:11px;line-height:1.6;color:#6d5c77;margin:0}
.certificate-animated-hint{display:none}
.certificate-controls{display:none;align-items:center;gap:16px;flex-shrink:0}
.has-certificate-controls .certificate-controls{display:flex}
.certificate-controls>button{display:grid;place-items:center;width:40px;height:40px;padding:0;color:#7142a6;border:1px solid #bca4d0;border-radius:50%;background:transparent;transition:background .2s,color .2s;cursor:pointer}
.certificate-controls>button:hover{background:#7142a6;color:white}
.certificate-controls>button:focus-visible{outline:2px solid #7142a6;outline-offset:4px}
.certificate-controls>button:disabled{opacity:.35;cursor:default;background:transparent;color:#7142a6}
.certificate-controls .arrow-icon{width:18px;height:18px}
.certificate-controls [data-certificate-prev] .arrow-icon{transform:rotate(180deg)}
.certificate-counter{font-size:10px;color:#967ca6;min-width:42px;letter-spacing:.04em}
.certificate-counter [data-certificate-count]{font-weight:700;color:#7142a6}
.certificate-controls>.certificate-play{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:28px;width:92px;font-size:11px;margin-left:4px}
.certificate-play>span:first-child{font-size:14px;line-height:1}
.about-certificates:not(.is-orbit) .certificate-play{display:none}
.is-orbit .certificate-gallery{height:560px;padding:0;overflow:hidden;perspective:1200px;perspective-origin:50% 50%;cursor:grab;touch-action:pan-y pinch-zoom}
.is-orbit .certificate-gallery:active{cursor:grabbing}
.is-orbit .certificate-track{position:absolute;inset:0;width:100%;height:100%;display:block;padding:0;transform-style:preserve-3d;pointer-events:none}
.is-orbit .certificate-card{position:absolute;top:50%;left:50%;transform-origin:50% 50%;backface-visibility:hidden;pointer-events:auto}
.is-orbit .certificate-card[aria-hidden=true]{visibility:hidden;pointer-events:none}
.is-orbit .certificate-static-hint{display:none}
.is-orbit .certificate-animated-hint{display:inline}
.certificate-guide{margin:28px max(var(--about-gutter),96px) 0 var(--about-gutter);border:1px solid #e0d6e7;border-radius:14px;background:#ffffff8f;color:#5c436e}
.certificate-guide>summary{display:flex;align-items:center;gap:14px;padding:18px 21px;cursor:pointer;list-style:none;font-size:13px;font-weight:600;line-height:1.5}
.certificate-guide>summary::-webkit-details-marker{display:none}
.certificate-guide>summary::after{content:'+';margin-left:auto;font-size:20px;font-weight:400;line-height:1;color:#7142a6}
.certificate-guide[open]>summary::after{content:'−'}
.certificate-guide>summary:focus-visible{outline:2px solid #7142a6;outline-offset:4px;border-radius:14px}
.certificate-guide-summary-note{font-size:11px;font-weight:400;color:#8a7199}
.certificate-guide-content{padding:0 21px 20px}
.certificate-guide-content>p{margin:0 0 17px;max-width:890px;font-size:12px;line-height:1.8;color:#786383}
.certificate-guide table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px;line-height:1.7;text-align:left}
.certificate-guide thead th{padding:12px 12px 12px 0;border-top:1px solid #e7dfec;border-bottom:1px solid #e7dfec;color:#49305d;font-size:10px;letter-spacing:.035em;font-weight:650}
.certificate-guide thead th:nth-child(1){width:20%}
.certificate-guide thead th:nth-child(2){width:20%}
.certificate-guide thead th:nth-child(3){width:34%}
.certificate-guide thead th:nth-child(4){width:26%}
.certificate-guide tbody th,.certificate-guide tbody td{vertical-align:top;padding:15px 13px 15px 0;border-bottom:1px solid #ece5ef;overflow-wrap:anywhere;color:#786383;font-weight:400}
.certificate-guide tbody th strong{display:block;color:#50315f;font-weight:600}
.certificate-guide-file{display:block;margin-top:3px;font-size:9px;color:#927b9f;line-height:1.5}
.certificate-guide tbody tr:last-child>*{border-bottom:0}
.certificate-guide-content>.certificate-guide-note{margin:12px 0 0;font-size:10px;color:#91799e}
@media(max-width:1100px){.about-certificates{--certificate-width:180px;--certificate-gap:23px}.is-orbit .certificate-gallery{height:510px}.certificates-heading>p{font-size:13px;max-width:300px}.certificate-controls{gap:12px}}
@media(max-width:760px){.certificate-guide{margin-right:var(--about-gutter)}.certificate-guide>summary{flex-wrap:wrap;gap:4px 12px;padding:16px}.certificate-guide-summary-note{flex:1 1 180px;font-size:10px}.certificate-guide-content{padding:0 16px 16px}.certificate-guide-content>p{font-size:11px}.certificate-guide table,.certificate-guide tbody{display:block;width:100%}.certificate-guide thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.certificate-guide tbody tr{display:block;padding:14px 0;border-top:1px solid #e5dbe9}.certificate-guide tbody th,.certificate-guide tbody td{display:block;width:auto;padding:4px 0;border:0;font-size:11px;line-height:1.65}.certificate-guide tbody th{margin-bottom:5px}.certificate-guide tbody td::before{content:attr(data-label);display:block;margin-bottom:1px;color:#50315f;font-size:10px;font-weight:600}.certificate-guide-file{font-size:9px}}
@media(max-width:600px){.about-certificates{--certificate-width:138px;--certificate-gap:18px;padding:65px 0 30px}.certificates-heading{display:block}.about-page main .certificates-heading h2{font-size:48px}.certificates-heading>p{font-size:12px;margin:20px 0 0;max-width:300px}.is-orbit .certificate-gallery{height:390px}.certificate-card figcaption{font-size:9px;height:76px;padding-top:10px}.certificate-title{font-size:9.5px}.certificate-filename{font-size:8px;margin-top:2px}.certificate-status{font-size:7px;margin-top:3px;padding:2px 5px}.certificates-bottom{align-items:start;flex-direction:column;gap:15px;padding-top:18px}.certificates-hint{font-size:10px}.certificate-controls{gap:12px}.certificate-controls>button{width:34px;height:34px}.certificate-controls>.certificate-play{width:76px;font-size:10px;gap:6px;margin-left:0}.certificate-counter{font-size:9px;min-width:38px}.certificate-zoom{opacity:1;transform:none;padding:5px;right:6px;bottom:6px}.certificate-zoom>span{display:none}.certificate-zoom svg{width:14px;height:14px}}
@media(max-width:360px){.about-certificates{--certificate-width:126px;--certificate-gap:16px}.certificate-controls{gap:8px}.certificate-controls>.certificate-play{width:70px}.about-page main .certificates-heading h2{font-size:43px}.is-orbit .certificate-gallery{height:430px}}
@media(prefers-reduced-motion:reduce){.certificate-card{will-change:auto}.certificate-zoom{transition:none}.certificate-controls>button{transition:none}}
@media print{.about-certificates{padding:30px 0;overflow:visible}.certificates-heading{display:block;padding:0}.certificates-heading>p{margin:15px 0}.certificate-gallery,.is-orbit .certificate-gallery{height:auto;overflow:visible;perspective:none;padding:20px 0}.certificate-track,.is-orbit .certificate-track{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:auto;height:auto;position:static;transform-style:flat;padding:0}.certificate-card,.is-orbit .certificate-card{position:static;width:auto;transform:none!important;visibility:visible!important;break-inside:avoid}.certificate-zoom,.certificates-bottom{display:none}}

/* Readable document labels and touch controls on handheld layouts. */
@media(max-width:800px){
 .about-certificates{--certificate-width:180px;--certificate-gap:22px}
 .certificate-card figcaption{height:98px;padding-top:13px}
 .certificate-title{font-size:13px;line-height:1.45}
 .certificate-filename{font-size:11px;line-height:1.45;margin-top:4px}
 .certificate-status{font-size:10px;line-height:1.45;padding:3px 7px;margin-top:5px}
 .certificates-heading>p{font-size:15px;line-height:1.8}
 .certificates-bottom{margin-right:var(--about-gutter)}
 .certificates-hint{font-size:13px;line-height:1.7}
 .certificate-controls>button{width:46px;height:46px}
 .certificate-controls>.certificate-play{width:94px;min-height:46px;font-size:13px}
 .certificate-counter{font-size:12px;min-width:47px}
 .certificate-guide>summary{font-size:15px;min-height:52px;line-height:1.5}
 .certificate-guide-summary-note{font-size:12px;line-height:1.6}
 .certificate-guide-content>p{font-size:14px;line-height:1.8}
 .certificate-guide tbody th,.certificate-guide tbody td{font-size:14px;line-height:1.8}
 .certificate-guide tbody td::before{font-size:12px}
 .certificate-guide-file{font-size:11px;line-height:1.6;overflow-wrap:anywhere}
 .certificate-guide-content>.certificate-guide-note{font-size:12px;line-height:1.8}
 .certificate-zoom{min-width:36px;min-height:36px;justify-content:center}
}
@media(max-width:600px){
 .about-certificates{--certificate-width:clamp(148px,42vw,180px);--certificate-gap:20px;padding-top:58px}
 .is-orbit .certificate-gallery{height:490px}
 .certificates-heading>p{font-size:15px;max-width:none}
 .certificates-bottom{gap:16px;padding-top:20px}
 .certificate-controls{gap:12px;flex-wrap:wrap}
 .certificate-controls>.certificate-play{width:94px;margin-left:0}
 .certificate-counter{font-size:12px}
 .certificate-guide{margin-top:24px}
 .certificate-guide-content{padding:0 16px 18px}
}
@media(max-width:360px){
 .is-orbit .certificate-gallery{height:470px}
 .certificate-controls{gap:10px}
 .certificate-controls>.certificate-play{width:84px}
}