/* The competition photograph leads the story. One uncropped image sits behind
   the copy; translucent washes blend its left and lower edges into the page. */
.skating-history-page{background:#fff;color:#0b285d}
.skating-history-page .skating-return{max-width:1240px;margin:auto;padding:5px 16px 0}
.skating-history-page .back-to-about{margin-bottom:0}
.skating-hero{position:relative;isolation:isolate;overflow:hidden;height:650px;background:#eef7ff}
.skating-hero-photo{position:absolute;z-index:0;top:50%;right:-40%;width:560px;max-width:none;height:auto;transform:translateY(-58%)}
.skating-hero::before,.skating-hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1}
.skating-hero::before{background:linear-gradient(to right,#eef7ff 0%,#eef7fff7 22%,#eef7ff00 76%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,transparent 88%);mask-image:linear-gradient(to bottom,#000 0%,#000 58%,transparent 88%)}
.skating-hero::after{background:linear-gradient(to bottom,transparent 85%,#fff 100%)}
.skating-hero-copy{position:relative;z-index:2;max-width:245px;padding:34px 16px}
.skating-eyebrow,.skating-section-title{font-family:system-ui,-apple-system,sans-serif;font-weight:750;text-transform:uppercase;letter-spacing:.19em;color:#183c81}
.skating-eyebrow{font-size:12px;line-height:1.4;margin:0 0 24px}
.skating-eyebrow::after,.skating-section-title::after{content:"";display:block;width:44px;height:3px;margin-top:14px;background:#69adf0}
.skating-history-page .skating-hero h1{font-family:system-ui,-apple-system,sans-serif;font-weight:800;font-size:clamp(39px,12vw,49px);line-height:.99;letter-spacing:-.065em;color:#0b285d;margin:0 0 26px}
.skating-hero h1 span{display:block}
.skating-intro{max-width:205px;color:#415477;font-size:17px;line-height:1.45;margin:0}
.skating-editorial{max-width:1050px;margin:auto;padding:10px 20px 72px}
.skating-section-title{font-size:15px;line-height:1.5;margin:0 0 22px}
.skating-section-title::after{margin-top:12px}
.skating-foundation p,.skating-biography p{color:#40516e;font-size:17px;line-height:1.68;margin:0 0 20px}
.skating-foundation{max-width:76ch}
.skating-highlights{margin:30px 0 52px;padding:24px 28px;background:#edf5ff;border-radius:12px}
.skating-highlights ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.skating-highlights li{display:grid;grid-template-columns:12px 1fr;gap:15px;align-items:baseline;color:#40516e;font-size:17px;line-height:1.45}
.skating-highlights li::before{content:"";width:8px;height:8px;border-radius:50%;background:#69adf0;align-self:center}
.skating-biography{width:100%;border:1px solid #dceaf5;border-radius:12px;background:#f7fbff;overflow:hidden}
.skating-biography>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px;padding:20px 24px;cursor:pointer;list-style:none}
.skating-biography>summary::-webkit-details-marker{display:none}
.skating-biography>summary::marker{content:""}
.skating-biography>summary:focus-visible{outline:3px solid #278dd1;outline-offset:-4px;border-radius:12px}
.skating-journey-label{display:block;min-width:0}
.skating-journey-title{display:block;color:#0b285d;font-size:clamp(22px,4vw,30px);line-height:1.2;letter-spacing:-.035em}
.skating-journey-subtitle{display:block;margin-top:5px;color:#526784;font-size:14px;font-style:italic;line-height:1.45}
.skating-journey-chevron{width:24px;height:24px;flex:none;color:#278dd1}
.skating-biography[open] .skating-journey-chevron{transform:rotate(180deg)}
.skating-biography-content{padding:24px 24px 8px;border-top:1px solid #dceaf5}
.skating-biography-content p{max-width:76ch}
/* On phones, fade the image's own left edge before the lower wash recedes. */
@media(max-width:520px){
 .skating-hero-photo{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 22%);mask-image:linear-gradient(to right,transparent 0%,#000 22%)}
 .skating-history-page .skating-hero h1{font-size:clamp(39px,12vw,47px);letter-spacing:.012em}
}
@media(max-width:359px){
 .skating-hero{height:625px}
 .skating-hero-photo{width:500px;right:-46%;transform:translateY(-60%)}
 .skating-hero-copy{max-width:205px;padding:29px 13px}
 .skating-history-page .skating-hero h1{font-size:39px}
 .skating-intro{max-width:172px;font-size:16px}
 .skating-editorial{padding-inline:16px}
 .skating-highlights{padding:20px}
 .skating-biography>summary{padding:18px 16px}
 .skating-biography-content{padding:20px 16px 4px}
}
@media(min-width:521px){
 .skating-history-page .skating-return{padding-inline:clamp(24px,5vw,72px)}
 .skating-hero{height:clamp(650px,70vw,780px)}
 .skating-hero-photo{width:min(95vw,1080px);right:-7vw;transform:translateY(-52%)}
 .skating-hero-photo{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 25%);mask-image:linear-gradient(to right,transparent 0%,#000 25%)}
 .skating-hero::before{background:linear-gradient(to right,#eef7ff 0%,#eef7fff2 18%,#eef7ff00 64%)}
 .skating-hero-copy{max-width:540px;padding:clamp(70px,9vw,125px) clamp(28px,6vw,90px)}
 .skating-eyebrow{font-size:clamp(14px,1.5vw,20px);margin-bottom:28px}
 .skating-history-page .skating-hero h1{font-size:clamp(55px,6.2vw,86px);margin-bottom:30px}
 .skating-intro{max-width:370px;font-size:clamp(19px,2.1vw,25px)}
 .skating-editorial{padding:14px clamp(28px,6vw,72px) 85px}
 .skating-section-title{font-size:clamp(16px,1.7vw,21px)}
 .skating-foundation p,.skating-biography p,.skating-highlights li{font-size:clamp(18px,1.6vw,21px)}
 .skating-highlights{padding:28px 40px}
 .skating-biography>summary{padding:24px 36px}
 .skating-biography-content{padding:28px 36px 10px}
}