/* V2 thank you page, on top of ../test.css */
.ty-hero{padding:56px 0 96px;text-align:center;background:radial-gradient(90% 70% at 50% 0%,#1c1f23 0%,var(--black) 70%)}
.ty-hero .brand{margin:0 auto}
.ty-hero .rule{margin:40px auto 28px}
.ty-hero h1{max-width:900px;margin:0 auto;font-size:clamp(34px,3.8vw,54px);line-height:1.12}
.ty-hero .vsl{margin-top:56px}
.lessons{padding:96px 0;border-top:1px solid var(--line)}
.lessons-intro{max-width:62ch;margin:0 auto 64px;text-align:center;font-size:19px;color:var(--text)}
.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 28px}
.lesson{margin:0}
.lesson-thumb{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;display:grid;place-items:center;background:var(--panel);box-shadow:0 20px 40px #00000073}
.lesson-thumb::before{content:'';position:absolute;inset:0;border-radius:6px;padding:1px;background:var(--silver);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:3;opacity:.45;pointer-events:none}
.lesson-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:20% 60%;transform:scale(1.12);transform-origin:20% 60%;filter:brightness(.55) saturate(.85);transition:filter .5s,transform .8s}
.lesson:hover .lesson-thumb img{filter:brightness(.7) saturate(.95);transform:scale(1.16)}
.lesson-thumb.type{background:radial-gradient(80% 90% at 50% 20%,#24282d,#0d0e10)}
.thumb-date{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);font-family:Cinzel,Georgia,serif;font-weight:600;font-size:34px;line-height:1.05;background:var(--silver);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.35}
.lesson-thumb .play{width:56px;height:56px;padding-left:4px}
.lesson-num{display:block;margin-top:20px;font-family:Cinzel,Georgia,serif;font-size:14px;letter-spacing:.2em;background:var(--silver);-webkit-background-clip:text;background-clip:text;color:transparent}
.lesson h3{margin-top:6px;font-size:20px;line-height:1.35}
.prep-homework{padding:104px 0;border-top:1px solid var(--line)}
.prep-homework .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.prep h2,.homework h2{font-size:clamp(26px,2.6vw,36px);margin-bottom:22px}
.reading{list-style:none;margin:0;padding:0;counter-reset:r;border-top:1px solid var(--line)}
.reading li{counter-increment:r;border-bottom:1px solid var(--line)}
.reading a{display:grid;grid-template-columns:44px 1fr;column-gap:8px;padding:20px 0;color:var(--white);text-decoration:none;font-weight:500;transition:color .2s}
.reading a::before{content:counter(r,decimal-leading-zero);grid-row:1/3;font-family:Cinzel,Georgia,serif;font-size:14px;letter-spacing:.12em;padding-top:3px;background:var(--silver);-webkit-background-clip:text;background-clip:text;color:transparent}
.reading a:hover{color:#c9ccd1}
.link-source{display:block}.link-desc{display:block;grid-column:2;margin-top:4px;font-weight:400;font-size:15px;color:var(--muted)}
.ty .final-cta{padding:140px 40px}
.ty .final-bg{object-position:50% 60%;transform:scale(1.1);transform-origin:20% 60%;filter:brightness(.42) saturate(.9)}
@media(max-width:1000px){.lesson-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){
.ty-hero{padding:32px 0 64px}.ty-hero .brand{width:150px}.ty-hero .rule{margin:28px auto 22px}
.ty-hero h1{font-size:clamp(28px,7.6vw,36px)}.ty-hero .vsl{margin-top:36px}
.lessons{padding:64px 0}.lessons-intro{font-size:17px;margin-bottom:44px}
.lesson-grid{grid-template-columns:1fr;gap:40px;max-width:440px;margin:0 auto}
.lesson{text-align:center}
.prep-homework{padding:72px 0}.prep-homework .wrap{grid-template-columns:1fr;gap:56px;text-align:center}
.reading a{grid-template-columns:1fr;justify-items:center;text-align:center;padding:20px 8px}
.reading a::before{grid-row:auto;padding:0 0 6px}.link-desc{grid-column:1}
.ty .final-cta{padding:104px 20px}
}
.reading{border-top:0;display:grid;gap:12px}
.reading li{border:0;border-radius:10px;background:#16181b}
.reading li::after{content:'';position:absolute;inset:0;border-radius:10px;padding:1.5px;background:var(--silver);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.6}
.reading a{padding:20px 22px}
/* 2026-10-22: every reading link the same size and weight, and visibly a link */
.reading a{grid-template-columns:44px 1fr 20px;align-items:center;font-size:16px;line-height:1.5;font-weight:500}
.reading a::before{grid-row:auto;padding-top:0}
.reading a::after{content:'';width:14px;height:14px;justify-self:end;background:var(--silver);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M5 1h8v8M13 1L1 13' stroke='black' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M5 1h8v8M13 1L1 13' stroke='black' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") center/contain no-repeat}
.reading a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#9a9fa6}
@media(max-width:860px){.reading a{grid-template-columns:1fr;justify-items:center;gap:6px;font-size:15.5px}.reading a::after{justify-self:center}}