/* Vertex-style cylindrical geometry. The foreground PDF viewer overlaps the ring. */
.orbit-gallery{background:radial-gradient(ellipse at 50% 55%,var(--gts-tone-d0d5350c,#d0d5350c),transparent 68%),var(--gts-tone-080e0b,#080e0b)}
.document-orbit{position:relative;width:100%;height:calc(700px * var(--orbit-k,1));margin-top:20px;overflow:hidden;touch-action:pan-y;isolation:isolate;outline-offset:-3px}
.orbit-canvas{position:absolute;left:50%;top:0;width:1172px;height:700px;transform:translateX(-50%) scale(var(--orbit-k,1));transform-origin:50% 0}
.certificate-ring{position:absolute;left:0;top:-320px;width:1172px;height:657px;perspective:891px;perspective-origin:586px 918px;transform-style:preserve-3d;z-index:5;pointer-events:none}
.orbit-card{position:absolute;left:586px;top:616px;width:130px;height:300px;margin:-150px 0 0 -65px;padding:0;border:0;border-radius:12px;overflow:hidden;background:var(--gts-tone-eff0e9,#eff0e9);box-shadow:0 24px 46px #0009,0 3px 8px #0008;backface-visibility:hidden;will-change:transform;pointer-events:auto;cursor:grab}
.orbit-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.orbit-edge{position:absolute;inset:0;border-radius:12px;box-shadow:inset 0 0 0 1px var(--gts-tone-ffffca50,#ffffca50),inset 0 16px 30px var(--gts-tone-ffffeb0d,#ffffeb0d);pointer-events:none}.orbit-card.broken img{display:none}.orbit-card.broken{background:linear-gradient(140deg,var(--gts-tone-454d21,#454d21),var(--gts-tone-142216,#142216))}
.document-viewer{position:absolute;left:165px;top:238px;width:842px;min-height:420px;border-radius:22px;overflow:hidden;z-index:100;box-shadow:0 -14px 44px #0009,0 30px 65px #0007;border:1px solid var(--gts-tone-a6b7684d,#a6b7684d);background:var(--gts-tone-111910,#111910)}
.viewer-bar{height:42px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(var(--gts-tone-414a2626,#414a2626),var(--gts-tone-25331899,#25331899));border-bottom:1px solid var(--gts-tone-bdd36922,#bdd36922);color:var(--gts-tone-c8d09e,#c8d09e);font-size:10px;letter-spacing:.08em;backdrop-filter:blur(12px)}.viewer-lights{position:absolute;left:20px;display:flex;gap:5px}.viewer-lights i{width:7px;height:7px;border-radius:50%;background:var(--gts-tone-8d984b,#8d984b)}.viewer-lights i:first-child{background:var(--gts-tone-f5f400,#f5f400)}.viewer-lights i:last-child{background:var(--gts-tone-bac568,#bac568)}.viewer-format{position:absolute;right:20px;font-size:10px}
.viewer-content{display:grid;grid-template-columns:240px 1fr;gap:40px;padding:30px 40px;align-items:center;background:radial-gradient(ellipse at 100% 100%,var(--gts-tone-aabb3312,#aabb3312),transparent 60%)}.viewer-image{height:304px;padding:7px;background:var(--gts-tone-f2f0df,#f2f0df);border-radius:5px;box-shadow:0 9px 28px #0005;display:block}.viewer-image img{display:block;width:100%;height:100%;object-fit:contain}.viewer-copy .chapter{font-size:8px;margin-bottom:20px}.viewer-copy h3{font-size:30px;font-weight:400;letter-spacing:-.035em;line-height:1.13;margin:0 0 20px}.viewer-description{font-size:12px;color:var(--gts-tone-b8c0a5,#b8c0a5);line-height:1.7;max-width:330px}.viewer-counter{display:block;font-size:9px;letter-spacing:.15em;color:var(--gts-tone-8f9c77,#8f9c77);margin-top:25px}
.vertex-pdf{display:inline-grid;place-items:center;min-height:49px;padding:0 22px;border-radius:12px;position:relative;overflow:hidden;color:var(--gts-tone-f7f9df,#f7f9df);font-size:12px;margin-top:22px;background:linear-gradient(to top,var(--gts-tone-f4efab,#f4efab) 1px,var(--gts-tone-e4e879,#e4e879) 3px,var(--gts-tone-c9d63d,#c9d63d) 5px,var(--gts-tone-8fa318,#8fa318) 7px,var(--gts-tone-6b7b14,#6b7b14) 10px,var(--gts-tone-3d4a14,#3d4a14) 14px,var(--gts-tone-283513,#283513) 18px,var(--gts-tone-192415,#192415) 24px,var(--gts-tone-101b12,#101b12) 34px,var(--gts-tone-101b12,#101b12) 100%);box-shadow:inset 0 3px 3px -2px var(--gts-tone-f5ffb51a,#f5ffb51a),inset 1px 0 #ffffff17,inset -1px 0 #ffffff17,0 1px var(--gts-tone-ecf49660,#ecf49660),0 0 8px var(--gts-tone-ccd44a19,#ccd44a19);transition:filter .25s,translate .25s}.vertex-pdf:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,var(--gts-tone-f3ffb8b3,#f3ffb8b3),transparent 13px),linear-gradient(270deg,var(--gts-tone-f3ffb8b3,#f3ffb8b3),transparent 13px);mask:linear-gradient(to top,#000 6px,#0006 12px,#0002 18px,#00000005 30px);-webkit-mask:linear-gradient(to top,#000 6px,#0006 12px,#0002 18px,#00000005 30px)}.vertex-pdf:hover{filter:brightness(1.15);translate:0 -1px}.vertex-pdf span{position:relative;z-index:2}.orbit-transport{margin-top:5px}
@media(max-width:900px) and (min-width:701px){.viewer-copy h3{font-size:33px}.viewer-description{font-size:16px}.vertex-pdf{font-size:16px}.viewer-counter{font-size:12px}.viewer-copy .chapter{font-size:11px}}
@media(max-width:700px){.document-orbit{height:740px;margin-inline:-20px;width:calc(100% + 40px);margin-top:10px}.orbit-canvas{width:100%;height:740px;left:0;transform:none}.certificate-ring{left:50%;margin-left:-586px;top:-320px;transform:scale(.68);transform-origin:586px 466px}.document-viewer{left:14px;top:205px;width:calc(100% - 28px);min-height:0;border-radius:16px}.viewer-bar{font-size:8px;height:36px}.viewer-format{display:none}.viewer-lights{left:13px;gap:3px}.viewer-lights i{width:5px;height:5px}.viewer-content{grid-template-columns:1fr;gap:20px;padding:22px 24px}.viewer-image{width:145px;height:180px;justify-self:center}.viewer-copy{text-align:center}.viewer-copy .chapter{font-size:7px;margin-bottom:14px}.viewer-copy h3{font-size:23px;margin-bottom:12px}.viewer-description{font-size:11px;line-height:1.6;margin:0 auto}.viewer-counter{margin-top:18px}.vertex-pdf{margin-top:18px;min-height:47px;font-size:12px}.orbit-transport{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.vertex-pdf{transition:none}.orbit-card{will-change:auto}}

/* Liquid-glass shells: opaque original PDFs inside translucent, illuminated frames. */
.orbit-card{background:linear-gradient(145deg,var(--gts-tone-edf4cb22,#edf4cb22),var(--gts-tone-b5cf6810,#b5cf6810) 42%,var(--gts-tone-e5f17d29,#e5f17d29));border:1px solid var(--gts-tone-e2ef9759,#e2ef9759);box-shadow:inset 0 1px 1px #fff9,inset 0 -1px 2px var(--gts-tone-efffa95c,#efffa95c),0 24px 46px #0009,0 0 20px var(--gts-tone-dfea5420,#dfea5420)}
.orbit-card img{inset:12px 8px;width:calc(100% - 16px);height:calc(100% - 24px)}
.orbit-edge{box-shadow:inset 1px 0 2px var(--gts-tone-f5ffd980,#f5ffd980),inset -1px 0 3px var(--gts-tone-d9f37955,#d9f37955),inset 0 18px 32px var(--gts-tone-f2ffd519,#f2ffd519),inset 0 -18px 26px var(--gts-tone-edee4324,#edee4324)}
@property --document-edge-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.orbit-card::after,.document-viewer::before{content:'';position:absolute;inset:0;padding:2px;border-radius:inherit;pointer-events:none;z-index:3;background:conic-gradient(from var(--document-edge-angle),transparent 0deg 205deg,var(--gts-tone-dce94b22,#dce94b22) 245deg,var(--gts-tone-e8f46b99,#e8f46b99) 285deg,var(--gts-tone-fbffd9,#fbffd9) 315deg,var(--gts-tone-edee60,#edee60) 330deg,transparent 355deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:document-edge-orbit 8s linear infinite;animation-delay:var(--glass-delay,0s);animation-play-state:paused}
.document-viewer{background:linear-gradient(125deg,var(--gts-tone-293821cf,#293821cf),var(--gts-tone-101a15e8,#101a15e8) 50%,var(--gts-tone-28351bbd,#28351bbd));backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%);border-color:var(--gts-tone-e7ef8e59,#e7ef8e59);box-shadow:inset 0 1px var(--gts-tone-f5ffd25c,#f5ffd25c),inset 0 -1px var(--gts-tone-f3ffae40,#f3ffae40),0 -14px 44px #0007,0 30px 65px #0007,0 0 32px var(--gts-tone-dae94e14,#dae94e14)}
.document-viewer::before{animation-duration:12s}
.viewer-bar,.viewer-content{position:relative}.viewer-content{background:linear-gradient(110deg,var(--gts-tone-101a1033,#101a1033),var(--gts-tone-101a1080,#101a1080))}
.orbit-gallery[data-glass-motion=running] .orbit-card::after,.orbit-gallery[data-glass-motion=running] .document-viewer::before{animation-play-state:running}
@keyframes document-edge-orbit{to{--document-edge-angle:360deg}}
body:not(.page-effects) .orbit-card::after,body:not(.page-effects) .document-viewer::before{animation:none}
@media(prefers-reduced-motion:reduce){.orbit-card::after,.document-viewer::before{animation:none!important}}
@media(max-width:700px){.document-viewer{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}