/* WorldSkills: a chronological story with its original media kept in context. */
.medal.national-medal strong{font:110px/1.4 Georgia,serif;letter-spacing:0;margin:0;text-align:center}
.medal.national-medal small{font-size:9px;letter-spacing:2px;margin-top:9px}
@media(max-width:700px){.medal.national-medal strong{font-size:80px}.medal.national-medal>span{font-size:8px;letter-spacing:1.4px}.medal.national-medal small{font-size:8px}}
.medal.national-medal{position:relative;isolation:isolate}
.medal.national-medal::before{content:"";position:absolute;inset:-22px;border:1px solid #64d9ff42;border-radius:50%;pointer-events:none;z-index:-1;animation:medal-ring-breathe 4.5s ease-in-out infinite}
.medal.national-medal::after{content:"";position:absolute;inset:-22px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 0%,#64d9ff 0 3px,transparent 4px),radial-gradient(circle at 85% 15%,#d7b982 0 2.5px,transparent 3.5px),radial-gradient(circle at 100% 50%,#64d9ff 0 3px,transparent 4px),radial-gradient(circle at 85% 85%,#d7b982 0 2.5px,transparent 3.5px),radial-gradient(circle at 50% 100%,#64d9ff 0 3px,transparent 4px),radial-gradient(circle at 15% 85%,#d7b982 0 2.5px,transparent 3.5px),radial-gradient(circle at 0% 50%,#64d9ff 0 3px,transparent 4px),radial-gradient(circle at 15% 15%,#d7b982 0 2.5px,transparent 3.5px);filter:drop-shadow(0 0 4px #64d9ff66);animation:medal-dots-breathe 4s ease-in-out infinite}
.medal.national-medal>*{position:relative;z-index:1}
@keyframes medal-ring-breathe{0%,100%{transform:scale(.985);opacity:.35}50%{transform:scale(1.06);opacity:.8}}
@keyframes medal-dots-breathe{0%,100%{transform:rotate(0deg) scale(.96);opacity:.48}50%{transform:rotate(180deg) scale(1.045);opacity:1}}
@media(prefers-reduced-motion:reduce){.medal.national-medal::before,.medal.national-medal::after{animation:none;transform:none;opacity:.5}}
.ws-page.archive-page{max-width:none;margin:0;padding:0;background:#080c14;color:#e7edf4}
.ws-container{width:min(1120px,88%);margin-inline:auto}
.ws-page .eyebrow{color:#64d9ff;font-size:10px;letter-spacing:.15em}
.ws-page h1,.ws-page h2,.ws-page h3{color:#eef4fa}
.ws-page p{color:#b9c7d7;font-size:15px;line-height:1.85}
.ws-page .text-link{color:#64d9ff}
.ws-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,5vw,70px);padding-block:68px 48px}
.ws-hero h1{font-size:clamp(44px,5.2vw,72px);font-weight:600;letter-spacing:-.055em;line-height:1.08;margin:22px 0}
.ws-hero .ws-lead{max-width:520px;font-size:16px;line-height:1.8}
.ws-hero .text-link{margin-top:25px}
.ws-page .ws-hero-photo{margin:0;max-width:none;min-width:0}
.ws-page .ws-hero-photo button{border:1px solid #293b51;background:#0e1826;border-radius:4px;overflow:hidden}
.ws-page .ws-hero-photo img{width:100%;height:auto;max-height:none;object-fit:contain}
.ws-hero-photo figcaption,.ws-context-photo figcaption{padding-top:11px;font-size:11px;line-height:1.65;color:#94a7bf}
.ws-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #2b3949}
.ws-results>div{padding:24px 28px;border-right:1px solid #2b3949}
.ws-results>div:first-child{padding-left:0}
.ws-results>div:last-child{border:0}
.ws-result-label{display:block;margin-bottom:8px;color:#94a7bf;font-size:9px;letter-spacing:.12em}
.ws-results strong{display:block;color:#64d9ff;font:600 22px/1.4 Manrope,Arial,sans-serif;letter-spacing:-.025em}
.ws-results p{font-size:12px;margin-top:4px}
.ws-jump-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding-block:23px}
.ws-jump-links>span{color:#8498b2;font-size:9px;letter-spacing:.14em}
.ws-jump-links a{font-size:12px;color:#c3d3e7;border-bottom:1px solid transparent;padding-block:3px}
.ws-jump-links a:hover{color:#64d9ff;border-color:#64d9ff}
.ws-chapter,.ws-reflections,.ws-media{padding-block:68px}
.ws-page section[id]{scroll-margin-top:110px}
.ws-chapter-heading{max-width:760px;margin-bottom:40px}
.ws-chapter-heading h2,.ws-growth h2{font-size:clamp(32px,3.6vw,48px);line-height:1.18;letter-spacing:-.045em;margin:14px 0 18px}
.ws-chapter-heading>p+p{margin-top:12px}
.ws-timeline{border-top:1px solid #293b51}
.ws-milestone{display:grid;grid-template-columns:180px minmax(0,1fr);gap:38px;padding-block:36px 42px;border-bottom:1px solid #293b51}
.ws-stage{padding-top:4px}
.ws-stage>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #3b5b77;border-radius:50%;color:#64d9ff;font-size:12px;margin-bottom:15px}
.ws-stage p{color:#91a5bf;font-size:10px;letter-spacing:.08em;line-height:1.8}
.ws-page .ws-date{color:#64d9ff;font-size:11px;letter-spacing:.025em;margin-bottom:9px}
.ws-milestone h3{font-size:clamp(23px,2.6vw,31px);line-height:1.3;letter-spacing:-.035em;margin:0 0 17px;max-width:740px}
.ws-milestone-body>p:not(.ws-date){max-width:760px;margin-bottom:13px}
.ws-milestone-gold .ws-stage>span{background:#64d9ff;color:#07111f;border-color:#64d9ff}
.ws-page .photo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 0}
.ws-page .photo-gallery .migrated-photo{min-width:0;max-width:none;width:100%;margin:0;border:1px solid #293b51;background:#0e1826;border-radius:3px;overflow:hidden}
.ws-page .photo-gallery button{display:block;aspect-ratio:4/3;width:100%;height:100%;background:#0e1826;border:0;border-radius:0}
.ws-page .photo-gallery img{display:block;aspect-ratio:4/3;width:100%;height:100%;max-height:none;object-fit:contain;transition:filter .2s;transform:none}
.ws-page .photo-gallery button:hover img{transform:none;filter:brightness(1.1)}
.ws-growth{display:grid;grid-template-columns:1fr 1.4fr;gap:65px;margin-block:20px;padding:38px;background:#101b2b;border:1px solid #2c4059;border-left:3px solid #64d9ff;border-radius:3px}
.ws-growth h2{font-size:clamp(28px,3vw,39px)}
.ws-growth-copy>p{margin-bottom:13px}
.ws-learning-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:21px}
.ws-learning-points span{padding:5px 10px;border:1px solid #344c66;border-radius:3px;color:#b5d5ee;font-size:11px}
.ws-reflections{border-block:1px solid #293b51}
.ws-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ws-page .migrated-video{min-width:0;width:100%;max-width:none;margin:0}
.ws-page .migrated-video video,.ws-page .migrated-video iframe,.ws-page .load-video{width:100%;aspect-ratio:16/9;min-height:0;border:1px solid #344c66;border-radius:3px;background-color:#101b2b}
.ws-page .migrated-video video{object-fit:contain}
.ws-page .load-video{position:relative;overflow:hidden;gap:8px;padding:16px;color:#fff}
.ws-page .load-video:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#050b1326,#050b13b8);pointer-events:none}
.ws-page .load-video .youtube-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ws-page .load-video>span,.ws-page .load-video>strong{position:relative;z-index:1}
.ws-page .load-video .play-symbol{width:42px;height:42px;font-size:14px;color:#07111f;background:#64d9ff}
.ws-page .load-video>strong{display:none}
.ws-page .load-video>span:last-child{font-size:10px;color:#fff}
.ws-page .migrated-video figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 12px;margin-top:12px;color:#91a5bf;font-size:11px;line-height:1.6}
.ws-video-title{flex-basis:100%;color:#e1ebf6;font:500 14px/1.5 Manrope,Arial,sans-serif}
.ws-page .migrated-video figcaption a{color:#64d9ff;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.ws-media-subtitle,.ws-coverage h3{font-size:23px;letter-spacing:-.03em;margin-bottom:23px}
.ws-context{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;margin-top:55px;padding-block:35px;border-top:1px solid #293b51}
.ws-context h3{font-size:27px;letter-spacing:-.03em;margin:12px 0 17px}
.ws-page .ws-context-photo{max-width:none;margin:0}
.ws-page .ws-context-photo img{width:100%;max-height:none;object-fit:contain}
.ws-coverage{margin-top:55px;padding-top:34px;border-top:1px solid #293b51}
.ws-coverage>p{font-size:13px}
.ws-coverage h3{margin-bottom:9px}
.ws-page .ws-coverage .photo-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
.ws-closing{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:30px 60px;border-top:1px solid #293b51}
.ws-closing>p{color:#dce9f7;font:500 24px/1.4 Manrope,Arial,sans-serif;letter-spacing:-.03em}
@media(max-width:900px){
  .ws-hero{gap:30px;padding-top:46px}.ws-hero h1{font-size:46px}.ws-hero .ws-lead{font-size:14px}
  .ws-milestone{grid-template-columns:125px minmax(0,1fr);gap:25px}
  .ws-growth{gap:30px;padding:28px}.ws-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
  .ws-page .ws-coverage .photo-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
  .ws-container{width:88%}.ws-hero{grid-template-columns:1fr;padding-block:38px 30px;gap:30px}
  .ws-hero h1{font-size:46px}.ws-hero .ws-lead{font-size:15px}.ws-hero-photo figcaption{font-size:10px}
  .ws-results{grid-template-columns:1fr}.ws-results>div,.ws-results>div:first-child{padding:16px 0;border-right:0;border-bottom:1px solid #293b51}
  .ws-results strong{font-size:20px}.ws-result-label{margin-bottom:4px}.ws-jump-links{gap:10px 18px;padding-block:20px}
  .ws-jump-links>span{width:100%}.ws-jump-links a{font-size:11px}
  .ws-chapter,.ws-reflections,.ws-media{padding-block:42px}.ws-chapter-heading{margin-bottom:28px}
  .ws-milestone{grid-template-columns:1fr;gap:15px;padding-block:26px 30px}
  .ws-stage{display:flex;align-items:center;gap:12px;padding:0}.ws-stage>span{margin:0;flex-shrink:0;width:30px;height:30px}
  .ws-stage p{font-size:9px}
  .ws-milestone h3{font-size:25px}.ws-page p{font-size:14px;line-height:1.85}
  .ws-page .ws-date{font-size:11px}.ws-page .photo-gallery,.ws-page .ws-coverage .photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ws-growth{grid-template-columns:1fr;gap:16px;padding:23px;margin-block:0}.ws-growth h2{font-size:31px}
  .ws-learning-points span{font-size:10px}.ws-video-grid{grid-template-columns:1fr;gap:28px}
  .ws-context{grid-template-columns:1fr;gap:25px;margin-top:35px;padding-block:28px}.ws-context h3{font-size:25px}
  .ws-page .migrated-video figcaption{font-size:11px}.ws-coverage{margin-top:35px;padding-top:28px}
  .ws-closing{display:block;padding-block:26px 42px}.ws-closing>p{font-size:22px;margin-bottom:17px}
}
