.hn .hn-optin-hero{padding-top:24px;padding-bottom:24px}@media (min-width:960px){.hn .hn-optin-hero{grid-template-columns:minmax(0,1fr) minmax(380px,470px);column-gap:56px;padding-top:44px;padding-bottom:32px}}@media (min-width:1200px){.hn .hn-optin-hero{column-gap:80px}}.hn .hn-optin-copy{max-width:620px}.hn .hn-optin-side{min-width:0}.hn .hn-optin-hero .wm-h1{margin-top:18px}.hn-byline{color:var(--soft);margin:16px 0 0;font-size:16px;line-height:24px}.hn-byline strong{color:var(--ink);font-weight:700}.hn .hn-byline+.wm-sub{margin-top:10px}.hn .hn-optin-card{margin-top:24px;scroll-margin-top:96px}.hn-arrives{color:var(--ink);margin:0 0 12px;font-size:17px;font-weight:600;line-height:1.5}.hn .hn-optin-card .cl-input{border-color:var(--accent);background:var(--card);color:var(--ink)}.hn .hn-optin-card .cl-input:focus{outline:3px solid var(--focus);outline-offset:2px}.hn .hn-optin-card .cl-btn{background:var(--accent);width:100%;color:var(--accent-ink)}.hn .hn-optin-card .cl-btn:hover{background:var(--accent-hover)}.hn .hn-optin-card .cl-btn[disabled]{opacity:.6;cursor:default}.hn .hn-optin-card .cl-btn[disabled]:hover{background:var(--accent)}.hn .hn-optin-card .cl-check{color:var(--soft)}.hn .hn-optin-card .cl-check input{accent-color:var(--accent)}.hn .hn-optin-card .cl-notice,.hn .hn-optin-card .cl-label{color:var(--soft)}.hn .hn-optin-card .cl-label{color:var(--ink)}.hn .hn-optin-card .cl-notice a{color:var(--accent-text);font-weight:600}.hn-proof-row{color:var(--ink);align-items:center;gap:10px;margin:18px 0 0;font-size:16px;font-weight:600;line-height:24px;display:flex}.hn-proof-row svg{width:16px;height:18px;fill:var(--accent);flex:none}.hn-skip-line{margin:8px 0 0;font-size:16px;line-height:24px}.hn .hn-skip-line a{min-height:44px;color:var(--soft);align-items:center;font-weight:600;display:inline-flex}.hn .hn-skip-line a:hover{color:var(--accent-text)}.hn .wm-side .hn-cover{margin:0 0 56px;position:relative}@media (min-width:960px){.hn .wm-side .hn-cover{margin-bottom:48px}}.hn .hn-cover-frame{aspect-ratio:auto;background:var(--band);border:1px solid var(--line);border-radius:var(--r-card);padding:28px 36px 48px;overflow:visible}@media (min-width:960px){.hn .hn-cover-frame{padding:36px 44px 56px}}.hn .hn-cover-frame .hn-cover-img{aspect-ratio:680/880;background:#fff;border-radius:6px;width:min(100%,320px);height:auto;margin:0 auto;display:block;box-shadow:0 1px 1px #28140524,0 8px 14px -6px #28140538,0 30px 48px -14px #28140561}.hn .hn-cover-frame .hn-still{box-shadow:var(--shadow);border-radius:10px;position:relative;overflow:hidden}.hn .hn-cover-frame .hn-still img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.hn-still-label{color:#f3ede4;background:#141210cc;border-radius:8px;padding:4px 10px;font-size:14px;font-weight:700;position:absolute;bottom:12px;left:12px}.hn-drawn{aspect-ratio:3/4;background:var(--ink);max-width:300px;color:var(--bg);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;justify-content:space-between;margin:0 auto;padding:24px;display:flex}.hn .hn-drawn p{margin:0}.hn-drawn-brand{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:13px;font-weight:800}.hn-drawn-title{letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1.15}.hn-drawn-line{opacity:.8;font-size:15px}.hn-hang{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);align-items:center;gap:12px;margin:0;padding:12px 16px 12px 12px;display:flex;position:absolute;bottom:-30px;left:12px;right:12px}@media (min-width:520px){.hn-hang{width:320px;left:auto;right:16px}}@media (min-width:960px){.hn-hang{width:300px;bottom:-26px;right:-16px}}@media (min-width:1280px){.hn-hang{width:316px;right:-28px}}.hn-hang-icon{background:var(--tint);border:1px solid var(--ring);width:44px;height:44px;color:var(--accent-text);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.hn-hang-icon svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.hn-hang-body{flex-direction:column;gap:2px;min-width:0;display:flex}.hn-hang-line{color:var(--ink);font-size:16px;font-weight:800;line-height:22px}.hn-hang-note{color:var(--soft);font-size:15px;line-height:21px}.hn-inside{margin:0}.hn .hn-inside-title{letter-spacing:-.015em;color:var(--ink);margin:0;font-size:22px;font-weight:800;line-height:1.25}.hn-inside-sub{color:var(--soft);margin:4px 0 0;font-size:16px;line-height:24px}.hn-pages{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:14px;margin:16px -16px 0;padding:0 16px 8px;list-style:none;display:flex;overflow-x:auto}.hn-pages>li{scroll-snap-align:start;flex:0 0 62%;max-width:300px}@media (min-width:640px){.hn-pages{grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 0;padding:0;display:grid;overflow:visible}.hn-pages>li{flex:none;max-width:none}}.hn-pages figure{margin:0}.hn-pages img{aspect-ratio:900/1165;border:1px solid var(--line);width:100%;height:auto;box-shadow:var(--shadow);background:#fff;border-radius:6px;display:block}.hn-pages figcaption{color:var(--soft);margin:10px 0 0;font-size:15px;line-height:21px}.hn .hn-learn-section{padding-top:40px}@media (min-width:960px){.hn .hn-learn-section{padding-top:56px}}.hn .hn-head-after{margin-top:40px}.hn-learn{gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.hn-learn{grid-template-columns:1fr 1fr;gap:16px 40px}}.hn-learn li{color:var(--ink);align-items:flex-start;gap:14px;font-size:17px;line-height:1.5;display:flex}.hn-learn-check{background:var(--tint);border:1px solid var(--ring);width:32px;height:32px;color:var(--accent-text);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.hn-learn-check svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.hn-pagetag{background:var(--band);border:1px solid var(--line);color:var(--soft);white-space:nowrap;vertical-align:1px;border-radius:6px;margin-left:8px;padding:1px 8px;font-size:14px;font-weight:600;line-height:20px;display:inline-block}.hn-rows{gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.hn-rows{grid-template-columns:1fr 1fr}}.hn-row{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);color:var(--ink);align-items:center;gap:14px;padding:12px;text-decoration:none;transition:border-color .15s;display:flex}.hn .hn-row{text-decoration:none}.hn a.hn-row:hover{border-color:var(--accent)}.hn a.hn-row:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.hn-row-thumb{aspect-ratio:16/9;background:#141210;border-radius:8px;flex:none;width:120px;position:relative;overflow:hidden}@media (min-width:640px){.hn-row-thumb{width:150px}}.hn-row-thumb img{object-fit:cover;width:100%;height:100%;display:block}.hn-row-thumb svg{fill:#f3ede4;filter:drop-shadow(0 1px 2px #0009);width:28px;height:28px;margin:auto;position:absolute;inset:0}.hn-row-body{min-width:0}.hn .hn-row-body p{margin:0}.hn-row-label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);font-size:13px;font-weight:800;line-height:18px}.hn-row-title{font-size:17px;font-weight:700;line-height:1.35;margin-top:2px!important}.hn-row-meta{color:var(--soft);font-size:15px;line-height:22px}.hn .hn-author{margin-top:48px}@media (min-width:960px){.hn .hn-author{margin-top:64px}}.hn-teacher-band{gap:28px;display:grid}@media (min-width:960px){.hn-teacher-band{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:56px}}.hn .hn-teacher-band .hn-head{margin-bottom:0}.hn-quote{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--r-card);box-shadow:var(--shadow);margin:0;padding:48px 26px 26px;position:relative}.hn-quote:before{content:"“";color:var(--accent);font-size:72px;font-weight:800;line-height:1;position:absolute;top:4px;left:22px}.hn .hn-quote blockquote{letter-spacing:-.015em;color:var(--ink);text-wrap:balance;margin:0;font-size:22px;font-weight:800;line-height:1.3}@media (min-width:768px){.hn .hn-quote blockquote{font-size:26px}}.hn .hn-quote figcaption{color:var(--soft);margin:14px 0 0;font-size:16px}.hn .hn-quote figcaption strong{color:var(--ink)}.hn .wm-band .wm-band-note{color:var(--soft);max-width:30em;margin-top:14px;font-size:17px;font-weight:500;line-height:1.5}.hn .wm-band .wm-cta{color:var(--accent-ink)}.hn .wm-band .wm-cta:focus-visible{outline:3px solid var(--focus)}.hn .hn-thanks-hero .wm-sub+.wm-sub{margin-top:10px}.hn .hn-question{margin:24px 0 0}@media (min-width:768px){.hn .hn-question{margin-top:28px}}.hn .hn-question .cl-eyebrow{color:var(--accent-text);margin:0 0 6px;font-weight:700}.hn .hn-question h2{letter-spacing:-.01em;color:var(--ink);text-wrap:balance;margin:0 0 14px;font-size:22px;font-weight:800;line-height:1.3}.hn .hn-question .hn-chips{margin:0}.hn .hn-question .hn-chips .cl-chip{background:var(--bg);color:var(--ink);border-color:var(--line-strong)}.hn .hn-question .hn-chips .cl-chip:hover{border-color:var(--accent)}.hn .hn-question .hn-chips .cl-chip[aria-pressed=true]{background:var(--tint);border-color:var(--accent);color:var(--accent-text)}.hn .hn-question .hn-chips .cl-chip:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.hn-picked{margin:18px 0 0}.hn .hn-picked .hn-row{background:var(--bg)}.hn .wm-actions{margin-top:8px}.hn .wm-step{background:var(--tint);border-color:var(--ring);color:var(--accent-text)}.hn .wm-step-title{color:var(--ink)}.hn .wm-actions .wm-dl{color:var(--accent-ink);background:var(--accent)}.hn .wm-actions .wm-dl:hover{background:var(--accent-hover)}.hn .wm-actions .wm-dl:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.hn .wm-actions .wm-dl-track{background:var(--tint);color:var(--accent-text);border:1.5px solid var(--ring)}.hn .wm-actions .wm-dl-track:hover{background:var(--tint);border-color:var(--accent)}.hn .wm-actions .wm-dl .cl-arrow{margin-left:0}.hn .wm-actions .hn-rows{grid-template-columns:1fr;margin-top:4px}.hn-step-body{color:var(--soft);max-width:34em;margin:0 0 12px;font-size:16px;line-height:1.5}.hn-step-body strong{color:var(--ink);font-weight:700}.hn .wm-thanks-band .wm-band-note{margin-left:auto;margin-right:auto}@media (prefers-reduced-motion:reduce){.hn .hn-optin-hero *{transition:none!important;animation:none!important}}