/* Real photographs stay uncropped in the viewer; no fabricated archive imagery. */
.about-section{gap:6vw;align-items:center}
.about-archive{direction:rtl;min-width:0}
html[lang=en] .about-archive,html[lang=en] .about-copy{direction:ltr}
.archive-kicker{font-size:14px;color:var(--blue);margin-bottom:20px}
.about-archive button,.archive-card>button{display:block;position:relative;width:100%;border:0;padding:0;background:#101c24;overflow:hidden;border-radius:18px;color:white;text-align:inherit}
.archive-origin{border:1px solid #263b49;border-radius:22px;padding:10px;background:#0b131b;transform:rotate(-2deg)}
.archive-origin img{width:100%;height:auto;border-radius:13px}
.archive-origin figcaption{padding:15px 9px 8px;color:#a7bfcd;font-size:13px;text-align:center}
.about-archive-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.about-archive-pair figure:nth-child(2){margin-top:27px}
.about-archive-pair img{height:auto;aspect-ratio:4/3;width:100%;object-fit:cover}
.about-archive-pair figcaption{font-size:13px;color:#94adbc;padding-top:10px}
.archive-expand{position:absolute;bottom:12px;inset-inline-end:12px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff60;border-radius:50%;background:#030609aa;color:white;font:22px Arial;backdrop-filter:blur(5px);transition:background .2s,transform .2s}
[data-archive-photo]:hover .archive-expand{background:var(--blue);color:#04111a;transform:rotate(45deg)}
.archive-section{max-width:1600px;margin:auto;padding:40px 6vw 100px;overflow:visible}
.archive-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}
.archive-heading h2{font-size:clamp(36px,4.7vw,70px);line-height:1.6;margin-top:8px}
.archive-heading>p{font-size:15px;color:#9baebb;line-height:1.9;max-width:380px;padding-bottom:12px}
.archive-reel{display:grid;grid-template-columns:minmax(250px,.78fr) 1.22fr;direction:ltr;gap:6%;padding:35px 6%;border:1px solid #233b4b;border-radius:28px;background:radial-gradient(ellipse at 10% 30%,#18313c,#09131c 60%);overflow:hidden;align-items:center;margin-bottom:55px}
.archive-reel-media{position:relative;max-width:320px;width:100%;justify-self:center;aspect-ratio:9/16;border:1px solid #60798660;border-radius:23px;overflow:hidden;background:#070b0f;box-shadow:0 15px 50px #0006;transform:rotate(-3deg)}
.archive-reel-media video{width:100%;height:100%;object-fit:contain;display:block}
.archive-reel-copy{direction:rtl;padding:20px 0}
.archive-reel-copy h3{font-size:clamp(28px,3.7vw,56px);line-height:1.65;margin:17px 0}
.archive-reel-copy>p:not(.eyebrow){max-width:480px;font-size:16px;line-height:1.9;color:#b2c1cc}

.archive-toolbar{display:flex;gap:22px;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:1px solid #25333e;padding-bottom:23px}
.archive-filters{display:flex;gap:8px;flex-wrap:wrap}
.archive-filters button{border:1px solid #2a3e4c;background:transparent;border-radius:30px;padding:8px 19px;color:#a4b8c5;font-size:13px;min-height:43px;transition:color .2s,background .2s}
.archive-filters button[aria-pressed=true]{background:var(--blue);color:#05131d;border-color:var(--blue)}
.archive-filters button:hover{border-color:var(--blue)}
.archive-hint{font-size:11px;color:#7e96a6}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;align-items:start}
.archive-card{min-width:0}
.archive-card>button{border-radius:16px;isolation:isolate}
.archive-card img{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;transition:transform .5s}
.archive-card.archive-portrait img{object-fit:contain;background:#101b23}
.archive-card>button:hover img{transform:scale(1.025)}
.archive-card figcaption{display:flex;flex-direction:column;gap:4px;padding:15px 3px 0;font-size:15px;line-height:1.7;color:#e3edf3}
.archive-card figcaption small{font-size:11px;color:#718c9e}
.archive-card[hidden],.archive-more-button[hidden]{display:none}
.archive-more{display:flex;justify-content:center;margin-top:35px}
.archive-more-button{border:1px solid #395264;background:none;color:#c4e6f9;font-size:14px;padding:9px 24px;min-height:48px}
.archive-more-button:hover{background:#122837}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#photo-dialog{width:min(1160px,94vw);max-height:94dvh;padding:18px;background:#060b10;border-radius:20px}
.photo-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4px 15px;color:#7996a9;font-size:12px}
#archive-full-image{width:100%;height:min(69dvh,780px);object-fit:contain;background:#030609;border-radius:9px}
.photo-dialog-bottom{display:grid;grid-template-columns:44px 1fr 44px;gap:15px;align-items:center;margin-top:14px}
.photo-dialog-bottom button{height:44px;border-radius:50%;border:1px solid #325165;background:#101f29;color:var(--blue);font:23px Arial}
.photo-dialog-bottom p{text-align:center;font-size:15px;line-height:1.6}
html[lang=en] .archive-heading h2{font-size:clamp(55px,6.5vw,96px);line-height:1.1}
html[lang=en] .archive-reel-copy{direction:ltr}
html[lang=en] .archive-reel-copy h3{font-size:clamp(46px,5vw,72px);line-height:1.04}
html[lang=en] .archive-reel-copy>p:not(.eyebrow){line-height:1.7}
@media(max-width:1000px){.archive-toolbar{align-items:start;flex-direction:column;gap:12px}.archive-reel{padding:30px 4%;gap:6%}.archive-grid{gap:25px 16px}.archive-card figcaption{font-size:13px}.about-section{gap:5vw}}
@media(max-width:800px){.about-section{gap:40px}.about-archive{width:100%;max-width:600px}.archive-section{padding-top:15px;padding-bottom:65px}.archive-heading{align-items:start;flex-direction:column;gap:15px;margin-bottom:28px}.archive-heading>p{font-size:14px;max-width:440px}.archive-reel{grid-template-columns:.9fr 1.1fr;gap:25px}.archive-reel-copy h3{font-size:28px}.archive-reel-copy>p:not(.eyebrow){font-size:14px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-filters button{font-size:12px;padding:8px 16px}html[lang=en] .archive-reel-copy h3{font-size:42px}}
@media(max-width:580px){.archive-heading h2{font-size:35px}.archive-heading>p{font-size:13px}.archive-reel{display:flex;flex-direction:column;gap:18px;padding:28px 20px;border-radius:23px;margin-bottom:35px}.archive-reel-media{max-width:240px;order:2}.archive-reel-copy{width:100%;padding:0 0 15px}.archive-reel-copy h3{font-size:29px;line-height:1.6;margin:12px 0}.archive-reel-copy h3 br{display:none}.archive-reel-copy>p:not(.eyebrow){font-size:14px}.archive-grid{gap:24px 13px}.archive-card figcaption{font-size:12px;line-height:1.7;padding-top:10px}.archive-card figcaption small{font-size:10px}.archive-card>button{border-radius:12px}.archive-expand{width:28px;height:28px;font-size:18px;bottom:8px;inset-inline-end:8px}.archive-filters{gap:7px}.archive-filters button{padding:7px 13px;font-size:11px;min-height:40px}.archive-hint{font-size:10px}.archive-origin figcaption{font-size:11px}.about-archive-pair{gap:12px;margin-top:22px}.about-archive-pair figcaption{font-size:12px}.photo-dialog-top{font-size:10px}.photo-dialog-bottom{gap:10px}.photo-dialog-bottom p{font-size:12px}#photo-dialog{padding:12px}#archive-full-image{height:60dvh}html[lang=en] .archive-reel-copy h3{font-size:40px}html[lang=en] .archive-reel-copy h3 br{display:block}html[lang=en] .archive-heading h2{font-size:56px}}
@media(prefers-reduced-motion:reduce){.archive-card img,.archive-expand{transition:none}.archive-card>button:hover img{transform:none}}
