/*
Theme Name: Century Lectures Landing
Theme URI: https://centurylectures.com/
Description: A lightweight Twenty Twenty-Five child theme for the Century Lectures book landing page.
Author: Century Lectures
Template: twentytwentyfive
Version: 1.1.0
Text Domain: centurylectures-landing
*/

html,
body.home {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden;
}

body.home .wp-site-blocks {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0 !important;
  padding: 0 !important;
}

body.home .wp-site-blocks > *,
body.home .cl-home-main,
body.home .wp-block-post-content,
body.home .wp-block-post-content > * {
  width: 100%;
  max-width: none !important;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  margin-inline: 0 !important;
  padding: 0 !important;
}

#cl-leather-landing{--ink:#201811;--cream:#fbf6ec;--paper:#fffdf8;--tan:#c68b4b;--tan-dark:#8a5428;--red:#b9362d;--line:#e8d8c3;--muted:#685d52;color:var(--ink);background:var(--cream);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;width:100%;max-width:none;margin:0!important;padding:0;overflow:hidden}
#cl-leather-landing *{box-sizing:border-box}
#cl-leather-landing h1,#cl-leather-landing h2,#cl-leather-landing h3{font-family:Georgia,"Times New Roman",serif;line-height:1.08;margin:0 0 .55em;color:var(--ink)}
#cl-leather-landing h1{font-size:clamp(2.35rem,5.3vw,5.2rem);letter-spacing:-.035em}
#cl-leather-landing h2{font-size:clamp(2rem,3.8vw,3.65rem);letter-spacing:-.025em}
#cl-leather-landing h3{font-size:1.28rem}
#cl-leather-landing p{margin:0 0 1.15rem}
#cl-leather-landing .cl-wrap{width:min(1140px,calc(100% - 40px));margin-inline:auto}
#cl-leather-landing .cl-kicker{display:inline-flex;align-items:center;gap:.55rem;color:var(--tan-dark);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:1rem}
#cl-leather-landing .cl-kicker:before{content:"";width:28px;height:2px;background:var(--tan)}
#cl-leather-landing .cl-hero{position:relative;padding:clamp(3rem,7vw,7rem) 0 3.4rem;background:radial-gradient(circle at 78% 22%,rgba(198,139,75,.17),transparent 28%),linear-gradient(135deg,#fffaf0,#f3e7d5)}
#cl-leather-landing .cl-hero:after{content:"";position:absolute;inset:auto 0 0;height:6px;background:linear-gradient(90deg,var(--red),var(--tan),var(--ink))}
#cl-leather-landing .cl-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:clamp(2rem,6vw,6rem)}
#cl-leather-landing .cl-subhead{font-size:clamp(1.05rem,1.8vw,1.35rem);max-width:650px;color:var(--muted)}
#cl-leather-landing .cl-checks{display:flex;flex-wrap:wrap;gap:.65rem 1.1rem;margin:1.5rem 0 1.7rem;padding:0;list-style:none;font-size:.94rem;font-weight:700}
#cl-leather-landing .cl-checks li:before{content:"✓";color:var(--red);margin-right:.45rem;font-weight:900}
#cl-leather-landing .cl-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}
#cl-leather-landing .cl-btn{display:inline-flex;min-height:54px;align-items:center;justify-content:center;padding:.85rem 1.35rem;border-radius:10px;background:var(--red);color:#fff!important;text-decoration:none!important;font-weight:800;box-shadow:0 10px 24px rgba(185,54,45,.22);border:0}
#cl-leather-landing .cl-btn-secondary{background:transparent;color:var(--ink)!important;border:1px solid #aa8d70;box-shadow:none}
#cl-leather-landing .cl-btn-disabled{cursor:not-allowed;opacity:.72}
#cl-leather-landing .cl-link-note{font-size:.78rem;color:var(--muted);width:100%;margin:.15rem 0 0}
#cl-leather-landing .cl-cover-wrap{display:flex;justify-content:center;position:relative}
#cl-leather-landing .cl-cover-wrap:before{content:"";position:absolute;width:76%;height:86%;bottom:-3%;right:2%;background:#d2a36f;border-radius:46% 54% 44% 56%;filter:blur(1px);opacity:.25;transform:rotate(-8deg)}
#cl-leather-landing .cl-cover{position:relative;width:min(100%,350px);height:auto;border-radius:4px;box-shadow:0 28px 55px rgba(43,27,14,.28);transform:rotate(2deg)}
#cl-leather-landing .cl-proof{background:var(--ink);color:#f7ecdc;padding:1.2rem 0}
#cl-leather-landing .cl-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:1rem;font-size:.91rem}
#cl-leather-landing .cl-proof strong{display:block;color:#fff;font-size:1.05rem}
#cl-leather-landing .cl-section{padding:clamp(4rem,8vw,7rem) 0}
#cl-leather-landing .cl-section-white{background:var(--paper)}
#cl-leather-landing .cl-center{text-align:center;max-width:760px;margin:0 auto 2.5rem}
#cl-leather-landing .cl-center p{color:var(--muted)}
#cl-leather-landing .cl-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
#cl-leather-landing .cl-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.45rem;box-shadow:0 10px 25px rgba(74,49,26,.055)}
#cl-leather-landing .cl-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f7e4d1;color:var(--red);font-weight:900;margin-bottom:1rem}
#cl-leather-landing .cl-card p{color:var(--muted);font-size:.95rem;margin:0}
#cl-leather-landing .cl-curriculum{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;counter-reset:chapters}
#cl-leather-landing .cl-chapter{counter-increment:chapters;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:1.4rem;position:relative}
#cl-leather-landing .cl-chapter:before{content:"0" counter(chapters);display:block;color:var(--tan-dark);font-weight:900;letter-spacing:.08em;font-size:.8rem;margin-bottom:.7rem}
#cl-leather-landing .cl-chapter p{font-size:.9rem;color:var(--muted);margin:0}
#cl-leather-landing .cl-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
#cl-leather-landing .cl-list{display:grid;gap:.8rem;padding:0;margin:1.4rem 0;list-style:none}
#cl-leather-landing .cl-list li{padding:.8rem 1rem .8rem 2.7rem;background:#fff;border:1px solid var(--line);border-radius:10px;position:relative}
#cl-leather-landing .cl-list li:before{content:"•";position:absolute;left:1.1rem;color:var(--red);font-size:1.5rem;line-height:1}
#cl-leather-landing .cl-project-panel{background:linear-gradient(145deg,#2c2118,#17110d);color:#fff;border-radius:22px;padding:clamp(1.6rem,4vw,3.3rem);box-shadow:0 24px 55px rgba(31,22,15,.2)}
#cl-leather-landing .cl-project-panel h2,#cl-leather-landing .cl-project-panel h3{color:#fff}
#cl-leather-landing .cl-project-tags{display:flex;flex-wrap:wrap;gap:.55rem}
#cl-leather-landing .cl-project-tags span{padding:.48rem .7rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#f4dfc6;font-size:.83rem}
#cl-leather-landing .cl-faq{max-width:820px;margin:auto;display:grid;gap:.75rem}
#cl-leather-landing details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1rem 1.15rem}
#cl-leather-landing summary{font-weight:800;cursor:pointer;list-style:none;padding-right:2rem;position:relative}
#cl-leather-landing summary::-webkit-details-marker{display:none}
#cl-leather-landing summary:after{content:"+";position:absolute;right:0;top:-.15rem;color:var(--tan-dark);font-size:1.4rem}
#cl-leather-landing details[open] summary:after{content:"–"}
#cl-leather-landing details p{margin:.8rem 0 0;color:var(--muted)}
#cl-leather-landing .cl-final{background:linear-gradient(130deg,#f0ddc5,#fff8ed);text-align:center}
#cl-leather-landing .cl-final-inner{max-width:760px;margin:auto}
#cl-leather-landing .cl-brand{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--tan-dark);margin-top:1.4rem}
#cl-leather-landing .cl-mobile-buy{display:none}

@media(max-width:860px){
  #cl-leather-landing .cl-hero-grid,#cl-leather-landing .cl-split{grid-template-columns:1fr}
  #cl-leather-landing .cl-hero-copy{text-align:center}
  #cl-leather-landing .cl-subhead{margin-inline:auto}
  #cl-leather-landing .cl-kicker{justify-content:center}
  #cl-leather-landing .cl-checks,#cl-leather-landing .cl-cta-row{justify-content:center}
  #cl-leather-landing .cl-cover{width:min(68vw,300px)}
  #cl-leather-landing .cl-card-grid,#cl-leather-landing .cl-curriculum{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:580px){
  #cl-leather-landing{padding-bottom:78px}
  #cl-leather-landing .cl-wrap{width:min(100% - 28px,1140px)}
  #cl-leather-landing .cl-hero{padding:2rem 0 2.6rem}
  #cl-leather-landing h1{font-size:2.5rem}
  #cl-leather-landing .cl-subhead{font-size:1.02rem}
  #cl-leather-landing .cl-checks{display:grid;text-align:left;margin:1.1rem 0 1.3rem}
  #cl-leather-landing .cl-btn{width:100%}
  #cl-leather-landing .cl-cover{width:min(62vw,250px)}
  #cl-leather-landing .cl-proof-grid{grid-template-columns:1fr;gap:.65rem}
  #cl-leather-landing .cl-proof strong{display:inline;margin-right:.35rem}
  #cl-leather-landing .cl-card-grid,#cl-leather-landing .cl-curriculum{grid-template-columns:1fr}
  #cl-leather-landing .cl-section{padding:3.6rem 0}
  #cl-leather-landing .cl-mobile-buy{display:flex;position:fixed;z-index:9999;left:0;right:0;bottom:0;align-items:center;gap:.65rem;background:#fff;padding:.7rem max(.85rem,env(safe-area-inset-right)) calc(.7rem + env(safe-area-inset-bottom)) max(.85rem,env(safe-area-inset-left));border-top:1px solid var(--line);box-shadow:0 -8px 25px rgba(31,22,15,.14)}
  #cl-leather-landing .cl-mobile-buy span:first-child{font-size:.78rem;line-height:1.2;flex:1;color:var(--muted)}
  #cl-leather-landing .cl-mobile-buy .cl-btn{width:auto;min-height:48px;padding:.7rem 1rem;white-space:nowrap}
}
