:root{--col-navy:#2d3e2d;--col-slate:#3a4f3a;--col-cream:#f9f8f5;--col-stone:#f2f0eb;--col-poppy:#c0392b;--col-text:#2c2c2c;--col-muted:#5a5a5a}html[data-theme=dark]{--col-navy:#1a2b1f;--col-slate:#2f4434;--col-cream:#181d18;--col-stone:#242a24;--col-poppy:#d94a3a;--col-text:#eae5d6;--col-muted:#9a9488}html[data-remembrance=on]{--col-navy:#1e2017;--col-slate:#2a2e22;--col-cream:#ebe4d2;--col-stone:#d9d0bb;--col-poppy:#a81e12;--col-text:#1a1a1a;--col-muted:#4a4238}html[data-theme=dark][data-remembrance=on]{--col-cream:#141311;--col-stone:#1f1c17;--col-text:#e8dec9;--col-muted:#8c8270}html[data-theme=dark] .person .p-name,html[data-theme=dark] .person .p-meta dd.dates{color:#d8e0cd}html[data-theme=dark] .person .p-photo{background:#202520;box-shadow:0 6px 22px #00000080}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100vw;height:100vh;color:var(--col-text);background:#000;font-family:"Source Sans 3",system-ui,sans-serif;overflow:hidden}h1,h2,.p-name,.title h1{font-family:Crimson Text,Georgia,Times New Roman,serif}body.cursor-hidden{cursor:none}.stage{width:100vw;height:100vh;position:fixed;inset:0}.slide{opacity:0;width:100%;height:100%;transition:opacity 1s ease-in-out;display:flex;position:absolute;inset:0;overflow:hidden}.slide.active{opacity:1;z-index:2}.slide.title{background:linear-gradient(140deg, var(--col-navy) 0%, var(--col-slate) 60%, #1e2e1e 100%);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4vw}.title h1{letter-spacing:-.02em;margin-bottom:2vh;font-size:10vw;font-weight:700;line-height:1}.title p{opacity:.85;font-size:3vw;line-height:1.3}.title .years{opacity:.65;letter-spacing:.05em;margin-top:2vh;font-size:2.4vw}.slide.person{background:var(--col-cream);grid-template-rows:auto 1fr auto;grid-template-areas:"header""body""footer";padding:0;display:grid}.person .p-header{background:linear-gradient(90deg, var(--col-navy) 0%, var(--col-slate) 100%);color:#fff;grid-area:header;align-items:center;gap:2vw;padding:2.2vh 5vw;display:flex}.person .p-header-eyebrow{letter-spacing:.3em;text-transform:uppercase;white-space:nowrap;font-family:"Source Sans 3",system-ui,sans-serif;font-size:1.6vh;font-weight:700}.person .p-header-rule{background:linear-gradient(90deg,#ffffff59,#ffffff0d);flex:1;height:1px}.person .p-header-war{letter-spacing:.2em;text-transform:uppercase;opacity:.85;white-space:nowrap;font-family:"Source Sans 3",system-ui,sans-serif;font-size:1.6vh;font-weight:500}.person .p-header-poppy{background:radial-gradient(circle, var(--col-poppy) 55%, transparent 60%);border-radius:50%;flex:none;width:2.2vh;height:2.2vh}.person .p-body{grid-area:body;grid-template-columns:34% 1fr;align-items:center;column-gap:4vw;min-height:0;padding:5vh 5vw;display:grid}.person .p-photo{aspect-ratio:4/5;background:var(--col-stone);border-radius:14px;justify-content:center;justify-self:center;align-items:center;width:min(100%,56vh);max-height:70vh;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 22px #0000001f}.person .p-photo img.portrait{object-fit:cover;object-position:center 22%;width:100%;height:100%}.person .p-photo .silhouette{justify-content:center;align-items:center;width:78%;height:82%;display:flex}.person .p-photo .silhouette svg{width:100%;height:100%}.person .p-text{flex-direction:column;justify-content:center;min-width:0;padding-bottom:14vh;display:flex}.person .p-name{font-family:Crimson Text,Georgia,serif;font-size:clamp(3.6vw, calc(105vw / var(--name-len,14)), 6.4vw);color:var(--col-navy);white-space:nowrap;text-overflow:clip;margin:0 0 .8vh;font-weight:700;line-height:1.04;overflow:hidden}.person .p-aka{color:var(--col-muted);letter-spacing:.01em;margin:0 0 2vh;font-family:Crimson Text,Georgia,serif;font-size:2.1vw;font-style:italic;line-height:1.2}.person .p-rank{color:var(--col-text);margin:0 0 1vh;font-family:"Source Sans 3",system-ui,sans-serif;font-size:1.9vw;font-weight:500;line-height:1.25}.person .p-regiment{color:var(--col-text);align-items:flex-start;gap:1vw;margin:0 0 2.8vh;font-family:"Source Sans 3",system-ui,sans-serif;font-size:1.9vw;line-height:1.35;display:flex}.person .p-regiment .sep{color:var(--col-poppy);flex:none;margin-top:1vh;font-weight:700}.person .p-regiment-text{flex:auto;min-width:0}.person .p-badge-inline{object-fit:contain;filter:drop-shadow(0 1px 2px #0000001f);flex:none;width:auto;max-width:10vw;height:7vh}.person .p-medals{flex-wrap:wrap;align-items:center;gap:1vw;margin:0 0 2.4vh;display:flex}.person .p-medal{filter:drop-shadow(0 1px 2px #0000002e);width:auto;height:6.5vh;transition:transform .3s}.person .p-rank-line .sep{color:var(--col-poppy);margin:0 .7em;font-weight:700}.person .p-meta{grid-template-columns:max-content 1fr;align-items:baseline;gap:1.6vh 2vw;margin:0;display:grid}.person .p-meta dt{letter-spacing:.15em;text-transform:uppercase;color:var(--col-muted);margin:0;font-family:"Source Sans 3",system-ui,sans-serif;font-size:1vw;font-weight:700}.person .p-meta dd{color:var(--col-text);margin:0;font-family:Crimson Text,Georgia,serif;font-size:1.7vw;line-height:1.3}.person .p-meta dd.dates{color:var(--col-navy);font-weight:600}.person .p-footer{background:var(--col-stone);color:var(--col-muted);letter-spacing:.12em;text-transform:uppercase;grid-area:footer;align-items:center;gap:1.5vw;padding:1.8vh calc(18vh + 5vw) 1.8vh 5vw;font-family:"Source Sans 3",system-ui,sans-serif;font-size:1.5vh;font-weight:500;display:flex}.person .p-footer-poppy{background:radial-gradient(circle, var(--col-poppy) 55%, transparent 60%);border-radius:50%;flex:none;width:1.6vh;height:1.6vh}@media (orientation:portrait){.person .p-body{grid-template-rows:45% 55%;grid-template-columns:1fr;row-gap:3vh;padding:4vh 5vw}.person .p-photo{aspect-ratio:4/5;justify-self:center;max-width:55%}.person .p-name{font-size:clamp(6vw, calc(180vw / var(--name-len,14)), 11vw)}.person .p-aka{font-size:3.2vw}.person .p-rank{font-size:2.8vw}.person .p-regiment{gap:2vw;font-size:2.8vw}.person .p-badge-inline{max-width:16vw;height:5.5vh}.person .p-medal{height:5vh}.person .p-meta dt{font-size:1.6vw}.person .p-meta dd{font-size:2.6vw}.person .p-header-eyebrow,.person .p-header-war{font-size:1.4vh}.person .p-footer{padding-right:31vw;font-size:1.3vh}.title h1{font-size:16vw;line-height:1.05}.title p{font-size:5vw}.title .years{font-size:4vw}.weather .w-label{font-size:3.2vw}.weather .w-icon,.weather .w-temp{font-size:26vw}.weather .w-desc{font-size:6vw}.weather .w-stats{flex-wrap:wrap;justify-content:center;gap:6vw;font-size:3.2vw}.corner-stack{width:26vw;bottom:2.5vh;right:3vw}.poppy-mark{width:14vw;height:14vw}html[data-remembrance=on] .poppy-mark{width:20vw;height:20vw}.help-popover{width:min(92vw,48rem);max-height:85vh;padding:2vh 4vw;font-size:clamp(13px,1.5vh,17px)}.help-popover td.key{width:44%}}.slide.weather{background:linear-gradient(135deg, var(--col-navy) 0%, var(--col-slate) 100%);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4vw}.weather .w-label{opacity:.6;letter-spacing:.15em;text-transform:uppercase;margin-bottom:2vh;font-size:2vw}.weather .w-icon{margin:1vh 0;font-size:14vw;line-height:1}.weather .w-temp{margin:2vh 0;font-size:14vw;font-weight:200;line-height:1}.weather .w-desc{opacity:.85;margin-bottom:3vh;font-size:4vw}.weather .w-stats{opacity:.7;gap:4vw;font-size:2vw;display:flex}.slide.village{background:#000}.slide.village img{object-fit:cover;width:100%;height:100%}@keyframes kb-zoom-in{0%{transform:scale(1)translate(0)}to{transform:scale(1.06)translate(-1.2%,-.8%)}}@keyframes kb-pan-right{0%{transform:scale(1.04)translate(-1.5%)}to{transform:scale(1.08)translate(1.5%,-.5%)}}body.ken-burns .slide.active.person .p-photo img.portrait{transform-origin:50% 40%;will-change:transform;animation:14s ease-out forwards kb-zoom-in}body.ken-burns .slide.active.village img{transform-origin:50%;will-change:transform;animation:14s ease-in-out forwards kb-pan-right}@media (prefers-reduced-motion:reduce){body.ken-burns .slide.active.person .p-photo img.portrait,body.ken-burns .slide.active.village img{animation:none!important;transform:none!important}}.overlay{z-index:10;pointer-events:none;position:fixed}.poppy-mark{opacity:.15;width:7vw;height:7vw;transition:opacity .8s,width .8s,height .8s;bottom:2.5vh;left:3vw}html[data-remembrance=on] .poppy-mark{opacity:.42;width:11vw;height:11vw}.remembrance-badge{letter-spacing:.2em;text-transform:uppercase;color:var(--col-poppy);opacity:.9;z-index:10;pointer-events:none;font-family:"Source Sans 3",system-ui,sans-serif;font-size:1vw;display:none;position:fixed;top:2vh;left:3vw}html[data-remembrance=on] .remembrance-badge{display:block}.title .solemn{display:none}html[data-remembrance=on] .title .solemn{opacity:.85;letter-spacing:.03em;margin-top:3vh;font-size:3.5vw;font-style:italic;display:block}html[data-remembrance=on] .title .standard{display:none}.corner-stack{z-index:10;pointer-events:none;flex-direction:column;align-items:stretch;gap:.9vh;width:18vh;display:flex;position:fixed;bottom:3vh;right:3vw;container-type:inline-size}.qr-badge{aspect-ratio:1;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:2.5%;transition:opacity .5s;display:flex;box-shadow:0 3px 18px #00000047}body.qr-overlap .corner-stack{opacity:.22}.corner-stack{transition:opacity .6s}.offline-banner{z-index:32;color:#fff;letter-spacing:.06em;pointer-events:none;background:#b46414eb;border-radius:999px;padding:.8vh 2vh;font-family:"Source Sans 3",system-ui,sans-serif;font-size:clamp(11px,1.4vh,15px);font-weight:600;transition:transform .5s;position:fixed;top:2vh;left:50%;transform:translate(-50%,-150%);box-shadow:0 4px 18px #0000004d}.offline-banner.visible{transform:translate(-50%)}.qr-badge img{width:100%;height:100%;display:block}.url-footer{text-align:center;color:#fff;letter-spacing:0;background:#141814d1;border-radius:8px;width:100%;padding:.9vh .6vh;font-family:"Source Sans 3",system-ui,sans-serif;font-size:12.5cqw;font-weight:700;line-height:1;box-shadow:0 3px 14px #00000040}.colour-filter-overlay{z-index:9999;pointer-events:none;mix-blend-mode:multiply;opacity:0;transition:background-color .3s,opacity .3s;position:fixed;inset:0}body[data-colour-filter=warm] .colour-filter-overlay{opacity:.2;background-color:#faecd1}body[data-colour-filter=cool] .colour-filter-overlay{opacity:.15;background-color:#d6e6f5}body[data-colour-filter=rose] .colour-filter-overlay{opacity:.15;background-color:#f5d6e0}body[data-colour-filter=green] .colour-filter-overlay{opacity:.15;background-color:#d4edd4}body[data-colour-filter=forest] .colour-filter-overlay{opacity:.22;background-color:#98cdaa}body[data-colour-filter=yellow] .colour-filter-overlay{opacity:.2;background-color:#f9f1c8}body[data-colour-filter=highcontrast]{filter:contrast(1.3)}body.paused:after{content:"paused";color:#fff;z-index:20;background:#0009;border-radius:4px;padding:4px 12px;font-family:"Source Sans 3",system-ui,sans-serif;font-size:1.2vw;position:fixed;top:2vh;left:50%;transform:translate(-50%)}.controls{z-index:30;color:#fff;opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#000000c7 60%,#000000e0 100%);align-items:center;gap:1vw;padding:1.2vh 3vw;font-family:"Source Sans 3",system-ui,sans-serif;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(.5vh)}body.controls-visible .controls{opacity:1;pointer-events:auto;transform:translateY(0)}.controls button{color:#fff;cursor:pointer;letter-spacing:.03em;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:.4vh .8vh;font-family:inherit;font-size:1.6vh;transition:background .15s;display:inline-flex}.controls button:hover,.controls button:focus-visible{background:#ffffff26;outline:none}.controls button svg{fill:currentColor;width:3vh;height:3vh;display:block}.controls .spacer{flex:1}.controls .ctrl-label{opacity:.8;margin-left:.5vw;font-size:1.4vh}.controls .progress{background:#fff3;border-radius:2px;flex:1;max-width:40vw;height:3px;margin:0 1vw;overflow:hidden}.controls .progress-bar{background:var(--col-poppy);width:0%;height:100%;transition:width .2s linear}.controls .slide-count{opacity:.7;letter-spacing:.05em;font-size:1.4vh}.info-overlay{z-index:31;color:#d0f0d0;pointer-events:none;background:#000000d1;border-radius:8px;width:min(38vw,32em);padding:1.2vh 1.6vh;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.25vh;line-height:1.55;display:none;position:fixed;top:2vh;right:3vw;box-shadow:0 4px 24px #0006}body.info-open .info-overlay{display:block}.info-overlay h3{letter-spacing:.08em;text-transform:uppercase;color:#9cd090;margin:0 0 .6vh;font-family:"Source Sans 3",system-ui,sans-serif;font-size:1.3vh;font-weight:600}.info-overlay dl{grid-template-columns:max-content 1fr;gap:.1vh 1.5vh;margin:0;display:grid}.info-overlay dt{color:#7fa07f;white-space:nowrap}.info-overlay dd{color:#fff;word-break:normal;overflow-wrap:anywhere;margin:0}.options-popover{z-index:31;scrollbar-width:none;-ms-overflow-style:none;color:#fff;background:#121612f5;border:1px solid #ffffff14;border-radius:12px;width:min(92vw,60rem);max-width:92vw;max-height:82vh;padding:2vh 2.4vh;font-family:"Source Sans 3",system-ui,sans-serif;font-size:clamp(12px,1.6vh,17px);line-height:1.45;display:none;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0000008c}.options-popover::-webkit-scrollbar{display:none}.options-backdrop{z-index:30;backdrop-filter:blur(2px);background:#0000008c;display:none;position:fixed;inset:0}body.options-open .options-popover,body.options-open .options-backdrop{display:block}.options-popover h3{letter-spacing:.06em;text-transform:uppercase;opacity:.78;margin:0 0 .6vh;font-size:clamp(13px,1.9vh,19px);font-weight:700}.options-popover .options-note{opacity:.72;margin:0 0 1vh;font-size:.85em}.options-popover table{border-collapse:collapse;width:100%}.options-popover td{vertical-align:top;padding:.15vh 0}.options-popover td.key{white-space:nowrap;width:1%;padding-right:1.5em}.options-popover td.options-group{letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c;border-bottom:1px solid #ffffff26;padding:.8vh 0 .2vh;font-size:.72em;font-weight:700}.options-popover kbd{background:#ffffff1f;border:1px solid #fff3;border-radius:3px;margin-right:2px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;display:inline-block}.help-popover{z-index:31;scrollbar-width:none;-ms-overflow-style:none;color:#fff;background:#121612f5;border:1px solid #ffffff14;border-radius:12px;width:min(88vw,54rem);max-width:88vw;max-height:86vh;padding:1.6vh 2.4vh;font-family:"Source Sans 3",system-ui,sans-serif;font-size:clamp(12px,1.7vh,17px);line-height:1.4;display:none;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0000008c}.help-popover::-webkit-scrollbar{display:none}.help-backdrop{z-index:30;backdrop-filter:blur(2px);background:#0000008c;display:none;position:fixed;inset:0}body.help-open .help-popover,body.help-open .help-backdrop{display:block}.help-popover h3{letter-spacing:.06em;text-transform:uppercase;opacity:.75;margin:0 0 .4vh;font-size:clamp(13px,1.9vh,19px);font-weight:700}.help-popover table{border-collapse:collapse;width:100%}.help-popover td{vertical-align:top;padding:.1vh 0}.help-popover td.key{white-space:nowrap;width:38%;padding-right:1.5em}.help-popover td.help-group{letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c;border-bottom:1px solid #ffffff26;padding:.6vh 0 .1vh;font-size:.72em;font-weight:700}.help-popover .help-note{opacity:.7;margin:.2vh 0 .5vh;font-size:.78em}.help-popover h3+p.help-note{margin-top:0}.help-popover kbd{background:#ffffff1f;border:1px solid #fff3;border-radius:3px;margin-right:2px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.2vh;display:inline-block}