:root{--bg-canvas:#0b0b0d;--bg-surface:#24171be8;--bg-surface-hover:#332026;--text-primary:#f5f1ed;--text-muted:#c0c4cc;--accent-primary:#dc2626;--accent-secondary:#f4aaa4;--border-subtle:#c0c4cc30;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px #0006;--glow-accent:0 0 24px -4px #dc262640;--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;accent-color:var(--accent-primary);color-scheme:dark}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:18px/1.75 Charter,Cambria,Georgia,serif;overflow-wrap:anywhere;hyphens:auto}a{color:var(--accent-secondary);text-underline-offset:4px}a:hover{color:var(--text-primary)}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}::selection{background:#8b202a;color:#fff}img{display:block;max-width:100%;object-fit:cover;width:100%;height:auto}figure{margin:2rem 0}figcaption,.small{color:var(--text-muted);font-size:.88rem}h1,h2,h3{line-height:1.15;font-weight:500;text-wrap:balance;margin:0 0 1rem}h1{font-size:clamp(2.4rem,5.2vw,4.5rem);letter-spacing:-.04em}h2{font-size:clamp(1.8rem,3.3vw,2.5rem);letter-spacing:-.025em}h3{font-size:1.35rem}p{margin:0 0 1.2rem}ul,ol{padding-left:1.4rem}li+li{margin-top:.5rem}section{scroll-margin-top:2rem}hr{border:0;border-top:1px solid var(--border-subtle);margin:2rem 0}[hidden]{display:none!important}.skip-link{position:absolute;left:1rem;top:-100px;z-index:20;background:var(--bg-surface);padding:.7rem}.skip-link:focus{top:1rem}.site-header{position:relative;max-width:1440px;margin:0 auto;padding:1.2rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;z-index:5}.brand{display:inline-flex;align-items:center;gap:.6rem;border:1px solid var(--border-subtle);background:linear-gradient(120deg,#352126,#171216);padding:.6rem .9rem;border-radius:3rem;text-decoration:none;color:var(--text-primary);font-size:1rem;white-space:nowrap;box-shadow:var(--shadow-elevation)}.brand-mark{display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--accent-primary);color:#fff;font-size:1rem}.site-nav{display:flex;align-items:center;gap:1rem}.site-nav a{font-size:.83rem;text-decoration:none;color:var(--text-muted);white-space:nowrap}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--accent-primary)}.menu-toggle{display:none;border:0;background:var(--bg-surface);color:var(--text-primary);border-radius:50%;width:44px;height:44px;font-size:1.8rem;line-height:1}.shell{width:min(1200px,calc(100% - 3rem));margin:0 auto}.reading{max-width:70ch;margin:0 auto}.hero{padding:3.2rem 0 2.7rem;border-bottom:1px solid var(--border-subtle);position:relative}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 20% 10%,#dc26262b,transparent 65%);background-size:200% 200%;animation:gradientShift 12s ease infinite}.eyebrow{font-variant:small-caps;letter-spacing:.13em;color:var(--accent-secondary);font-size:.9rem;margin-bottom:.8rem}.hero p{max-width:58ch;color:var(--text-muted)}.home-content{max-width:900px;margin:auto}.notebook-section{padding:3.5rem 0;border-bottom:1px solid var(--border-subtle);position:relative}.notebook-section>p,.notebook-section>h2,.notebook-section>.eyebrow{max-width:70ch}.crimson-field:before{content:"";position:absolute;inset:-2rem -3rem;z-index:-1;background:radial-gradient(ellipse at 15% 40%,#dc262623,transparent 68%);pointer-events:none}.discussion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1.2rem;margin:1.5rem 0}.discussion{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:1.5rem;backdrop-filter:var(--glass-backdrop);transition:transform .4s var(--ease-kinetic),box-shadow .4s,background .4s}.discussion:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:var(--bg-surface-hover)}.discussion p{font-size:1rem}.discussion .label{color:var(--text-muted);font-variant:small-caps;font-size:.8rem;letter-spacing:.1em}.discussion a{font-size:1rem}.notebook-row{display:grid;grid-template-columns:8rem 1fr;gap:1rem;padding:.8rem 0;border-top:1px solid var(--border-subtle);font-size:1rem}.notebook-row strong{color:var(--accent-secondary);font-variant:small-caps;font-weight:400}.button,button.action{display:inline-block;text-decoration:none;border:0;border-radius:3rem;background:var(--accent-primary);color:#fff;padding:.65rem 1.2rem;font-size:1rem;transition:transform .3s var(--ease-kinetic),box-shadow .3s}.button:hover,button.action:hover{color:#fff;transform:translateY(-3px);box-shadow:var(--shadow-elevation),var(--glow-accent)}.button.secondary,button.secondary{background:#3c2c32;color:var(--text-primary)}.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.2rem 0}.feature-photo{aspect-ratio:16/9}.grid-photo{aspect-ratio:4/3}.thumbnail{width:96px;height:96px;aspect-ratio:1/1;flex:none}.horizontal-card{display:flex;gap:1.2rem;align-items:center}.photo-overlay{position:relative;margin:1.8rem 0}.photo-overlay img{aspect-ratio:16/9}.photo-overlay figcaption{position:absolute;bottom:0;left:0;right:0;background:#24171bed;backdrop-filter:var(--glass-backdrop);padding:1rem;color:var(--text-primary)}.article-header{padding:3rem 0 2rem;border-bottom:1px solid var(--border-subtle)}.article-body{padding:2.5rem 0 3.5rem}.article-body section{margin-bottom:2.8rem}.article-body h2{font-size:2rem}.article-body h3{margin-top:1.6rem}.lead{font-size:1.16rem;color:var(--text-muted)}.pull-quote{margin:2rem 0;padding:1rem 0 1rem 1.5rem;border-left:3px solid var(--accent-primary);font-size:1.4rem;line-height:1.5}.pull-quote p{margin-bottom:.5rem}.pull-quote cite{font-size:.9rem;color:var(--text-muted);font-style:normal}.note{padding:1.4rem;background:var(--bg-surface);border-left:3px solid var(--accent-primary);margin:1.7rem 0}.note p:last-child{margin-bottom:0}details{border-top:1px solid var(--border-subtle);padding:1.15rem 0}details:last-child{border-bottom:1px solid var(--border-subtle)}summary{cursor:pointer;color:var(--text-primary);font-size:1.1rem}details p{margin:1rem 0 0;color:var(--text-muted)}table{width:100%;border-collapse:collapse;font-size:1rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border-subtle);padding:.8rem}th{color:var(--accent-secondary);font-weight:400}caption{text-align:left;color:var(--text-muted);margin-bottom:.6rem}.table-scroll{overflow-x:auto}.site-footer{border-top:1px solid var(--border-subtle);padding:2rem 0;margin-top:2rem;color:var(--text-muted);font-size:.9rem}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.site-footer p{margin:0}.footer-links{display:flex;gap:1.2rem;flex-wrap:wrap}.site-footer a{color:var(--text-muted)}label{display:block;margin:1.1rem 0 .4rem}input,textarea,select{width:100%;max-width:100%;background:#171214;color:var(--text-primary);border:1px solid #c0c4cc65;padding:.7rem;border-radius:0}textarea{min-height:150px;resize:vertical}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.output{white-space:pre-wrap;padding:1rem;background:#171214;border:1px solid var(--border-subtle);font:1rem/1.7 Charter,Cambria,Georgia,serif;max-height:420px;overflow:auto}.status{min-height:1.8em;color:var(--accent-secondary);font-size:1rem}.reveal{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.motion-ready .reveal-visible{opacity:1;transform:translateY(0)}
@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(min-width:1025px){.breakout{width:calc(100% + 6rem);max-width:none;margin-left:-3rem}}
@media(min-width:769px) and (max-width:1024px){.site-header{align-items:flex-start;flex-wrap:wrap}.site-nav{width:100%;justify-content:flex-start;gap:1.2rem}.hero{padding-top:2.5rem}}
@media(max-width:768px){.site-header{padding:1rem;flex-wrap:wrap}.menu-toggle{display:block}.site-nav{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:.7rem;background:var(--bg-surface);border:1px solid var(--border-subtle)}.js .site-nav{display:none;position:absolute;top:calc(100% - .5rem);left:1rem;right:1rem;width:auto;box-shadow:var(--shadow-elevation)}.js .site-nav.is-open{display:flex;animation:menuDrop .25s var(--ease-kinetic)}.site-nav a{padding:.6rem;font-size:1rem}.shell{width:calc(100% - 2rem)}.hero{padding:2rem 0}.notebook-section{padding:2.5rem 0}.crimson-field:before{inset:0}.article-header{padding-top:2rem}.photo-overlay figcaption{position:static}.field-pair{grid-template-columns:1fr;gap:0}}
@media(max-width:480px){body{font-size:17px}.brand{font-size:.82rem;padding:.6rem}.brand-mark{width:1.3rem;height:1.3rem}.site-header{gap:.5rem}.notebook-row{grid-template-columns:1fr;gap:.2rem}.horizontal-card{align-items:flex-start}.thumbnail{width:70px;height:70px}.discussion{padding:1.1rem}.article-body h2{font-size:1.7rem}.footer-inner{display:block}.footer-links{margin-top:1rem}}
@keyframes menuDrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.discussion:hover,.button:hover,button.action:hover{transform:none}}