.page-hero{--page-hero-gutter:clamp(1.5rem, 5vw, 4rem);--page-hero-split-max:92rem;--page-hero-stack:clamp(0.85rem, 2vh, 1.35rem);width:100%;padding:clamp(1.25rem,3.5vw,2.75rem)clamp(1rem,4vw,3rem);background:linear-gradient( to bottom,transparent 0%,transparent 38%,color-mix(in srgb,var(--page-hero-fade-to) 18%,transparent) 58%,color-mix(in srgb,var(--page-hero-fade-to) 55%,transparent) 76%,color-mix(in srgb,var(--page-hero-fade-to) 88%,transparent) 90%,var(--page-hero-fade-to) 100% ),var(--page-hero-tone)}.shell:has(.page-hero){--page-hero-fade-to:var(--color-white);--page-body-bg:var(--color-white);--page-hero-tone:radial-gradient(ellipse 70% 55% at 100% 0%, color-mix(in srgb, var(--brand-100) 55%, transparent), transparent 72%),
    radial-gradient(ellipse 55% 45% at 0% 100%, color-mix(in srgb, var(--accent-green) 7%, transparent), transparent 68%),
    linear-gradient(
      128deg,
      color-mix(in srgb, var(--brand-100) 72%, var(--bg-main)) 0%,
      var(--bg-main) 48%,
      color-mix(in srgb, var(--brand-50) 35%, var(--bg-main)) 100%
    );background:0 0}.page-hero:has(.page-hero-header--split){min-height:clamp(22rem,calc(100dvh - var(--site-chrome-h)),36rem);min-height:clamp(22rem,calc(100vh - var(--site-chrome-h)),36rem);display:flex;flex-direction:column;box-sizing:border-box;padding-inline:0;padding-block:clamp(1.25rem,3vh,2.25rem)}.page-hero:has(.page-hero-header--split) .page-hero-inner{padding-inline:var(--page-hero-gutter);max-width:var(--page-hero-split-max)}.page-hero:has(.page-hero-header--split) .page-hero-inner{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.page-hero:has(.page-hero-header--split) .page-hero-header--split{flex:1;min-height:0}@supports not (background:color-mix(in srgb,red 50%,blue)){.shell:has(.page-hero){--page-hero-tone:linear-gradient(128deg, var(--brand-100) 0%, var(--bg-main) 55%, var(--brand-50) 100%)}.page-hero{background:linear-gradient(to bottom,transparent 0%,transparent 40%,var(--color-white) 100%),var(--page-hero-tone)}}.page-hero-inner{width:100%;max-width:var(--shell-max);margin-inline:auto}.page-hero .breadcrumbs{margin:0 0 clamp(1rem,2.2vh,1.65rem);padding-bottom:clamp(.65rem,1.2vh,.9rem);border-bottom:1px solid color-mix(in srgb,var(--border) 65%,transparent);font-size:.8125rem}.page-hero .breadcrumbs-link{color:var(--accent-blue)}.page-hero .breadcrumbs-current{color:var(--text-muted);font-weight:500}.page-hero-header{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1rem,2.5vw,1.75rem);align-items:start}.page-hero-header--split{gap:clamp(1.25rem,3vw,2rem)}@media(min-width:768px){.page-hero-header--split{grid-template-columns:minmax(0,1.08fr)minmax(300px,.92fr);align-items:center;gap:clamp(1.5rem,2.5vw,2.5rem)}.page-hero-header--split .page-hero-main{display:flex;flex-direction:column;justify-content:center;gap:clamp(1rem,2vh,1.35rem);padding-block:0}.page-hero-header--split .page-hero-media .page-hero-image,.page-hero-header--split .page-hero-figure{max-width:min(100%,540px)}.page-hero-header--split .page-hero-media .page-hero-image img,.page-hero-header--split .page-hero-media>img.page-hero-image,.page-hero-header--split .page-hero-figure img{max-height:min(46vh,420px);object-fit:contain}}.page-hero-main{min-width:0}.page-hero-intro{display:flex;flex-direction:column;gap:var(--page-hero-stack)}.page-hero-intro .page-hero-categories{margin-bottom:0}.page-hero-intro h1{margin:0}.page-hero-intro .page-hero-dek{margin:0;max-width:58ch}.page-hero-meta{display:flex;flex-direction:column;gap:.85rem;margin-top:.2rem}.page-hero-header--split .page-hero-meta{flex-wrap:nowrap;align-items:stretch}.page-hero-dates-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.55rem 1rem;width:100%}.page-hero-meta-details{display:flex;flex-direction:column;align-items:flex-start;align-self:flex-start;gap:.55rem;width:100%;padding-top:.85rem;border-top:1px solid color-mix(in srgb,var(--border) 75%,transparent)}.page-hero-meta-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .55rem;margin:0;font-size:.8125rem;line-height:1.35;color:var(--slate-500)}.page-hero-dates-row .page-hero-meta-line{width:auto;flex:initial}.page-hero-meta-line--published{justify-content:flex-start}.page-hero-meta-line--updated{margin-left:auto;text-align:right;justify-content:flex-end}.page-hero-meta-details .page-hero-meta-line{width:100%;justify-content:flex-start}.page-hero-meta-icon{flex-shrink:0;align-self:center}.page-hero-meta-icon--published{color:#2563eb}.page-hero-meta-icon--updated{color:#ea580c}.page-hero-meta-icon--author{color:var(--accent-violet)}.page-hero-meta-icon--reviewed{color:var(--accent-green)}.page-hero-meta-label{flex-shrink:0;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);line-height:1.35;white-space:nowrap}.page-hero-meta-value{font-size:.8125rem;font-weight:600;line-height:1.35;color:var(--text-strong);font-variant-numeric:tabular-nums}.page-hero-meta-reviewed-body{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;line-height:1.35;min-width:0}.page-hero-meta-line--reviewed{display:grid;grid-template-columns:auto auto minmax(0,1fr);grid-template-rows:auto auto;align-items:baseline;column-gap:.55rem;row-gap:.35rem}.page-hero-meta-line--reviewed>.page-hero-meta-icon{grid-column:1;grid-row:1;align-self:center}.page-hero-meta-line--reviewed>.page-hero-meta-label{grid-column:2;grid-row:1}.page-hero-meta-line--reviewed>.page-hero-meta-reviewed-body{grid-column:3;grid-row:1}.page-hero-meta-line--reviewed>.page-hero-meta-review-notes{grid-column:1/-1;grid-row:2}.page-hero-meta-review-by{display:inline-flex;align-items:baseline;gap:.4rem;line-height:1.35}.page-hero-meta-review-by-text{font-size:.8125rem;font-weight:500;color:var(--text-muted)}.page-hero-meta-link{font-size:.8125rem;font-weight:600;line-height:1.35;color:var(--text-strong);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent-violet) 28%,transparent)}.page-hero-meta-line--author .page-hero-meta-link:hover{color:var(--accent-violet);border-bottom-color:var(--accent-violet);text-decoration:none}.page-hero-meta-link--review{border-bottom:none;color:var(--accent-green-dark)}.page-hero-meta-link--review:hover{text-decoration:underline;color:var(--accent-green-dark)}.page-hero-meta-review-notes{flex-basis:auto;padding-left:calc(14px + .55rem);font-size:.78rem;font-style:italic;line-height:1.45;color:var(--text-muted)}.page-hero-eyebrow{display:inline-block;align-self:flex-start;width:fit-content;max-width:100%;margin:0 0 .65rem;padding:.2rem .65rem;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-700);background:color-mix(in srgb,var(--brand-700) 9%,var(--color-white));border:1px solid color-mix(in srgb,var(--brand-700) 14%,transparent);border-radius:5px}.page-hero-header h1,.page-hero-header .course-title{margin:0;font-size:clamp(1.65rem,1.2rem + 2.2vw,2.45rem);line-height:1.18;letter-spacing:-.02em;font-weight:800;color:var(--text-strong)}.page-hero-dek{margin:0;max-width:62ch;font-size:clamp(.8125rem,.8rem + .12vw,.9rem);line-height:1.6;color:var(--text-soft)}.page-hero-dek--rich{max-width:72ch}.page-hero-dek--rich p{margin:0 0 .65rem}.page-hero-subtitle{margin:.15rem 0 .5rem;font-size:.95rem;color:var(--text-muted);line-height:1.5}.page-hero-count{margin:.35rem 0 0;font-size:.8125rem;font-weight:600;color:var(--text-muted);letter-spacing:.01em}.page-hero-media:empty{display:none}@media(min-width:768px){.page-hero--archive .page-hero-header--split .page-hero-media:empty{display:block;min-height:0}}.page-hero-categories{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.page-hero-pill{display:inline-flex;align-items:center;padding:.22rem .7rem;font-size:.75rem;font-weight:600;color:var(--brand-700);background:color-mix(in srgb,var(--brand-50) 80%,var(--color-white));border:1px solid color-mix(in srgb,var(--brand-700) 12%,var(--border));border-radius:5px;text-decoration:none;transition:background .15s ease,border-color .15s ease}.page-hero-pill:hover{background:var(--brand-50);border-color:color-mix(in srgb,var(--brand-700) 28%,var(--border));text-decoration:none}.page-hero-byline-label{flex-shrink:0;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.page-hero-byline-review{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin:0;padding-top:.15rem;font-size:.8125rem;line-height:1.5;color:var(--slate-500)}.page-hero-byline-review .page-hero-byline-label{font-size:.72rem}.page-hero-byline-review-icon{color:var(--accent-green);flex-shrink:0;margin-right:.1rem}.page-hero-byline-review time{font-weight:600;color:var(--text-strong);font-variant-numeric:tabular-nums}.page-hero-byline-review-by a{font-weight:600;color:var(--accent-green-dark);text-decoration:none}.page-hero-byline-review-by a:hover{text-decoration:underline}.page-hero-byline-review-notes{flex-basis:100%;margin-top:.1rem;padding-left:1.15rem;font-style:italic;font-size:.78rem;color:var(--text-muted)}.page-hero-header:not(.page-hero-header--split) .page-hero-main{display:flex;flex-direction:column;gap:clamp(1rem,2vh,1.35rem)}.page-hero-meta-item a{color:var(--text-strong);font-weight:600;text-decoration:none}.page-hero-meta-item a:hover{color:var(--accent-green-dark);text-decoration:underline}.page-hero-meta-sep{color:var(--slate-300);user-select:none}.page-hero-reviewed{display:flex;flex-wrap:wrap;align-items:center;align-self:flex-start;width:fit-content;max-width:100%;gap:.35rem .45rem;margin-top:.85rem;padding:.5rem .85rem;font-size:.8125rem;color:var(--slate-600);background:color-mix(in srgb,var(--accent-green) 7%,var(--color-white));border:1px solid color-mix(in srgb,var(--accent-green) 18%,var(--border));border-radius:var(--radius-md);line-height:1.5}.page-hero-reviewed-icon{color:var(--accent-green);flex-shrink:0}.page-hero-reviewed-label{font-weight:600;color:var(--text-strong)}.page-hero-reviewed a{color:var(--accent-green-dark);font-weight:600;text-decoration:none}.page-hero-reviewed a:hover{text-decoration:underline}.page-hero-reviewed-notes{flex-basis:100%;font-style:italic;color:var(--text-muted)}.page-hero-media{display:flex;align-items:center;justify-content:center;min-width:0;height:100%;padding:0;box-sizing:border-box}.page-hero-media .page-hero-image,.page-hero-figure{margin:0;width:auto;max-width:min(100%,400px);flex-shrink:0}.page-hero-media .page-hero-image img,.page-hero-media>img.page-hero-image,.page-hero-image img,.page-hero-figure img{display:block;width:100%;height:auto;max-height:min(40vh,320px);object-fit:contain;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);box-shadow:0 20px 48px rgba(15,23,42,.12),0 6px 16px rgba(15,23,42,7%)}.page-hero-figure{overflow:visible;border-radius:var(--radius-lg)}.page-hero-figure--placeholder{display:grid;place-items:center;width:min(72%,320px);aspect-ratio:4/3;max-height:min(40vh,320px);padding:1rem;background:radial-gradient(120% 100% at 0% 0%,rgba(76,29,149,.12) 0%,transparent 60%),radial-gradient(120% 100% at 100% 100%,rgba(37,99,235,.1) 0%,transparent 60%),var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 16px 40px rgba(15,23,42,.1),0 4px 12px rgba(15,23,42,6%)}.page-hero-figure--placeholder span{font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1;color:color-mix(in srgb,var(--brand-700) 35%,var(--slate-300))}.page-hero-author-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.25rem;margin-bottom:.5rem}.page-hero-avatar{width:clamp(72px,12vw,96px);height:clamp(72px,12vw,96px);border-radius:50%;object-fit:cover;border:3px solid var(--color-white);box-shadow:var(--shadow-md);flex-shrink:0}.page-hero-author-info h1{margin-bottom:.25rem}.page-hero-socials{display:flex;flex-wrap:wrap;gap:.65rem 1rem;margin-top:.5rem}.page-hero-socials a{font-size:.8125rem;font-weight:600;color:var(--accent-blue);text-decoration:none}.page-hero-socials a:hover{text-decoration:underline}.page-hero--course .course-badges{margin:0 0 1rem}.page-hero--course .course-cta-row{margin-top:.25rem}.shell:has(.page-hero) .page-grid{margin-top:0;padding-top:clamp(.85rem,1.5vw,1.5rem);background:var(--page-body-bg)}.shell:has(.page-hero)>.article--with-hero,.shell:has(.page-hero)>.course-hub--with-hero,.shell>.article--with-hero,.shell>.course-hub--with-hero{display:block;max-width:none;margin:0;padding:0;background:0 0;border:none;box-shadow:none;border-radius:0}.article-page--with-hero,.author-page--with-hero,.author-index--with-hero,.html-sitemap-page--with-hero{margin-top:0}.shell:has(.page-hero) .content-area>.article--with-hero,.shell:has(.page-hero) .content-area>.author-page--with-hero,.shell:has(.page-hero) .content-area>.author-index--with-hero,.shell:has(.page-hero) .content-area>.article-page--with-hero,.shell:has(.page-hero) .content-area>.html-sitemap-page--with-hero{max-width:none;width:100%;margin-inline:0;padding:0;background:0 0;border:none;box-shadow:none;border-radius:0;margin-top:0}.shell:has(.page-hero) .content-area>.course-hub-surface{max-width:none;width:100%;margin-inline:0;padding:0 0 var(--space-7);background:0 0;border:none;box-shadow:none;border-radius:0;margin-top:0}.shell:has(.page-hero) .content-area>.article-surface--with-hero{width:100%;max-width:none;margin-inline:0;padding:0;background:0 0;border:none;box-shadow:none;border-radius:0;margin-top:0}@media(min-width:1281px){.shell:has(.page-hero) .content-area>.article-surface--with-hero{max-width:var(--content-max);margin-inline:auto}}html[data-theme=dark] .shell:has(.page-hero){--page-hero-fade-to:var(--slate-900);--page-body-bg:var(--slate-900);--page-hero-tone:radial-gradient(ellipse 70% 55% at 100% 0%, color-mix(in srgb, var(--brand-900) 45%, transparent), transparent 72%),
    radial-gradient(ellipse 55% 45% at 0% 100%, color-mix(in srgb, var(--accent-green) 10%, transparent), transparent 68%),
    linear-gradient(
      128deg,
      color-mix(in srgb, var(--brand-900) 55%, var(--slate-900)) 0%,
      var(--slate-900) 52%,
      color-mix(in srgb, var(--slate-800) 75%, var(--slate-900)) 100%
    );background:0 0}html[data-theme=dark] .page-hero .breadcrumbs{border-bottom-color:var(--slate-700)}html[data-theme=dark] .page-hero-meta-details{border-top-color:var(--slate-700)}html[data-theme=dark] .page-hero-meta-icon--published{color:#60a5fa}html[data-theme=dark] .page-hero-meta-icon--updated{color:#fb923c}html[data-theme=dark] .page-hero-meta-icon--author{color:#c4b5fd}html[data-theme=dark] .page-hero-meta-icon--reviewed{color:#34d399}html[data-theme=dark] .page-hero-meta-link{border-bottom-color:color-mix(in srgb,#a78bfa 40%,transparent)}html[data-theme=dark] .page-hero-meta-line--author .page-hero-meta-link:hover{color:#c4b5fd;border-bottom-color:#c4b5fd}html[data-theme=dark] .page-hero-meta-link--review{color:#34d399}html[data-theme=dark] .page-hero-meta-link--review:hover{color:#34d399}html[data-theme=dark] .page-hero-byline{border-top-color:var(--slate-700)}html[data-theme=dark] .page-hero-byline-review-by a{color:#34d399}html[data-theme=dark] .page-hero-eyebrow{color:#c4b5fd;background:color-mix(in srgb,var(--brand-900) 60%,var(--slate-800));border-color:color-mix(in srgb,#a78bfa 22%,var(--slate-700))}html[data-theme=dark] .page-hero-pill{color:#c4b5fd;background:color-mix(in srgb,var(--brand-900) 45%,var(--slate-800));border-color:var(--slate-700)}html[data-theme=dark] .page-hero-reviewed{background:color-mix(in srgb,var(--accent-green) 12%,var(--slate-800));border-color:color-mix(in srgb,var(--accent-green) 25%,var(--slate-700));color:var(--slate-400)}html[data-theme=dark] .page-hero-reviewed a{color:#34d399}html[data-theme=dark] .page-hero-figure--placeholder{background:radial-gradient(120% 100% at 0% 0%,rgba(109,40,217,.18) 0%,transparent 60%),var(--slate-800);border-color:var(--slate-700)}@media(max-width:768px){.page-hero{padding-inline:0}.page-hero .page-hero-inner{padding-inline:var(--space-4)}.page-hero:has(.page-hero-header--split){min-height:auto;display:block;padding-block:clamp(1rem,3vw,1.5rem)}.page-hero:has(.page-hero-header--split) .page-hero-inner{display:block}.page-hero-header--split{grid-template-columns:1fr}.page-hero-header--split .page-hero-main{order:1;justify-content:flex-start;gap:1rem;min-height:auto;padding-block:0}.page-hero-dates-row{flex-direction:column;align-items:flex-start}.page-hero-meta-line--updated{margin-left:0;text-align:left}.page-hero-media{order:2;height:auto;padding:0;margin-top:1.25rem}.page-hero-media .page-hero-image,.page-hero-figure{max-width:min(100%,320px);margin-inline:auto}.page-hero-media .page-hero-image img,.page-hero-media>img.page-hero-image,.page-hero-image img,.page-hero-figure img{max-height:220px}}