:root{--bg:#0d0f13;--surface:#161a21;--surface-2:#1d222b;--border:#2a313d;--fg:#e8eaed;--muted:#9aa0a6;--accent:#5b9dff;--accent-soft:#5b9dff24;--maxw:1120px;--radius:14px;--gap:clamp(1rem, 2.5vw, 2rem);--pad:clamp(1.1rem, 4vw, 2rem);--font:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow:0 6px 24px #00000059}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}h1,h2,h3{font-weight:700;line-height:1.15}.container{width:100%;max-width:var(--maxw);padding-inline:var(--pad);margin-inline:auto}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--accent);margin:0;font-size:.75rem}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;height:60px;display:flex}.brand{color:var(--fg);letter-spacing:-.01em;font-weight:700}.brand:hover{color:var(--accent);text-decoration:none}.nav{gap:clamp(.8rem,3vw,1.6rem);display:flex}.nav a{color:var(--muted);font-size:.95rem}.nav a:hover,.nav a[aria-current=page]{color:var(--fg);text-decoration:none}.site-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:4rem;padding-block:2.5rem;font-size:.9rem}.site-footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;display:flex}.site-footer .links{flex-wrap:wrap;gap:1.25rem;display:flex}.hero{padding-block:clamp(3rem,9vw,6rem) clamp(2rem,5vw,3.5rem)}.hero h1{letter-spacing:-.02em;margin:.6rem 0 0;font-size:clamp(2.6rem,8vw,5rem)}.hero .tagline{color:var(--fg);margin:.5rem 0 0;font-size:clamp(1.15rem,3vw,1.5rem)}.hero .intro{color:var(--muted);max-width:60ch;margin:1.2rem 0 0}.section{padding-block:clamp(1.5rem,4vw,2.5rem)}.section-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.5rem;display:flex}.section-head h2{margin:0;font-size:clamp(1.4rem,4vw,2rem)}.section-head a{font-size:.95rem}.grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.card:hover{border-color:var(--accent);box-shadow:var(--shadow);text-decoration:none;transform:translateY(-4px)}.card__art{aspect-ratio:3/4;background:var(--surface-2);overflow:hidden}.card__art img{object-fit:cover;width:100%;height:100%}.card__body{padding:.9rem 1rem 1.1rem}.card__title{color:var(--fg);margin:0;font-size:1.05rem}.card__meta{color:var(--muted);flex-wrap:wrap;gap:.5rem;margin:.35rem 0 0;font-size:.85rem;display:flex}.badge{letter-spacing:.04em;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.12rem .5rem;font-size:.72rem;display:inline-block}.article{padding-block:clamp(1.5rem,5vw,3rem)}.article__back{color:var(--muted);font-size:.9rem}.article__head{margin:1rem 0 1.5rem}.article__head h1{letter-spacing:-.02em;margin:.4rem 0 0;font-size:clamp(2rem,6vw,3.2rem)}.article__meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.6rem;display:flex}.article__meta .dot{opacity:.5}.prose{max-width:70ch}.prose>:first-child{margin-top:0}.prose p{margin:0 0 1.1rem}.prose h2{border-top:1px solid var(--border);margin:2.2rem 0 .8rem;padding-top:1.4rem;font-size:1.3rem}.prose h3{color:var(--fg);margin:1.6rem 0 .6rem;font-size:1.08rem}.prose h4{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:1.4rem 0 .4rem;font-size:.98rem}.prose ul{padding-left:1.2rem}.prose strong{color:var(--fg)}.btn{background:var(--accent);color:#0a0d12;border-radius:10px;margin-top:.5rem;padding:.6rem 1.1rem;font-weight:600;display:inline-block}.btn:hover{filter:brightness(1.08);text-decoration:none}.highlight{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:minmax(0,1fr);gap:1rem;display:grid;overflow:hidden}@media (width>=640px){.highlight{grid-template-columns:240px 1fr}}.highlight__img{background:var(--surface-2)}.highlight__img img{object-fit:cover;width:100%;height:100%}.highlight__body{padding:1.1rem 1.3rem}.highlight__body h3{margin:0 0 .4rem}.highlight-list{gap:var(--gap);display:grid}.carousel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:1.8rem;overflow:hidden}.carousel__stage{aspect-ratio:16/9;background:#000;position:relative}.carousel__slide{opacity:0;visibility:hidden;transition:opacity .3s;position:absolute;inset:0}.carousel__slide.is-active{opacity:1;visibility:visible}.carousel__slide img,.carousel__slide iframe{object-fit:cover;border:0;width:100%;height:100%}.yt-facade{cursor:pointer;background-position:50%;background-size:cover;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.yt-facade:after{content:"►";text-align:center;color:#fff;background:#0000008c;border-radius:50%;width:68px;height:68px;margin:auto;font-size:1.6rem;line-height:68px;transition:background .18s;position:absolute;inset:0}.yt-facade:hover:after{background:var(--accent)}.carousel__nav{color:#fff;cursor:pointer;background:#00000080;border:0;border-radius:50%;place-items:center;width:42px;height:42px;font-size:1.3rem;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel__nav:hover{background:var(--accent)}.carousel__nav--prev{left:10px}.carousel__nav--next{right:10px}.carousel__caption{color:var(--muted);border-top:1px solid var(--border);min-height:1.2rem;padding:.7rem 1rem;font-size:.9rem}.carousel__thumbs{gap:.5rem;padding:.7rem;display:flex;overflow-x:auto}.carousel__thumb{aspect-ratio:16/9;cursor:pointer;background:var(--surface-2);opacity:.6;border:2px solid #0000;border-radius:8px;flex:none;width:96px;padding:0;overflow:hidden}.carousel__thumb.is-active{border-color:var(--accent);opacity:1}.carousel__thumb img{object-fit:cover;width:100%;height:100%}.is-single .carousel__nav,.is-single .carousel__thumbs{display:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.carousel__slide,.card{transition:none}}