:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--shadow-grey:#080b10;--mulberry:#2f6bff;--pine:var(--signal);--sun:#ffd166;--electric:#2563eb;--signal:#0ea5e9;--hot:#38bdf8;--paper:color-mix(in srgb, var(--electric) 5%, #f5f8fd);--paper-strong:color-mix(in srgb, var(--electric) 3%, #fff);--mist:color-mix(in srgb, var(--electric) 8%, #e6ecf5);--surface:color-mix(in srgb, var(--electric) 7%, #eef3fb);--surface-soft:color-mix(in srgb, var(--electric) 3%, #fff);--ink:#0c1118;--code-bg:#07110f;--code-fg:#dffcf5;--grid-line:color-mix(in srgb, var(--electric) 13%, transparent);--grid-line-strong:color-mix(in srgb, var(--electric) 17%, transparent);--page-bg:var(--paper);--page-fg:var(--ink);--interactive-hover:var(--pine);--font-display:"Dongle", "Playwrite DE Grund", sans-serif;--font-body:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box;min-width:0}*{margin:0;padding:0}html{scroll-behavior:smooth;background:var(--page-bg);min-height:100%;overflow-x:clip}body{min-height:100dvh;color:var(--page-fg);font-family:var(--font-body);background:linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), linear-gradient(180deg, var(--grid-line) 1px, transparent 1px), linear-gradient(135deg, color-mix(in srgb, var(--electric) 10%, transparent), transparent 28rem), var(--page-bg);background-size:3rem 3rem,3rem 3rem,100% 100%,auto;background-attachment:fixed;font-style:normal;font-weight:400;transition:background-color .26s,color .26s}body:before{z-index:0;pointer-events:none;background:linear-gradient(110deg, transparent 0%, color-mix(in srgb, var(--electric) 7%, transparent) 36%, transparent 58%), linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 70%, transparent), transparent 18rem);content:"";animation:14s ease-in-out infinite alternate tech-scan;position:fixed;inset:0}img,video{max-width:100%}a{color:inherit;overflow-wrap:anywhere}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);overflow-wrap:anywhere;font-weight:400}p,li{color:color-mix(in srgb, var(--page-fg) 82%, var(--ink));overflow-wrap:anywhere;font-size:1rem;line-height:1.55}#content{z-index:1;width:100%;max-width:88rem;min-height:100dvh;color:var(--page-fg);margin:0 auto;padding:clamp(1rem,3vw,3rem);transition:background-color .26s,color .26s;position:relative}.public-content>*{animation:.52s cubic-bezier(.22,1,.36,1) both page-rise}#content.public-shell{padding-top:clamp(.55rem,1.2vw,1rem);grid-template-rows:3rem minmax(0,1fr) auto;align-content:start;row-gap:clamp(.9rem,2.4vw,2rem);max-width:none;padding-inline:clamp(.65rem,1.8vw,1.6rem);display:grid}#content.home-shell{row-gap:clamp(.55rem,1.5vw,1.1rem);height:100dvh;min-height:0;padding-bottom:clamp(.35rem,.8vw,.65rem);overflow:hidden}#content.admin-shell{padding-top:clamp(.55rem,1.2vw,1rem);grid-template-rows:3rem minmax(0,1fr);align-content:start;row-gap:clamp(1.25rem,4vw,3.5rem);max-width:none;padding-inline:clamp(.65rem,1.8vw,1.6rem);display:grid}:root.is-dark-mode{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mulberry:#60a5fa;--pine:var(--signal);--sun:#ffe08a;--electric:#60a5fa;--signal:#38bdf8;--hot:#93c5fd;--paper:color-mix(in srgb, var(--electric) 9%, #060910);--paper-strong:color-mix(in srgb, var(--electric) 11%, #0b111b);--mist:color-mix(in srgb, var(--electric) 14%, #121c2b);--surface:color-mix(in srgb, var(--electric) 12%, #0c141f);--surface-soft:color-mix(in srgb, var(--electric) 10%, #0f1926);--ink:#edf7ff;--code-bg:#08090b;--code-fg:#dffcf5;--grid-line:color-mix(in srgb, var(--electric) 20%, transparent);--grid-line-strong:color-mix(in srgb, var(--electric) 24%, transparent);--page-bg:var(--paper);--page-fg:var(--ink);--interactive-hover:var(--pine)}.public-content{min-width:0}.home-shell .public-content{grid-template-rows:minmax(0,1fr);align-items:stretch;min-height:0;padding-top:clamp(1.75rem,6vh,3.8rem);display:grid}.home-hero-grid{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:clamp(.9rem,3vh,2.2rem) clamp(1.5rem,4vw,3.5rem);height:100%;min-height:0;display:grid}.home-hero-grid>.hero-text{grid-area:1/1;min-width:0}.home-hero-grid>.home-race-replay{grid-area:2/1;min-width:0}.home-hero-grid>.landing-feature{grid-area:1/2/3}.public-header,.admin-header{z-index:3;justify-content:space-between;align-items:center;gap:1rem;height:3rem;display:flex;position:relative}@media (width>=901px){#content.public-shell:not(.home-shell){grid-template-rows:minmax(0,1fr) auto;padding-top:clamp(4rem,4.5vw,4.6rem)}#content.public-shell:not(.home-shell) .public-header{background:color-mix(in srgb, var(--page-bg) 85%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb, var(--page-fg) 8%, transparent);z-index:50;height:3.5rem;padding-inline:clamp(.75rem,1.8vw,1.7rem);position:fixed;inset:0 0 auto}}.logo-link{background:0 0;border:0;border-radius:8px;width:2.35rem;height:2.75rem;transition:transform .18s,opacity .18s;display:inline-flex;overflow:visible}.logo-link:hover,.logo-link:focus-visible{opacity:.74;transform:translateY(-1px)rotate(-2deg)}.logo-link:focus-visible{outline:3px solid color-mix(in srgb, var(--interactive-hover) 56%, transparent);outline-offset:.16rem}.logo-link img{object-fit:contain;width:100%;height:100%;display:block}:root.is-dark-mode .logo-link img{filter:invert()}.public-nav,.admin-nav{justify-content:flex-end;align-items:center;gap:clamp(.75rem,2vw,1.4rem);display:flex}.public-nav a,.admin-nav a,.admin-nav button{color:var(--page-fg);cursor:pointer;font-family:var(--font-display);text-transform:uppercase;opacity:.76;background:0 0;border:0;font-size:1.55rem;line-height:1;text-decoration:none;transition:color .18s,opacity .18s,transform .18s;position:relative}.public-nav a:after,.admin-nav a:after,.admin-nav button:after{background:linear-gradient(90deg, var(--signal), var(--electric), var(--hot));transform-origin:0;content:"";height:2px;transition:transform .18s;position:absolute;bottom:-.22rem;left:0;right:0;transform:scaleX(0)}.public-nav a:hover,.public-nav a:focus-visible,.public-nav a[aria-current=page],.admin-nav a:hover,.admin-nav a:focus-visible,.admin-nav button:hover,.admin-nav button:focus-visible,.admin-nav a[aria-current=page]{color:var(--interactive-hover);opacity:1;transform:translateY(-1px)}.public-nav a:hover:after,.public-nav a:focus-visible:after,.public-nav a[aria-current=page]:after,.admin-nav a:hover:after,.admin-nav a:focus-visible:after,.admin-nav button:hover:after,.admin-nav button:focus-visible:after,.admin-nav a[aria-current=page]:after{transform:scaleX(1)}.command-dock{z-index:20;border:1px solid color-mix(in srgb, var(--electric) 28%, transparent);background:color-mix(in srgb, var(--surface-soft) 86%, transparent);box-shadow:0 12px 26px color-mix(in srgb, var(--electric) 9%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;gap:.2rem;padding:.25rem;display:inline-flex}.public-nav.command-dock{justify-content:center}.public-nav .command-dock-link{min-height:2rem;color:color-mix(in srgb, var(--page-fg) 78%, transparent);font-family:var(--font-body);letter-spacing:0;text-transform:none;opacity:1;border-radius:999px;align-items:center;padding:.26rem .72rem;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex}.public-nav .command-dock-link:after{display:none}.public-nav .command-dock-link:hover,.public-nav .command-dock-link:focus-visible{color:var(--page-fg);background:color-mix(in srgb, var(--electric) 9%, transparent);transform:translateY(-1px)}.public-nav .command-dock-link[aria-current=page]{color:#fff;background:var(--electric);box-shadow:0 6px 14px color-mix(in srgb, var(--electric) 16%, transparent)}.header-actions{align-items:center;gap:.6rem;display:inline-flex}.nav-burger,.nav-scrim{display:none}.header-contact-link{border:1px solid color-mix(in srgb, var(--signal) 36%, var(--page-fg) 10%);min-height:2rem;color:var(--page-fg);background:color-mix(in srgb, var(--surface-soft) 66%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;justify-content:center;align-items:center;padding:.26rem .72rem;font-size:.78rem;font-weight:700;text-decoration:none;transition:border-color .18s,background-color .18s,color .18s,transform .18s;display:inline-flex}.header-contact-link:hover,.header-contact-link:focus-visible{border-color:var(--signal);color:var(--signal);transform:translateY(-1px)}.admin-content{min-width:0}.public-landing{grid-template-columns:minmax(0,1fr) minmax(17rem,.36fr);align-self:start;align-items:start;gap:clamp(1.5rem,5vw,4rem);width:100%;display:grid}.landing-portrait{aspect-ratio:1/1.16;border:1.5px solid color-mix(in srgb, var(--electric) 34%, var(--page-fg) 14%);background:linear-gradient(135deg, color-mix(in srgb, var(--signal) 18%, transparent), transparent 44%), var(--surface);width:24rem;max-width:100%;box-shadow:0 22px 50px color-mix(in srgb, var(--electric) 12%, transparent);border-radius:8px;align-self:end;transition:border-color .18s,box-shadow .18s,transform .18s;overflow:hidden;transform:translateZ(0)}.landing-portrait:hover{border-color:color-mix(in srgb, var(--signal) 70%, var(--electric));box-shadow:0 26px 56px color-mix(in srgb, var(--signal) 14%, transparent);transform:translateY(-2px)}.landing-portrait img{object-fit:cover;width:100%;height:100%;display:block}.landing-feature{flex-direction:column;justify-content:center;align-items:flex-end;gap:clamp(.6rem,1.6vh,1.1rem);height:100%;min-height:0;display:flex}.landing-feature .home-quote{width:min(100%,21rem)}.home-quote{border:1.5px solid color-mix(in srgb, var(--electric) 24%, var(--page-fg) 10%);width:min(100%,21rem);color:var(--page-fg);background:linear-gradient(135deg, color-mix(in srgb, var(--electric) 10%, transparent), transparent 55%), color-mix(in srgb, var(--surface-soft) 80%, transparent);box-shadow:0 14px 30px color-mix(in srgb, var(--electric) 8%, transparent);border-radius:9px;gap:.4rem;padding:clamp(.75rem,1.3vw,1rem) clamp(.9rem,1.5vw,1.2rem);display:grid}.home-quote blockquote{color:var(--page-fg);font-family:var(--font-display);font-size:clamp(1.1rem,1.55vw,1.4rem);line-height:1.12;position:relative}.home-quote figcaption{color:color-mix(in srgb, var(--page-fg) 60%, transparent);letter-spacing:.01em;font-size:.78rem;font-weight:600}.support-link{width:fit-content;color:color-mix(in srgb, var(--page-fg) 64%, transparent);justify-self:start;font-size:.78rem;font-weight:700;line-height:1;text-decoration:none;transition:color .16s,transform .16s}.support-link:after{content:" ->"}.support-link:hover,.support-link:focus-visible{color:var(--electric);transform:translateY(-1px)}.support-link-home{border-top:1px solid color-mix(in srgb, var(--page-fg) 10%, transparent);margin-top:.1rem;padding-top:.35rem}.about-page{align-content:start;gap:clamp(1.1rem,3vw,2rem);max-width:68rem;padding:0;display:grid}.about-page h1{max-width:46rem;color:var(--page-fg);letter-spacing:-.01em;text-shadow:0 16px 42px color-mix(in srgb, var(--electric) 10%, transparent);font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:1}.about-copy{border-top:2px solid color-mix(in srgb, var(--signal) 35%, transparent);gap:.9rem;max-width:50rem;padding-top:clamp(.6rem,1.4vw,1rem);display:grid}.about-copy p{color:color-mix(in srgb, var(--page-fg) 74%, var(--ink));font-size:1.08rem;line-height:1.62}.contact-panel{border:1px solid color-mix(in srgb, var(--page-fg) 18%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--surface-soft) 92%, transparent), color-mix(in srgb, var(--surface) 94%, transparent)), var(--surface-soft);border-radius:8px;grid-template-columns:minmax(0,.8fr) minmax(20rem,1.2fr);align-items:start;gap:clamp(1rem,3vw,2rem);padding:clamp(1rem,2.4vw,1.5rem);display:grid}.contact-panel-copy{gap:.45rem;max-width:22rem;display:grid}.contact-panel-copy h2{color:var(--page-fg);font-size:clamp(1.55rem,2.4vw,2.2rem);line-height:1}.contact-panel-copy p:not(.eyebrow),.contact-form-actions p{color:color-mix(in srgb, var(--page-fg) 68%, transparent);font-size:.96rem;line-height:1.52}.contact-form{gap:.75rem;display:grid}.contact-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.contact-form label{gap:.35rem;display:grid}.contact-form label span{color:color-mix(in srgb, var(--page-fg) 72%, transparent);text-transform:uppercase;font-size:.78rem;line-height:1}.contact-form input,.contact-form textarea,.contact-form select{border:1.5px solid color-mix(in srgb, var(--page-fg) 22%, transparent);width:100%;color:var(--page-fg);background:color-mix(in srgb, var(--surface-soft) 86%, var(--surface));font:inherit;border-radius:8px;outline:none;padding:.72rem .8rem;font-size:1rem;line-height:1.35;transition:border-color .18s,background-color .18s,box-shadow .18s}.contact-form select{min-height:2.95rem}.contact-form textarea{resize:vertical;min-height:9rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:color-mix(in srgb, var(--page-fg) 42%, transparent)}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:color-mix(in srgb, var(--electric) 72%, var(--page-fg));background:color-mix(in srgb, var(--surface-soft) 96%, var(--surface));box-shadow:0 0 0 3px color-mix(in srgb, var(--electric) 16%, transparent)}.contact-form-actions{flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:.2rem;display:flex}.contact-form-actions .button-link{min-width:8.5rem}.contact-form-notice.is-sent{color:color-mix(in srgb, var(--pine) 78%, var(--page-fg))}.contact-form-notice.is-error{color:color-mix(in srgb, #b42318 82%, var(--page-fg))}.challenge-page{align-content:start;gap:clamp(1rem,2.4vw,1.7rem);width:min(100%,70rem);display:grid}.challenge-hero{gap:.65rem;max-width:60rem;display:grid}.challenge-hero h1{max-width:50rem;color:var(--page-fg);letter-spacing:0;font-size:clamp(2.8rem,5.8vw,5.8rem);line-height:.86}.challenge-subtitle{max-width:52rem;color:color-mix(in srgb, var(--page-fg) 78%, var(--ink));font-size:clamp(.98rem,1.6vw,1.14rem);line-height:1.52}.challenge-section{gap:.7rem;display:grid}.challenge-section h2,.challenge-tool-card h2{color:var(--page-fg);font-size:clamp(1.85rem,3.2vw,2.85rem);line-height:.92}.challenge-section h3,.challenge-planned-card h3{color:var(--page-fg);font-size:clamp(1.45rem,2.4vw,1.95rem);line-height:.94}.challenge-intro{max-width:60rem}.challenge-intro p{max-width:50rem;font-size:.98rem;line-height:1.6}.challenge-section-heading{gap:.45rem;display:grid}.challenge-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.challenge-stat,.challenge-tool-card,.challenge-hub-note,.challenge-planned-card{border:1.5px solid color-mix(in srgb, var(--page-fg) 22%, transparent);background:var(--surface);border-radius:8px}.challenge-stat{align-content:space-between;min-height:6rem;padding:.7rem;display:grid}.challenge-stat dt,.challenge-day,.challenge-lesson span,.challenge-status,.challenge-link,.challenge-category-list span,.challenge-skill-list span{text-transform:uppercase;font-size:.88rem;line-height:1}.challenge-stat dt,.challenge-day,.challenge-lesson span{color:var(--pine)}.challenge-stat dd{font-family:var(--font-display);color:var(--page-fg);font-size:clamp(1.35rem,2.5vw,1.9rem);line-height:.94}.challenge-tool-card{gap:.8rem;padding:clamp(.85rem,2vw,1.2rem);display:grid}.challenge-hub-note{grid-template-columns:minmax(0,.32fr) minmax(0,1fr);align-items:start;gap:1rem;padding:clamp(.85rem,2vw,1.2rem);display:grid}.challenge-hub-note h2{color:var(--page-fg);font-size:clamp(1.7rem,3vw,2.5rem);line-height:.92}.challenge-hub-note p:last-child{max-width:42rem;font-size:.96rem;line-height:1.56}.challenge-tool-card p{max-width:52rem;font-size:.96rem;line-height:1.58}.challenge-repo-folder{color:color-mix(in srgb, var(--page-fg) 70%, var(--ink))}.challenge-repo-folder span{color:var(--pine)}.challenge-card-heading,.challenge-planned-card,.challenge-cta{justify-content:space-between;align-items:center;gap:1rem;display:flex}.challenge-status{border:1.5px solid color-mix(in srgb, var(--page-fg) 22%, transparent);width:fit-content;min-height:1.35rem;color:var(--page-fg);background:var(--paper-strong);border-radius:8px;align-items:center;padding:.2rem .42rem;display:inline-flex}.challenge-status-live{border-color:color-mix(in srgb, var(--pine) 48%, transparent);color:var(--paper);background:var(--pine)}.challenge-skill-list,.challenge-category-list,.challenge-links{flex-wrap:wrap;gap:.45rem;display:flex}.challenge-skill-list span,.challenge-category-list span{border:1.5px solid color-mix(in srgb, var(--page-fg) 20%, transparent);min-height:1.55rem;color:var(--page-fg);background:var(--paper-strong);border-radius:8px;align-items:center;padding:.24rem .45rem;display:inline-flex}.challenge-lesson{gap:.25rem;max-width:42rem;padding-top:.25rem;display:grid}.challenge-lesson p{font-size:.94rem}.challenge-link{border:1.5px solid var(--mulberry);min-height:2rem;color:var(--mulberry);font-family:var(--font-display);background:0 0;border-radius:8px;align-items:center;padding:.24rem .6rem;text-decoration:none;transition:border-color .18s,color .18s,transform .18s;display:inline-flex}.challenge-link:hover,.challenge-link:focus-visible{border-color:var(--pine);color:var(--pine);transform:translateY(-1px)}.challenge-link-placeholder{border-color:color-mix(in srgb, var(--page-fg) 20%, transparent);color:color-mix(in srgb, var(--page-fg) 66%, transparent)}.challenge-planned-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.challenge-planned-card{min-height:6.8rem;padding:.7rem}.challenge-cta{border-top:1px solid color-mix(in srgb, var(--page-fg) 22%, transparent);align-items:end;padding-top:.8rem}.projects-page,.project-detail-page,.lessons-page,.lesson-detail-page{align-content:start;gap:clamp(1.15rem,2.8vw,2.2rem);width:min(100%,82rem);margin-inline:auto;display:grid}.projects-page,.project-detail-page{--project-ink:var(--page-fg);--project-muted:color-mix(in srgb, var(--page-fg) 78%, var(--ink));--project-line:color-mix(in srgb, var(--electric) 24%, var(--page-fg) 10%);--project-panel:color-mix(in srgb, var(--surface-soft) 96%, var(--surface));--project-wash:color-mix(in srgb, var(--surface) 92%, var(--page-bg));color:var(--project-ink)}.project-detail-page-handoff{--project-accent:#e84d2a}.project-detail-page-benchmark{--project-accent:#3157ff}.project-detail-page-gateway{--project-accent:#b51d67}.project-detail-page-vector{--project-accent:#008f70}.project-detail-page-prompt{--project-accent:#6f38f6}.project-detail-page-purge{--project-accent:#282828}.projects-hero,.lesson-detail-hero{gap:.75rem;max-width:64rem;display:grid}.projects-hero{padding-block:clamp(.6rem,1.8vw,1.4rem) 0}.projects-hero h1,.project-detail-hero h1,.lesson-detail-hero h1{max-width:58rem;color:var(--page-fg);letter-spacing:0;font-size:clamp(3.25rem,6.5vw,7rem);line-height:.78}.projects-hero h1{text-shadow:0 16px 42px color-mix(in srgb, var(--electric) 12%, transparent)}.projects-subtitle{max-width:49rem;color:color-mix(in srgb, var(--page-fg) 76%, var(--ink));font-size:clamp(1.02rem,1.5vw,1.18rem);line-height:1.58}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.project-section{gap:.75rem;display:grid}.project-section-head{gap:.25rem;max-width:46rem;display:grid}.project-section-head h2{color:var(--page-fg);font-size:clamp(1.55rem,2.4vw,2.2rem);line-height:1}.project-grid-current{grid-template-columns:minmax(0,1fr)}.current-build-card{max-width:58rem}.project-card{--project-accent:var(--page-fg);--project-accent-2:var(--page-fg);--project-deep:#0c1a3a;border:1px solid color-mix(in srgb, var(--page-fg) 24%, transparent);background:color-mix(in srgb, var(--surface-soft) 98%, #fff);min-height:0;box-shadow:0 12px 30px color-mix(in srgb, var(--ink) 8%, transparent);border-radius:8px;grid-template-rows:1fr auto;transition:border-color .18s,background .18s,transform .18s;animation:.52s cubic-bezier(.22,1,.36,1) both card-enter;display:grid;position:relative;overflow:hidden}.project-card:nth-child(2){animation-delay:70ms}.project-card:nth-child(3){animation-delay:.14s}.project-card:nth-child(4){animation-delay:.21s}.project-card:nth-child(5){animation-delay:.28s}.project-card:hover,.project-card:focus-within{border-color:color-mix(in srgb, var(--page-fg) 42%, transparent);background:color-mix(in srgb, var(--surface-soft) 100%, #fff);transform:translateY(-2px)}.project-card-main{color:inherit;align-content:start;gap:.65rem;padding:clamp(1rem,1.7vw,1.35rem);text-decoration:none;display:grid}.project-visual{border:1.5px solid color-mix(in srgb, var(--project-deep) 18%, transparent);background:radial-gradient(circle at 15% 20%, color-mix(in srgb, var(--project-accent-2) 42%, transparent), transparent 32%), linear-gradient(140deg, color-mix(in srgb, var(--project-accent) 90%, #101010), var(--project-deep));border-radius:8px;min-height:5.4rem;position:relative;overflow:hidden}.project-visual:after{z-index:0;pointer-events:none;opacity:.38;content:"";background-color:#0000;background-image:linear-gradient(90deg,#ffffff14 1px,#0000 1px),linear-gradient(#ffffff14 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:1.2rem 1.2rem;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.project-visual>*{z-index:1}.project-card:hover .project-visual:after,.project-card:focus-within .project-visual:after{animation:.9s linear infinite grid-drift}.project-card-copy{align-content:start;gap:.52rem;display:grid}.project-card-topline{flex-wrap:wrap;justify-content:space-between;gap:.4rem;display:flex}.project-card-topline span,.project-stack span,.project-demo-note,.project-command span,.project-showcase-copy span{text-transform:uppercase;font-size:.78rem;line-height:1}.project-card-topline span:first-child,.project-demo-note,.project-command span,.project-showcase-copy span{color:color-mix(in srgb, var(--project-ink,var(--page-fg)) 76%, transparent)}.project-card-topline span:last-child{color:color-mix(in srgb, var(--project-ink) 72%, transparent)}.project-card h2{max-width:24rem;color:var(--project-ink);font-size:clamp(1.4rem,2vw,1.7rem);line-height:1.08}.project-card p,.lesson-card p,.project-panel p,.project-list li,.project-steps li,.lesson-point p{font-size:.96rem;line-height:1.58}.project-card p{max-width:31rem;color:var(--project-muted);font-size:.98rem;line-height:1.5}.current-build-card .project-card-main{cursor:default}.current-build-card p{max-width:50rem}.current-build-focus{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .9rem;margin:.2rem 0 0;padding:0;list-style:none;display:grid}.current-build-focus li{color:color-mix(in srgb, var(--page-fg) 72%, transparent);padding-left:.8rem;font-size:.9rem;line-height:1.35;position:relative}.current-build-focus li:before{content:"";background:color-mix(in srgb, var(--page-fg) 54%, transparent);border-radius:999px;width:.28rem;height:.28rem;position:absolute;top:.55em;left:0}.project-card-footer{align-self:end;gap:.7rem;padding:0 clamp(1rem,1.7vw,1.35rem) clamp(1rem,1.7vw,1.35rem);display:grid}.project-stack{flex-wrap:wrap;gap:.38rem;display:flex}.project-stack span{border:1px solid color-mix(in srgb, var(--page-fg) 14%, transparent);min-height:1.35rem;color:color-mix(in srgb, var(--project-ink,var(--page-fg)) 84%, transparent);background:color-mix(in srgb, var(--surface) 54%, transparent);border-radius:6px;align-items:center;padding:.18rem .36rem;display:inline-flex}.project-actions,.lesson-card-actions,.project-detail-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.project-actions{justify-content:flex-start;gap:.5rem}.project-actions .button-link{border-color:var(--page-fg);background:var(--page-fg);min-height:2.05rem;padding-inline:.62rem;font-size:1.05rem}.project-actions .text-link,.lesson-card-actions .text-link,.project-detail-actions .text-link{min-height:2.25rem;font-size:1.14rem}.project-actions .text-link{color:var(--page-fg)}.visual-window{color:#fff8ea;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff6b;border-radius:8px;gap:.22rem;padding:.42rem;display:grid;position:absolute}.visual-window span,.visual-badge{text-transform:uppercase;font-size:.58rem;line-height:1}.visual-window i,.visual-window b,.visual-editor i{background:#ffffffb8;border-radius:999px;height:.28rem;display:block}.visual-source{width:48%;top:.55rem;left:.55rem}.visual-output{width:44%;bottom:.55rem;right:.55rem}.visual-arrow{background:var(--project-accent-2);width:2.65rem;height:.18rem;position:absolute;top:48%;left:45%;transform:rotate(-12deg)}.visual-arrow:after{border-block:.36rem solid #0000;border-left:.56rem solid var(--project-accent-2);content:"";width:0;height:0;position:absolute;top:-.28rem;right:-.1rem}.visual-chart{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:.55rem;display:grid;position:absolute;inset:.65rem .7rem 1.95rem}.visual-chart span{background:linear-gradient(180deg, var(--project-accent-2), #ffffffc2);border-radius:8px 8px 2px 2px;display:block}.visual-badge{color:#fff8ea;background:#ffffff24;border-radius:8px;padding:.28rem .38rem;position:absolute;bottom:.52rem;right:.55rem}.visual-node{color:#fff8ea;text-transform:uppercase;background:#ffffff24;border:1px solid #ffffff6b;border-radius:8px;place-items:center;width:3.65rem;height:1.85rem;font-size:.58rem;display:grid;position:absolute}.visual-node-main{top:50%;left:.55rem;transform:translateY(-50%)}.visual-node-top{top:.52rem;right:.55rem}.visual-node-bottom{bottom:.52rem;right:.55rem}.visual-route{background:var(--project-accent-2);transform-origin:0;width:calc(100% - 9rem);height:.14rem;position:absolute;left:4.3rem}.visual-route-a{top:45%;transform:rotate(-18deg)}.visual-route-b{top:55%;transform:rotate(18deg)}.visual-rank-list{align-content:center;gap:.38rem;display:grid;position:absolute;inset:.55rem}.visual-rank{color:#fff8ea;grid-template-columns:1rem minmax(0,1fr) 1.8rem;align-items:center;gap:.32rem;display:grid}.visual-rank span,.visual-rank b{font-size:.58rem;line-height:1}.visual-rank i{background:linear-gradient(90deg, var(--project-accent-2), #ffffffd1);border-radius:999px;height:.42rem;display:block}.visual-editor{color:#fff8ea;background:#ffffff1f;border:1px solid #ffffff61;border-radius:8px;gap:.22rem;padding:.42rem;display:grid;position:absolute;left:.55rem;right:.55rem}.visual-editor span{font-size:.6rem;line-height:1.2}.visual-editor-before{top:.52rem}.visual-editor-after{bottom:.52rem}.project-detail-hero{grid-template-columns:minmax(0,1fr) minmax(13rem,.26fr);align-items:end;gap:clamp(1rem,2vw,1.4rem);max-width:74rem;display:grid}.project-detail-showcase{--project-accent:var(--pine);--project-accent-2:var(--sun);--project-deep:#17221e;border:1.5px solid var(--project-line);background:linear-gradient(135deg, color-mix(in srgb, var(--project-accent) 12%, transparent), transparent 48%), var(--project-panel);box-shadow:0 18px 42px color-mix(in srgb, var(--project-accent) 10%, transparent);border-radius:8px;grid-template-columns:minmax(18rem,.46fr) minmax(0,1fr);align-items:stretch;gap:clamp(.8rem,1.6vw,1.1rem);padding:clamp(.8rem,1.8vw,1.15rem);display:grid}.project-detail-hero-handoff+.project-detail-showcase{--project-accent:#e84d2a;--project-accent-2:#f2c94c;--project-deep:#321711}.project-detail-hero-benchmark+.project-detail-showcase{--project-accent:#3157ff;--project-accent-2:#2dd4bf;--project-deep:#101a43}.project-detail-hero-gateway+.project-detail-showcase{--project-accent:#b51d67;--project-accent-2:#ff8a3d;--project-deep:#311427}.project-detail-hero-vector+.project-detail-showcase{--project-accent:#008f70;--project-accent-2:#c6d93d;--project-deep:#0c2a24}.project-detail-hero-prompt+.project-detail-showcase{--project-accent:#6f38f6;--project-accent-2:#ffcf40;--project-deep:#24124e}.project-detail-showcase .project-visual{min-height:16rem}.project-showcase-copy{align-content:center;gap:.55rem;padding:clamp(.5rem,1vw,.8rem);display:grid}.project-showcase-copy p{max-width:36rem;color:var(--project-ink);font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.15}.project-next-step{border:1.5px solid color-mix(in srgb, var(--electric) 24%, var(--page-fg) 8%);background:linear-gradient(135deg, color-mix(in srgb, var(--signal) 10%, transparent), transparent 52%), color-mix(in srgb, var(--surface-soft) 84%, transparent);box-shadow:0 16px 36px color-mix(in srgb, var(--electric) 8%, transparent);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;padding:clamp(.9rem,2vw,1.25rem);display:grid}.project-next-step h2,.project-panel h2,.lesson-card h2,.lesson-body h2{color:var(--page-fg);font-size:clamp(1.4rem,2vw,1.7rem);line-height:1.08}.project-detail-layout{grid-template-columns:minmax(0,1fr) minmax(17rem,.32fr);align-items:start;gap:clamp(1.5rem,3vw,2.6rem);display:grid}.lesson-card,.lesson-point{border:1.5px solid color-mix(in srgb, var(--electric) 24%, var(--page-fg) 8%);background:color-mix(in srgb, var(--surface-soft) 84%, transparent);border-radius:8px}.project-detail-main{gap:clamp(1.1rem,2.2vw,1.8rem);display:grid}.project-panel{border-bottom:1.5px solid color-mix(in srgb, var(--page-fg) 16%, transparent);gap:.65rem;padding-block:0 1.2rem;display:grid}.project-panel:last-child{border-bottom:0}.project-panel h2{color:var(--page-fg);font-size:clamp(2.15rem,3.5vw,3.15rem);line-height:.9}.project-panel p,.project-panel li{max-width:55rem;font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.62}.lesson-card{background:linear-gradient(135deg, color-mix(in srgb, var(--signal) 10%, transparent), transparent 48%), color-mix(in srgb, var(--surface-soft) 84%, transparent);min-height:0;box-shadow:0 16px 34px color-mix(in srgb, var(--electric) 7%, transparent);align-content:start;gap:.55rem;padding:clamp(.85rem,1.8vw,1.15rem);transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.lesson-card:hover,.lesson-card:focus-within{border-color:color-mix(in srgb, var(--signal) 54%, var(--electric));box-shadow:0 20px 42px color-mix(in srgb, var(--signal) 10%, transparent);transform:translateY(-2px)}.project-meta-panel{border-top:3px solid var(--project-accent,var(--pine));gap:.9rem;padding-top:.15rem;display:grid}.project-meta-panel h2{color:var(--page-fg);font-size:clamp(1.85rem,3vw,2.55rem);line-height:.9}.project-list,.project-steps{gap:.58rem;padding-left:1.2rem;display:grid}.project-command{gap:.5rem;display:grid}.project-command pre{min-height:0;padding:.82rem}.project-command code{font-size:.82rem}.lesson-list,.lesson-body{gap:.8rem;display:grid}.lesson-article,.lesson-markdown{gap:clamp(.8rem,1.6vw,1.15rem);display:grid}:is(.lesson-markdown>.lesson-block:has(h2),.lesson-markdown>.lesson-block:has(h3),.lesson-markdown>.lesson-block:has(h4)){margin-top:clamp(1.1rem,2.6vw,2rem)}.lesson-markdown>.lesson-block:first-child{margin-top:0}.lesson-block-hr+.lesson-block:has(:is(h2,h3,h4)){margin-top:0}.lesson-article-section{border-bottom:1.5px solid color-mix(in srgb, var(--page-fg) 16%, transparent);gap:.65rem;padding-bottom:clamp(1rem,2.4vw,1.65rem);display:grid}.lesson-article-section:last-child{border-bottom:0}.lesson-article-section h2,.lesson-markdown h2,.lesson-markdown h3{max-width:46rem;color:var(--page-fg);font-size:clamp(2rem,3.4vw,3.1rem);line-height:.92}.lesson-article-section p,.lesson-article-section li,.lesson-markdown p,.lesson-markdown li{max-width:54rem;color:color-mix(in srgb, var(--page-fg) 78%, var(--ink));font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.68}.lesson-article-section ul,.lesson-markdown ul{gap:.48rem;max-width:52rem;padding-left:1.15rem;display:grid}.lesson-article-section pre,.lesson-markdown pre,.admin-markdown-preview pre{border:1px solid color-mix(in srgb, var(--page-fg) 16%, transparent);max-width:100%;color:var(--code-fg);background:var(--code-bg);border-radius:8px;margin-top:.25rem;padding:.9rem;overflow:auto hidden}.lesson-article-section pre code,.lesson-markdown pre code,.admin-markdown-preview pre code{white-space:pre;width:max-content;min-width:100%;font-size:.86rem;line-height:1.55;display:block}.lesson-markdown .inline-code,.lesson-article-section .inline-code,.admin-markdown-preview .inline-code{width:auto;min-width:0;color:var(--code-fg);background:color-mix(in srgb, var(--page-fg) 10%, transparent);white-space:nowrap;border-radius:4px;padding:.08rem .24rem;font-size:.92em;display:inline}.lesson-card{min-height:0}.lesson-detail-page{width:min(100%,64rem)}.lesson-point-list{gap:.55rem;display:grid}.lesson-point{grid-template-columns:3rem minmax(0,1fr);align-items:start;gap:.75rem;padding:clamp(.85rem,1.8vw,1.15rem);display:grid}.lesson-point span{color:var(--pine);font-family:var(--font-display);font-size:2rem;line-height:.9}.hero-text{min-width:0;max-width:70rem}.eyebrow{width:fit-content;color:var(--pine);font-size:.75rem;font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;align-items:center;font-weight:650;line-height:1;display:flex}#hero-title{z-index:2;color:var(--page-fg);letter-spacing:0;text-wrap:balance;max-width:100%;text-shadow:0 20px 56px color-mix(in srgb, var(--electric) 12%, transparent);margin-top:.45rem;font-size:clamp(5.2rem,8.4vw,8rem);line-height:.8;position:relative}.name-toggle{max-width:100%;color:inherit;font-family:var(--font-display);font-size:inherit;line-height:inherit;text-align:left;cursor:pointer;background:0 0;border:0;transition:color .18s,transform .18s;display:block}.name-toggle:hover,.name-toggle:focus-visible{color:var(--interactive-hover);transform:translateY(-2px)}.name-toggle:focus-visible{outline:3px solid color-mix(in srgb, var(--interactive-hover) 72%, transparent);outline-offset:.08em}.name-line{display:block}.name-line+.name-line{margin-top:-.2em}.hero-summary{max-width:46rem;margin-top:.4rem;font-size:clamp(1.12rem,2vw,1.35rem);line-height:1.5}.hero-actions{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:2.4rem;display:flex}.text-link{min-height:2.8rem;color:var(--page-fg);font-family:var(--font-display);opacity:.78;align-items:center;font-size:1.4rem;line-height:1;text-decoration:none;transition:color .18s,opacity .18s;display:inline-flex}.text-link:hover,.text-link:focus-visible{color:var(--pine);opacity:1}.button-link{border:1.5px solid color-mix(in srgb, var(--electric) 86%, var(--page-fg));color:#fff;background:var(--electric);min-height:2.8rem;font-family:var(--font-display);cursor:pointer;box-shadow:0 8px 18px color-mix(in srgb, var(--electric) 16%, transparent);border-radius:8px;justify-content:center;align-items:center;padding:.35rem .95rem;font-size:1.35rem;line-height:1;text-decoration:none;transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s;display:inline-flex}.button-link:hover,.button-link:focus-visible{border-color:color-mix(in srgb, var(--signal) 76%, var(--electric));background:color-mix(in srgb, var(--electric) 84%, var(--signal));box-shadow:0 10px 22px color-mix(in srgb, var(--electric) 18%, transparent);transform:translateY(-2px)}.button-link:disabled{cursor:progress;opacity:.62;transform:none}.admin-panel{border:1px solid color-mix(in srgb, var(--page-fg) 24%, transparent);background:var(--surface);border-radius:8px}pre{width:100%;max-width:100%;min-height:100%;color:var(--code-fg);background:var(--code-bg);contain:paint;border-radius:8px;align-self:stretch;padding:1rem;overflow:auto hidden}code{width:max-content;min-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.92rem;line-height:1.55;display:block}.site-footer{border-top:1px solid color-mix(in srgb, var(--electric) 26%, var(--page-fg) 10%);letter-spacing:.02em;width:100%;font-size:1.15rem;line-height:1;font-family:var(--font-display);text-transform:uppercase;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:.25rem;margin-top:clamp(.35rem,1vw,.75rem);padding:clamp(.42rem,.9vw,.65rem) 0 0;display:grid}.site-footer a,.site-footer button{color:var(--page-fg);opacity:.82;cursor:pointer;font:inherit;text-transform:uppercase;background:0 0;border:0;justify-self:center;text-decoration:none;transition:opacity .18s,color .18s,transform .18s;position:relative}.site-footer form{justify-items:center;display:grid}.social-link{justify-content:center;align-items:center;display:inline-flex;position:relative}.footer-preview{z-index:8;aspect-ratio:9/16;border:1.5px solid color-mix(in srgb, var(--signal) 38%, var(--paper));width:clamp(8.16rem,13.2vw,11.28rem);box-shadow:0 18px 42px color-mix(in srgb, var(--electric) 22%, transparent);opacity:0;pointer-events:none;background:#000;border-radius:8px;transition:opacity .16s,transform .22s;position:absolute;bottom:calc(100% + .2rem);left:50%;overflow:hidden;transform:translate(-50%,10px)scale(.98)}.footer-preview video{object-fit:cover;width:100%;height:100%;display:block}.footer-preview-wide{aspect-ratio:16/9;width:clamp(11.76rem,19.2vw,16.8rem)}.footer-preview-email{aspect-ratio:auto;cursor:pointer;pointer-events:auto;text-transform:none;width:max-content;max-width:min(92vw,24rem);padding:.72rem .96rem}.email-copy-row{justify-content:center;align-items:center;gap:.7rem;display:flex}.email-address{color:var(--paper);font-family:var(--font-body);white-space:nowrap;font-size:.9rem;line-height:1.1}.email-copy-badge{color:var(--paper);font-family:var(--font-body);border:1px solid #f7fff9e6;border-radius:8px;padding:.24rem .52rem;font-size:.72rem;line-height:1}.social-link:hover .footer-preview,.social-link:focus-visible .footer-preview,.social-link:focus .footer-preview,.footer-preview.is-active{opacity:1;transform:translate(-50%)scale(1)}.site-footer a:hover,.site-footer a:focus-visible,.site-footer button:hover,.site-footer button:focus-visible{color:var(--interactive-hover);opacity:1;transform:translateY(-1px)}.admin-gate{place-items:center;min-height:calc(100dvh - clamp(2rem,6vw,6rem));display:grid}.admin-gate-panel{width:min(100%,34rem)}.admin-gate-panel h1{color:var(--page-fg);font-size:4rem;line-height:.85}.admin-gate-note{max-width:28rem;color:color-mix(in srgb, var(--page-fg) 70%, var(--ink));font-size:.95rem;line-height:1.45}.admin-panel{gap:1rem;padding:clamp(1.1rem,2.8vw,2rem);display:grid}.admin-fresh-page{max-width:54rem}.admin-fresh-page h2{color:var(--page-fg);font-size:clamp(2.8rem,6vw,5.2rem);line-height:.86}.admin-editor-page{gap:clamp(1rem,3vw,1.5rem);display:grid}.admin-editor-page .admin-header{align-items:end}.admin-editor-page h1{color:var(--page-fg);font-size:clamp(3.2rem,7vw,6.5rem);line-height:.82}.admin-collection-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.admin-collection-tabs button,.admin-entry-list button{border:1px solid color-mix(in srgb, var(--page-fg) 18%, transparent);color:var(--page-fg);background:color-mix(in srgb, var(--surface-soft) 84%, transparent);cursor:pointer;font:inherit;text-align:left;border-radius:8px}.admin-collection-tabs button{min-height:2.4rem;font-family:var(--font-display);align-items:center;gap:.45rem;padding:.42rem .62rem;font-size:1.25rem;line-height:1;display:inline-flex}.admin-collection-tabs button span{color:color-mix(in srgb, var(--page-fg) 58%, transparent);font-family:var(--font-body);font-size:.82rem}.admin-collection-tabs button.is-active,.admin-entry-list button.is-active{border-color:color-mix(in srgb, var(--page-fg) 42%, transparent);background:color-mix(in srgb, var(--surface-soft) 96%, var(--surface))}.admin-editor-grid{grid-template-columns:minmax(14rem,.32fr) minmax(0,1fr);align-items:start;gap:clamp(1rem,3vw,1.5rem);display:grid}.admin-panel-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.admin-panel-heading h2,.admin-editor-card h3{color:var(--page-fg);font-size:clamp(2.1rem,4vw,3.4rem);line-height:.9}.admin-panel-heading .button-link{width:auto;min-height:2.1rem;padding-inline:.7rem;font-size:1rem}.admin-list-panel{position:sticky;top:1rem}.admin-entry-list,.admin-edit-stack{gap:.65rem;display:grid}.admin-entry-list button{gap:.22rem;width:100%;padding:.65rem;display:grid}.admin-entry-list span{font-family:var(--font-display);font-size:1.25rem;line-height:1}.admin-entry-list small{color:color-mix(in srgb, var(--page-fg) 58%, transparent);font-size:.78rem}.admin-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.admin-panel label{color:var(--pine);text-transform:uppercase;gap:.35rem;font-size:1.15rem;line-height:1;display:grid}.admin-panel input,.admin-panel textarea,.admin-panel select{border:1.5px solid color-mix(in srgb, var(--page-fg) 26%, transparent);width:100%;color:var(--ink);background:var(--surface-soft);font:inherit;border-radius:8px;outline:none;padding:.65rem .75rem;font-size:1.45rem;line-height:1.05}.admin-panel select{min-height:3rem}.admin-panel textarea{resize:vertical}.admin-panel input:focus,.admin-panel textarea:focus,.admin-panel select:focus{border-color:var(--pine);box-shadow:0 0 0 3px color-mix(in srgb, var(--pine) 18%, transparent)}.admin-json-editor,.admin-markdown-editor{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.95rem!important;line-height:1.52!important}.admin-notebook{grid-template-columns:minmax(0,1fr) minmax(18rem,.46fr);align-items:start;gap:.85rem;display:grid}.admin-markdown-preview{gap:.65rem;display:grid}.admin-markdown-preview h3{color:var(--page-fg);font-size:clamp(1.55rem,2.5vw,2.25rem);line-height:.92}.admin-markdown-preview p,.admin-markdown-preview li{color:color-mix(in srgb, var(--page-fg) 78%, var(--ink));font-size:.94rem;line-height:1.5}.admin-markdown-preview ul{padding-left:1rem}.admin-note-cell{border:1px solid color-mix(in srgb, var(--page-fg) 16%, transparent);background:color-mix(in srgb, var(--surface-soft) 86%, transparent);border-radius:8px;gap:.45rem;padding:.75rem;display:grid}.admin-note-cell h3{color:var(--page-fg);font-size:clamp(1.55rem,2.5vw,2.25rem);line-height:.92}.admin-note-cell p,.admin-note-cell li{color:color-mix(in srgb, var(--page-fg) 78%, var(--ink));font-size:.94rem;line-height:1.5}.admin-note-cell ul{padding-left:1rem}.admin-note-cell pre{min-height:0;padding:.65rem}.admin-note-cell code{font-size:.78rem}.admin-status{color:var(--pine);padding-top:.25rem}.intro-loader{z-index:1000;color:var(--page-fg);background:linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), linear-gradient(180deg, var(--grid-line) 1px, transparent 1px), linear-gradient(135deg, color-mix(in srgb, var(--electric) 9%, transparent), transparent 28rem), var(--page-bg);touch-action:none;will-change:transform;box-shadow:0 26px 60px color-mix(in srgb, var(--ink) 20%, transparent);background-size:3rem 3rem,3rem 3rem,100% 100%,auto;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.intro-loader-leaving{pointer-events:none}.intro-skills-wall{opacity:.26;filter:blur(.55px);pointer-events:none;grid-template-rows:repeat(4,clamp(2.25rem,6.5vh,4.2rem)) minmax(clamp(14rem,36vh,23rem),1fr) repeat(4,clamp(2.25rem,6.5vh,4.2rem));align-content:center;gap:0;display:grid;position:absolute;inset:clamp(1.9rem,5.5vh,4rem) -16vw;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.intro-skill-row{align-items:center;width:100%;max-width:none;display:flex;overflow:hidden}.intro-skill-row:nth-of-type(5){grid-row:6}.intro-skill-row:nth-of-type(6){grid-row:7}.intro-skill-row:nth-of-type(7){grid-row:8}.intro-skill-row:nth-of-type(8){grid-row:9}.intro-skill-track{flex-shrink:0;align-items:center;gap:0;width:max-content;animation:64s linear infinite intro-skills-left;display:flex}.intro-skill-row:nth-child(2n) .intro-skill-track{animation-name:intro-skills-right;animation-duration:70s}.intro-skill-row:nth-child(3n) .intro-skill-track{animation-duration:76s}.intro-skill-track span{color:color-mix(in srgb, var(--page-fg) 78%, transparent);font-family:var(--font-display);letter-spacing:.01em;white-space:nowrap;text-transform:uppercase;text-shadow:0 5px 16px color-mix(in srgb, var(--electric) 7%, transparent);align-items:center;padding-right:clamp(2.8rem,5.5vw,6rem);font-size:clamp(1.2rem,2.65vw,2.75rem);line-height:1;display:inline-flex}.intro-skill-track span:after{color:color-mix(in srgb, var(--electric) 42%, transparent);content:"/";padding-left:clamp(1.35rem,2.6vw,2.8rem)}.intro-loader-copy{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;padding-block:clamp(1.5rem,4vh,3rem);padding-inline:clamp(1rem,5vw,4rem);display:flex;position:relative;transform:translateY(clamp(-.8rem,-1.6vh,-.35rem))}.intro-loader-name{width:100%;color:var(--page-fg);font-family:var(--font-display);text-align:center;text-shadow:0 18px 55px color-mix(in srgb, var(--electric) 16%, transparent);font-size:clamp(4.2rem,12vw,11rem);line-height:.74;animation:1.3s cubic-bezier(.22,1,.36,1) both intro-name-fade}.intro-loader-tagline{width:100%;color:color-mix(in srgb, var(--page-fg) 72%, transparent);text-align:center;margin-top:clamp(.7rem,1.8vw,1.25rem);margin-bottom:0;font-size:clamp(.95rem,1.7vw,1.18rem);font-weight:700;line-height:1.2;animation:1.3s cubic-bezier(.22,1,.36,1) .16s both intro-name-fade}.intro-loader-leaving .intro-swipe-cue{opacity:0;transition-duration:.42s;transform:translate(-50%,-1.4rem)}.intro-swipe-cue{z-index:2;color:color-mix(in srgb, var(--page-fg) 74%, transparent);cursor:pointer;letter-spacing:.08em;opacity:0;text-transform:uppercase;background:0 0;border:0;justify-items:center;gap:.32rem;font-size:.66rem;font-weight:800;transition:opacity .48s,transform .48s,color .18s;display:grid;position:absolute;bottom:clamp(.65rem,2.3vh,1.5rem);left:50%;transform:translate(-50%,.9rem)}.intro-loader-ready .intro-swipe-cue{opacity:1;transform:translate(-50%)}.intro-swipe-cue:disabled{cursor:default}.intro-swipe-cue:not(:disabled):hover,.intro-swipe-cue:not(:disabled):focus-visible{color:var(--page-fg)}.intro-swipe-cue i{border:1px solid color-mix(in srgb, var(--page-fg) 26%, transparent);background:color-mix(in srgb, var(--surface-soft) 56%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;width:1.25rem;height:1.9rem;position:relative}.intro-swipe-cue i:before{content:"";border-top:2px solid;border-left:2px solid;width:.32rem;height:.32rem;animation:1.18s ease-in-out infinite intro-cue-rise;position:absolute;top:1.02rem;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes page-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-name-fade{0%{opacity:0;filter:blur(10px);transform:translateY(1.2rem)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes intro-skills-left{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@keyframes intro-skills-right{0%{transform:translate(-33.333%)}to{transform:translate(0)}}@keyframes intro-cue-rise{0%{opacity:0;transform:translate(-50%,.38rem)rotate(45deg)}42%{opacity:1}to{opacity:0;transform:translate(-50%,-.45rem)rotate(45deg)}}@keyframes card-enter{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tech-scan{0%{opacity:.58;transform:translate(-3vw)}to{opacity:.9;transform:translate(3vw)}}@keyframes grid-drift{0%{background-position:0 0,0 0}to{background-position:1.2rem 0,0 1.2rem}}@media (width<=900px){#content.home-shell{height:auto;min-height:100dvh;overflow:visible}.home-hero-grid{grid-template-rows:none;grid-template-columns:1fr;row-gap:clamp(1.5rem,6vw,2.5rem);height:auto}.home-hero-grid>.hero-text,.home-hero-grid>.landing-feature,.home-hero-grid>.home-race-replay{grid-area:auto/1}.home-race-replay{flex:none}.landing-feature{justify-content:flex-start;align-items:flex-start;height:auto}#hero-title{font-size:6.2rem}.landing-portrait{align-self:flex-start;width:min(100%,20rem)}.admin-editor-grid{grid-template-columns:1fr}.admin-list-panel{position:static}.admin-notebook,.project-detail-hero,.project-next-step,.project-detail-showcase,.project-detail-layout{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card,.project-card:nth-child(3),.project-card:nth-child(4),.project-card:nth-child(5){grid-column:auto}.project-meta-panel{grid-row:auto}.project-next-step{align-items:start}.project-detail-actions{align-items:flex-start}.contact-panel{grid-template-columns:1fr}.challenge-stats,.challenge-planned-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.challenge-cta{justify-content:stretch;display:grid}.challenge-hub-note{grid-template-columns:1fr}}@media (width<=640px){p,li{font-size:.98rem}#content{padding:1rem}#content.public-shell{grid-template-rows:auto minmax(0,1fr) auto}.hero-text,.hero-summary,.admin-panel{width:100%;max-width:100%}.admin-field-grid{grid-template-columns:1fr}#hero-title{font-size:3.45rem}.hero-summary{font-size:1.02rem}.public-header{z-index:60;background:color-mix(in srgb, var(--page-bg) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb, var(--page-fg) 8%, transparent);height:3.4rem;margin-inline:calc(-1*clamp(.65rem,1.8vw,1.6rem));padding-inline:clamp(.95rem,4.5vw,1.35rem);position:sticky;top:0}.nav-burger{border:1px solid color-mix(in srgb, var(--electric) 32%, var(--page-fg) 10%);background:color-mix(in srgb, var(--surface-soft) 70%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:2.2rem;height:2.2rem;padding:0;transition:border-color .18s,background-color .18s;display:inline-flex}.nav-burger span{background:var(--page-fg);border-radius:2px;width:1.05rem;height:2px;transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .16s;display:block}.is-menu-open .nav-burger span:first-child{transform:translateY(6px)rotate(45deg)}.is-menu-open .nav-burger span:nth-child(2){opacity:0}.is-menu-open .nav-burger span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.public-header .public-nav.command-dock{background:color-mix(in srgb, var(--surface-soft) 98%, transparent);width:min(15rem,74vw);box-shadow:0 18px 40px color-mix(in srgb, var(--page-fg) 22%, transparent);transform-origin:100% 0;opacity:0;pointer-events:none;z-index:70;border-radius:1.1rem;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.18rem;padding:.5rem;transition:opacity .2s,transform .2s;position:fixed;inset:3.75rem clamp(.65rem,3.5vw,1.15rem) auto auto;transform:translateY(-10px)scale(.97)}.public-header.is-menu-open .public-nav.command-dock{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.public-nav .command-dock-link{justify-content:flex-start;width:100%;min-height:2.6rem;padding:.5rem .85rem;font-size:.95rem}.is-menu-open .nav-scrim{z-index:65;cursor:default;background:0 0;border:0;padding:0;display:block;position:fixed;inset:0}.header-contact-link{display:none}.challenge-page{gap:1.1rem}.challenge-hero h1,.projects-hero h1,.project-detail-hero h1,.lesson-detail-hero h1{font-size:3.3rem}.challenge-subtitle,.challenge-intro p,.challenge-tool-card p,.projects-subtitle{font-size:1rem}.challenge-stats,.challenge-planned-grid,.project-grid,.contact-field-grid{grid-template-columns:1fr}.project-card-main{grid-template-rows:minmax(6rem,auto) auto}.current-build-focus{grid-template-columns:1fr}.project-card,.project-card:nth-child(3),.project-card:nth-child(4),.project-card:nth-child(5){grid-column:auto}.project-card{min-height:20rem}.challenge-card-heading,.challenge-planned-card{align-items:start}.challenge-stat{min-height:5.8rem}.project-card,.lesson-card{min-height:0}.lesson-point{grid-template-columns:1fr;gap:.35rem}code{font-size:.78rem}.button-link{width:100%}.hero-actions{align-items:stretch}.text-link{justify-content:center}.site-footer{grid-template-columns:repeat(4,minmax(0,1fr));gap:.15rem;font-size:1.12rem}.site-footer a,.site-footer button{font-size:1.12rem}.footer-preview{width:min(8.5rem,42vw);bottom:calc(100% + .35rem)}.footer-preview-wide{width:min(12rem,56vw)}.footer-preview-email{max-width:84vw;left:auto;right:0;transform:translateY(10px)scale(.98)}.social-link:hover .footer-preview-email,.social-link:focus-visible .footer-preview-email,.social-link:focus .footer-preview-email,.footer-preview-email.is-active{transform:translate(0)scale(1)}}@media (width<=460px){.project-grid{grid-template-columns:1fr}.project-card{min-height:19rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.project-detail-page,.project-detail-showcase,.project-detail-page-handoff,.project-detail-page-benchmark,.project-detail-page-gateway,.project-detail-page-vector,.project-detail-page-prompt,.project-detail-hero-handoff+.project-detail-showcase,.project-detail-hero-benchmark+.project-detail-showcase,.project-detail-hero-gateway+.project-detail-showcase,.project-detail-hero-vector+.project-detail-showcase,.project-detail-hero-prompt+.project-detail-showcase{--project-accent:var(--electric);--project-accent-2:var(--signal);--project-deep:#0c1a3a}.research-page,.research-article{--research-accent:var(--electric);--research-muted:color-mix(in srgb, var(--page-fg) 64%, transparent);--research-line:color-mix(in srgb, var(--electric) 22%, var(--page-fg) 10%);--research-panel:color-mix(in srgb, var(--surface-soft) 88%, transparent);width:min(100%,82rem);color:var(--page-fg);align-content:start;gap:clamp(1.1rem,2.6vw,2rem);margin-inline:auto;display:grid}.research-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,23rem),1fr));gap:clamp(.7rem,1.2vw,.95rem);display:grid}.research-card{border:1px solid color-mix(in srgb, var(--page-fg) 16%, transparent);background:color-mix(in srgb, var(--surface-soft) 84%, var(--surface));box-shadow:none;border-radius:8px;grid-template-rows:1fr auto;transition:border-color .18s,background .18s,transform .18s;animation:.52s cubic-bezier(.22,1,.36,1) both card-enter;display:grid;position:relative;overflow:hidden}.research-card:nth-child(2){animation-delay:70ms}.research-card:nth-child(3){animation-delay:.14s}.research-card:nth-child(4){animation-delay:.21s}.research-card:nth-child(5){animation-delay:.28s}.research-card:hover,.research-card:focus-within{border-color:color-mix(in srgb, var(--page-fg) 34%, transparent);background:color-mix(in srgb, var(--surface-soft) 94%, var(--surface));transform:translateY(-2px)}.research-card-main{color:inherit;align-content:start;gap:.55rem;padding:clamp(.8rem,1.5vw,1.05rem);text-decoration:none;display:grid}.research-kind{background:color-mix(in srgb, var(--page-fg) 10%, transparent);color:color-mix(in srgb, var(--page-fg) 78%, transparent);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;justify-self:start;padding:.26rem .55rem;font-size:.68rem;font-weight:700}.research-card-main h2{color:var(--page-fg);font-size:clamp(1.4rem,2vw,1.7rem);line-height:1.08}.research-card-blurb{color:color-mix(in srgb, var(--page-fg) 76%, var(--ink));font-size:.96rem;line-height:1.55}.research-card-tags{flex-wrap:wrap;gap:.36rem;margin-top:.1rem;display:flex}.research-card-tags span,.research-keywords span{border:1px solid color-mix(in srgb, var(--page-fg) 14%, transparent);color:color-mix(in srgb, var(--page-fg) 72%, transparent);background:0 0;border-radius:6px;padding:.22rem .5rem;font-size:.72rem;font-weight:600}.research-card-footer{flex-wrap:wrap;align-self:end;align-items:center;gap:.65rem;padding:0 clamp(.8rem,1.5vw,1.05rem) clamp(.8rem,1.5vw,1.05rem);display:flex}.research-article{width:min(100%,74rem)}.research-back-link{color:var(--research-muted);justify-self:start;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .16s}.research-back-link:hover,.research-back-link:focus-visible{color:var(--research-accent)}.research-article-layout{grid-template-columns:minmax(0,1fr) minmax(15rem,20rem);align-items:start;gap:clamp(2rem,5.5vw,4.5rem);display:grid}.research-article-main{gap:.85rem;display:grid}.research-article-main h1{max-width:34rem;color:var(--page-fg);letter-spacing:0;font-size:clamp(2.2rem,3.8vw,3.4rem);line-height:.96}.research-article-subtitle{max-width:34rem;color:color-mix(in srgb, var(--page-fg) 76%, var(--ink));font-size:clamp(1.05rem,1.5vw,1.24rem);line-height:1.45}.research-meta{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.7rem 1.3rem;max-width:34rem;margin:.25rem 0 .35rem;display:grid}.research-meta dt{color:var(--research-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:700}.research-meta dd{color:var(--page-fg);margin-top:.15rem;font-size:.94rem;font-weight:600;line-height:1.35}.research-abstract{border:1.5px solid var(--research-line);background:linear-gradient(135deg, color-mix(in srgb, var(--research-accent) 8%, transparent), transparent 55%), var(--research-panel);border-radius:8px;gap:.75rem;padding:clamp(1rem,2vw,1.4rem);display:grid}.research-abstract-label{color:var(--research-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.research-abstract p{color:color-mix(in srgb, var(--page-fg) 84%, var(--ink));font-size:clamp(.98rem,1.3vw,1.08rem);line-height:1.62}.research-keywords{flex-wrap:wrap;gap:.36rem;margin-top:.2rem;display:flex}.research-article-links{flex-wrap:wrap;gap:.75rem 1.1rem;display:flex}.research-preview{justify-self:end;gap:.75rem;width:100%;display:grid;position:sticky;top:4.6rem}.research-preview-frame{border:1.5px solid var(--research-line);background:var(--surface-soft);border-radius:8px;transition:transform .2s,box-shadow .2s,border-color .2s;display:block;overflow:hidden;box-shadow:0 20px 44px #18231f29}.research-preview-frame img{width:100%;height:auto;display:block}.research-preview-frame:hover,.research-preview-frame:focus-visible{border-color:color-mix(in srgb, var(--research-accent) 50%, var(--research-line));transform:translateY(-3px);box-shadow:0 26px 52px #18231f38}.research-preview-actions{align-items:center;gap:.9rem;display:flex}@media (width<=880px){.research-article-layout{grid-template-columns:1fr}.research-preview{max-width:22rem;position:static}}@media (width<=640px){.research-card-footer{flex-wrap:wrap}}.theme-switcher{display:inline-flex;position:relative}.theme-switcher-dot{border:1px solid color-mix(in srgb, var(--electric) 34%, var(--page-fg) 10%);background:color-mix(in srgb, var(--surface-soft) 70%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;transition:border-color .18s,transform .18s,box-shadow .18s;display:inline-flex}.theme-switcher-dot:hover,.theme-switcher-dot:focus-visible{border-color:var(--electric);box-shadow:0 8px 18px color-mix(in srgb, var(--electric) 22%, transparent);transform:translateY(-1px)}.theme-switcher-current{background:var(--electric);width:.95rem;height:.95rem;box-shadow:0 0 0 2px color-mix(in srgb, var(--electric) 24%, transparent);border-radius:999px}.theme-switcher-menu{z-index:60;border:1px solid color-mix(in srgb, var(--page-fg) 12%, transparent);background:color-mix(in srgb, var(--surface-soft) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;gap:.35rem;padding:.45rem;animation:.16s both card-enter;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 16px 34px #0f172a2e}.theme-swatch{cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:1.55rem;height:1.55rem;padding:0;transition:transform .14s;display:inline-flex}.theme-swatch span{border-radius:999px;width:1.1rem;height:1.1rem;box-shadow:inset 0 0 0 1px #0000001f}.theme-swatch:hover{transform:translateY(-1px)}.theme-swatch.is-active{outline:2px solid color-mix(in srgb, var(--page-fg) 42%, transparent);outline-offset:1px}:root[data-accent=violet]{--electric:#7c3aed;--signal:#8b5cf6}:root[data-accent=emerald]{--electric:#059669;--signal:#10b981}:root[data-accent=amber]{--electric:#d97706;--signal:#f59e0b}:root[data-accent=rose]{--electric:#e11d48;--signal:#fb7185}:root.is-dark-mode[data-accent=violet]{--electric:#a78bfa;--signal:#8b5cf6}:root.is-dark-mode[data-accent=emerald]{--electric:#34d399;--signal:#10b981}:root.is-dark-mode[data-accent=amber]{--electric:#fbbf24;--signal:#f59e0b}:root.is-dark-mode[data-accent=rose]{--electric:#fb7185;--signal:#f43f5e}:root[data-accent=mono]{--electric:#241f1b;--signal:#6f665d;--pine:#4a413a;--hot:#5c534a;--mulberry:#352c25;--interactive-hover:#17120f;--ink:#2b2521;--paper:#fbfbfa;--paper-strong:#fff;--mist:#efece8;--surface:#f3f0ec;--surface-soft:#fff;--grid-line:#241f1b1a;--grid-line-strong:#241f1b24}:root.is-dark-mode[data-accent=mono]{--electric:#e8e8ea;--signal:#9a9a9e;--pine:#cfcfd2;--hot:#bcbcc0;--mulberry:#d8d8db;--interactive-hover:#fff;--ink:#f2f2f4;--paper:#0b0b0c;--paper-strong:#141416;--mist:#1c1c1f;--surface:#161618;--surface-soft:#1d1d20;--grid-line:#e8e8ea26;--grid-line-strong:#e8e8ea33}body.cursor-fx-active,body.cursor-fx-active *{cursor:none!important}.cursor-fx-dot,.cursor-fx-ring{z-index:9999;pointer-events:none;opacity:0;will-change:transform;position:fixed;top:0;left:0}.cursor-fx-dot{background:var(--electric);border-radius:999px;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;transition:opacity .2s,background-color .2s}.cursor-fx-ring{width:0;height:0;transition:opacity .24s}.cursor-fx-ring:before{content:"";border:1.5px solid color-mix(in srgb, var(--electric) 55%, transparent);background:color-mix(in srgb, var(--electric) 0%, transparent);border-radius:999px;width:34px;height:34px;margin:-17px 0 0 -17px;transition:transform .24s cubic-bezier(.22,1,.36,1),border-color .24s,background-color .24s;position:absolute;top:0;left:0}.cursor-fx-ring.is-hover:before{border-color:color-mix(in srgb, var(--electric) 85%, transparent);background:color-mix(in srgb, var(--electric) 12%, transparent);transform:scale(1.6)}.cursor-fx-ring.is-down:before{background:color-mix(in srgb, var(--electric) 18%, transparent);transform:scale(.78)}.cursor-fx-ring.is-hover.is-down:before{transform:scale(1.3)}.reading-progress{z-index:1200;background:color-mix(in srgb, var(--page-fg) 8%, transparent);pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0}.reading-progress-fill{transform-origin:0;background:linear-gradient(90deg, var(--electric), var(--signal));width:100%;height:100%;box-shadow:0 0 12px color-mix(in srgb, var(--signal) 60%, transparent);transition:transform 90ms linear;transform:scaleX(0)}.lesson-meta-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1rem;display:flex}.read-time{letter-spacing:.01em;color:color-mix(in srgb, var(--page-fg) 66%, transparent);align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:inline-flex}.read-time svg{opacity:.75}.read-toggle{font:inherit;border:1px solid color-mix(in srgb, var(--page-fg) 16%, transparent);background:color-mix(in srgb, var(--surface-soft) 70%, transparent);color:color-mix(in srgb, var(--page-fg) 78%, transparent);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.32rem .7rem;font-size:.82rem;font-weight:600;transition:border-color .16s,color .16s,background .16s;display:inline-flex}.read-toggle:hover{border-color:color-mix(in srgb, var(--interactive-hover) 50%, transparent);color:var(--page-fg)}.read-toggle.status-read{border-color:color-mix(in srgb, var(--signal) 55%, transparent);color:color-mix(in srgb, var(--page-fg) 82%, transparent)}.read-badge{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:1px solid color-mix(in srgb, var(--page-fg) 12%, transparent);color:color-mix(in srgb, var(--page-fg) 74%, transparent);background:color-mix(in srgb, var(--surface-soft) 60%, transparent);border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.read-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.read-badge.status-unread{color:color-mix(in srgb, var(--page-fg) 66%, transparent)}.read-badge.status-unread .read-dot{background:0 0;border:1.5px solid}.read-badge.status-reading{border-color:color-mix(in srgb, var(--sun) 45%, transparent)}.read-badge.status-reading .read-dot{background:var(--sun)}.read-badge.status-read{border-color:color-mix(in srgb, var(--signal) 55%, transparent)}.read-badge.status-read .read-dot,.read-toggle.status-read .read-dot{background:var(--signal)}.lesson-card-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.lesson-card-meta{margin-top:.35rem}.lesson-card.is-hidden-item{opacity:.5}.editable-text{cursor:text;border-radius:6px;outline:none;transition:box-shadow .14s,background .14s}.editable-text:hover{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--interactive-hover) 34%, transparent)}.editable-text:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--interactive-hover) 70%, transparent);background:color-mix(in srgb, var(--surface-soft) 55%, transparent)}.editable-text[data-empty=true]:before{content:attr(data-placeholder);color:color-mix(in srgb, var(--page-fg) 38%, transparent);pointer-events:none;font-style:italic}.edit-chip{border:1px solid color-mix(in srgb, var(--page-fg) 16%, transparent);background:var(--surface-soft);width:26px;height:26px;color:color-mix(in srgb, var(--page-fg) 78%, transparent);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:.95rem;line-height:1;transition:border-color .14s,background .14s,color .14s;display:inline-flex}.edit-chip:hover{border-color:color-mix(in srgb, var(--interactive-hover) 55%, transparent);color:var(--page-fg)}.edit-chip.danger:hover{color:#ef4444;border-color:#ef4444b3}.edit-chip.muted{opacity:.7}.drag-handle{border:1px solid color-mix(in srgb, var(--page-fg) 16%, transparent);background:var(--surface-soft);width:26px;height:26px;color:color-mix(in srgb, var(--page-fg) 60%, transparent);cursor:grab;fill:currentColor;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.drag-handle:active{cursor:grabbing}.card-tools,.block-tools{align-items:center;gap:.35rem;display:flex}.card-tools{z-index:3;position:absolute;top:.85rem;right:.85rem}.lesson-card{position:relative}.block-tools{z-index:3;opacity:0;transition:opacity .14s;position:absolute;top:-.4rem;right:-.4rem}.lesson-block{position:relative}.lesson-block:hover>.block-tools,.lesson-block:focus-within>.block-tools{opacity:1}.sortable-slot{border-radius:12px;transition:box-shadow .14s,opacity .14s}.sortable-slot.is-dragging{opacity:.45}.sortable-slot.is-over{box-shadow:0 -3px 0 0 var(--signal)}.edit-add{border:1.5px dashed color-mix(in srgb, var(--interactive-hover) 45%, transparent);background:color-mix(in srgb, var(--surface-soft) 55%, transparent);color:color-mix(in srgb, var(--page-fg) 82%, transparent);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:.4rem;margin-top:1.25rem;padding:.55rem 1.1rem;font-weight:600;transition:border-color .14s,background .14s;display:inline-flex}.edit-add:hover{border-color:var(--interactive-hover);background:color-mix(in srgb, var(--interactive-hover) 12%, transparent)}.edit-add-sub{margin-top:.5rem;padding:.3rem .7rem;font-size:.8rem}.editable-li{align-items:flex-start;gap:.5rem;display:flex}.editable-li .editable-text{flex:1}.block-add-bar{border-top:1px dashed color-mix(in srgb, var(--page-fg) 14%, transparent);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.block-add-bar span{color:color-mix(in srgb, var(--page-fg) 60%, transparent);font-size:.82rem;font-weight:600}.block-add-bar button{border:1px solid color-mix(in srgb, var(--page-fg) 16%, transparent);background:var(--surface-soft);color:var(--page-fg);font:inherit;cursor:pointer;border-radius:8px;padding:.35rem .8rem;font-size:.82rem;font-weight:600}.block-add-bar button:hover{border-color:var(--interactive-hover)}.admin-live-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.admin-dirty{color:color-mix(in srgb, var(--sun) 65%, var(--page-fg));align-items:center;margin-right:.4rem;font-size:.78rem;font-weight:700;display:inline-flex}.admin-live-stage{margin-top:1.5rem}.admin-live-canvas{border:1px solid color-mix(in srgb, var(--page-fg) 10%, transparent);background:color-mix(in srgb, var(--surface-soft) 40%, transparent);border-radius:18px;padding:clamp(1.25rem,3vw,2.5rem)}.admin-live-hint{color:color-mix(in srgb, var(--page-fg) 62%, transparent);background:color-mix(in srgb, var(--signal) 8%, transparent);border:1px solid color-mix(in srgb, var(--signal) 20%, transparent);border-radius:10px;margin-bottom:1.25rem;padding:.6rem .9rem;font-size:.85rem}.admin-breadcrumb{font:inherit;color:color-mix(in srgb, var(--page-fg) 70%, transparent);cursor:pointer;background:0 0;border:none;margin-bottom:1.25rem;padding:0;font-size:.9rem;font-weight:600}.admin-breadcrumb:hover{color:var(--interactive-hover)}.research-card-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.chip-edit{align-items:center;gap:.25rem;display:inline-flex}.chip-row{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.edit-inline-field{letter-spacing:.03em;text-transform:uppercase;color:color-mix(in srgb, var(--page-fg) 55%, transparent);flex-direction:column;gap:.25rem;width:100%;font-size:.72rem;font-weight:700;display:flex}.edit-inline-field .editable-text{letter-spacing:normal;text-transform:none;color:var(--page-fg);border:1px solid color-mix(in srgb, var(--page-fg) 14%, transparent);background:var(--surface-soft);border-radius:8px;padding:.3rem .5rem;font-size:.85rem;font-weight:500}.edit-media-fields{flex-direction:column;gap:.9rem;display:flex}.edit-media-fields img{border:1px solid color-mix(in srgb, var(--page-fg) 12%, transparent);border-radius:10px}.lesson-detail-body.has-toc{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.lesson-body-col{min-width:0}.lesson-toc{align-self:start;max-height:calc(100vh - 120px);padding-right:.5rem;position:sticky;top:96px;overflow-y:auto}.lesson-toc-title{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--page-fg) 64%, transparent);margin:0 0 .75rem;font-size:.72rem;font-weight:700}.lesson-toc ol{border-left:1.5px solid color-mix(in srgb, var(--page-fg) 12%, transparent);margin:0;padding:0;list-style:none}.lesson-toc li{margin:0}.lesson-toc a{color:color-mix(in srgb, var(--page-fg) 66%, transparent);border-left:1.5px solid #0000;margin-left:-1.5px;padding:.35rem 0 .35rem .85rem;font-size:.82rem;line-height:1.35;text-decoration:none;transition:color .14s,border-color .14s;display:block}.lesson-toc li.toc-level-3 a{padding-left:1.6rem;font-size:.78rem}.lesson-toc a:hover{color:var(--page-fg)}.lesson-toc li.is-active a{color:var(--interactive-hover);border-left-color:var(--interactive-hover);font-weight:600}.lesson-markdown h4{font-family:var(--font-display);color:var(--page-fg);margin:1.75rem 0 .5rem;font-size:1.15rem}.lesson-markdown blockquote{border-left:3px solid color-mix(in srgb, var(--electric) 60%, transparent);background:color-mix(in srgb, var(--electric) 6%, transparent);color:color-mix(in srgb, var(--page-fg) 88%, transparent);border-radius:0 10px 10px 0;margin:1.5rem 0;padding:.85rem 1.25rem;font-style:italic}.lesson-markdown blockquote span{font-style:inherit}.lesson-block-hr{margin:1.1rem 0}.lesson-markdown hr{background:color-mix(in srgb, var(--page-fg) 14%, transparent);border:none;height:1px}@media (width<=1024px){.lesson-detail-body.has-toc{grid-template-columns:1fr}.lesson-toc{display:none}}.detail-back-link{color:color-mix(in srgb, var(--page-fg) 60%, transparent);justify-self:start;align-items:center;gap:.35rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .16s,transform .16s;display:inline-flex}.detail-back-link:hover,.detail-back-link:focus-visible{color:var(--interactive-hover);transform:translate(-2px)}.lesson-detail-page{z-index:1;background:var(--paper-strong);border:1px solid color-mix(in srgb, var(--page-fg) 8%, transparent);box-shadow:0 40px 90px -60px color-mix(in srgb, var(--shadow-grey) 55%, transparent);border-radius:22px;padding:clamp(1.4rem,4vw,3.75rem);position:relative}.skip-link{z-index:2000;background:var(--page-fg);color:var(--page-bg);border-radius:10px;padding:.6rem 1rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .16s;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{outline:3px solid var(--interactive-hover);outline-offset:2px;transform:translateY(0)}#content:focus{outline:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}body:before{animation:none}}.lesson-detail-hero h1{letter-spacing:-.01em;font-size:clamp(2rem,3.8vw,3.3rem);line-height:1.05}.lesson-markdown h2{font-size:clamp(1.55rem,2.6vw,2.05rem);line-height:1.12}.lesson-markdown h3{font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.18}.career-roadmap{gap:clamp(.9rem,2.2vw,1.6rem);margin-top:clamp(.5rem,2vw,1.4rem);display:grid}.roadmap-head{gap:.3rem;display:grid}.roadmap-head h2{font-family:var(--font-display);color:var(--page-fg);font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:.98}.roadmap-track{--rm-gap:clamp(1.4rem, 3vw, 2.4rem);gap:var(--rm-gap);grid-template-columns:repeat(3,1fr);margin:0;padding:.5rem 0 0;list-style:none;display:grid;position:relative}.roadmap-node{display:grid;position:relative}.roadmap-node:first-child{grid-area:1/1}.roadmap-node:nth-child(2){grid-area:1/2}.roadmap-node:nth-child(3){grid-area:1/3}.roadmap-node:nth-child(4){grid-area:2/3}.roadmap-node:nth-child(5){grid-area:2/2}.roadmap-node:nth-child(6){grid-area:2/1}.roadmap-card{z-index:1;border:1px solid color-mix(in srgb, var(--page-fg) 10%, transparent);background:color-mix(in srgb, var(--surface-soft) 88%, transparent);height:100%;box-shadow:0 12px 26px color-mix(in srgb, var(--electric) 6%, transparent);border-radius:12px;gap:.1rem;padding:1.15rem clamp(.8rem,1.5vw,1.05rem) clamp(.65rem,1.2vw,.85rem);display:grid;position:relative}.roadmap-node.is-current .roadmap-card{border-color:color-mix(in srgb, var(--signal) 45%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--signal) 30%, transparent), 0 12px 26px color-mix(in srgb, var(--signal) 10%, transparent)}.roadmap-num{z-index:3;border:2px solid var(--page-bg);background:var(--electric);width:1.35rem;height:1.35rem;color:var(--page-bg);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;top:-.6rem;left:.75rem}.roadmap-node.is-current .roadmap-num{background:var(--signal)}.roadmap-year{color:color-mix(in srgb, var(--electric) 80%, var(--page-fg));letter-spacing:.06em;text-transform:uppercase;font-size:.66rem;font-weight:700}.roadmap-node.is-current .roadmap-year{color:color-mix(in srgb, var(--signal) 80%, var(--page-fg))}.roadmap-card h3{font-family:var(--font-display);color:var(--page-fg);font-size:clamp(1.02rem,1.5vw,1.22rem);line-height:1.05}.roadmap-place{color:color-mix(in srgb, var(--page-fg) 66%, transparent);font-size:.78rem;font-weight:600}.roadmap-note{color:color-mix(in srgb, var(--page-fg) 74%, var(--ink));font-size:.8rem;line-height:1.4}.roadmap-node:after{content:"";z-index:0;background:color-mix(in srgb, var(--electric) 42%, transparent);position:absolute}.roadmap-node:first-child:after,.roadmap-node:nth-child(2):after{width:var(--rm-gap);height:2px;top:50%;left:100%;transform:translateY(-50%)}.roadmap-node:nth-child(3):after{width:2px;height:var(--rm-gap);top:100%;left:50%;transform:translate(-50%)}.roadmap-node:nth-child(4):after,.roadmap-node:nth-child(5):after{width:var(--rm-gap);height:2px;top:50%;right:100%;transform:translateY(-50%)}.roadmap-node:nth-child(6):after{display:none}@media (width<=760px){.roadmap-track{grid-template-columns:1fr}.roadmap-node:first-child,.roadmap-node:nth-child(2),.roadmap-node:nth-child(3),.roadmap-node:nth-child(4),.roadmap-node:nth-child(5),.roadmap-node:nth-child(6){grid-area:auto}.roadmap-node:after{margin-left:-1px;width:2px!important;height:var(--rm-gap)!important;inset:100% auto auto 50%!important;transform:none!important}.roadmap-node:nth-child(6):after{display:none}}.home-race-replay{flex-direction:column;flex:1;gap:clamp(.4rem,1.1vh,.8rem);min-width:0;min-height:0;display:flex;overflow:hidden}.home-race-head{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.home-race-head h2{color:var(--page-fg);font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1}.f1-replay{--f1pw-fg:var(--page-fg);--f1pw-muted:color-mix(in srgb, var(--page-fg) 55%, transparent);--f1pw-border:color-mix(in srgb, var(--electric) 26%, var(--page-fg) 12%);--f1pw-surface:color-mix(in srgb, var(--electric) 8%, var(--page-bg));--f1pw-accent:var(--electric);flex:1;align-items:center;gap:clamp(1rem,3vw,2.4rem);min-height:0;display:flex}.f1-replay-stage{aspect-ratio:1.6;border:1.5px solid color-mix(in srgb, var(--electric) 26%, var(--page-fg) 12%);min-width:0;height:100%;max-height:clamp(240px,52vh,560px);box-shadow:0 16px 40px color-mix(in srgb, var(--electric) 10%, transparent);background:linear-gradient(155deg, color-mix(in srgb, var(--signal) 30%, transparent), transparent 62%), #71767e;border-radius:12px;flex-shrink:0;position:relative;overflow:hidden}.f1-replay-placeholder{color:#eceef1;place-items:center;height:100%;font-size:.9rem;display:grid}.f1-replay-tag{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f4f6f8;letter-spacing:.02em;text-transform:uppercase;pointer-events:none;background:#0d0f139e;border-radius:999px;align-items:center;gap:.4rem;padding:.28rem .6rem;font-size:.72rem;font-weight:650;display:inline-flex;position:absolute;top:.6rem;left:.65rem}.f1-replay-tag i{background:#e10600;border-radius:50%;width:7px;height:7px;animation:1.8s ease-out infinite f1-replay-pulse;box-shadow:0 0 #e10600b3}@keyframes f1-replay-pulse{0%{box-shadow:0 0 #e1060099}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.f1-replay-tag--lap{letter-spacing:.04em;left:auto;right:.65rem}.f1-replay-side{flex-direction:column;flex-shrink:0;gap:clamp(.8rem,2.2vh,1.5rem);min-width:11rem;display:flex}.f1-replay-podium{flex-direction:column;gap:.45rem;display:flex}.f1-replay-podium-label{color:var(--f1pw-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.f1pw-leaderboard.f1-replay-board{gap:4px;font-size:12.5px;overflow:visible}.f1pw-leaderboard.f1-replay-board li{border:1px solid var(--f1pw-border);padding:5px 8px}.f1-replay-cta{flex-direction:column;gap:.6rem;display:flex}.f1-replay-btn{min-height:2.5rem;box-shadow:none;white-space:nowrap;padding:.35rem 1.05rem;font-size:1.2rem}.f1-replay-btn--ghost{border:1.5px solid color-mix(in srgb, var(--electric) 40%, var(--page-fg) 16%);color:var(--page-fg);background:color-mix(in srgb, var(--surface-soft) 70%, transparent);font-family:var(--font-display);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;line-height:1;text-decoration:none;transition:border-color .18s,background-color .18s,transform .18s;display:inline-flex}.f1-replay-btn--ghost:hover,.f1-replay-btn--ghost:focus-visible{border-color:color-mix(in srgb, var(--interactive-hover) 70%, var(--electric));background:color-mix(in srgb, var(--surface) 90%, transparent);transform:translateY(-1px)}@media (width<=1000px){.f1-replay{flex-direction:column;align-items:stretch;gap:clamp(.5rem,1.4vh,.85rem)}.f1-replay-stage{aspect-ratio:auto;width:100%;height:clamp(180px,32vh,320px)}.f1-replay-side{flex-flow:wrap;justify-content:space-between;align-items:center;gap:.7rem 1rem;min-width:0}.f1pw-leaderboard.f1-replay-board{flex-flow:wrap}.f1-replay-cta{flex-direction:row}.f1-replay-btn,.f1-replay-btn--ghost{flex:1}}@media (width>=901px) and (height<=820px){.home-shell .landing-portrait{width:24rem}.home-shell .home-quote{padding-block:.5rem}.home-shell .public-content{padding-top:clamp(.85rem,2.4vh,2rem)}}:root{--f1pw-bg:#fff;--f1pw-fg:#1a1c1e;--f1pw-muted:#6b7280;--f1pw-border:#e5e7eb;--f1pw-surface:#f7f8fa;--f1pw-accent:#e10600}@media (prefers-color-scheme:dark){:root{--f1pw-bg:#0b0d10;--f1pw-fg:#e6e8eb;--f1pw-muted:#9aa0a6;--f1pw-border:#23262b;--f1pw-surface:#14171b}}.f1pw-widget{color:var(--f1pw-fg);background:var(--f1pw-bg);border:1px solid var(--f1pw-border);border-radius:12px;flex-direction:column;gap:10px;padding:12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.f1pw-widget [data-f1pw=stage]{grid-template-rows:auto 1fr;grid-template-columns:1fr 200px;gap:10px;display:grid}.f1pw-widget [data-f1pw=canvas-wrap]{aspect-ratio:16/10;background:var(--f1pw-surface);border-radius:10px;grid-area:2/1;min-height:240px;overflow:hidden}.f1pw-widget .f1pw-hud{grid-area:1/1/auto/-1}.f1pw-widget .f1pw-leaderboard{grid-area:2/2}.f1pw-widget--compact [data-f1pw=stage]{grid-template-columns:1fr}.f1pw-widget--compact .f1pw-leaderboard{flex-flow:wrap;grid-area:3/1}.f1pw-widget--compact [data-f1pw=canvas-wrap]{aspect-ratio:16/9;min-height:180px}.f1pw-hud{align-items:center;gap:14px;font-size:13px;display:flex}.f1pw-hud [data-col=race]{font-weight:600}.f1pw-hud [data-col=lap],.f1pw-hud [data-col=time]{color:var(--f1pw-muted);font-variant-numeric:tabular-nums}.f1pw-leaderboard{flex-direction:column;gap:2px;margin:0;padding:0;font-size:12px;list-style:none;display:flex;overflow:auto}.f1pw-leaderboard li{background:var(--f1pw-surface);font-variant-numeric:tabular-nums;border-radius:6px;grid-template-columns:20px 8px 1fr auto auto;align-items:center;gap:6px;padding:3px 6px;display:grid}.f1pw-leaderboard li[data-status=RETIRED]{opacity:.45}.f1pw-leaderboard [data-col=pos]{color:var(--f1pw-muted);text-align:right}.f1pw-leaderboard [data-col=color]{border-radius:50%;width:8px;height:8px}.f1pw-leaderboard [data-col=code]{font-weight:600}.f1pw-leaderboard [data-col=tyre]{color:var(--f1pw-muted);font-weight:600}.f1pw-leaderboard [data-col=gap]{color:var(--f1pw-muted)}.f1pw-controls{flex-direction:column;gap:8px;display:flex}.f1pw-controls [data-row=buttons]{align-items:center;gap:6px;display:flex}.f1pw-controls button{border:1px solid var(--f1pw-border);background:var(--f1pw-surface);color:var(--f1pw-fg);cursor:pointer;border-radius:8px;min-width:34px;height:32px;font-size:14px}.f1pw-controls button[data-primary]{background:var(--f1pw-accent);border-color:var(--f1pw-accent);color:#fff}.f1pw-controls select{border:1px solid var(--f1pw-border);background:var(--f1pw-surface);height:32px;color:var(--f1pw-fg);border-radius:8px;padding:0 6px}.f1pw-controls [data-row=seek]{align-items:center;gap:10px;display:flex}.f1pw-controls [data-row=seek] input[type=range]{accent-color:var(--f1pw-accent);flex:1}.f1pw-controls [data-col=time]{color:var(--f1pw-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.f1pw-next-race{align-items:baseline;gap:8px;font-size:13px;display:flex}.f1pw-next-race [data-col=label]{color:var(--f1pw-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.f1pw-next-race [data-col=name]{font-weight:600}.f1pw-next-race [data-col=date]{color:var(--f1pw-muted)}.f1pw-disclaimer{color:var(--f1pw-muted);margin:0;font-size:11px;line-height:1.4}.f1pw-widget [data-f1pw=status]{text-align:center;color:var(--f1pw-muted);padding:32px 12px;font-size:14px}.f1pw-widget [data-f1pw=status][data-variant=error]{color:var(--f1pw-accent)}.f1pw-widget .sr-only,.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}