#certificates{--card-width:226px;--card-height:314px;--orbit:320;--depth:260;--accent:#f56810;position:relative;isolation:isolate;background:#f5f6f7;color:#24272a;padding:54px 0 34px;scroll-margin-top:82px;overflow:clip}
#certificates *{box-sizing:border-box}
#certificates .ce-heading{max-width:1320px;padding:0 48px;margin:auto}
#certificates .ce-heading h2{font-family:inherit;font-size:clamp(32px,3.5vw,46px);font-weight:600;line-height:1.1;letter-spacing:-1.6px;margin:0;text-transform:none}
#certificates .ce-stage{position:relative;height:368px;perspective:1200px;perspective-origin:50% 44%;touch-action:pan-y;user-select:none;cursor:grab;max-width:1320px;margin:auto}
#certificates .ce-stage.dragging{cursor:grabbing}
#certificates .ce-orbit{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
#certificates .ce-certificate{position:absolute;left:50%;top:54%;width:var(--card-width);height:var(--card-height);margin-left:calc(var(--card-width) / -2);margin-top:calc(var(--card-height) / -2);padding:0;border:0;border-radius:0;background:transparent;will-change:transform;cursor:zoom-in;transform-style:preserve-3d;pointer-events:auto;color:inherit}
#certificates .ce-frame{height:100%;padding:9px;background:#fff;border:1px solid #dce0e3;border-radius:3px;box-shadow:0 3px 7px #202a3406,0 18px 32px #202a3410;transition:border-color .16s,box-shadow .16s}
#certificates .ce-certificate[data-front="true"] .ce-frame{box-shadow:0 4px 10px #202a3409,0 24px 40px #202a3420}
#certificates .ce-certificate[data-selected="true"] .ce-frame{border-color:var(--accent);box-shadow:0 0 0 2px #f568102b,0 20px 38px #202a3428}
#certificates .ce-certificate img{height:100%;width:100%;display:block;object-fit:contain;pointer-events:none;-webkit-user-drag:none}
#certificates .ce-certificate:focus-visible,#certificates .ce-stage:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
#certificates .ce-info{text-align:center;padding:14px 20px 0;min-height:63px}
#certificates .ce-info h3{margin:0;font-size:18px;line-height:1.5;font-weight:550;letter-spacing:0}
#certificates .ce-info p{margin:3px 0 0;font-size:11px;line-height:1.5;letter-spacing:1px;color:#697178}
#certificates dialog{padding:22px;border:0;width:100vw;height:100dvh;max-width:none;max-height:none;overflow:hidden;background:transparent;box-shadow:none;border-radius:0;outline:none;cursor:zoom-out}
#certificates dialog::backdrop{background:#171b20c9;backdrop-filter:blur(7px)}
#certificates dialog[open]{display:flex;align-items:center;justify-content:center}
#certificates dialog img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 15px 60px #0003;cursor:zoom-out}
@media(max-width:1000px){#certificates{--orbit:260;--depth:250;--card-width:218px;--card-height:303px}#certificates .ce-heading{padding:0 30px}}
@media(max-width:700px){#certificates{--orbit:170;--depth:220;--card-width:186px;--card-height:259px;padding:38px 0 26px;scroll-margin-top:70px}#certificates .ce-heading{padding:0 24px}#certificates .ce-heading h2{font-size:32px;letter-spacing:-1px}#certificates .ce-stage{height:318px;perspective:1050px}#certificates .ce-info{padding-top:10px}#certificates .ce-info h3{font-size:16px}#certificates dialog{padding:12px}}
@media(prefers-reduced-motion:reduce){#certificates .ce-frame{transition:none}#certificates .ce-certificate{will-change:auto}}