: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;scrollbar-gutter:stable}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);transition:background .25s,box-shadow .25s;position:sticky;top:0}.site-header.scrolled{background:color-mix(in srgb, var(--bg) 96%, transparent);box-shadow:0 4px 20px #00000047}.scroll-progress{background:var(--accent);transform-origin:0;z-index:60;pointer-events:none;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(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}.hero .intro p{margin:0 0 .8rem}.hero .intro p:last-child{margin-bottom: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-cell{display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s;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);position:relative;overflow:hidden}.card__art img{object-fit:cover;width:100%;height:100%}.card__chip{color:#fff;text-shadow:0 1px 3px #000000b3;background:linear-gradient(#080a0e00,#080a0ef0 82%);flex-direction:column;gap:.05rem;padding:1.6rem .7rem .55rem;display:flex;position:absolute;inset:auto 0 0}.card__chip .role{font-size:.95rem;font-weight:700;line-height:1.2}.card__chip .focus{opacity:.88;font-size:.82rem;line-height:1.2}.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}.pager{border-top:1px solid var(--border);gap:1rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.pager__link{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:48%;color:var(--fg);flex-direction:column;gap:.2rem;padding:.7rem .95rem;transition:border-color .18s,transform .18s;display:flex}.pager__link:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-2px)}.pager__link--next{text-align:right;margin-left:auto}.pager__dir{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.pager__title{font-size:.98rem;font-weight:600;line-height:1.25}@media (width<=560px){.pager{flex-direction:column}.pager__link{max-width:none}.pager__link--next{text-align:left;margin-left:0}}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:.7rem;display:grid}.skill{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:.7rem;padding:.6rem .85rem;display:flex}.skill__icon{color:var(--fg);flex:none;display:inline-flex}.skill__icon svg{width:44px;height:44px}.skill__label{font-size:.92rem;font-weight:600}.matrix{grid-template-columns:repeat(auto-fill,minmax(min(100%,215px),1fr));gap:.7rem;display:grid}.matrix__item{background:var(--surface);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:.7rem;padding:.5rem .7rem;display:flex}.matrix__label{flex:auto;min-width:0}.matrix__thumbs{flex:none;gap:.25rem;display:flex}.matrix__thumb{cursor:pointer;background:0 0;border:0;border-radius:5px;padding:0;display:inline-flex;position:relative}.matrix__thumb img{object-fit:cover;border-radius:5px;width:34px;height:45px}.matrix__tip{white-space:nowrap;background:var(--surface-2);color:var(--fg);border:1px solid var(--border);opacity:0;visibility:hidden;pointer-events:none;z-index:5;border-radius:6px;padding:.2rem .5rem;font-size:.75rem;font-weight:600;transition:opacity .12s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.matrix__thumb:hover .matrix__tip,.matrix__thumb:focus .matrix__tip{opacity:1;visibility:visible}.matrix__note{color:var(--accent);font-size:.8rem;font-weight:700;line-height:1;position:absolute;top:-3px;right:-3px}.matrix__label{font-size:.92rem;font-weight:600}.matrix-footnote{color:var(--muted);margin-top:.8rem;font-size:.8rem}.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 .35s,transform .35s;position:absolute;inset:0;transform:scale(1.02)}.carousel__slide.is-active{opacity:1;visibility:visible;transform:scale(1)}.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,.pager__link,.nav a:after,.site-footer .links a:after,.site-header{transition:none}.carousel__slide{transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){html.js .reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(14px)}html.js .reveal.is-visible{opacity:1;transform:none}html.js .fadeimg{opacity:0;transition:opacity .5s}html.js .fadeimg.is-loaded{opacity:1}.hero .eyebrow,.hero h1,.hero .tagline,.hero .intro{opacity:0;animation:.6s forwards rise-in}.hero .eyebrow{animation-delay:50ms}.hero h1{animation-delay:.14s}.hero .tagline{animation-delay:.24s}.hero .intro{animation-delay:.34s}html.js .card__art img{transition:opacity .5s,transform .3s}.card:hover .card__art img{transform:scale(1.045)}html[data-dir=next]::view-transition-old(root){animation:.35s both vt-out-left}html[data-dir=next]::view-transition-new(root){animation:.35s both vt-in-right}html[data-dir=prev]::view-transition-old(root){animation:.35s both vt-out-right}html[data-dir=prev]::view-transition-new(root){animation:.35s both vt-in-left}.btn{transition:transform .12s,filter .18s}.btn:active{transform:scale(.97)}.pager__link:active{transform:translateY(-2px)scale(.985)}}@keyframes vt-out-left{to{opacity:0;transform:translate(-2.5%)}}@keyframes vt-in-right{0%{opacity:0;transform:translate(2.5%)}}@keyframes vt-out-right{to{opacity:0;transform:translate(2.5%)}}@keyframes vt-in-left{0%{opacity:0;transform:translate(-2.5%)}}.nav a,.site-footer .links a{position:relative}.nav a:after,.site-footer .links a:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1.5px;transition:transform .25s;position:absolute;bottom:-3px;left:0;transform:scaleX(0)}.nav a:hover:after,.nav a:focus-visible:after,.nav a[aria-current=page]:after,.site-footer .links a:hover:after,.site-footer .links a:focus-visible:after{transform:scaleX(1)}.site-footer .links a:hover{text-decoration:none}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}