:root{--bg: #f4f0ea;--panel: rgba(255, 255, 255, .7);--panel-strong: #fffdf9;--ink: #181512;--muted: #5b544d;--line: rgba(24, 21, 18, .1);--accent: #7b8f72;--accent-strong: #44533d;--warm: #b8775d;--radius: 24px;--shadow: 0 18px 50px rgba(39, 32, 24, .08);--container: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at top left,rgba(123,143,114,.17),transparent 28%),radial-gradient(circle at top right,rgba(184,119,93,.18),transparent 24%),linear-gradient(180deg,#f8f5ef 0%,var(--bg) 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(24,21,18,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(24,21,18,.04) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 70%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 70%)}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}p{margin:0 0 1rem;color:var(--muted);line-height:1.72}h1,h2,h3{margin:0 0 1rem;color:var(--ink);line-height:1.05;letter-spacing:-.03em}h1{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:clamp(1.8rem,3.5vw,3rem);margin-bottom:.35rem}h2{font-size:clamp(1.65rem,2vw,2.4rem)}h3{font-size:1.1rem}.container{width:min(var(--container),calc(100% - 2rem));margin:0 auto}.site-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f8f5efd1;border-bottom:1px solid rgba(24,21,18,.06)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}.header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-mark{display:inline-flex;flex-direction:column;gap:.1rem;min-width:0}.brand-mark__kicker{color:var(--muted);font-size:.8rem;letter-spacing:.22em;text-transform:uppercase}.brand-mark__title{font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:1.35rem}.brand-mark__subtitle{color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.site-nav{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;align-items:center}.site-nav-toggle{display:none;align-items:center;gap:.8rem;min-height:3rem;padding:.7rem .95rem;border:1px solid rgba(24,21,18,.12);border-radius:999px;background:#ffffffb8;color:var(--ink);font:inherit;cursor:pointer}.site-nav-toggle__label{font-size:.88rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.site-nav-toggle__icon{display:grid;gap:.24rem}.site-nav-toggle__icon span{display:block;width:1.05rem;height:2px;border-radius:999px;background:currentColor;transition:transform .18s ease,opacity .18s ease}.site-nav-toggle--open .site-nav-toggle__icon span:nth-child(1){transform:translateY(6px) rotate(45deg)}.site-nav-toggle--open .site-nav-toggle__icon span:nth-child(2){opacity:0}.site-nav-toggle--open .site-nav-toggle__icon span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.site-nav-toggle:focus-visible,.site-nav__link:focus-visible{outline:3px solid rgba(123,143,114,.45);outline-offset:3px}.site-nav__link{display:inline-flex;align-items:center;min-height:2.9rem;padding:.8rem 1rem;border-radius:999px;color:var(--ink);font-size:.95rem}.site-nav__link--active{background:var(--ink);color:#fff}.site-nav__link:hover{background:#1815120f;color:var(--ink)}.site-nav__link--active:hover{background:var(--ink);color:#fff}.page-hero{padding:5.5rem 0 2.25rem}.page-hero__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);gap:2rem;align-items:end}.page-hero__aside{display:flex;justify-content:flex-end}.eyebrow{margin-bottom:1rem;color:var(--accent-strong);font-size:.8rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.lead{font-size:clamp(1.05rem,1.4vw,1.25rem);max-width:62ch}.hero-subtitle{margin-bottom:1.25rem;color:var(--accent-strong);font-size:clamp(.95rem,1.5vw,1.2rem);font-weight:600;letter-spacing:.12em;text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.6rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.8rem 1.2rem;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;box-shadow:var(--shadow)}.button:hover{transform:translateY(-1px)}.button--ghost{background:transparent;color:var(--ink);border:1px solid rgba(24,21,18,.12);box-shadow:none}.hero-figure,.page-hero__aside>*{width:min(100%,470px)}.hero-figure{position:relative;border-radius:calc(var(--radius) + 8px);border:1px solid rgba(24,21,18,.08);background:linear-gradient(180deg,#ffffffe6,#ffffffa3);box-shadow:var(--shadow);overflow:hidden}.hero-figure__image{width:100%;height:auto;object-fit:cover}.hero-figure__badge{position:absolute;top:1rem;right:1rem;z-index:1;padding:.55rem .8rem;border-radius:999px;background:#ffffffe0;color:var(--accent-strong);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.hero-figure--compact{padding:1rem}.chapter-image{width:min(100%,460px);padding:1rem;border-radius:calc(var(--radius) + 8px);border:1px solid rgba(24,21,18,.08);background:linear-gradient(180deg,#ffffffed,#ffffffb8);box-shadow:var(--shadow)}.section{padding:2.25rem 0}.section--muted{padding:2.5rem 0}.section--muted .container{border-radius:calc(var(--radius) + 8px);background:#ffffff6b;border:1px solid rgba(24,21,18,.06);padding:1.6rem;box-shadow:var(--shadow)}.section-intro{max-width:62ch;margin-bottom:1.35rem}.card-grid{display:grid;gap:1rem}.card-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.content-card,.note-card,.stack-card,.chapter-card,.essay-card,.numbered-card,.timeline-item__content,.quote-panel{border-radius:var(--radius);border:1px solid rgba(24,21,18,.08);background:var(--panel-strong);box-shadow:var(--shadow)}.content-card,.note-card,.stack-card,.chapter-card,.essay-card,.numbered-card,.quote-panel{padding:1.35rem}.content-card__footer,.chapter-card__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.1rem}.split-callout,.two-col-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:1rem;align-items:start}.clean-list{margin:0;padding-left:1.1rem;color:var(--muted);line-height:1.72}.clean-list li+li{margin-top:.45rem}.chapter-list,.essay-stack,.numbered-stack,.timeline,.library-grid,.video-list{display:grid;gap:1rem}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-library-shell{padding:3.25rem 0 4rem}.tutorial-library-shell__grid{display:grid;grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:1.25rem;align-items:start}.tutorial-library-main{display:grid;gap:1.4rem}.tutorial-tree__inner{display:grid;gap:1rem;max-height:calc(100vh - 7rem);padding:1.2rem;overflow:auto;border-radius:calc(var(--radius) + 4px);border:1px solid rgba(24,21,18,.08);background:linear-gradient(180deg,#fffffff5,#fffcf6eb),linear-gradient(145deg,#7b8f721a,#b8775d14);box-shadow:var(--shadow)}.tutorial-tree{position:sticky;top:5.9rem;align-self:start}.tutorial-tree__eyebrow{margin-bottom:0}.tutorial-tree__meta-list{display:grid;gap:.9rem}.tutorial-tree__meta{display:grid;gap:.55rem}.tutorial-tree__meta-link,.tutorial-tree__group-link{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.8rem .95rem;border-radius:18px;border:1px solid rgba(24,21,18,.08);background:#fffffff5;color:#16120d;transition:transform .14s ease,background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}.tutorial-tree__meta-link:hover,.tutorial-tree__group-link:hover,.tutorial-tree__group-link.is-active{transform:translateY(-1px);border-color:#44533d47;background:#44533d14;box-shadow:0 10px 24px #27201814}.tutorial-tree__meta-link.is-active{transform:translateY(-1px);border-color:#18151229;background:var(--ink);color:#fff;box-shadow:0 10px 24px #2720181f}.tutorial-tree__meta-link{font-weight:700}.tutorial-tree__count{min-width:2rem;padding:.18rem .55rem;border-radius:999px;background:#18151214;color:var(--accent-strong);font-size:.8rem;text-align:center}.tutorial-tree__meta-link.is-active .tutorial-tree__count{background:#ffffff29;color:#fff}.tutorial-tree__branch{display:grid;gap:.5rem;margin-left:.8rem;padding-left:.95rem;border-left:1px solid rgba(24,21,18,.1)}.tutorial-tree__meta:not(.is-active) .tutorial-tree__branch{display:none}.tutorial-tree__group-link{justify-content:flex-start;font-size:.94rem;line-height:1.4}.tutorial-meta-section,.section--muted .container{border-radius:calc(var(--radius) + 8px);background:#ffffff6b;border:1px solid rgba(24,21,18,.06);box-shadow:var(--shadow)}.tutorial-meta-section{padding:1.6rem;scroll-margin-top:6.75rem}.tutorial-meta-section__header{margin-bottom:1.35rem}.tutorial-meta-section__header .section-intro{margin-bottom:0}.library-card{padding:1.35rem;border-radius:var(--radius);border:1px solid rgba(24,21,18,.08);background:linear-gradient(180deg,#fffffff2,#fffdf9e0),linear-gradient(135deg,#7b8f7214,#b8775d14);box-shadow:var(--shadow)}.tutorial-scroll-target{scroll-margin-top:6.75rem}.tutorial-group-hero{padding:2.5rem 0 1.5rem}.tutorial-group-hero__inner{display:grid;gap:.9rem}.tutorial-group-hero__top{margin-bottom:.2rem}.tutorial-group-hero__title{max-width:12ch;font-size:clamp(2rem,3.1vw,3rem)}.tutorial-group-hero__lead{max-width:56rem}.video-item__meta,.video-item__index{margin-bottom:0;color:var(--accent-strong);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.library-stats{width:min(100%,420px)}.video-item{overflow:hidden;border-radius:var(--radius);border:1px solid rgba(24,21,18,.08);background:var(--panel-strong);box-shadow:var(--shadow)}.video-item[open]{background:#fffdf9}.video-item__summary{display:grid;grid-template-columns:200px minmax(0,1fr);gap:1rem;align-items:center;padding:1rem;cursor:pointer;list-style:none}.video-item__summary::-webkit-details-marker{display:none}.video-item__thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:18px;border:1px solid rgba(24,21,18,.08);background:#1815120f}.video-item__thumb--empty{display:block}.video-item__copy h3{margin-bottom:.5rem}.video-item__body{display:grid;gap:1rem;padding:0 1rem 1rem}.video-frame{overflow:hidden;border-radius:22px;border:1px solid rgba(24,21,18,.08);background:#1815120f}.video-frame iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0}.video-frame--empty{display:grid;place-items:center;min-height:220px;padding:1rem;text-align:center}.video-item__details{display:grid;gap:.8rem}.video-summary{display:grid;gap:.9rem}.video-summary__block{display:grid;gap:.35rem}.video-summary__block h4,.video-summary__focus{margin:0}.video-summary__list{margin-top:0}.video-item__actions{display:flex;flex-wrap:wrap;gap:.75rem}.chapter-card h2,.timeline-item__content h2,.essay-card h2,.numbered-card h2{font-size:1.35rem}.section-anchor{scroll-margin-top:7.5rem}.reading-column,.essay-body{max-width:72ch}.philosophy-callout-grid,.figure-grid,.model-glossary-layout,.philosophy-article-layout{display:grid;gap:1rem}.philosophy-callout-grid,.figure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-glossary-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.9fr);align-items:start}.philosophy-article-layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start}.philosophy-article{max-width:100%}.philosophy-article>h2:not(:first-child){margin-top:2rem}.philosophy-sidecar{position:sticky;top:6.4rem;align-self:start}.philosophy-sidecar__panel{margin-top:0}.inline-link,.philosophy-sidecar__panel a{color:var(--accent-strong);text-decoration:underline;text-underline-offset:.15em}.philosophy-sidecar__panel a.is-current{color:var(--ink);font-weight:700;text-decoration:none}.philosophy-ordered-list{padding-left:1.35rem}.philosophy-callout{background:linear-gradient(180deg,#fffffff5,#fffcf7eb),linear-gradient(145deg,#7b8f7214,#b8775d0f)}.philosophy-callout__label,.figure-card__title,.glossary-drawer__term{margin-bottom:.45rem;color:var(--accent-strong);font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.essay-body p+p{margin-top:1rem}.essay-body ul,.essay-body ol{margin:.75rem 0;padding-left:1.4rem}.essay-closing{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(24,21,18,.08);color:var(--muted)}.toc-box{margin-top:2rem;padding:1.1rem 1.35rem;border-radius:var(--radius);border:1px solid rgba(24,21,18,.08);background:var(--panel-strong);max-width:54ch}.toc-box__label{margin:0 0 .6rem;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong)}.toc-box__list{margin:0;padding-left:1.2rem;line-height:1.7}.toc-box__list li+li{margin-top:.25rem}.toc-box__list a{color:var(--ink);text-decoration:none}.toc-box__list a:hover{text-decoration:underline}.model-subnav-shell{padding:0 0 1.25rem}.model-subnav{position:sticky;top:5.15rem;z-index:24;overflow-x:auto;padding:.55rem;border-radius:999px;border:1px solid rgba(24,21,18,.08);background:#fffcf7e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.model-subnav__list{display:flex;gap:.55rem;width:max-content;min-width:100%;margin:0;padding:0;list-style:none}.model-subnav__link{display:inline-flex;align-items:center;min-height:2.7rem;padding:.7rem 1rem;border-radius:999px;color:var(--ink);font-size:.92rem;font-weight:600;white-space:nowrap}.model-subnav__link:hover{background:#1815120f}.glossary-drawer{padding:1rem 1.15rem;border-radius:var(--radius);border:1px solid rgba(24,21,18,.08);background:var(--panel-strong);box-shadow:var(--shadow)}.glossary-drawer summary{cursor:pointer;color:var(--ink);font-weight:700;line-height:1.45}.glossary-drawer[open] summary{margin-bottom:.85rem}.glossary-drawer__list{display:grid;gap:.8rem}.figure-card{margin:0;padding:1rem;border-radius:var(--radius);border:1px solid rgba(24,21,18,.08);background:var(--panel-strong);box-shadow:var(--shadow)}.figure-card img{width:100%;border-radius:18px;border:1px solid rgba(24,21,18,.08);background:#fff}.figure-card figcaption{padding-top:.9rem}.figure-card__question{margin-bottom:.45rem;color:var(--ink);font-weight:700}.model-highlight{margin-top:1rem;padding:.75rem 1rem;border-left:3px solid var(--accent-strong);background:#1815120a;border-radius:0 var(--radius) var(--radius) 0}.essay-card h3,.numbered-card h3{font-size:1.15rem;margin-bottom:.6rem}.timeline-item{display:grid;grid-template-columns:160px minmax(0,1fr);gap:1rem;align-items:start}.timeline-item__year{position:relative;top:1rem;color:var(--accent-strong);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.site-footer{padding:4rem 0 3rem}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(24,21,18,.08)}.footer-brand{color:var(--ink);font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:1.2rem}.footer-copy,.footer-small{max-width:42ch;font-size:.95rem}@media (max-width: 1000px){.page-hero__grid,.split-callout,.two-col-grid,.tutorial-library-shell__grid,.footer-grid,.timeline-item{grid-template-columns:1fr}.page-hero__aside{justify-content:flex-start}.timeline-item__year{top:0}.card-grid--three,.card-grid--two,.library-grid,.philosophy-callout-grid,.figure-grid,.model-glossary-layout,.philosophy-article-layout{grid-template-columns:1fr}.tutorial-tree__inner{max-height:calc(100vh - 6.25rem)}.tutorial-tree{top:5.4rem}.video-item__summary{grid-template-columns:1fr}}@media (max-width: 780px){.site-nav-toggle{display:inline-flex;flex-shrink:0}.site-nav{display:none;grid-template-columns:1fr;gap:.4rem;width:100%;padding:.85rem;border-radius:calc(var(--radius) - 4px);border:1px solid rgba(24,21,18,.08);background:#fffdf9f5;box-shadow:var(--shadow)}.site-nav--open{display:grid}.site-nav__link{width:100%;justify-content:flex-start;padding:.9rem 1rem;border-radius:18px}.page-hero{padding-top:4rem}.tutorial-library-shell{padding:2rem 0 3rem}.tutorial-tree__inner{padding:1rem;max-height:none;overflow:visible}.tutorial-tree{top:8.4rem}.tutorial-tree__meta-link,.tutorial-tree__group-link{padding:.72rem .82rem}.tutorial-tree__branch{margin-left:.45rem;padding-left:.75rem}.tutorial-meta-section{padding:1.1rem}.tutorial-group-hero{padding-top:1.5rem}.section--muted .container{padding:1rem}.section-anchor{scroll-margin-top:9.5rem}.model-subnav{top:7.85rem;border-radius:24px}.philosophy-sidecar{position:static}}@media (max-width: 520px){.container{width:min(var(--container),calc(100% - 1.25rem))}.header-top{gap:.75rem}.brand-mark__title{font-size:1.15rem}.brand-mark__subtitle{letter-spacing:.05em}.site-nav-toggle{padding-inline:.85rem}.site-nav-toggle__label{display:none}.page-hero{padding-top:3.25rem}.hero-actions,.content-card__footer,.chapter-card__actions,.video-item__actions{flex-direction:column;align-items:stretch}.button,.content-card__footer>*,.chapter-card__actions>*,.video-item__actions>*{width:100%}}.history-chrono{padding:2rem 0 4rem;overflow:hidden}.history-chrono .react-chrono{font-family:inherit}
