:root{color-scheme:dark}body{margin:0;background:#061525}.waterpolo-showcase,.image-dialog{--bg:#061525;--panel:#0b2133;--cyan:#b5d4ff;--text:#ecf5f8;--muted:#8fa9bb;--line:#203b4e;color:var(--text);font-family:"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}.waterpolo-showcase *,.image-dialog *{box-sizing:border-box}.waterpolo-showcase{padding-bottom:70px;overflow:hidden;background:radial-gradient(ellipse at 85% 0,#10465b40,transparent 26%),var(--bg);font-size:14px}.waterpolo-showcase a,.image-dialog a{color:inherit;text-decoration:none}.waterpolo-showcase button,.image-dialog button{font:inherit;cursor:pointer}.waterpolo-showcase :focus-visible,.image-dialog :focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.content-width{width:min(1280px,calc(100% - 96px));margin-inline:auto}.intro{padding-block:55px 42px;border-bottom:1px solid var(--line)}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--cyan);font-size:10px;letter-spacing:2.1px;font-weight:600}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #b5d4ff60}.intro-row{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:20px}.intro h1{font-size:clamp(30px,3.2vw,46px);line-height:1.45;letter-spacing:-1.5px;font-weight:650;margin:0}.intro h1 span{color:var(--cyan)}.intro-row>p{font-size:14px;line-height:1.9;margin:0;color:#cfdee7;max-width:385px}.intro-row>p span{font-size:12px;color:var(--muted)}.topic-tags{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.topic-tags span{font-size:10px;color:#9bb7c8;border:1px solid #2c4b5c;border-radius:3px;padding:6px 11px;background:#0b263780}.case-section{padding-block:47px 62px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-heading h2{font-size:28px;line-height:1.5;font-weight:600;letter-spacing:-.5px;margin:12px 0 0}.section-heading>p{color:var(--muted);font-size:12px;line-height:1.9;margin:0}.match-label{display:flex;align-items:center;gap:18px}.match-label>span{color:#7899ad;font-size:10px}.match-label strong{font-size:19px;font-weight:600;letter-spacing:1px}.match-label i{font-size:10px;font-style:normal;font-weight:400;color:#56849a;margin-inline:10px}.featured-media{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:28px;align-items:stretch}.video-card{margin:0;min-width:0;border:1px solid #274454;background:#0a1e2f;border-radius:7px;overflow:hidden}.video-card video{display:block;width:100%;height:auto;object-fit:contain;background:#020a11;max-width:100%;color:var(--muted)}.video-card figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px}.media-type{display:block;color:var(--cyan);font-size:10px;letter-spacing:.5px}.video-card h3,.chart-card h3{font-size:15px;line-height:1.6;font-weight:550;margin:8px 0 0}.video-card figcaption p{font-family:monospace;color:#698b9e;font-size:10px;margin:9px 0 0}.video-card figcaption>a{white-space:nowrap;font-size:10px;color:#91b5c6;padding:8px 0}.video-card a:hover,.image-dialog a:hover{color:var(--cyan)}.case-insight{background:linear-gradient(135deg,#0d2a3b,#091e2d);padding:26px;border:1px solid #274454;border-radius:7px;display:flex;flex-direction:column}.insight-index{font-family:monospace;font-size:10px;color:#548699;letter-spacing:2px}.case-insight>h3{font-size:26px;line-height:1.55;font-weight:500;margin:20px 0 14px;letter-spacing:-.5px}.case-insight>p{color:var(--muted);line-height:1.9;font-size:12px;margin:0 0 26px}.insight-item{display:flex;gap:13px;padding:17px 0;border-top:1px solid var(--line)}.insight-item>span{font-family:monospace;font-size:11px;color:var(--cyan);padding-top:2px}.insight-item strong{font-weight:500;font-size:12px;color:#bfdce4}.insight-item p{font-size:11px;color:#7a9aad;line-height:1.8;margin:7px 0 0}.case-note{margin-top:auto;padding-top:22px;color:#b2cbd6;font-size:10px}.case-note span{display:block;color:#62889d;margin-top:8px;font-family:monospace}.section-subtitle{display:flex;justify-content:space-between;align-items:center;margin:35px 0 19px;gap:16px}.section-subtitle h3{font-size:17px;font-weight:500;margin:0}.section-subtitle p{color:#7e9aac;font-size:11px;margin:0}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.speed-section{padding-block:57px;border-block:1px solid var(--line);background:#091e2d}.chart-card{border:1px solid #2b4657;border-radius:7px;background:#0a1e2e;margin:26px 0 0;overflow:hidden}.chart-card figcaption{padding:23px;display:flex;align-items:center;justify-content:space-between;gap:15px}.expand-chart{background:#133143;color:var(--cyan);border:1px solid #33586a;border-radius:4px;padding:10px 14px;font-size:11px!important;white-space:nowrap}.expand-chart span{margin-left:15px}.expand-chart:hover{background:#1c4255}.chart-preview{display:block;width:100%;padding:0;border:0;background:#181c1e;cursor:zoom-in!important}.chart-preview img{display:block;width:100%;height:auto}.chart-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 23px;color:#7f9cae;font-size:10px}.chart-caption p{margin:0;line-height:1.8}.chart-caption>span{font-family:monospace;font-size:9px;white-space:nowrap}.workflow{padding-top:58px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);padding-top:27px;gap:28px}.steps article{position:relative;padding-right:20px}.steps article>span{font-family:monospace;font-size:12px;color:var(--cyan)}.steps article:not(:last-child):after{content:'↗';position:absolute;right:3px;top:-3px;color:#3b657c;font-size:20px}.steps h3{font-size:14px;font-weight:550;margin:18px 0 10px}.steps p{font-size:11px;color:var(--muted);line-height:1.9;margin:0}.image-dialog{width:min(1500px,94vw);max-width:94vw;background:#0b2133;border:1px solid #3f667b;border-radius:8px;padding:24px;box-shadow:0 30px 100px #0008}.image-dialog::backdrop{background:#020b14db;backdrop-filter:blur(7px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.dialog-heading h2{font-size:16px;font-weight:500;margin:0;line-height:1.6}.close-dialog{background:#14374a;color:#becde3;border:1px solid #35586b;padding:9px 13px;border-radius:4px;white-space:nowrap}.full-chart{overflow-x:auto;background:#181c1e;border:1px solid #2b4759}.full-chart img{display:block;width:100%;height:auto;min-width:1400px}.image-dialog>a{display:inline-block;font-size:12px;margin-top:20px;color:#b5d4ff}.zoom-hint{color:#87a5b7;font-size:11px;margin:0 0 13px}.media-error{color:#e9c285;font-size:12px;padding:0 20px 16px;line-height:1.7}.media-error[hidden]{display:none}
@media(min-width:1450px){.featured-media{grid-template-columns:minmax(0,1fr) 300px;gap:30px}.case-insight{padding:30px}}
@media(max-width:1100px){.content-width{width:calc(100% - 64px)}.intro-row{gap:25px}.intro h1{font-size:35px}.intro-row>p{max-width:310px;font-size:12px}.intro-row>p span{font-size:11px}.featured-media{grid-template-columns:minmax(0,1fr) 235px;gap:20px}.case-insight{padding:20px}.case-insight>h3{font-size:22px;margin-top:13px}.case-insight>p{font-size:11px;margin-bottom:17px}.insight-item{padding-block:12px}.case-note{padding-top:15px}.video-card figcaption{padding:17px}.video-card h3{font-size:13px}.media-grid{gap:20px}}
@media(max-width:800px){.content-width{width:calc(100% - 40px)}.intro{padding-block:35px 30px}.intro-row{display:block;margin-top:16px}.intro h1{font-size:35px;letter-spacing:-1px}.intro-row>p{max-width:none;margin-top:17px;font-size:13px}.intro-row>p span{font-size:12px}.topic-tags{margin-top:20px}.section-heading h2{font-size:25px}.case-section{padding-block:35px 42px}.featured-media{grid-template-columns:1fr;gap:16px}.case-insight{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;padding:24px}.insight-index{grid-column:1/-1}.case-insight>h3{font-size:24px;grid-column:1;grid-row:2/4;margin-block:17px}.case-insight>p{grid-column:2;grid-row:2/4;margin-block:17px}.insight-item{border-top:1px solid var(--line);padding-top:16px}.case-note{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:10px}.case-note span{margin-top:0}.section-subtitle{display:block;margin-top:28px}.section-subtitle p{margin-top:9px}.media-grid{grid-template-columns:1fr;gap:20px}.video-card h3{font-size:15px}.speed-section{padding-block:38px}.section-heading>p{display:none}.chart-card{margin-top:20px}.chart-card figcaption{padding:19px}.chart-card h3{font-size:14px}.chart-caption{padding:14px 19px;display:block}.chart-caption>span{display:block;margin-top:7px}.workflow{padding-top:40px}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}.steps article:nth-child(2):after{display:none}.waterpolo-showcase{padding-bottom:45px}.image-dialog{padding:16px}.dialog-heading h2{font-size:13px}.image-dialog .close-dialog{font-size:11px}}
@media(max-width:480px){.intro h1{font-size:29px}.intro h1 span{display:block}.eyebrow{font-size:9px;letter-spacing:1.5px}.section-heading{gap:12px;align-items:flex-start}.section-heading h2{font-size:22px}.match-label{display:block;text-align:right;padding-top:2px}.match-label strong{display:block;font-size:13px;margin-top:9px;white-space:nowrap}.match-label>span{font-size:9px}.match-label i{font-size:8px;margin-inline:4px}.case-insight{padding:20px;gap:0 16px}.case-insight>h3{font-size:21px}.case-insight>p{font-size:10px}.insight-item p{font-size:10px}.video-card figcaption{padding:15px;gap:12px;align-items:flex-start}.video-card h3{font-size:13px}.video-card figcaption>a{font-size:9px;padding-top:1px}.media-type{font-size:9px}.chart-card figcaption{padding:16px;align-items:flex-start}.chart-card h3{font-size:13px}.expand-chart{padding:8px 10px;font-size:10px!important}.expand-chart span{margin-left:5px}.chart-caption{padding-inline:16px}.steps{gap:25px 18px}.steps article{padding-right:10px}.steps h3{font-size:13px}.steps p{font-size:10px}.dialog-heading{align-items:flex-start}.dialog-heading h2{font-size:12px;max-width:200px}}
@media(prefers-reduced-motion:reduce){.waterpolo-showcase *,.image-dialog *{scroll-behavior:auto!important}}

/* Real analysis images: preserve all labels and the original image ratio. */
.waterpolo-showcase .image-card{margin:0;min-width:0;background:#0a1e2f;border:1px solid #274454;border-radius:7px;overflow:hidden}.waterpolo-showcase .image-preview{display:block;position:relative;width:100%;padding:0;border:0;background:#111e25;cursor:zoom-in;line-height:0}.waterpolo-showcase .image-preview img{display:block;width:100%;height:auto;object-fit:contain}.waterpolo-showcase .image-zoom{position:absolute;right:12px;bottom:12px;color:#c5d3e8;background:#061b2cdd;border:1px solid #47778b;padding:9px 12px;border-radius:4px;font-size:10px;line-height:1;pointer-events:none}.waterpolo-showcase .image-preview:hover .image-zoom{background:#173d50;color:#97b9eb}.waterpolo-showcase .image-card figcaption{padding:20px 22px}.waterpolo-showcase .image-card h3{font-size:15px;font-weight:550;line-height:1.6;margin:9px 0}.waterpolo-showcase .image-card figcaption p{color:#8fa9bb;font-size:11px;line-height:1.9;margin:0}.waterpolo-showcase .wide-image{margin-top:24px}.waterpolo-showcase .wide-image .image-preview{padding-top:10px;background:#191c1e}.waterpolo-showcase .wide-image figcaption{display:grid;grid-template-columns:1fr 1fr;gap:6px 30px}.waterpolo-showcase .wide-image .media-type{grid-column:1}.waterpolo-showcase .wide-image h3{grid-column:1;margin-bottom:0}.waterpolo-showcase .wide-image figcaption p{grid-column:2;grid-row:1/3;align-self:center}.waterpolo-showcase .motion-pair{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:36px;align-items:center}.waterpolo-showcase .motion-description{padding:15px 8px}.waterpolo-showcase .motion-description h3{font-size:27px;font-weight:500;line-height:1.6;margin:20px 0 16px}.waterpolo-showcase .motion-description p{font-size:12px;color:#8fa9bb;line-height:2;max-width:320px}.waterpolo-showcase .detail-note{display:block;color:#7295ca;font-size:10px;margin-top:26px}.image-dialog .full-chart img{max-width:none;height:auto}
@media(max-width:800px){.waterpolo-showcase .motion-pair{grid-template-columns:1fr;gap:15px}.waterpolo-showcase .motion-description{padding:8px 0}.waterpolo-showcase .motion-description h3{font-size:23px;margin:12px 0}.waterpolo-showcase .motion-description h3 br{display:none}.waterpolo-showcase .motion-description p{max-width:none}.waterpolo-showcase .detail-note{margin-top:14px}.waterpolo-showcase .wide-image figcaption{display:block}.waterpolo-showcase .wide-image figcaption p{margin-top:10px}.waterpolo-showcase .wide-image{margin-top:20px}}
@media(max-width:480px){.waterpolo-showcase .image-card figcaption{padding:16px}.waterpolo-showcase .image-card h3{font-size:13px}.waterpolo-showcase .image-card figcaption p{font-size:10px}.waterpolo-showcase .image-zoom{font-size:9px;padding:8px 10px;right:9px;bottom:9px}}