:root{--page-bg:#fbf4ee;--paper:#fffaf5d6;--paper-strong:#fff9f2f5;--ink:#402423;--muted:#775857;--shadow:0 28px 90px #4e292024;--border:#7d4d4324;--hero-serif:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", "Baskerville", serif;--body-sans:"Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif}*{box-sizing:border-box}html{background:radial-gradient(circle at 0 0,#ffd1b5bf,#0000 32%),radial-gradient(circle at 80% 20%,#e3ab9b7a,#0000 30%),linear-gradient(#fff8f1 0%,#f8efe8 45%,#f4e5da 100%);min-height:100%}body{min-height:100vh;color:var(--ink);font-family:var(--body-sans);background:0 0;margin:0}button{font:inherit}a{color:inherit;text-decoration:none}.page-shell{isolation:isolate;max-width:1180px;margin:0 auto;padding:88px 24px 72px;position:relative;overflow:hidden}.backdrop{filter:blur(8px);opacity:.75;z-index:-3;border-radius:999px;animation:14s ease-in-out infinite alternate drift;position:absolute;inset:auto}.backdrop-one{background:radial-gradient(circle,#eeb0a0b3 0%,#eeb0a000 72%);width:340px;height:340px;top:88px;right:-36px}.backdrop-two{background:radial-gradient(circle,#eecd8273 0%,#eecd8200 74%);width:420px;height:420px;animation-duration:18s;bottom:-80px;left:-80px}.grain{z-index:-2;opacity:.16;background-image:linear-gradient(#ffffff24 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 50%,#0000 100%);mask-image:radial-gradient(circle,#000 50%,#0000 100%)}.hero,.feature-grid,.archive{animation:.85s both rise}.feature-grid{animation-delay:.12s}.archive{animation-delay:.22s}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:#6c3b3ab8;margin:0 0 14px;font-size:.78rem;font-weight:700}.hero h1,.section-heading h3,.how-it-works h3,.featured-card h2,.archive-card h4{font-family:var(--hero-serif);letter-spacing:-.03em;margin:0;font-weight:600}.hero h1{max-width:11ch;font-size:clamp(3.25rem,8vw,6.7rem);line-height:.95}.hero h1 span{color:#8a4a53;display:block}.hero-copy{max-width:640px;color:var(--muted);margin:22px 0 0;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.8}.hero-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.meta-pill,.featured-card,.how-it-works,.archive-card{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.meta-pill{background:#fff7f0b8;border-radius:22px;padding:18px 20px}.meta-pill span{font-size:clamp(1.05rem,2vw,1.35rem);font-weight:700;display:block}.meta-pill small{color:var(--muted);margin-top:6px;font-size:.85rem;display:block}.feature-grid{grid-template-columns:minmax(0,1.7fr) minmax(290px,.95fr);gap:24px;margin-top:42px;display:grid}.featured-card,.how-it-works,.archive-card{background:var(--paper);border-radius:30px;position:relative;overflow:hidden}.featured-card:before,.archive-card:before{content:"";background:linear-gradient(180deg, var(--card-accent), #fff0);width:10px;position:absolute;inset:0 auto 0 0}.featured-card{padding:34px 34px 30px}.featured-card__topline,.section-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.featured-card__topline{color:var(--muted);font-size:.95rem}.featured-card h2{margin-top:18px;font-size:clamp(2rem,4vw,3.25rem);line-height:1.02}.status-copy{color:#7a4d4f;margin:18px 0 0;font-size:1rem;line-height:1.7}.featured-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.button-link{min-height:46px;color:var(--ink);background:#fff8f2e0;border:1px solid #7d4d432e;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-size:.96rem;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button-link:hover{transform:translateY(-2px);box-shadow:0 16px 34px #4e29201f}.button-link--primary{color:#fff7f1;background:linear-gradient(135deg,#984f54f2,#754970e6)}.note-body{gap:16px;margin-top:26px;display:grid}.note-body p,.how-it-works p,.archive-card p{color:var(--ink);margin:0;font-size:1.03rem;line-height:1.9}.signoff{font-family:var(--hero-serif);color:#8a4a53;margin:26px 0 0;font-size:1.28rem}.featured-quote,.memory-blurb,.up-next-card,.note-panel{background:#fff8f1d1;border:1px solid #7d4d431c;border-radius:24px;margin-top:22px;padding:18px 20px}.featured-quote{margin-bottom:0}.featured-quote p,.memory-blurb p,.up-next-card p,.note-panel p{margin:0;line-height:1.8}.featured-quote p{font-family:var(--hero-serif);font-size:1.25rem}.featured-quote cite{color:var(--muted);margin-top:12px;font-size:.92rem;font-style:normal;display:block}.memory-blurb h3,.memory-blurb h2,.up-next-card h4{font-family:var(--hero-serif);margin:0 0 10px;font-size:1.4rem;line-height:1.08}.up-next-card{background:linear-gradient(#fff9f4eb,#fbf1e9e0)}.up-next-card a{color:#8a4a53;margin-top:14px;font-weight:600;display:inline-flex}.how-it-works{background:var(--paper-strong);padding:28px}.how-it-works h3{font-size:2rem;line-height:1.08}.how-it-works ul{color:var(--muted);gap:12px;margin:24px 0;padding-left:18px;line-height:1.7;display:grid}.archive{margin-top:44px}.section-heading{margin-bottom:18px}.section-heading h3{font-size:clamp(1.8rem,4vw,2.8rem)}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.archive-card{background:#fffbf7c2;padding:24px;animation:.8s both rise}.archive-link{transition:transform .18s,box-shadow .18s,background .18s;display:block}.archive-link:hover{background:#fffcf8f5;transform:translateY(-4px);box-shadow:0 20px 44px #4e29201f}.archive-card:nth-child(2){animation-delay:80ms}.archive-card:nth-child(3){animation-delay:.16s}.archive-card:nth-child(4){animation-delay:.24s}.archive-card:nth-child(5){animation-delay:.32s}.archive-card time{color:var(--muted);font-size:.92rem;display:block}.archive-card h4{margin-top:14px;font-size:1.55rem;line-height:1.1}.archive-card p{color:var(--muted);margin-top:12px}.cinema-shell{isolation:isolate;max-width:1320px;min-height:100vh;margin:0 auto;padding:0 24px 72px;position:relative;overflow:hidden}.cinema-intro{z-index:30;background:radial-gradient(circle at top,#ffe0c9cc,#0000 28%),radial-gradient(circle at 80% 25%,#d97f6c52,#0000 28%),linear-gradient(#fff8f1fa,#f4e5dafa);place-items:center;padding:32px 24px;transition:opacity .8s,visibility .8s;display:grid;position:fixed;inset:0}.cinema-intro--done{opacity:0;visibility:hidden;pointer-events:none}.cinema-skip,.button-control{min-height:46px;color:var(--ink);cursor:pointer;background:#fff8f2e0;border:1px solid #7d4d432e;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.cinema-skip:hover,.button-control:hover{transform:translateY(-2px);box-shadow:0 16px 34px #4e29201f}.cinema-skip{position:absolute;top:24px;right:24px}.cinema-progress{gap:10px;display:flex;position:absolute;top:28px;left:24px}.cinema-progress-dot{background:#7e55522e;border-radius:999px;width:40px;height:4px;overflow:hidden}.cinema-progress-dot--active{background:linear-gradient(90deg,#c96968,#e7a86f)}.cinema-scene{text-align:center;width:min(960px,100%);animation:.7s both cinemaReveal}.cinema-scene__kicker{letter-spacing:.32em;text-transform:uppercase;color:#814d47b8;margin:0 0 18px;font-size:.82rem;font-weight:700}.cinema-scene h1{font-family:var(--hero-serif);letter-spacing:-.05em;color:#56312f;text-wrap:balance;margin:0;font-size:clamp(3.4rem,10vw,7.5rem);font-weight:600;line-height:.93}.cinema-scene p:last-child{color:#765655;max-width:680px;margin:26px auto 0;font-size:clamp(1.05rem,2.4vw,1.35rem);line-height:1.85}.sequence-shell{z-index:1;opacity:0;pointer-events:none;transition:opacity .9s,transform .9s;position:relative;transform:translateY(24px)}.sequence-shell--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.sequence-head{z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 0 10px;display:flex;position:sticky;top:0}.sequence-progress{flex-wrap:wrap;gap:10px;display:flex}.sequence-step{text-align:left;min-width:116px;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sequence-step__bar{background:#7e55522e;border-radius:999px;height:4px;transition:background .22s,box-shadow .22s,transform .22s;display:block}.sequence-step small{letter-spacing:.12em;text-transform:uppercase;color:#6b443eb8;margin-top:8px;font-size:.75rem;font-weight:700;display:block}.sequence-step--done .sequence-step__bar,.sequence-step--active .sequence-step__bar{background:linear-gradient(90deg,#c96968,#e7a86f)}.sequence-step--active .sequence-step__bar{transform:scaleY(1.2);box-shadow:0 6px 18px #c9696838}.sequence-controls{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.button-control--quiet{background:#fff8f2a8}.button-control:disabled{opacity:.48;cursor:default;box-shadow:none;transform:none}.sequence-stage{align-items:center;min-height:calc(100vh - 110px);display:grid;position:relative}.sequence-beat{isolation:isolate;align-items:center;min-height:calc(100vh - 140px);padding:28px 0 64px;animation:.82s both cinemaReveal;display:grid;position:relative}.sequence-beat:before{content:"";background:radial-gradient(circle, var(--stage-glow,#c9696833) 0%, transparent 68%);z-index:-1;filter:blur(6px);border-radius:999px;width:min(72vw,780px);height:min(72vw,780px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sequence-beat--hero{text-align:center}.sequence-mark{letter-spacing:.08em;text-transform:uppercase;color:#8a4a53;background:#fff8f1c7;border:1px solid #7d4d4329;border-radius:999px;align-items:center;min-height:42px;padding:0 18px;font-size:.9rem;font-weight:700;display:inline-flex}.sequence-beat--hero h2,.story-library__head h2,.sequence-card h2{font-family:var(--hero-serif);letter-spacing:-.05em;margin:18px 0 0;font-weight:600}.sequence-beat--hero h2{font-size:clamp(4rem,10vw,8.5rem);line-height:.9}.sequence-beat--hero h2 span{color:#8a4a53;display:block}.sequence-copy,.story-lead{width:min(760px,100%);color:var(--muted);margin:22px auto 0;font-size:clamp(1.05rem,2.5vw,1.34rem);line-height:1.88}.sequence-copy--compact{width:100%;margin-top:18px;font-size:1rem}.story-lead--archive{margin-left:0}.sequence-stats{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(980px,100%);margin:34px auto 0;display:grid}.sequence-heading{text-align:center}.sequence-card,.sequence-preview-card,.story-rail-card{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffaf4d1;border-radius:34px;position:relative;overflow:hidden}.sequence-card,.story-rail-card{padding:34px}.sequence-preview-card{padding:24px 24px 22px;transition:transform .18s,box-shadow .18s,background .18s;display:block}.sequence-card:before,.sequence-preview-card:before,.story-rail-card:before{content:"";background:linear-gradient(180deg, var(--card-accent,#c86f7b), #fff0);width:10px;position:absolute;inset:0 auto 0 0}.sequence-card--note{width:100%;max-width:860px}.sequence-card--quote{background:linear-gradient(#fff4efeb,#fcece1e6)}.sequence-card--upcoming{background:linear-gradient(#faf7f1f2,#f7efe7e6);width:100%;max-width:720px}.sequence-card h2{font-size:clamp(2rem,5vw,3.4rem);line-height:.98}.sequence-card h3,.sequence-preview-card h3,.story-rail-card h3{font-family:var(--hero-serif);margin:12px 0 10px;line-height:1.04}.sequence-card h3{font-size:clamp(1.7rem,4vw,2.3rem)}.sequence-preview-card h3,.story-rail-card h3{font-size:1.65rem}.sequence-card__topline{color:var(--muted);justify-content:space-between;align-items:baseline;gap:16px;font-size:.95rem;display:flex}.sequence-card__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#6c3b3ab8;margin:0 0 10px;font-size:.78rem;font-weight:700}.sequence-note-body{gap:16px;margin-top:24px;display:grid}.sequence-note-body p,.sequence-preview-card p,.story-rail-card p,.story-card-copy{color:var(--muted);margin:0;line-height:1.86}.sequence-detail-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;width:min(980px,100%);margin:30px auto 0;display:grid}.sequence-up-next{background:#fffaf5c2;border:1px solid #7d4d431c;border-radius:24px;margin-top:26px;padding:18px 20px}.sequence-up-next span,.sequence-up-next strong{display:block}.sequence-up-next span{color:var(--muted);font-size:.92rem}.sequence-up-next strong{font-family:var(--hero-serif);margin-top:8px;font-size:1.45rem;line-height:1.08}.sequence-note-actions,.sequence-finale-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.sequence-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(980px,100%);margin-top:28px;display:grid}.sequence-preview-card:hover,.story-rail-card:hover{background:#fffcf8f5;transform:translateY(-4px);box-shadow:0 24px 48px #4e29201f}.sequence-preview-card time,.story-rail-card time{color:var(--muted);font-size:.94rem;display:block}.story-library{padding:8px 0 72px;animation:.85s both rise}.story-library__head{width:min(760px,100%)}.story-library__head h2{font-size:clamp(2.4rem,6vw,4.4rem);line-height:.97}.story-rail{gap:18px;width:min(980px,100%);margin-top:28px;display:grid}.archive-cta{color:#8a4a53;margin-top:16px;font-size:.94rem;font-weight:700;display:inline-flex}.note-page{max-width:1080px}.note-page-topbar{margin-bottom:18px}.back-link{background:#fff8f1cc;border:1px solid #7d4d4329;border-radius:999px;align-items:center;min-height:42px;padding:0 16px;font-weight:600;display:inline-flex}.note-page-card{border:1px solid var(--border);background:var(--paper);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:34px;padding:34px;position:relative;overflow:hidden}.note-page-card:before{content:"";background:linear-gradient(180deg, var(--card-accent), #fff0);width:10px;position:absolute;inset:0 auto 0 0}.note-page-header{margin-top:18px}.note-page-header h1{font-family:var(--hero-serif);margin:0;font-size:clamp(2.4rem,6vw,4.9rem);line-height:.98}.note-page-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.85fr);gap:24px;margin-top:28px;display:grid}.note-panel{margin-top:0}.note-panel--main{padding:26px}.note-panel--side{background:0 0;border:0;align-content:start;gap:16px;padding:0;display:grid}.note-panel--side .featured-quote,.note-panel--side .memory-blurb{margin-top:0}.note-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.note-nav-link{border:1px solid var(--border);min-height:140px;box-shadow:var(--shadow);background:#fffaf5d6;border-radius:28px;padding:22px;transition:transform .18s,box-shadow .18s;display:block}.note-nav-link:hover{transform:translateY(-3px);box-shadow:0 18px 40px #4e29201f}.note-nav-link small,.note-nav-link span{color:var(--muted);display:block}.note-nav-link strong{font-family:var(--hero-serif);margin:8px 0;font-size:1.45rem;line-height:1.08;display:block}.note-nav-link--empty{opacity:.75}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-16px,18px)scale(1.06)}}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes cinemaReveal{0%{opacity:0;filter:blur(8px);transform:translateY(18px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (max-width:980px){.page-shell{padding-top:72px}.feature-grid,.archive-grid,.hero-meta,.note-page-grid,.note-nav,.sequence-stats,.sequence-preview-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:flex-start}.sequence-head{flex-direction:column;align-items:stretch;position:relative}.sequence-controls{justify-content:flex-start}.sequence-stage,.sequence-beat{min-height:auto}.sequence-beat{padding-top:48px}}@media (max-width:640px){.page-shell{padding:64px 16px 56px}.cinema-shell{padding:0 16px 56px}.featured-card,.how-it-works,.archive-card,.note-page-card,.note-nav-link{border-radius:24px}.featured-card{padding:26px 22px 24px}.how-it-works,.archive-card,.note-page-card{padding:22px}.cinema-skip{top:16px;right:16px}.cinema-progress{top:20px;left:16px}.sequence-head{padding-top:14px}.sequence-step{min-width:92px}.sequence-card,.sequence-preview-card,.story-rail-card{border-radius:24px;padding:22px}.sequence-beat{padding:28px 0 44px}}