:root{--ink:#090909;--paper:#eee9df;--red:#a91618;--gold:#d0a535;--muted:#c6c0b7;--serif:'Libre Baskerville',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f4f1ec;font-family:var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:absolute;z-index:3;top:0;left:0;width:100%;display:flex;align-items:flex-start;justify-content:space-between;padding:26px 4.5vw}.brand{display:flex;flex-direction:column}.brand-name{font:700 28px var(--serif);letter-spacing:.36em}.brand-tagline{color:var(--gold);font-size:9px;letter-spacing:.12em;margin-top:7px}.main-nav{display:flex;align-items:center;gap:37px;font-size:11px;font-weight:600;padding-top:8px}.nav-cta,.button{background:var(--red);padding:14px 22px;font-weight:700;font-size:11px;letter-spacing:.05em;display:inline-flex;align-items:center;gap:24px}.nav-cta{padding:13px 23px}.button i{font-style:normal;font-size:25px;font-weight:400;line-height:0}.menu-toggle{display:none;background:transparent;border:0}.hero{min-height:720px;position:relative;overflow:hidden;background:#050505}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.85) 30%,rgba(5,5,5,.08) 78%,#050505 100%),url('assets/hero.webp') 64% center/cover no-repeat}.hero-copy{position:relative;z-index:1;width:48%;padding:130px 0 70px 4.5vw}.eyebrow{color:var(--red);font-size:11px;font-weight:700;letter-spacing:.1em;margin:0 0 12px}.hero .eyebrow{color:var(--gold);opacity:.85}.hero h1{font:400 clamp(42px,5.5vw,72px)/1.08 var(--serif);margin:0 0 18px}.hero mark,.section-heading mark{color:#f7f3ec;background:var(--red);padding:0 .12em}.hero-intro{font-size:16px;line-height:1.55;max-width:480px;color:#e8e4de}.hero-features{display:flex;gap:28px;margin:27px 0 30px;font-size:10px;line-height:1.5}.hero-features span{display:flex;align-items:center;gap:8px}.hero-features b{color:var(--red);font-size:27px;font-weight:400}.hero-notes{position:absolute;z-index:1;right:4.5vw;top:150px;width:145px;display:grid;gap:35px;font-size:10px;line-height:1.45}.hero-notes strong{display:block;color:var(--gold);font-size:10px}.hero-notes span{display:block}.section-paper{background:var(--paper);color:var(--ink);padding:55px 4.5vw}.section-heading h2,.faq h2{font:400 clamp(32px,3.4vw,50px)/1.12 var(--serif);margin:0}.analysis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:35px}.analysis-card{border-right:1px solid #b5afa7;padding-right:23px}.analysis-card:last-child{border:0}.analysis-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;margin-bottom:17px}.analysis-copy .number{color:var(--red);font:400 16px var(--serif)}.analysis-copy h3{font:400 16px var(--serif);margin:7px 0 0}.analysis-copy p{font-size:12px;line-height:1.4;margin:17px 0 0;max-width:190px}.section-dark{background:#080909;color:#f4f1ec;padding:55px 4.5vw}.program{display:grid;grid-template-columns:1.05fr 1.7fr 1.15fr;gap:35px}.program h2{font:400 clamp(29px,3vw,44px)/1.15 var(--serif);margin:0}.program h2 em{color:var(--red);font-style:normal}.program-intro>p:last-child{font-size:12px;color:var(--muted);line-height:1.55;max-width:235px;margin-top:20px}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-left:1px solid #555;padding-left:35px}.lesson h3{font-size:11px;margin:0}.lesson h4{font:400 17px/1.25 var(--serif);margin:17px 0}.lesson p:last-child{color:var(--muted);font-size:11px;line-height:1.45}.lesson-icon{width:70px;height:70px;border:1px solid var(--red);border-radius:50%;display:grid;place-items:center;color:var(--red);font-size:36px;margin:18px 0}.enroll{border-left:1px solid #555;padding-left:28px}.enroll>strong{display:block;font:400 38px var(--serif);margin:0 0 13px}.enroll .button{width:100%;justify-content:space-between}.enroll ul{padding:10px 0 0;margin:0;list-style:none;color:var(--muted);font-size:10px;line-height:2.6}.enroll li::first-letter{color:var(--red)}.books{display:grid;grid-template-columns:.85fr 2.15fr;gap:40px;padding-top:0}.books-intro h2{color:var(--gold);font:400 21px/1.15 var(--serif)}.books-intro p{font-size:12px;color:var(--muted);line-height:1.5;max-width:245px}.books-intro a{color:var(--gold);font-size:10px;font-weight:700;display:inline-flex;gap:18px;margin-top:12px}.book-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.book-list article{display:grid;grid-template-columns:100px 1fr;column-gap:15px;align-items:start}.book-cover{aspect-ratio:2/3;width:100px;display:grid;place-items:center;text-align:center;padding:8px;font:700 12px var(--serif);border:4px solid #312b20}.cover-one{color:#b89750;background:#0e2826}.cover-two{color:#9d171a;background:#e8dfd1;font-size:11px}.cover-three{color:#ddc6ae;background:#75201f;font-size:32px}.book-list h3{font:400 15px/1.25 var(--serif);margin:3px 0}.book-list small{grid-column:2;color:var(--muted);font-size:9px}.faq{text-align:center}.faq .eyebrow{margin-bottom:10px}.faq .button{margin-top:26px}footer{border-top:1px solid #333;display:flex;justify-content:space-between;padding:22px 4.5vw;color:var(--muted);font-size:10px}footer span{color:var(--gold);font:700 14px var(--serif);letter-spacing:.2em}
@media(max-width:800px){.site-header{padding:20px 28px}.brand-name{font-size:27px}.main-nav{position:absolute;top:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;width:210px;padding:76px 28px 25px;background:#101010}.main-nav.is-open{display:flex}.main-nav a{padding:12px 0}.main-nav .nav-cta{margin-top:12px;justify-content:center}.menu-toggle{display:flex;position:relative;z-index:4;flex-direction:column;gap:5px;padding:4px}.menu-toggle span{width:29px;height:2px;background:#eee}.hero{min-height:720px}.hero-art{background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.78) 48%,rgba(5,5,5,.2) 100%),url('assets/hero.webp') 63% center/auto 100% no-repeat}.hero-copy{width:100%;padding:125px 28px 50px}.hero .eyebrow{display:none}.hero h1{font-size:44px}.hero-intro{font-size:13px;max-width:310px}.hero-features{gap:12px;margin-top:22px}.hero-features span{font-size:9px}.hero-features b{font-size:23px}.hero-notes{right:24px;top:170px;width:105px;gap:22px;font-size:8px}.hero-notes strong{font-size:8px}.button-large{font-size:10px;padding:15px 20px;margin-top:3px}.section-paper,.section-dark{padding:26px 28px}.section-heading h2{font-size:33px}.analysis-grid{display:flex;flex-direction:column;gap:10px;margin-top:16px}.analysis-card{display:grid;grid-template-columns:45% 1fr;gap:20px;align-items:center;border:1px solid #c5bfb7;border-radius:12px;padding:8px 14px 8px 8px}.analysis-card img{aspect-ratio:1.2/1;margin:0}.analysis-copy .number{font-size:20px}.analysis-copy h3{font-size:16px;margin-top:2px}.analysis-copy p{font-size:12px;margin:13px 0 0}.program{display:grid;grid-template-columns:1fr;gap:22px}.program h2{font-size:30px}.program-intro>p:last-child{max-width:100%;font-size:12px;margin:14px 0 0}.lesson-grid{border:0;padding:0;gap:12px}.lesson{border:1px solid #302f2e;border-radius:12px;padding:14px}.lesson-icon{width:50px;height:50px;font-size:26px;margin:13px 0}.lesson h4{font-size:15px;margin:11px 0}.lesson p:last-child{font-size:9px}.enroll{border:0;border-top:1px solid #444;padding:22px 0 0}.enroll>strong{font-size:34px}.enroll .button{max-width:260px}.enroll ul{font-size:9px;columns:2;line-height:2.4}.books{display:block;padding-top:24px}.books-intro h2{font-size:20px}.books-intro p{max-width:100%;font-size:11px}.book-list{gap:12px;margin-top:25px}.book-list article{display:block}.book-cover{width:100%;max-width:86px;margin-bottom:8px;border-width:3px;font-size:10px}.cover-three{font-size:24px}.book-list h3{font-size:11px}.book-list small{display:block;font-size:7px;margin-top:4px}.faq h2{font-size:30px}footer{padding:18px 28px;display:block}footer small{display:block;margin-top:8px;font-size:8px}}

.hero-art{background-size:auto 100%;background-position:72% center}
.book-list article > div:last-child p{color:var(--muted);font-size:10px;line-height:1.45;margin:10px 0 0}
@media(max-width:800px){.hero-art{background-position:63% center}.book-list article > div:last-child p{font-size:8px;margin-top:6px}}

/* The mobile mockup is a scaled composition: keep its hero geometry relative to the viewport. */
@media(max-width:800px){
  .site-header{padding:2.4% 3.4%}
  .brand-name{font-size:clamp(17px,3.4vw,28px)}
  .brand-tagline{font-size:clamp(6px,1.05vw,9px);margin-top:.8vw}
  .menu-toggle{padding:.5vw;gap:.6vw}
  .menu-toggle span{width:3.5vw;height:1px}
  .hero{height:67.6vw;min-height:280px;max-height:720px}
  .hero-art{background-position:63% center;background-size:auto 100%}
  .hero-copy{width:46%;padding:15.3% 0 0 3.5%}
  .hero h1{font-size:clamp(26px,6.65vw,57px);line-height:1.08;margin-bottom:2.1%}
  .hero-intro{font-size:clamp(8px,1.75vw,15px);line-height:1.48;max-width:90%}
  .hero-features{gap:3.1%;margin:3.3% 0 3.7%;font-size:clamp(6px,1.15vw,10px);line-height:1.35}
  .hero-features span{gap:1vw}
  .hero-features b{font-size:clamp(16px,3.1vw,27px)}
  .button-large{font-size:clamp(7px,1.25vw,11px);padding:2.4% 3.1%;gap:3%;white-space:nowrap}
  .hero-notes{right:3%;top:27%;width:13.2%;gap:5.2%;font-size:clamp(6px,1.18vw,10px);line-height:1.4}
  .hero-notes strong{font-size:clamp(6px,1.18vw,10px)}
}