.topbar{height:var(--topbar-height);flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0 var(--space-lg);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border)}.topbar__inner{width:100%;max-width:var(--page-max-width);display:flex;align-items:center;justify-content:center}.topbar__title{font-size:var(--text-h3);font-weight:600;color:var(--color-text-strong);text-decoration:none;letter-spacing:-.01em;transition:opacity .2s ease}.topbar__title:hover{opacity:.9;text-decoration:none;color:var(--color-text-strong)}.topbar__title:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}.sidebar{display:none}@media (min-width: 1024px){.sidebar{display:block;width:var(--sidebar-width);flex-shrink:0;padding:var(--space-lg);padding-right:0}.sidebar__panel{padding:var(--space-lg);position:sticky;top:calc(var(--topbar-height) + var(--space-lg))}.sidebar__heading{font-size:var(--text-small);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0 0 var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--glass-border)}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.sidebar__link{display:block;padding:var(--space-sm) var(--space-md);border-radius:var(--radius);color:var(--color-text-muted);font-size:var(--text-body);transition:color .2s ease,background .2s ease}.sidebar__link:hover{color:var(--color-text);background:var(--glass-highlight);text-decoration:none}.sidebar__link--active{color:var(--color-primary-blue);background:#4a9fd81f}.sidebar__link--active:hover{color:var(--color-light-blue);text-decoration:none}}.story-card{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.story-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.story-card__link{display:block;color:var(--color-text);text-decoration:none;height:100%}.story-card__link:hover{text-decoration:none;color:var(--color-text)}.story-card__dot{position:absolute;top:var(--space-md);left:var(--space-md);width:8px;height:8px;border-radius:50%;z-index:2;box-shadow:0 0 0 2px var(--bg-panel-solid)}.story-card__image-wrap{aspect-ratio:16 / 10;background:var(--bg-elevated);overflow:hidden}.story-card__image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.story-card:hover .story-card__image{transform:scale(1.05)}.story-card__placeholder{width:100%;height:100%;background:linear-gradient(145deg,#4a9fd826,#5eb8b01a)}.story-card__content{padding:var(--space-lg)}.story-card__title{margin:0 0 var(--space-xs);font-size:var(--text-h3);font-weight:600;color:var(--color-text-strong);line-height:1.35}.story-card__intro{margin:0;font-size:var(--text-small);color:var(--color-text-muted);line-height:1.45}.home{animation:homeFadeIn .35s ease}@keyframes homeFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.home__header{margin-bottom:var(--space-xl)}.home__heading{margin-bottom:var(--space-xs);font-size:var(--text-h1);font-weight:600;color:var(--color-text-strong)}.home__tagline{margin:0;font-size:var(--text-body);color:var(--color-text-muted);max-width:42ch}.category-nav{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}@media (min-width: 1024px){.category-nav{display:none}}.category-nav__link{display:inline-block;padding:var(--space-sm) var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--color-text-muted);border-radius:var(--radius);font-size:var(--text-small);font-weight:500;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease}.category-nav__link:hover{background:var(--glass-highlight);color:var(--color-text);border-color:#ffffff1f;text-decoration:none}.category-nav__link--active{background:#4a9fd826;color:var(--color-primary-blue);border-color:#4a9fd84d}.category-nav__link--active:hover{color:var(--color-light-blue);text-decoration:none}.category-nav__link:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}.home__message{color:var(--color-text-muted);margin:var(--space-xl) 0}.home--loading .home__message,.home--error .home__message{text-align:center}.story-grid{display:grid;gap:var(--space-lg);grid-template-columns:1fr;list-style:none;margin:0;padding:0}@media (min-width: 480px){.story-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.story-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}}@media (min-width: 1100px){.story-grid{grid-template-columns:repeat(3,1fr)}}.story-grid__item{min-width:0}.youtube-embed{position:relative;width:100%;padding-bottom:56.25%;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-elevated);border:1px solid var(--glass-border);box-shadow:var(--shadow)}.youtube-embed__iframe{position:absolute;top:0;left:0;width:100%;height:100%}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0e0f12f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);animation:lightboxFadeIn .2s ease}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox__close{position:absolute;top:var(--space-md);right:var(--space-md);width:44px;height:44px;border:none;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--color-text-strong);font-size:1.5rem;line-height:1;cursor:pointer;border-radius:var(--radius);transition:background .2s ease}.lightbox__close:hover{background:var(--glass-highlight)}.lightbox__close:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--color-text-strong);font-size:2rem;line-height:1;cursor:pointer;border-radius:50%;transition:background .2s ease}.lightbox__nav:hover{background:var(--glass-highlight)}.lightbox__nav:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}.lightbox__nav--prev{left:var(--space-md)}.lightbox__nav--next{right:var(--space-md)}.lightbox__content{position:relative;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center}.lightbox__img{max-width:100%;max-height:calc(100vh - 80px);object-fit:contain;border-radius:var(--radius)}.lightbox__counter{margin-top:var(--space-sm);color:#fffc;font-size:var(--text-small)}.gallery{display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr)}@media (min-width: 640px){.gallery{grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}}@media (min-width: 960px){.gallery{grid-template-columns:repeat(4,1fr)}}.gallery__item{min-width:0}.gallery__thumb{display:block;width:100%;padding:0;margin:0;border:none;border-radius:var(--radius);overflow:hidden;cursor:pointer;background:var(--bg-elevated);border:1px solid var(--glass-border);transition:transform .2s ease,box-shadow .2s ease}.gallery__thumb:hover{transform:scale(1.02);box-shadow:var(--shadow-hover)}.gallery__thumb:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}.gallery__img{width:100%;aspect-ratio:1;object-fit:cover;vertical-align:middle}.essay{max-width:65ch}.essay__text{margin-bottom:var(--space-lg)}.essay__text p{margin:0 0 var(--space-md)}.essay__text p:last-child{margin-bottom:0}.essay__figure{margin:var(--space-xl) 0;max-width:100%}.essay__image-wrap{display:block;width:100%;padding:0;border:none;border-radius:var(--radius);overflow:hidden;cursor:pointer;background:var(--bg-elevated);border:1px solid var(--glass-border)}.essay__image-wrap:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}.essay__image{width:100%;height:auto;vertical-align:middle;display:block}.essay__figure--missing .essay__placeholder{padding:var(--space-xl);background:var(--bg-elevated);border:1px dashed var(--glass-border);border-radius:var(--radius);color:var(--color-text-muted);font-size:var(--text-small);text-align:center}.essay__caption{margin-top:var(--space-sm);font-size:var(--text-small);color:var(--color-text-muted);line-height:1.4}.essay-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0e0f12f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.essay-lightbox__close{position:absolute;top:var(--space-md);right:var(--space-md);width:44px;height:44px;border:none;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--color-text-strong);font-size:1.5rem;line-height:1;cursor:pointer;border-radius:var(--radius)}.essay-lightbox__close:hover{background:var(--glass-highlight)}.essay-lightbox__img{max-width:100%;max-height:calc(100vh - 80px);object-fit:contain;border-radius:var(--radius)}.story-page{animation:storyFadeIn .35s ease;max-width:720px}@keyframes storyFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.story-page__breadcrumb{margin-bottom:var(--space-lg)}.story-page__back{font-size:var(--text-small);color:var(--color-text-muted);transition:color .2s ease}.story-page__back:hover{color:var(--color-primary-blue);text-decoration:none}.story-page__back:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}.story-page__header{margin-bottom:var(--space-xl)}.story-page__title{margin:0;font-size:var(--text-h1);font-weight:600;color:var(--color-text-strong);letter-spacing:-.02em}.story-page__intro{margin-bottom:var(--space-xl);max-width:65ch}.story-page__intro p{margin:0 0 var(--space-md);color:var(--color-text)}.story-page__intro p:last-child{margin-bottom:0}.story-page__section-title{font-size:var(--text-h2);font-weight:600;color:var(--color-text-strong);margin:0 0 var(--space-md)}.story-page__videos{margin-bottom:var(--space-2xl)}.story-page__video-list{display:flex;flex-direction:column;gap:var(--space-lg);max-width:100%}.story-page__essay,.story-page__gallery{margin-bottom:var(--space-2xl)}.story-page__message{margin:var(--space-xl) 0;color:var(--color-text-muted)}.story-page--error .story-page__message{color:var(--color-text)}:root{--bg-base: #0e0f12;--bg-elevated: #16181d;--bg-panel: rgba(22, 24, 29, .72);--bg-panel-solid: #1a1c22;--glass-bg: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .06);--glass-blur: 12px;--color-primary-dark: #222222;--color-primary-blue: #4a9fd8;--color-secondary-blue: #639FAB;--color-light-blue: #BBCDE5;--accent-teal: #5eb8b0;--accent-warm: #c9a959;--color-text: rgba(255, 255, 255, .92);--color-text-muted: rgba(255, 255, 255, .55);--color-text-strong: #ffffff;--color-heading: var(--color-text-strong);--color-link: var(--color-primary-blue);--color-link-hover: var(--color-light-blue);--color-border: var(--glass-border);--accent-1: #e07c6e;--accent-2: #5eb8b0;--accent-3: #4a9fd8;--accent-4: #c9a959;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--page-max-width: 1200px;--topbar-height: 48px;--sidebar-width: 220px;--radius: 10px;--radius-lg: 14px;--radius-xl: 18px;--shadow: 0 4px 24px rgba(0, 0, 0, .35);--shadow-hover: 0 8px 32px rgba(0, 0, 0, .45);--shadow-glow: 0 0 0 1px rgba(255, 255, 255, .06);--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--text-body: .9375rem;--text-small: .8125rem;--text-lead: 1.0625rem;--text-h1: 1.75rem;--text-h2: 1.375rem;--text-h3: 1.125rem}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:var(--text-body);line-height:1.55;color:var(--color-text);background:var(--bg-base);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(74,159,216,.08),transparent),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(94,184,176,.05),transparent);pointer-events:none;z-index:0}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-body{display:flex;flex:1;min-width:0}.app-main{flex:1;min-width:0;padding:var(--space-xl)}@media (min-width: 1024px){.app-main{padding:var(--space-2xl)}}a{color:var(--color-link);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-link-hover)}a:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}h1,h2,h3{color:var(--color-heading);font-weight:600;line-height:1.3;margin-top:0}h1{font-size:var(--text-h1);letter-spacing:-.02em}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow)}