@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Franklin:ital,wght@0,700;0,800;1,700&display=swap";:root{--ink:#14243b;--muted:#687383;--paper:#f5f3ee;--white:#fff;--red:#b72735;--blue:#244d82;--line:#d8d5ce;--max:1480px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:DM Sans,Arial,sans-serif}button,input,select{font:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #f2b544}.site-header{min-height:82px;padding:14px max(28px, calc((100vw - var(--max)) / 2));background:var(--ink);color:var(--white);border-bottom:5px solid var(--red);justify-content:space-between;align-items:center;display:flex}.brand{color:inherit;align-items:center;gap:13px;text-decoration:none;display:flex}.brand-mark{border:2px solid #ffffffbf;border-radius:50%;place-items:center;width:45px;height:45px;display:grid}.brand-mark:before{content:"";background:var(--paper);width:28px;height:28px;display:block;-webkit-mask:url(/favicon.svg) 50%/contain no-repeat;mask:url(/favicon.svg) 50%/contain no-repeat}.brand strong{letter-spacing:1.8px;font-size:15px;display:block}.brand small{color:#cbd2db;letter-spacing:.4px;margin-top:3px;font-size:11px;display:block}.site-header nav{align-items:center;gap:26px;display:flex}.site-header nav a,.about-button{color:var(--white);background:0 0;border:0;padding:8px 0;font-weight:600;text-decoration:none}.archive-intro{max-width:var(--max);grid-template-columns:minmax(0,1.5fr) minmax(280px,.72fr);align-items:end;gap:80px;min-height:330px;margin:0 auto;padding:70px 28px 58px;display:grid}.eyebrow{color:var(--red);letter-spacing:1.8px;text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:700}h1,h2{letter-spacing:0;font-family:Libre Franklin,Arial,sans-serif}h1{max-width:850px;margin:0;font-size:clamp(46px,5vw,76px);line-height:.98}.intro-copy{color:#4e5b6b;margin:0 0 5px;font-size:18px;line-height:1.6}.archive-shell{padding:0 max(28px, calc((100vw - var(--max)) / 2)) 90px}.archive-tools{z-index:5;border-top:1px solid var(--line);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f3eef5;grid-template-columns:minmax(320px,1fr) auto;gap:18px;margin:0 -28px;padding:18px 28px;display:grid;position:sticky;top:0}.search{background:var(--white);border:1px solid #babec4;border-radius:4px;align-items:center;gap:11px;height:52px;padding:0 17px;display:flex}.search span{color:var(--blue);font-size:28px;line-height:1;transform:rotate(-18deg)}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:16px}.tool-row{align-items:end;gap:10px;display:flex}.tool-row label{gap:5px;display:grid}.tool-row label>span{color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700}select{min-width:190px;height:52px;color:var(--ink);background:var(--white);border:1px solid #babec4;border-radius:4px;padding:0 38px 0 14px}.clear-button{height:52px;color:var(--blue);background:0 0;border:1px solid #0000;padding:0 16px;font-weight:700}.archive-meta{color:var(--muted);justify-content:space-between;padding:25px 0 20px;font-size:13px;display:flex}.archive-meta p{margin:0}.archive-meta strong{color:var(--ink)}.story-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 22px;display:grid}.story-card{min-width:0;color:var(--ink);text-align:left;background:0 0;border:0;padding:0;overflow:hidden}.portrait-wrap{aspect-ratio:4/5;background:#d7d9d8;border-radius:4px;position:relative;overflow:hidden}.portrait-wrap:after{content:"";background:linear-gradient(#0000,#09121fa3);height:34%;position:absolute;inset:auto 0 0}.portrait-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.story-card:hover .portrait-wrap img{transform:scale(1.025)}.card-place{z-index:1;color:var(--white);letter-spacing:1.2px;text-transform:uppercase;font-size:11px;font-weight:700;position:absolute;bottom:14px;left:16px}.play-mark{z-index:2;width:34px;height:34px;color:var(--ink);background:var(--white);border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;bottom:13px;right:14px}.card-copy{padding:15px 2px 0}.card-copy h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:21px;line-height:1.08;display:-webkit-box;overflow:hidden}.card-copy p{color:var(--muted);margin:7px 0 0;font-size:14px}.empty-state{text-align:center;padding:90px 20px}.empty-state h2{margin:0 0 8px;font-size:30px}.empty-state p{color:var(--muted);margin:0}.load-more-wrap{text-align:center;padding-top:46px}.load-more{min-width:210px;height:50px;color:var(--white);background:var(--ink);border:0;border-radius:3px;padding:0 24px;font-weight:700}dialog{border:0;border-radius:5px;padding:0;box-shadow:0 24px 80px #00000047}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080f18c2}.story-dialog{background:#0d1725;width:min(980px,100vw - 36px);max-height:calc(100vh - 24px)}.dialog-close{z-index:5;width:42px;height:42px;color:var(--white);background:#0a121dc7;border:0;border-radius:50%;place-items:center;font-size:28px;display:grid;position:absolute;top:12px;right:14px}.story-dialog-layout{grid-template-columns:minmax(360px,430px) minmax(330px,1fr);justify-content:center;min-height:min(760px,100vh - 24px);display:grid}.dialog-media{aspect-ratio:9/16;background:#050a11;align-self:center;width:100%;min-height:0}.dialog-media img,.dialog-media iframe{object-fit:cover;border:0;width:100%;height:100%;display:block}.dialog-copy{background:var(--white);min-width:0;max-height:calc(100vh - 24px);padding:70px 48px 40px;overflow:auto}.dialog-place{color:var(--red);letter-spacing:1.2px;text-transform:uppercase;margin:0 0 22px;font-size:11px;font-weight:700}.dialog-copy h2{margin:0;font-size:42px;line-height:1.02}.dialog-byline{color:var(--muted);margin:15px 0 32px}.dialog-description{color:#4f5b68;line-height:1.65}.dialog-copy dl{border-top:1px solid var(--line);margin:34px 0}.dialog-copy dl div{border-bottom:1px solid var(--line);grid-template-columns:90px 1fr;padding:12px 0;display:grid}.dialog-copy dt{color:var(--muted);font-size:12px}.dialog-copy dd{margin:0;font-size:12px;font-weight:700}.watch-button{width:100%;height:52px;color:var(--white);background:var(--red);border:0;border-radius:3px;font-weight:700}.about-dialog{background:var(--white);width:min(760px,100vw - 36px);max-height:calc(100vh - 36px);padding:60px;overflow:auto}.about-dialog .dialog-close{color:var(--ink);background:#ece9e2}.about-dialog h2{margin:0 0 24px;font-size:42px;line-height:1.05}.about-dialog p{color:#4f5b68;font-size:17px;line-height:1.7}.about-sections{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px 18px;margin:34px 0;padding:18px 0;display:flex}.about-sections a{color:var(--blue);font-size:13px;font-weight:700;text-decoration:none}.about-dialog section{margin-top:30px}.about-dialog h3{color:var(--ink);letter-spacing:.8px;text-transform:uppercase;margin:0 0 8px;font-size:15px}.about-dialog section p{margin:0 0 12px}@media (width<=1050px){.story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-tools{grid-template-columns:1fr}.tool-row{flex-wrap:wrap;justify-content:flex-start}.story-dialog{width:min(840px,100vw - 30px)}}@media (width<=720px){.site-header{min-height:70px}.site-header nav a,.brand small{display:none}.archive-intro{grid-template-columns:1fr;gap:25px;min-height:300px;padding-top:48px}h1{font-size:48px}.archive-tools{position:static}.tool-row{grid-template-columns:1fr 1fr;display:grid}.clear-button{grid-column:1/-1}select{width:100%;min-width:0}.archive-meta{gap:12px}.archive-meta p:last-child{display:none}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.card-copy h2{font-size:17px}.story-dialog{border-radius:0;width:100vw;max-height:100vh}.story-dialog-layout{grid-template-columns:1fr;min-height:auto}.dialog-media{width:min(100%,420px);max-height:68vh;margin:0 auto}.dialog-copy{max-height:none;padding:38px 25px 28px}.dialog-copy h2{font-size:34px}.about-dialog{padding:42px 24px}}@media (width<=430px){.tool-row{grid-template-columns:1fr}.clear-button{width:100%}.archive-shell{padding-left:16px;padding-right:16px}.archive-tools{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.portrait-wrap{aspect-ratio:3/4}}
