:root{color-scheme:dark;--bg:#111110;--ink:#f6f1e8;--muted:#b8b3a9;--gold:#e4c79a;--line:#414039;--red:#b53632}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.65 Arial,Helvetica,sans-serif}h1,h2,p,figure{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(3.4rem,7.2vw,7.5rem)}h2{font-size:clamp(2.4rem,4vw,4.4rem);text-wrap:balance}h1 em,h2 em{color:var(--gold);font-weight:400}a{color:inherit;text-underline-offset:.3em}button,input,textarea{font:inherit}button{cursor:pointer}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{display:block;max-width:100%;height:auto}.overline{font-size:.8125rem;letter-spacing:.14em;line-height:1.7}.gold{color:var(--gold)}.muted{color:var(--muted)}.small{font-size:.875rem;line-height:1.6}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;max-width:1440px;margin:auto;padding:1.4rem 4.5%;border-bottom:1px solid var(--line)}.wordmark{letter-spacing:.17em;font-size:1.2rem;text-decoration:none}.quiet{background:transparent;border:0;color:var(--ink);padding:.65rem .8rem;min-height:44px;font-size:.875rem;text-decoration:underline;text-underline-offset:.35em}.cover{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:780px}.cover-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:4.5rem 10%}.cover h1{margin:1.6rem 0 2rem}.owner{font-size:1.4rem}.event{color:var(--muted);margin-top:.2rem}.cover-result{border-left:2px solid var(--red);padding-left:1.4rem;display:flex;flex-direction:column;margin-top:2.5rem;gap:.2rem}.result-number{font-size:2rem;font-variant-numeric:tabular-nums;letter-spacing:.03em}.cover-result .overline{font-size:.75rem;color:var(--muted)}.start-link{display:inline-flex;align-items:center;gap:2rem;margin-top:2rem;text-decoration:none;padding:.5rem 0;border-bottom:1px solid var(--line);font-size:.9375rem}.cover-image{position:relative;align-self:stretch;background:#080808}.cover-image img{width:100%;height:100%;max-height:960px;object-fit:cover;object-position:center}.cover-image figcaption{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(transparent,#000c);padding:4rem 2rem 1.4rem;text-align:center;font-size:.875rem}.chapters{display:flex;justify-content:center;gap:2.5rem;padding:1.4rem 5%;border-block:1px solid var(--line);flex-wrap:wrap}.chapters a{text-decoration:none;font-size:.9375rem}.section{max-width:1296px;padding:6rem 5%;margin:auto}.intro{max-width:900px;text-align:center}.intro h2{margin:1.5rem 0}.body-copy{font-size:1.1rem;line-height:1.85;max-width:43rem}.intro .body-copy{margin:1.5rem auto}.intro .small{margin-top:1.5rem}.dedication{padding-top:0;max-width:960px}.dedication>.overline{margin-bottom:1.2rem}.dedication details{background:#1d1c19;border:1px solid #625442}.dedication summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:1.5rem;padding:2rem;font-size:1.2rem}.dedication summary::-webkit-details-marker{display:none}.letter-mark{font-family:Georgia,serif;color:var(--gold);font-size:2.4rem}.dedication summary small{display:block;color:var(--muted);font: .875rem/1.6 Arial,sans-serif;margin-top:.3rem}.plus{margin-left:auto;font-size:1.8rem;font-weight:300}details[open] .plus{transform:rotate(45deg)}.letter{padding:1.8rem 2.5rem 3rem;border-top:1px solid #625442}.letter .overline{font-size:.75rem;color:var(--gold)}.letter blockquote{font:1.8rem/1.55 Georgia,serif;margin:1.2rem 0 1.8rem;white-space:pre-wrap;overflow-wrap:anywhere}.letter>p:last-child{color:var(--gold);overflow-wrap:anywhere}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem}.section-heading h2{margin-top:1rem}.section-heading>p{font-size:.9375rem;max-width:16rem}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem 2rem}.photo{display:block;width:100%;padding:0;border:0;background:#20201d}.photo img{width:100%;height:100%;object-fit:cover}.photo-grid .photo{aspect-ratio:3/2;overflow:hidden}.photo img{transition:transform .35s ease}.photo:hover img{transform:scale(1.025)}.photo-grid figcaption{display:flex;justify-content:space-between;gap:1rem;padding-top:.8rem;color:var(--muted);font-size:.875rem}.photo-grid figcaption span:first-child{color:var(--gold);font-size:.75rem;letter-spacing:.08em}.photo-grid .run-photo{grid-row:span 2}.photo-grid .run-photo .photo{aspect-ratio:2/3}.photo-grid .finish-photo .photo{aspect-ratio:3/2}.photo-grid .after-photo .photo img{object-position:center 60%}.film-section{display:grid;grid-template-columns:1fr 1fr;gap:5rem;border-block:1px solid var(--line)}.film-section h2{margin:1.2rem 0 1.5rem}.film-stage{align-self:center;background:#1d1c19;border:1px solid var(--line);padding:2.2rem}.film-stage #film-empty>p:not(.small){font:1.8rem/1.35 Georgia,serif;margin:1.5rem 0}.film-stage .small{margin-top:1rem}.outline,.solid{padding:.8rem 1.1rem;min-height:48px;font-size:.9375rem}.outline{background:transparent;color:var(--ink);border:1px solid #827967}.solid{background:var(--gold);color:var(--bg);border:1px solid var(--gold)}.film-stage button{margin-top:1.5rem}video{width:100%;max-height:70vh;background:#000}.medal-section{display:grid;grid-template-columns:1.1fr 1fr;gap:5rem;align-items:center}.medal-photos{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.medal-photos figure:nth-child(2){margin-top:5rem}.medal-photos .photo{overflow:hidden}.medal-photos figcaption{font-size:.875rem;color:var(--muted);margin-top:.75rem}.medal-copy h2{margin:1.2rem 0}.total-time{font:clamp(2.3rem,4vw,4rem)/1.2 Georgia,serif;color:var(--gold);font-variant-numeric:tabular-nums;margin:2rem 0}.splits{margin:0 0 1rem}.splits div{display:flex;justify-content:space-between;gap:2rem;padding:.6rem 0;border-bottom:1px solid var(--line)}.splits dt{color:var(--muted)}.splits dd{font-variant-numeric:tabular-nums;margin:0}.medal-copy .body-copy{margin-top:2rem}.ending{text-align:center;border-top:1px solid var(--line)}.ending h2{font-size:clamp(3.2rem,6vw,6rem);margin:2rem 0}.ending>p:not(.overline){color:var(--muted)}.story-footer{padding:3rem 5%;text-align:center;background:#090909}.story-footer p{margin:1rem auto;max-width:40rem}.story-footer>a:last-child{font-size:.9375rem}dialog{color:var(--ink);background:#171716;border:1px solid var(--line);padding:2rem;max-width:calc(100% - 2rem);max-height:calc(100dvh - 2rem);overflow:auto}dialog::backdrop{background:#000d;backdrop-filter:blur(5px)}#photo-viewer{width:min(1080px,calc(100% - 2rem))}.viewer-controls,.viewer-navigation,.editor-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}.viewer-controls{margin-bottom:1rem}.viewer-navigation{margin-top:1rem}#viewer-image{object-fit:contain;height:min(68dvh,750px);width:100%;background:#090909}#photo-caption{padding-top:1rem;font-size:1rem}#editor{width:620px}.editor-top{margin-bottom:2rem}#editor h2{margin-bottom:1.5rem}#editor-form{margin-top:1.5rem}label{display:block;margin:1.2rem 0 .5rem}input,textarea{background:#0d0d0c;color:var(--ink);border:1px solid #777369;width:100%;padding:.8rem;font-size:1rem}textarea{resize:vertical}.editor-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}#editor-form .small{margin-top:.6rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:absolute;top:-100px;left:1rem;z-index:10;background:var(--ink);color:var(--bg);padding:1rem}.skip:focus{top:1rem}body.modal-open{overflow:hidden}[hidden]{display:none!important}#story-title{overflow-wrap:anywhere}#video-error{color:#ffc9bd}
@media(max-width:850px){.topbar>.overline{display:none}.cover{min-height:0;grid-template-columns:.9fr 1fr}.cover-copy{padding:3rem 8%}.cover h1{font-size:clamp(3rem,6.3vw,5rem)}.film-section,.medal-section{gap:2.5rem}.section{padding-block:4rem}.section-heading{align-items:start;flex-direction:column;gap:1rem}.section-heading>p{max-width:none}.medal-section{grid-template-columns:1fr}.medal-photos{max-width:600px}.dedication{padding-top:0}}
@media(max-width:600px){.topbar{padding:1rem 5%;gap:.5rem}.topbar .quiet{font-size:.875rem;max-width:12rem}.wordmark{font-size:1rem}.cover{display:flex;flex-direction:column-reverse}.cover-image{height:auto}.cover-image img{height:auto;max-height:none;width:100%}.cover-image figcaption{font-size:.875rem}.cover-copy{padding:2rem 6% 3rem}.cover h1{font-size:clamp(3.2rem,14vw,5.6rem);margin:1rem 0 1.3rem}.owner{font-size:1.25rem}.cover-result{margin-top:1.5rem}.chapters{gap:.5rem 1.5rem;padding:1rem 5%}.chapters a{min-height:40px;display:inline-flex;align-items:center;font-size:.875rem}.section{padding-inline:6%;padding-block:3.4rem}.intro h2{font-size:2.5rem}.body-copy{font-size:1rem}.dedication{padding-top:0}.dedication summary{padding:1.3rem;gap:1rem;font-size:1.05rem}.letter{padding:1.5rem}.letter blockquote{font-size:1.5rem}.photo-grid{grid-template-columns:1fr;gap:2rem}.photo-grid .run-photo{grid-row:auto}.photo-grid .run-photo .photo{aspect-ratio:3/4}.photo-grid .after-photo .photo{aspect-ratio:3/4}.photo-grid figcaption{gap:.5rem}.film-section{grid-template-columns:1fr;gap:1.6rem}.film-stage{padding:1.5rem}.medal-photos{gap:.7rem}.medal-photos figure:nth-child(2){margin-top:3rem}.ending h2{font-size:3.7rem}dialog{padding:1rem}.viewer-navigation{gap:.5rem}.viewer-navigation button{font-size:.875rem;padding:.7rem}.editor-top{align-items:start}.editor-top .overline{max-width:12rem}#editor h2{font-size:2.6rem}.editor-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo img{transition:none}}

/* Opublikowany film Damiana, z zachowaniem pełnego pionowego kadru. */
.film-section{align-items:center}
.film-stage{width:100%;max-width:420px;justify-self:center;padding:1rem}
#story-video{display:block;width:100%;height:auto;aspect-ratio:9/16;max-height:75vh;max-height:75svh;object-fit:contain;background:#000}
#story-video:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.film-stage figcaption{font-size:.875rem;color:var(--gold);line-height:1.6;padding:.9rem .2rem .3rem}
.film-stage .film-direct{display:inline-block;font-size:.875rem;margin-top:.8rem;color:var(--muted)}
.film-copy .film-info{margin-top:1.5rem}
.film-copy .quiet{display:block;text-align:left;margin-top:1.5rem;padding-left:0}
#video-error:empty{display:none}
@media(max-width:600px){.film-stage{max-width:360px;padding:.8rem}}