/* Essential Skills — site-specific styles (brand.md §6) */
h1,h2,h3{font-weight:700;letter-spacing:-.005em}
h1{line-height:.95}
.lede{color:var(--ink-2)}
a{color:var(--gold-ink)}
.btn{font-family:var(--font-display);font-weight:600;letter-spacing:.01em;font-size:1.1rem;min-height:44px}
.btn-lg{font-size:1.25rem}
.btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.btn-line:hover{border-color:var(--gold);color:var(--gold)}
.btn-outline{color:var(--navy)}
.btn-outline:hover{background:var(--navy);color:#fff}

/* header on navy */
.site-header{background:var(--navy);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:none}
.site-header .brand{color:#fff;font-size:1.35rem;font-weight:700}
.brand .mono{flex:none}
.nav a{color:rgba(255,255,255,.82);font-size:1rem}
.nav a:hover,.nav a[aria-current="page"]{color:var(--gold)}
.nav-toggle{color:#fff}
@media(max-width:860px){
  .nav{background:var(--navy);border-bottom-color:rgba(255,255,255,.1)}
  .nav a{border-bottom-color:rgba(255,255,255,.1)}
}

/* hero */
.hero-es{background:var(--navy);color:#fff;padding-top:clamp(2.5rem,7vw,6rem);position:relative;z-index:1}
.hero-grid{display:grid;gap:var(--s-6);align-items:end}
.hero-copy{padding-bottom:clamp(2rem,6vw,5rem)}
.hero-es h1{font-size:clamp(3rem,1.6rem + 6.2vw,7.2rem);max-width:11ch;margin-bottom:var(--s-5)}
.hero-es .lede{color:rgba(255,255,255,.8);font-size:clamp(1.1rem,1rem + .4vw,1.3rem)}
.hero-es .actions{margin-top:var(--s-6)}
.hero-photo{margin:0;position:relative;max-width:420px;justify-self:end;margin-bottom:-4rem}
.hero-photo img{width:100%;height:auto;aspect-ratio:632/880;object-fit:cover;border-radius:var(--radius);border-bottom:6px solid var(--gold)}
.hero-photo figcaption{font-size:var(--fs-xs);color:rgba(255,255,255,.65);margin-top:var(--s-2)}
@media(min-width:880px){.hero-grid{grid-template-columns:1.55fr 1fr}}
@media(max-width:879px){
  .hero-photo{justify-self:start;max-width:260px;margin-bottom:-3rem}
  .hero-photo figcaption{display:none}
}
.reveal{transition-duration:700ms}

/* library wall — the one bold moment */
.wall-section{background:var(--night);color:#fff;padding-block:clamp(5rem,10vw,8rem) var(--section)}
.wall-head{max-width:640px;margin-bottom:var(--s-7)}
.wall-head h2{color:#fff}
.wall-head p{color:rgba(255,255,255,.72)}
.wall{list-style:none;margin:0;padding:0;font-family:var(--font-display);font-weight:600;line-height:1.08;display:flex;flex-wrap:wrap;gap:.35em 1.1em;align-items:baseline}
.wall li{max-width:100%}
.wall .w1{font-size:clamp(1.9rem,1.2rem + 3vw,3.6rem);color:#fff;font-weight:700}
.wall .w2{font-size:clamp(1.35rem,1rem + 1.5vw,2.2rem);color:rgba(255,255,255,.8)}
.wall .w3{font-size:clamp(1.05rem,.9rem + .7vw,1.45rem);color:var(--gold)}
.wall-more{margin-top:var(--s-7)}
.wall-more a{color:var(--gold);font-family:var(--font-display);font-size:1.3rem;font-weight:600}

/* winner's circle */
.wc-grid{display:grid;gap:var(--s-7)}
@media(min-width:880px){.wc-grid{grid-template-columns:1fr 1fr;align-items:start}}
.note{font-size:var(--fs-sm);color:var(--ink-2);border-left:3px solid var(--gold);padding-left:var(--s-3)}
.includes li{grid-template-columns:1fr}
.includes h3{font-size:1.4rem}

/* tom & kim */
.tk-grid{display:grid;gap:var(--s-7)}
@media(min-width:880px){.tk-grid{grid-template-columns:.9fr 1.1fr;align-items:start}}
.tk-photos{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);align-items:start}
.tk-photos img{width:100%;height:auto;border-radius:var(--radius);object-fit:cover}
.tk-photos img:first-child{aspect-ratio:404/540}
.tk-photos img:last-child{aspect-ratio:404/320;margin-top:var(--s-8)}
.shorts{list-style:none;padding:0;margin:0 0 var(--s-5);border-top:1px solid var(--line)}
.shorts li{border-bottom:1px solid var(--line)}
.shorts a{display:block;padding:.7em 0;font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:var(--navy);text-decoration:none;min-height:44px}
.shorts a:hover{color:var(--gold-ink)}
.quote{margin:var(--s-7) 0 0;padding:0}
.quote .pullquote{color:var(--navy);font-weight:600;max-width:32ch}

/* 3D mind */
.three-d{display:grid;gap:var(--s-6);align-items:center}
@media(min-width:880px){.three-d{grid-template-columns:1.6fr 1fr}}
.price-box{border:1px solid var(--line);border-top:4px solid var(--navy);padding:var(--s-6);border-radius:var(--radius)}
.price{font-size:var(--fs-sm);color:var(--ink-2)}
.price span{display:block;font-family:var(--font-display);font-weight:700;font-size:3.2rem;line-height:1;color:var(--navy)}

/* free membership */
.free{background:var(--navy);color:#fff;padding-block:var(--section)}
.free h2{color:#fff}
.free p{color:rgba(255,255,255,.8)}
.free-grid{display:grid;gap:var(--s-6)}
@media(min-width:880px){.free-grid{grid-template-columns:1fr 1fr;align-items:center}}
.free .form label{color:#fff}
.free .form input{border-color:rgba(255,255,255,.3)}
.free .demo-note{color:rgba(255,255,255,.6)}
.free .form-success{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(226,178,58,.5)}

/* footer */
.site-footer{background:var(--night)}

/* inner pages */
.page-head{background:var(--navy);color:#fff;padding-block:clamp(3rem,7vw,5rem)}
.page-head h1{font-size:clamp(2.6rem,1.6rem + 4vw,5rem);max-width:16ch}
.page-head .lede{color:rgba(255,255,255,.8)}
.topic{padding-block:var(--s-7);border-top:1px solid var(--line)}
.topic:first-child{border-top:0}
.topic-grid{display:grid;gap:var(--s-5)}
@media(min-width:880px){.topic-grid{grid-template-columns:260px 1fr}}
.titles{list-style:none;margin:0;padding:0;columns:2 260px;column-gap:var(--s-6)}
.titles li{break-inside:avoid;padding:.45em 0;border-bottom:1px solid var(--line);font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--navy)}
.prose{max-width:65ch}
.prose h2{margin-top:var(--s-7)}
.checks{padding-left:1.1em}
.checks li{margin-bottom:.4em}
.testimonial{border-left:4px solid var(--gold);padding-left:var(--s-5);margin:var(--s-6) 0}
.testimonial p{font-size:var(--fs-lg)}
.testimonial footer{font-size:var(--fs-sm);color:var(--ink-2)}