: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(2.8rem,6vw,5.8rem);max-width:12ch;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:1.5rem;padding:1rem 0}.brand-mark{display:inline-flex;flex-direction:column;gap:.1rem}.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}.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:hover,.site-nav__link--active{background:var(--ink);color:#fff}.site-nav__link:hover{background:#1815120f;color:var(--ink)}.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}.reading-column{max-width:72ch}.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{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){.header-inner{flex-direction:column;align-items:flex-start}.site-nav{justify-content:flex-start}.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}}