:root{--ink:#0c2630;--paper:#f5f3ec;--orange:#f4a052;--muted:#637175;--line:#d8dcd5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.wrap{max-width:1280px;margin:auto;padding:0 42px}header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:23px;text-decoration:none;letter-spacing:-.6px}.badge{display:grid;place-items:center;background:var(--ink);color:var(--orange);border-radius:13px;width:47px;height:47px;font-size:23px;letter-spacing:-2px}nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:650}nav a{text-decoration:none}.channel{border:1px solid var(--ink);padding:10px 18px;border-radius:30px}.hero{display:grid;grid-template-columns:.83fr 1.17fr;gap:50px;align-items:center;padding:52px 0 48px}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:750;letter-spacing:2px;display:flex;gap:9px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}h1{font:500 clamp(43px,4.8vw,67px)/1.05 Georgia,serif;letter-spacing:-2.8px;margin:22px 0 22px}h1 em{font-weight:500;color:#a65c28}p{margin:0 0 19px}.intro{font-size:16px;max-width:400px;color:#536467}.button{display:inline-flex;align-items:center;gap:24px;text-decoration:none;background:var(--orange);border-radius:6px;padding:14px 20px;font-size:13px;font-weight:750;margin-top:8px}.button span{font-size:20px}.herotags{font-size:11px;color:var(--muted);margin-top:24px;display:flex;gap:16px}.feature{background:var(--ink);border-radius:14px;overflow:hidden;box-shadow:0 14px 32px #172e3814;text-decoration:none;display:block}.feature-top{display:flex;justify-content:space-between;padding:15px 20px;color:#e7eee9;font-size:10px;letter-spacing:1.4px;text-transform:uppercase}.feature-top span:first-child{color:var(--orange)}.feature img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.feature-bottom{padding:18px 22px 20px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:16px}.feature-bottom small{display:block;color:#b5c3c5;font-size:11px;margin-bottom:4px}.feature-bottom strong{font:500 23px/1.2 Georgia}.play{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid #799094;border-radius:50%;font-size:15px}.topics{display:flex;justify-content:space-between;gap:30px;border-block:1px solid var(--line);padding:20px 0;color:#526467;font-size:12px}.topics span{display:flex;align-items:center;gap:10px}.topics b{color:var(--ink);font-weight:650}.topicicon{color:#af6730;font-size:19px}.section{padding:45px 0 52px}.sectionheading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:25px}.sectionheading h2{font:500 35px/1.15 Georgia;letter-spacing:-.7px;margin:10px 0 0}.sectionheading p{font-size:12px;max-width:250px;color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{border:1px solid var(--line);background:#fffdf7;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.visual{position:relative;display:block;line-height:0;overflow:hidden}.visual img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .25s}.visual:hover img{transform:scale(1.035)}.visual .play{position:absolute;right:13px;bottom:13px;width:34px;height:34px;background:#102a37e8;border:1px solid #ffffff70;color:#fff;font-size:11px}.content{padding:20px 21px 22px;flex:1;display:flex;flex-direction:column}.category{font-size:9px;font-weight:750;letter-spacing:1.5px;color:#97602d;text-transform:uppercase}.card h3{font:500 26px/1.12 Georgia;letter-spacing:-.5px;margin:11px 0 13px}.card p{font-size:12px;color:var(--muted);line-height:1.65}.watch{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:15px;border-top:1px solid var(--line);text-decoration:none;font-size:11px;font-weight:750}.method{background:#e6e9df;border-radius:12px;padding:30px 35px;display:grid;grid-template-columns:1fr 1.5fr;gap:50px;margin-bottom:40px}.method h2{font:500 28px/1.2 Georgia;margin:9px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:center}.steps b{font-size:11px;display:block}.steps span{font-size:11px;color:var(--muted)}.num{color:#9a6130;font:italic 23px Georgia;margin-bottom:8px}.notice{font-size:11px;color:#637175;max-width:880px;margin-bottom:26px}footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;justify-content:space-between;gap:40px;color:var(--muted);font-size:10px}footer p{margin:0;max-width:680px}footer a{text-underline-offset:3px}.footbrand{font-size:15px;font-weight:800;color:var(--ink);white-space:nowrap}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;padding:10px;z-index:9}:focus-visible{outline:3px solid #d5843e;outline-offset:4px}@media(max-width:1000px){.wrap{padding:0 28px}.hero{gap:28px}h1{font-size:49px}.feature-bottom strong{font-size:20px}.topics{gap:15px}.topics span{font-size:10px}.card h3{font-size:23px}.method{gap:25px}}@media(max-width:700px){.wrap{padding:0 20px}header{height:83px}.brand{font-size:20px;white-space:nowrap;flex-shrink:0}.badge{width:40px;height:40px}nav{gap:15px}nav .methodlink{display:none}.channel{padding:8px 13px;font-size:10px}nav>a:first-child{display:none}.hero{grid-template-columns:1fr;padding:33px 0 28px;gap:29px}h1{font-size:50px;letter-spacing:-2px;margin:18px 0}.intro{font-size:14px}.eyebrow{font-size:9px}.herotags{margin-top:18px}.feature-top{padding:12px 15px;font-size:9px}.feature-bottom{padding:15px 16px}.feature-bottom strong{font-size:22px}.topics{display:grid;grid-template-columns:1fr;padding:17px 0;gap:10px}.topics span{font-size:11px}.section{padding:33px 0}.sectionheading{display:block}.sectionheading h2{font-size:31px}.sectionheading p{margin-top:13px;max-width:none}.grid{grid-template-columns:1fr;gap:22px}.card h3{font-size:28px}.card p{font-size:13px}.watch{font-size:12px}.category{font-size:10px}.method{grid-template-columns:1fr;padding:24px;gap:18px}.steps{grid-template-columns:1fr;gap:16px}.steps>div{display:grid;grid-template-columns:27px 1fr;column-gap:12px}.steps .num{grid-row:span 2}.steps span{font-size:12px}footer{display:block}footer p{margin-top:13px}.notice{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.visual img{transition:none}}

.filters{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.filters button{border:1px solid #a8b5b1;background:transparent;padding:9px 15px;border-radius:24px;color:var(--ink);cursor:pointer}.filters button[aria-pressed=true]{background:var(--ink);color:white}.search{width:100%;max-width:560px;padding:13px 15px;border:1px solid #a8b5b1;border-radius:6px;background:#fffdf7;font:inherit}.card[hidden]{display:none}.reading{max-width:850px;margin:auto;padding:45px 0}.reading h1{font-size:clamp(34px,5vw,54px);letter-spacing:-1px}.reading h2{font:500 29px Georgia;margin-top:32px}.reading li{margin-bottom:10px}.video-poster{position:relative;display:block;aspect-ratio:16/9;background:var(--ink);border-radius:12px;overflow:hidden;margin:28px 0}.video-poster img{width:100%;height:100%;object-fit:cover}.video-poster .play{position:absolute;left:calc(50% - 25px);top:calc(50% - 25px);background:var(--ink);color:white;width:50px;height:50px}.reading .notice{margin-top:25px}.popular{background:#e6e9df;border-radius:12px;padding:25px;margin-bottom:32px}.popular a{display:block;margin:12px 0}.views{font-size:11px;color:var(--muted)}.reading iframe{width:100%;aspect-ratio:16/9;border:0}.reveal{font:inherit;padding:10px 15px;border:1px solid #a8b5b1;border-radius:6px;background:transparent;cursor:pointer}