@font-face{font-family:Euclid Flex;src:url(/fonts/EuclidFlex-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Euclid Flex;src:url(/fonts/EuclidFlex-LightItalic.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Euclid Flex;src:url(/fonts/EuclidFlex-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Euclid Flex;src:url(/fonts/EuclidFlex-RegularItalic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Euclid Flex;src:url(/fonts/EuclidFlex-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Euclid Flex;src:url(/fonts/EuclidFlex-MediumItalic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Euclid Flex;src:url(/fonts/EuclidFlex-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Euclid Flex;src:url(/fonts/EuclidFlex-BoldItalic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}:root{--tnds-blue-bright: #0652fd;--tnds-blue: #1946bb;--tnds-navy: #1e1a35;--tnds-white: #ffffff;--tnds-grey-900: #1e1a35;--tnds-grey-700: #4a4760;--tnds-grey-500: #6b6880;--tnds-grey-300: #d6d4e0;--tnds-grey-100: #f1f0f6;--tnds-green: #4cc23a;--tnds-orange: #ff7a00;--tnds-magenta: #ff1ad9;--color-bg: var(--tnds-white);--color-text: var(--tnds-navy);--color-text-muted: var(--tnds-grey-500);--color-link: var(--tnds-blue-bright);--color-link-hover: #0440d0;--color-border: var(--tnds-grey-300);--color-callout-bg: #eef4ff;--color-accent: var(--tnds-blue-bright);--font-sans: "Euclid Flex", "Helvetica Neue", Arial, system-ui, sans-serif;--font-size-body: 1.0625rem;--font-size-small: .875rem;--font-size-h4: 1.125rem;--font-size-h3: 1.375rem;--font-size-h2: 1.75rem;--font-size-h1: 2.5rem;--line-height-body: 1.7;--line-height-heading: 1.2;--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--measure: 720px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;color-scheme:light}@media(prefers-color-scheme:dark){:root{--color-bg: var(--tnds-navy);--color-text: var(--tnds-white);--color-text-muted: #b3b0c7;--color-link: #8fb0ff;--color-link-hover: #b8ccff;--color-border: #3a3556;--color-callout-bg: #27223f;--color-accent: #8fb0ff;color-scheme:dark}}html{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:100%}body{margin:0;font-size:var(--font-size-body);line-height:var(--line-height-body)}h1,h2,h3,h4{line-height:var(--line-height-heading);font-weight:var(--weight-bold)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}small,.small{font-size:var(--font-size-small);color:var(--color-text-muted)}a{color:var(--color-link)}a:hover{color:var(--color-link-hover)}hr{border:0;border-top:1px solid var(--color-border)}.c-gray{color:var(--tnds-grey-500)}.c-brown{color:#8a5a3c}.c-orange{color:#b04500}.c-yellow{color:#8a6a00}.c-green{color:#287020}.c-blue{color:var(--tnds-blue)}.c-purple{color:#6a3fc4}.c-pink{color:#b3157f}.c-red{color:#b3262e}.c-gray_background{background:var(--tnds-grey-100)}.c-brown_background{background:#f4ece6}.c-orange_background{background:#fdeedd}.c-yellow_background{background:#fdf6d3}.c-green_background{background:#e6f5e1}.c-blue_background{background:#e3ebff}.c-purple_background{background:#efe8fc}.c-pink_background{background:#fbe6f3}.c-red_background{background:#fbe4e4}@media(prefers-color-scheme:dark){.c-gray{color:#b3b0c7}.c-brown{color:#d9a382}.c-orange{color:#ffa45c}.c-yellow{color:#f2cd55}.c-green{color:#7fd66c}.c-blue{color:#8fb0ff}.c-purple{color:#b99bff}.c-pink{color:#ff8fd0}.c-red{color:#ff8a8a}.c-gray_background{background:#2d2947}.c-brown_background{background:#3a2c26}.c-orange_background{background:#3d2c18}.c-yellow_background{background:#3b3416}.c-green_background{background:#1f3322}.c-blue_background{background:#1f2c52}.c-purple_background{background:#2e2550}.c-pink_background{background:#3d2236}.c-red_background{background:#3d2224}}*,*:before,*:after{box-sizing:border-box}:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}body{overflow-wrap:break-word}img{max-width:100%;height:auto}.skip{position:absolute;left:var(--space-4);top:-4rem;background:var(--color-bg);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:6px;z-index:10}.skip:focus{top:var(--space-2)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:root{--color-surface: var(--tnds-grey-100);--color-surface-hover: #e6e4f0;--wrap: 68rem}@media(prefers-color-scheme:dark){:root{--color-surface: #27223f;--color-surface-hover: #322c50}}.button{display:inline-block;padding:var(--space-3) var(--space-8);border-radius:999px;background:var(--tnds-blue-bright);color:var(--tnds-white);text-decoration:none;font-weight:var(--weight-bold);line-height:1.2}.button:after{content:" →"}.button:hover{background:var(--tnds-blue);color:var(--tnds-white)}@media(prefers-color-scheme:dark){.button{background:var(--tnds-white);color:var(--tnds-navy)}.button:hover{background:#d9e4ff;color:var(--tnds-navy)}}.bar{max-width:var(--wrap);margin:0 auto;padding:0 var(--space-6)}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg);position:sticky;top:0;z-index:5}.site-header .bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:3.5rem}.logo{color:var(--color-text);display:inline-flex;line-height:0}.logo svg{height:1.25rem;width:auto}.logo-full svg{height:1rem}.site-header nav{display:flex;gap:var(--space-1)}.site-header nav a{color:var(--color-text);text-decoration:none;font-weight:var(--weight-medium);padding:var(--space-2) var(--space-3);line-height:1.2;border-bottom:2px solid transparent;border-radius:6px 6px 0 0}.site-header nav a:hover{background:var(--color-surface)}.site-header nav a[aria-current]{color:var(--color-accent);border-bottom-color:var(--color-accent)}.content h2{margin:var(--space-12) 0 var(--space-3)}.content h3{margin:var(--space-8) 0 var(--space-2)}.content h4{margin:var(--space-6) 0 var(--space-2)}.content p{margin:0 0 var(--space-4)}.content ul,.content ol{padding-left:var(--space-6)}.content blockquote{margin:var(--space-3) 0;padding-left:var(--space-4);border-left:3px solid var(--color-text)}.content pre{overflow-x:auto}.content table{display:block;overflow-x:auto;border-collapse:collapse}.content td,.content th{border:1px solid var(--color-border);padding:var(--space-2) var(--space-3)}details{margin:var(--space-4) 0;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}summary{cursor:pointer;list-style:none;position:relative;font-weight:var(--weight-medium);padding:var(--space-3) 3rem var(--space-3) var(--space-4);border-radius:12px}summary::-webkit-details-marker{display:none}summary:after{content:"";position:absolute;right:var(--space-4);top:50%;width:.55rem;height:.55rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-75%) rotate(45deg);transition:transform .15s}details[open]>summary:after{transform:translateY(-25%) rotate(-135deg)}summary:hover{background:var(--color-surface-hover)}details>:not(summary){margin-left:var(--space-4);margin-right:var(--space-4)}details>:last-child{margin-bottom:var(--space-4)}details>img,details>p>img{max-width:100%}.callout{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-3);background:var(--color-callout-bg);border-radius:6px;padding:var(--space-4);margin:var(--space-4) 0}.callout:before{content:attr(data-icon);font-size:1.4rem;line-height:1.5;grid-row:1 / span 20}.callout>*{grid-column:2;min-width:0}.callout>:first-child{margin-top:0}.callout>:last-child,.callout p:last-child{margin-bottom:0}.video{aspect-ratio:16 / 9;margin:var(--space-4) 0;border-radius:6px;overflow:hidden;background:var(--tnds-navy)}.video iframe{width:100%;height:100%;border:0;display:block}.video:not(:has(iframe)){aspect-ratio:auto;background:none;overflow:visible}.link-card.page-card a{display:flex;align-items:center;gap:var(--space-3)}.link-card.page-card a:after{content:none}.page-card-icon{flex:none;width:1.25rem;height:1.25rem;font-size:1.1rem;line-height:1.25rem;text-align:center;border-radius:3px;object-fit:cover}.link-card.lesson-link-card a{display:flex;flex-direction:column;gap:var(--space-1)}.link-card.lesson-link-card a:after{content:none}.link-card.lesson-link-card a:hover .lesson-card-title{color:var(--color-accent)}.link-card.lesson-link-card a:hover .lesson-card-arrow{transform:translate(4px)}.lesson-link-label{color:var(--color-text-muted);font-size:var(--font-size-small);font-weight:var(--weight-medium);letter-spacing:.08em;text-transform:uppercase}.toc{margin:var(--space-4) 0 var(--space-8)}.toc ul{list-style:none;margin:0;padding:0}.toc li{padding:2px 0}.toc .toc-l3{padding-left:var(--space-6)}.toc a{color:var(--color-text-muted);text-decoration:underline;text-decoration-color:var(--color-border)}.toc a:hover{color:var(--color-link)}.content p.link-card{margin:var(--space-3) 0}.link-card a{display:block;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);text-decoration:none;font-weight:var(--weight-medium);overflow-wrap:anywhere}.link-card a:after{content:attr(data-host);display:block;font-weight:var(--weight-regular);font-size:var(--font-size-small);color:var(--color-text-muted)}.link-card a:hover{border-color:var(--color-accent);color:var(--color-link)}.site-footer{margin-top:var(--space-16);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-small)}.site-footer .bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-8);padding-top:var(--space-8);padding-bottom:var(--space-8)}.site-footer p{margin:0}.site-footer .years{margin-left:auto}.site-footer .social{display:flex;gap:var(--space-4);list-style:none;margin:0;padding:0}.site-footer .social a{color:var(--color-text-muted)}.site-footer .social a:hover{color:var(--color-link)}@media(max-width:600px){:root{--font-size-h1: 2rem;--font-size-h2: 1.5rem}.bar{padding:0 var(--space-4)}.site-header nav a{padding:var(--space-2)}.site-footer .years{margin-left:0}}.figure-small{width:80%;max-width:none;margin:2rem auto;text-align:center}.figure-small img{width:100%;height:auto;border-radius:6px}.figure-small figcaption{margin-top:.5rem;font-size:var(--font-size-small);color:var(--color-text-muted);font-weight:300}[id]{scroll-margin-top:4.5rem}#background,#epilogue,#personal-note{scroll-margin-top:7.5rem}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--space-6)}.wrap-narrow{max-width:calc(var(--measure) + 3rem);margin:0 auto;padding:0 var(--space-6)}.eyebrow{margin:0 0 var(--space-3);font-size:var(--font-size-small);font-weight:var(--weight-medium);letter-spacing:.08em;text-transform:uppercase}.hero,.page-head{position:relative;overflow:hidden;color:var(--tnds-white);background-color:var(--tnds-blue-bright);background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:2rem 2rem}.hero:before,.page-head:before{content:"";position:absolute;inset:0;background:var(--tnds-navy);clip-path:polygon(100% 8%,100% 100%,58% 100%);opacity:.92;pointer-events:none}.hero>*,.page-head>*{position:relative}.hero .eyebrow,.page-head .eyebrow{color:#ffffffd9}.hero h1,.page-head h1{margin:0 0 var(--space-4);font-size:var(--font-size-h1);letter-spacing:-.01em}.hero .lede,.page-head .lede{margin:0;max-width:38rem;font-size:1.25rem;line-height:1.5}.page-head{padding:var(--space-12) 0}.page-head h1{font-size:clamp(2.25rem,6vw,3.5rem)}.quotes{list-style:none;margin:var(--space-6) 0 0;padding:0;display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.quote-card{margin:0;height:100%;display:flex;flex-direction:column;padding:var(--space-6);border-radius:16px;background:var(--color-surface)}.quote-card:before{content:"“";display:block;font-size:3.5rem;line-height:.7;height:1.75rem;color:var(--color-accent);font-weight:var(--weight-bold)}.quote-card blockquote{margin:0 0 var(--space-6);flex:1}.quote-card blockquote p{margin:0;font-size:1rem;line-height:1.6}.quote-card figcaption{display:flex;flex-direction:column;gap:2px;font-size:var(--font-size-small);line-height:1.4;border-top:1px solid var(--color-border);padding-top:var(--space-3)}.quote-card figcaption strong{font-size:1rem}.quote-card figcaption>span:not(.quote-links){color:var(--color-text-muted)}.quote-links{display:flex;flex-direction:column;gap:2px;margin-top:var(--space-1)}.quote-links a{font-weight:var(--weight-medium)}.stub-quotes{grid-template-columns:1fr;margin-bottom:var(--space-6)}@media(max-width:860px){.quotes{grid-template-columns:1fr}}.lessons-wrap{padding-top:var(--space-12)}.era-group+.era-group{margin-top:var(--space-12)}.era-group h2{margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.era-years{color:var(--color-accent);font-size:var(--font-size-h4);letter-spacing:.02em}.era-link{display:inline-block;margin:var(--space-1) 0 var(--space-4);font-size:var(--font-size-small)}.lesson-grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr))}.lesson-card a{display:flex;flex-direction:column;gap:var(--space-2);height:100%;padding:var(--space-4) var(--space-6);border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text);text-decoration:none}.lesson-card a:hover{border-color:var(--color-accent);background:var(--color-surface-hover)}.lesson-card a:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-color:var(--color-accent)}.lesson-card-title{font-weight:var(--weight-bold);line-height:1.3}.lesson-card a:hover .lesson-card-title{color:var(--color-accent)}.lesson-card-cue{margin-top:auto;padding-top:var(--space-1);color:var(--color-accent);font-size:var(--font-size-small);font-weight:var(--weight-medium)}.lesson-card-arrow{display:inline-block;transition:transform .15s ease}.lesson-card a:hover .lesson-card-arrow,.lesson-card a:focus-visible .lesson-card-arrow{transform:translate(4px)}@media(prefers-reduced-motion:reduce){.lesson-card-arrow{transition:none}}.lesson-card-text{color:var(--color-text-muted);font-size:var(--font-size-small);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.lesson{padding-top:var(--space-12)}.lesson h1{margin:var(--space-4) 0 var(--space-6);font-size:clamp(2rem,5vw,2.75rem);letter-spacing:-.01em}.era-badge{display:inline-flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);align-items:baseline;padding:var(--space-1) var(--space-4);border-radius:999px;background:var(--color-surface);color:var(--color-text);text-decoration:none;font-size:var(--font-size-small)}.era-badge span{font-weight:var(--weight-bold);color:var(--color-accent)}.era-badge:hover{background:var(--color-surface-hover)}.back{margin-top:var(--space-8);font-weight:var(--weight-medium)}.pager{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-12)}.pager a{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-6);border-radius:12px;background:var(--color-surface);color:var(--color-text);text-decoration:none;font-weight:var(--weight-medium);line-height:1.35;border:1px solid transparent}.pager a:hover{border-color:var(--color-accent)}.pager small{color:var(--color-accent);font-weight:var(--weight-medium)}.pager .next{text-align:right}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.story-top{padding-top:var(--space-8)}.story-top .content,.background .content,.epilogue .content,.personal .content{max-width:var(--measure)}.background{margin-top:var(--space-12)}.background h2,.epilogue h2,.personal h2{margin:0 0 var(--space-4)}.photo-wide{display:block;width:100%;height:auto;aspect-ratio:21 / 9;object-fit:cover;border-radius:16px;margin-top:var(--space-8)}.era-bar{position:sticky;top:calc(3.5rem + 1px);z-index:4;margin-top:var(--space-12);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.era-bar ul{display:flex;gap:var(--space-1);list-style:none;margin:0 auto;padding-top:0;padding-bottom:0;overflow-x:auto;scrollbar-width:none}.era-bar ul::-webkit-scrollbar{display:none}.era-bar a{display:block;white-space:nowrap;padding:var(--space-3) var(--space-4);color:var(--color-text-muted);text-decoration:none;font-weight:var(--weight-medium);border-bottom:3px solid transparent;margin-bottom:-1px}.era-bar a:hover{color:var(--color-text)}.era-bar a[aria-current]{color:var(--color-accent);border-bottom-color:var(--color-accent)}@media(min-width:1100px){.eras-layout{display:grid;grid-template-columns:6.5rem minmax(0,1fr);column-gap:var(--space-8);max-width:calc(var(--wrap) + 6.5rem + var(--space-8));margin:0 auto;padding-left:var(--space-6)}.eras-layout .eras{max-width:none;margin:0;padding-left:0}.era-bar{top:calc(3.5rem + 1px + var(--space-8));align-self:start;margin-top:var(--space-12);padding-top:0;background:none;border-bottom:0}.era-bar ul{flex-direction:column;gap:0;margin:0;padding:0;overflow:visible}.era-bar a{padding:var(--space-2) var(--space-3);border-bottom:0;margin-bottom:0;border-left:3px solid transparent}.era-bar a[aria-current]{border-left-color:var(--color-accent)}}.era{padding-top:var(--space-12);scroll-margin-top:7.5rem}.era+.era{margin-top:var(--space-8);border-top:1px solid var(--color-border)}.era-head{margin-bottom:var(--space-8)}.era-big{margin:0;font-size:clamp(3rem,9vw,5.5rem);line-height:1;font-weight:var(--weight-bold);color:var(--color-accent);letter-spacing:-.02em}.era-head h2{margin:var(--space-2) 0 var(--space-2);font-size:clamp(1.75rem,4vw,2.5rem)}.era-intro{margin:0;font-size:1.125rem;color:var(--color-text-muted);max-width:40rem}.era-pair{display:grid;gap:var(--space-8);grid-template-columns:1fr;align-items:start}.era-main{min-width:0}.era-main .content{max-width:40rem}.era-archive{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-3);margin:var(--space-6) 0 0;padding:var(--space-4) var(--space-6);border-radius:12px;background:var(--color-surface);font-weight:var(--weight-medium)}.era-archive span{color:var(--color-text-muted);font-size:var(--font-size-small);font-weight:var(--weight-regular)}.era-side{display:flex;flex-direction:column;gap:var(--space-8);min-width:0}.era-side h3{margin:0 0 var(--space-3);font-size:var(--font-size-h4)}.lesson-grid.one-col,.quotes.one-col{grid-template-columns:1fr;margin-top:0}@media(min-width:1000px){.era-pair{grid-template-columns:minmax(0,40rem) minmax(0,1fr);gap:var(--space-12)}}.story-end{padding-top:var(--space-16)}.epilogue{padding-top:var(--space-8);border-top:1px solid var(--color-border)}.personal{margin-top:var(--space-12);padding:var(--space-8);border-radius:16px;background:var(--color-surface);border-left:4px solid var(--color-accent)}.personal .content>:last-child{margin-bottom:0}.stub{padding-top:var(--space-12)}.stub h1{margin:0 0 var(--space-6);font-size:clamp(2rem,5vw,2.75rem)}@media(max-width:600px){.wrap,.wrap-narrow{padding-left:var(--space-4);padding-right:var(--space-4)}.pager{grid-template-columns:1fr}.pager .next{text-align:left}.page-head{padding:var(--space-8) 0 calc(var(--space-8) + 2.5rem)}.hero:before,.page-head:before{clip-path:polygon(100% calc(100% - 2.5rem),100% 100%,45% 100%)}.personal{padding:var(--space-6) var(--space-4)}.photo-wide{aspect-ratio:4 / 3}.era-bar{margin-top:var(--space-8)}.era-bar a{padding:var(--space-3)}.page-head .lede{font-size:1.125rem}.era-badge{border-radius:16px}}.archive{padding-top:var(--space-8)}.filters{position:sticky;top:calc(3.5rem + 1px);z-index:4;background:var(--color-bg);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.filters[hidden],.archive-group[hidden],.archive-item[hidden],.archive-list[hidden],.filter-empty[hidden]{display:none}.chip-row{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-1) 0;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{flex:none;font:inherit;font-size:var(--font-size-small);font-weight:var(--weight-medium);cursor:pointer;padding:var(--space-1) var(--space-4);border-radius:999px;border:1px solid var(--color-border);background:transparent;color:var(--color-text)}.chip span{color:var(--color-text-muted);font-weight:var(--weight-regular);margin-left:var(--space-1)}.chip:hover:not(:disabled){border-color:var(--color-accent)}.chip:disabled{opacity:.4;cursor:default}.chip[aria-pressed=true]{background:var(--tnds-blue-bright);border-color:var(--tnds-blue-bright);color:var(--tnds-white)}.chip[aria-pressed=true] span{color:#ffffffd9}.filter-status{margin:var(--space-2) 0 0;font-size:var(--font-size-small);color:var(--color-text-muted)}.archive-group{padding-top:var(--space-12);scroll-margin-top:10rem}.archive-group h2{margin:0 0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.archive-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr))}.archive-list+.archive-list{margin-top:var(--space-4)}.archive-item{display:flex;flex-direction:column;border-radius:12px;background:var(--color-surface);overflow:hidden}.archive-text{padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.archive-title{color:var(--color-text);font-weight:var(--weight-bold);line-height:1.35;text-decoration:none;overflow-wrap:anywhere}.archive-title:hover{color:var(--color-link);text-decoration:underline}.archive-meta{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3);font-size:var(--font-size-small);color:var(--color-text-muted)}.tag{padding:0 var(--space-2);border-radius:4px;background:var(--color-bg);border:1px solid var(--color-border);font-weight:var(--weight-medium);font-size:.75rem;letter-spacing:.04em}.video-thumb{position:relative;display:block;overflow:hidden;aspect-ratio:16 / 9;background:var(--tnds-navy);line-height:0}.video-thumb.no-image{background-color:var(--tnds-blue-bright);background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:1.5rem 1.5rem}.video-thumb.no-image:before{content:"";position:absolute;inset:0;background:var(--tnds-navy);clip-path:polygon(100% 25%,100% 100%,55% 100%);opacity:.92}.thumb-title{position:absolute;left:var(--space-4);right:4.5rem;bottom:var(--space-4);color:var(--tnds-white);font-weight:var(--weight-bold);font-size:var(--font-size-small);line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.video-thumb.no-image .play{left:auto;right:var(--space-4);top:auto;bottom:var(--space-4);margin:0;width:2.75rem;height:2.75rem;background:var(--tnds-white)}.video-thumb.no-image .play:after{left:1.05rem;top:.75rem;border-left-color:var(--tnds-blue-bright)}.video-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9;transition:opacity .15s}.video-thumb:hover img{opacity:1}.play{position:absolute;left:50%;top:50%;width:3.5rem;height:3.5rem;margin:-1.75rem 0 0 -1.75rem;border-radius:50%;background:var(--tnds-blue-bright);box-shadow:0 2px 12px #0006}.play:after{content:"";position:absolute;left:1.3rem;top:1rem;border-left:1.1rem solid var(--tnds-white);border-top:.75rem solid transparent;border-bottom:.75rem solid transparent}.video-frame{display:block;width:100%;aspect-ratio:16 / 9;border:0}.filter-empty{margin-top:var(--space-12);color:var(--color-text-muted)}.archive-notes{margin-top:var(--space-16);max-width:var(--measure)}