.back-line{font-family:var(--font-mono);font-size:var(--fs-mono-label);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:var(--sp-5)}.back-line a{color:var(--cherry);text-decoration:none}.back-line a:hover{color:var(--cherry-hover)}.masthead{text-align:center;padding:2.5rem var(--sp-8) 2.25rem}.masthead-number{font-family:var(--font-mono);font-size:var(--fs-mono-cap);letter-spacing:.18em;text-transform:uppercase;color:var(--coral);margin-bottom:var(--sp-5)}.masthead-number .num{color:var(--cherry);font-weight:500}.masthead-title{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:36px;line-height:var(--lh-tight);color:var(--ink);display:inline-block;margin:0;max-width:24ch}.masthead-wavy{display:block;width:220px;height:9px;margin:var(--sp-4) auto 0}.masthead-dek{font-family:var(--font-body);font-style:italic;font-size:16.5px;color:var(--ink-soft);line-height:var(--lh-relaxed);max-width:38rem;margin:var(--sp-6) auto 0}.letter-read-section{padding:var(--sp-9) var(--sp-8)}.letter-body{max-width:38rem;margin:0 auto}.letter-body p{font-family:var(--font-body);font-size:var(--fs-prose);line-height:var(--lh-loose);color:var(--ink);margin:0 0 var(--sp-7)}.letter-body p:last-child{margin-bottom:0}.letter-intro p:first-child{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:var(--fs-display-3);color:var(--ink);margin:0 0 var(--sp-6)}.letter-pullquote{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:var(--fs-display-2);line-height:var(--lh-body);color:var(--caramel);border-left:3px solid var(--coral);padding:var(--sp-1) 0 var(--sp-1) var(--sp-6);margin:var(--sp-8) 0;max-width:34rem}.tutorial-preview{max-width:780px;margin:var(--sp-9) auto;border:1px solid var(--border-soft);border-radius:8px;background:var(--paper);box-shadow:0 8px 28px #1e18201a;padding:var(--sp-8) var(--sp-8)}.tp-category{display:inline-block;font-family:var(--font-mono);font-size:var(--fs-mono-label);letter-spacing:.28em;text-transform:uppercase;color:var(--coral);text-decoration:none;margin-bottom:var(--sp-3)}.tp-category:hover{color:var(--cherry)}.tp-title{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:24px;line-height:var(--lh-tight);color:var(--ink);margin:0 0 var(--sp-3)}.tp-meta{font-family:var(--font-mono);font-size:var(--fs-mono-cap);letter-spacing:.04em;color:var(--ink-faint);margin-bottom:var(--sp-7)}.tp-meta .views{color:var(--ink-soft)}.tp-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8);align-items:start}.tp-thumb{position:relative;aspect-ratio:16 / 9;background:var(--photo-bg);border:1px solid var(--border-soft);border-radius:6px;overflow:hidden;display:block}.tp-thumb img{width:100%;height:100%;object-fit:cover;display:block}.tp-thumb:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,#1e182033,#1e182000 46%)}.tp-play{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:999px;background:var(--cherry);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 14px #1e182047;transition:transform .13s ease,background .13s ease}.tp-thumb:hover .tp-play{transform:scale(1.06);background:var(--cherry-hover)}.tp-play svg{width:22px;height:22px;margin-left:3px;fill:#fff}.tp-cta{margin-top:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.tp-secondary{font-family:var(--font-mono);font-size:var(--fs-mono-label);letter-spacing:.04em;color:var(--ink-faint);padding-left:.1rem}.tp-secondary a{color:var(--ink-soft);text-decoration:none}.tp-secondary a:hover{color:var(--cherry)}.tp-mln-group{margin-bottom:var(--sp-5)}.tp-mln-group:last-child{margin-bottom:0}.tp-mln-sub{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:var(--fs-display-6);color:var(--ink);margin:0 0 var(--sp-1)}.tp-mln-list{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-relaxed);color:var(--ink-soft);margin:0}.tp-mln-list .sep{color:var(--ink-faint);padding:0 .1rem}.signup-lead{font-family:var(--font-body);font-style:italic;font-size:var(--fs-body-lg);color:var(--ink-soft);margin:0 auto var(--sp-6);max-width:40ch}.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-5)}.support-card{border:1px dashed rgba(216,48,64,.4);border-radius:6px;background:#d8304009;padding:var(--sp-7);display:flex;flex-direction:column}.support-kicker{font-family:var(--font-mono);font-size:var(--fs-mono-meta);letter-spacing:.18em;text-transform:uppercase;color:var(--coral);margin-bottom:var(--sp-3)}.support-title{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:var(--fs-display-4);line-height:var(--lh-tight);color:var(--ink);margin:0 0 var(--sp-3)}.support-body{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-relaxed);color:var(--ink-soft);margin:0 0 var(--sp-5)}.support-link{margin-top:auto;font-family:var(--font-mono);font-size:var(--fs-mono-label);letter-spacing:.06em;color:var(--cherry);text-decoration:none}.support-link:hover{color:var(--cherry-hover)}.support-tip{text-align:center;font-family:var(--font-body);font-style:italic;font-size:var(--fs-body-sm);color:var(--ink-faint);margin:var(--sp-6) auto 0;max-width:46ch}.support-tip a{color:var(--cherry);text-decoration:none}.support-tip a:hover{color:var(--cherry-hover)}@media(max-width:960px){.masthead{padding:var(--sp-9) var(--sp-7) 1.85rem}.masthead-title{font-size:31px}}@media(max-width:600px){.masthead{padding:var(--sp-8) var(--sp-5) var(--sp-8)}.masthead-number{letter-spacing:.12em;margin-bottom:var(--sp-4)}.masthead-title{font-size:23px}.masthead-wavy{width:150px}.masthead-dek{font-size:13.5px;margin-top:var(--sp-5)}.tutorial-preview{padding:var(--sp-6) var(--sp-6) var(--sp-6);margin:var(--sp-8) 0}.tp-title{font-size:20px}.tp-meta{margin-bottom:var(--sp-6)}.tp-grid{grid-template-columns:1fr;gap:var(--sp-6)}.tp-play{width:54px;height:54px}.letter-read-section{padding:var(--sp-6) var(--sp-5)}.letter-pullquote{padding-left:var(--sp-5);margin:var(--sp-7) 0}.support-grid{grid-template-columns:1fr;gap:var(--sp-3)}.support-card{padding:var(--sp-6)}}.letter-share{max-width:38rem;margin:var(--sp-7) auto 0}
