.centre-photo{max-width:420px;margin-inline:auto;width:100%}.centre-photo img{aspect-ratio:4/5;object-position:50% 60%}
.competition-intro{display:flex;align-items:end;gap:48px;margin:48px 0 26px}.competition-intro>div{flex:1}.competition-intro h3{font-size:clamp(1.7rem,2.7vw,2.3rem);line-height:1.3;margin-top:15px}.competition-intro>p{flex:1;max-width:530px;color:var(--muted);font-size:1rem;line-height:1.8}
.competition-carousel{background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 12px 35px #17204c08;scroll-margin-top:110px}.competition-slide[hidden]{display:none}.competition-frame{display:flex;align-items:center;justify-content:center;background:#121c46;height:550px;overflow:hidden}.competition-frame img{width:100%;height:100%;object-fit:contain;display:block}.competition-slide figcaption{padding:25px 30px 22px;margin:0;display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;align-items:start;color:var(--ink);min-height:145px}.competition-slide h4{font-size:1.2rem;line-height:1.5}.competition-slide figcaption p{font-size:1rem;line-height:1.8;color:var(--muted)}
.competition-controls[hidden]{display:none}.competition-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 30px 22px;border-top:1px solid var(--line)}.competition-control-group{display:flex;align-items:center;gap:10px}.competition-controls button{font:inherit;font-weight:600;font-size:.875rem;color:var(--navy);background:#f4f6fb;border:1px solid #d4dcec;border-radius:8px;min-height:44px;padding:10px 16px;cursor:pointer}.competition-controls button:hover{background:#e8edfa}.competition-controls button:focus-visible{outline:3px solid var(--red);outline-offset:3px}.competition-controls .competition-play{background:var(--navy);color:white;border-color:var(--navy)}.competition-controls .competition-play:hover{background:#14205f}.competition-pagination{display:flex;align-items:center;gap:13px}.competition-count{font-size:.875rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.competition-dots{display:flex;gap:2px}.competition-dots button{min-width:32px;min-height:44px;border:0;background:transparent;padding:10px;position:relative}.competition-dots button:before{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#b6c1d7;transition:background .2s,transform .2s}.competition-dots button[aria-current=true]:before{background:var(--red);transform:scale(1.3)}.competition-carousel[data-carousel-ready] .competition-slide:not([hidden]) .competition-frame img{animation:competition-arrive .65s ease both}.competition-carousel[data-carousel-ready] .competition-slide:not([hidden]) figcaption{animation:competition-caption .5s ease both}
@keyframes competition-arrive{from{opacity:.3;transform:translateX(24px) scale(1.015)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes competition-caption{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:950px){.competition-frame{height:460px}.competition-intro{gap:25px}.competition-slide figcaption{gap:24px;min-height:160px}.competition-controls{padding:17px 22px 20px;gap:14px}.competition-control-group{gap:7px}.competition-controls button{padding:10px 12px}.centre-photo{max-width:420px}}
@media(max-width:650px){.competition-intro{display:block;margin-top:35px}.competition-intro>p{margin-top:18px;max-width:none}.competition-carousel{border-radius:16px}.competition-frame{height:370px}.competition-slide figcaption{grid-template-columns:1fr;gap:10px;padding:21px;min-height:185px}.competition-slide h4{font-size:1.1rem}.competition-controls{flex-direction:column;gap:9px;padding:14px 16px}.competition-control-group{width:100%;justify-content:center}.competition-control-group button{flex:1;padding:10px 8px}.competition-pagination{justify-content:center}.competition-count{font-size:.8rem}.centre-photo img{aspect-ratio:4/5}}
@media(max-width:360px){.competition-frame{height:320px}.competition-slide figcaption{min-height:210px;padding:18px}.competition-controls button{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.competition-carousel[data-carousel-ready] .competition-slide:not([hidden]) .competition-frame img,.competition-carousel[data-carousel-ready] .competition-slide:not([hidden]) figcaption{animation:none}.competition-dots button:before{transition:none}}
.motion-paused .competition-carousel[data-carousel-ready] .competition-slide:not([hidden]) .competition-frame img,.motion-paused .competition-carousel[data-carousel-ready] .competition-slide:not([hidden]) figcaption{animation:none}
