:root{--bg-deep: #0a1815;--bg-mid: #0f2520;--bg-soft: #142d27;--ink: #ffffff;--ink-soft: rgba(255, 255, 255, .78);--ink-mute: rgba(255, 255, 255, .52);--ink-faint: rgba(255, 255, 255, .32);--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .18);--teal: #4dd4b0;--teal-deep: #2ba582;--citrus: #d4f04d;--citrus-deep: #b8d635;--forest: #1d4a3e;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--serif: "Fraunces", "Times New Roman", Georgia, serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--maxw: 980px;--gap: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-deep);color:var(--ink);font-family:var(--sans);font-feature-settings:"kern","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit}.bg-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(77,212,176,.18) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 50% 100%,rgba(212,240,77,.1) 0%,transparent 65%)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.page{min-height:100vh;max-width:var(--maxw);margin:0 auto;padding:64px 24px 80px;position:relative;z-index:2}.lang-switcher{position:absolute;top:24px;right:24px;display:flex;align-items:center;gap:8px;padding:6px 12px;background:#ffffff0a;border:1px solid var(--line);border-radius:999px;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lang-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;padding:4px 8px;cursor:pointer;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;color:var(--ink-mute);text-transform:uppercase;border-radius:999px;transition:color .2s ease}.lang-btn:hover{color:var(--ink)}.lang-btn.is-active{color:var(--ink);font-weight:500}.lang-btn__flag{font-size:.95rem;line-height:1;transition:transform .2s ease}.lang-btn:not(.is-active) .lang-btn__flag{filter:grayscale(.5) opacity(.7)}.lang-btn:hover .lang-btn__flag{transform:translateY(-1px)}.lang-btn.is-active:after{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px #4dd4b099;margin-left:2px}.lang-switcher__sep{color:var(--line-strong);-webkit-user-select:none;user-select:none}.page[data-mounted=true] .grid{animation:gridFade .4s ease}@keyframes gridFade{0%{opacity:.4}to{opacity:1}}.header{margin-bottom:56px;padding-top:8px}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:24px}.logo{height:64px;width:auto;margin-bottom:4px}.handle{font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;color:var(--ink-mute);margin:0;text-transform:lowercase}.tagline{font-family:var(--mono);font-size:.92rem;letter-spacing:.14em;line-height:1.6;color:var(--ink);margin:0 0 44px;text-transform:uppercase;font-weight:500}.tagline__primary{display:block}.tagline__secondary{display:block;color:var(--ink-mute);font-weight:400;font-size:.78rem;margin-top:2px}.accent-teal{color:var(--teal)}.accent-citrus{color:var(--citrus)}.pinned{display:flex;flex-direction:column;gap:10px;margin-bottom:48px}.pinned__link{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:#ffffff08;border:1px solid var(--line);border-radius:14px;font-family:var(--sans);font-size:.95rem;letter-spacing:.01em;font-weight:500;color:var(--ink);transition:all .25s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.pinned__link.is-primary{background:var(--citrus);color:var(--bg-deep);border-color:var(--citrus);font-weight:600}.pinned__link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#4dd4b01f,#d4f04d14);opacity:0;transition:opacity .25s ease}.pinned__link:hover:before{opacity:1}.pinned__link.is-primary:before{background:var(--citrus-deep)}.pinned__link:hover{border-color:var(--line-strong);transform:translateY(-1px)}.pinned__link.is-primary:hover{background:var(--citrus-deep);border-color:var(--citrus-deep)}.pinned__label,.pinned__arrow{position:relative;z-index:1}.pinned__arrow{font-size:1.15rem;transition:transform .2s ease;opacity:.7}.pinned__link.is-primary .pinned__arrow{opacity:1}.pinned__link:hover .pinned__arrow{transform:translate(4px);opacity:1}.divider{display:flex;align-items:center;gap:16px;margin:48px 0 28px}.divider__line{flex:1;height:1px;background:var(--line)}.divider__label{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}.card{position:relative;display:block;aspect-ratio:4 / 5;background:var(--bg-mid);overflow:hidden;cursor:pointer;opacity:0;animation:fadeUp .6s cubic-bezier(.2,.8,.2,1) forwards;border-radius:8px;border:1px solid var(--line);transition:border-color .2s ease,transform .25s ease}.card:hover{border-color:var(--line-strong);transform:translateY(-2px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card__media{position:relative;width:100%;height:100%;overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .3s ease}.card:hover .card__media img{transform:scale(1.04);filter:brightness(.4) saturate(1.1)}.card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;color:var(--ink);opacity:0;transition:opacity .28s ease;background:linear-gradient(to top,#0a1815e6,#0a181580 40%,#0a181500 75%)}.card:hover .card__overlay{opacity:1}.card.is-textonly .card__overlay{opacity:1;background:none;justify-content:center}.card__title{font-family:var(--sans);font-size:1.02rem;line-height:1.25;font-weight:600;letter-spacing:-.01em}.card__caption{font-family:var(--serif);font-style:italic;font-size:.85rem;line-height:1.4;color:var(--teal);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__cta{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--citrus);margin-top:6px;font-weight:500}.card:after{content:"↗";position:absolute;top:10px;right:12px;font-size:.95rem;color:var(--ink);background:#0a1815b3;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transition:opacity .2s ease;z-index:2;pointer-events:none;border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card:hover:after{opacity:1}.footer{margin-top:56px;padding-top:32px;border-top:1px solid var(--line);text-align:center}.footer p{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;color:var(--ink-faint);margin:0}@media (max-width: 720px){.page{padding:56px 16px}.lang-switcher{top:14px;right:14px;padding:4px 8px;gap:4px}.lang-btn{padding:3px 6px;font-size:.68rem}.lang-btn__flag{font-size:.85rem}.header{margin-bottom:36px}.logo{height:52px}.tagline{font-size:.78rem;letter-spacing:.12em;margin-bottom:32px}.tagline__secondary{font-size:.68rem}.grid{grid-template-columns:repeat(3,1fr);gap:8px}.card{border-radius:6px}.card__overlay{opacity:1;padding:10px 8px;background:linear-gradient(to top,#0a1815f7,#0a1815f0 36%,#0a18158c 58%,#0a181500 82%)}.card__title{font-size:.78rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__caption,.card__cta{display:none}.card:hover .card__media img{transform:none;filter:none}.card:after{opacity:1;top:8px;right:8px;width:22px;height:22px;font-size:.85rem}}@media (max-width: 480px){.pinned__link{padding:16px 18px;font-size:.88rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}