/* /ai-coaching/ page. Loaded after home.css; reuses its tokens, reveal, ticks, #about and #contact. */

/* intro */
#intro{padding:150px var(--pad) 120px;display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:end;min-height:100svh}
#intro .in{grid-column:1/8}
.crumbs a{text-decoration:none;border-bottom:1px solid currentColor}
.crumbs span[aria-hidden]{margin:0 6px}
#intro h1{font-size:clamp(44px,6.6vw,100px);margin:26px 0 40px -3px}
#intro .sub{max-width:620px;font-size:22px;line-height:1.45}
#intro .hero-tile{grid-column:8/13;width:100%;align-self:center}

/* who */
#who{padding:150px var(--pad) 140px}
#who h2{font-size:clamp(46px,6.7vw,96px);margin:14px 0 56px}
#who .copy{max-width:760px;margin-left:calc((100% - 24px * 11) / 12 * 4 + 24px * 4);font-size:23px;line-height:1.5}
#who .copy p+p{margin-top:1.1em}

/* method */
#method{min-height:88svh;justify-content:flex-end}
#method .bg{background-position:30% 50%}
#method .veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,245,249,0) 30%,rgba(247,245,249,.55) 55%,rgba(247,245,249,.4) 100%),linear-gradient(180deg,rgba(247,245,249,.65) 0,rgba(247,245,249,0) 130px)}
#method .in{padding:120px var(--pad) 100px;margin-left:46%}
#method .stmt{font-size:clamp(46px,6.6vw,96px);margin-top:24px}

/* sessions */
#sessions{padding:120px var(--pad) 140px}
.rows{list-style:none;border-top:1px solid rgba(30,29,38,.2)}
.row{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;padding:40px 0 46px;border-bottom:1px solid rgba(30,29,38,.2)}
.row .mono{grid-column:1/3;padding-top:14px}
.row h2{grid-column:3/8;font-size:clamp(30px,3.1vw,46px);line-height:1.04;letter-spacing:-.025em;font-weight:360;padding-right:24px}
.row p{grid-column:8/13;font-size:19px;line-height:1.5;max-width:60ch}

/* about overrides */
.coach #about{padding-bottom:150px}
.coach #about h2{font-size:clamp(46px,6.2vw,92px)}
#about .txt .mono{font-size:13px}

/* faq */
#faq{padding:140px var(--pad) 150px;border-top:1px solid rgba(30,29,38,.2)}
#faq h2{font-size:clamp(46px,6.7vw,96px);margin:14px 0 72px}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:64px 72px}
.q h3{font-size:28px;line-height:1.12;letter-spacing:-.02em;font-weight:380;margin-bottom:14px}
.q p{font-size:18px;line-height:1.55;max-width:60ch}

/* type */
.row h2,#who h2,#faq h2,.coach #about h2,.coach #contact h2,.q h3{text-wrap:balance}

.coach main p{text-wrap:pretty}

/* footer */
.coach footer time{white-space:nowrap}

/* background: craft-mason tiers mirror home.css #engagement */
#method .bg{background-image:url(img/craft-mason-2400.jpg);background-image:image-set(url(img/craft-mason-2400.avif) type("image/avif"),url(img/craft-mason-2400.webp) type("image/webp"),url(img/craft-mason-2400.jpg) type("image/jpeg"))}

@media (max-width:1100px){
 #intro{grid-template-columns:1fr;min-height:auto;align-items:start}
 #intro .in,#intro .hero-tile{grid-column:1/-1}
 #intro .hero-tile{max-width:360px;margin-top:24px}
 #who .copy{margin-left:0}
 #method .in{margin-left:0;padding-top:300px}
 #method .veil{background:linear-gradient(0deg,rgba(247,245,249,.82) 0%,rgba(247,245,249,.5) 45%,rgba(247,245,249,0) 100%),linear-gradient(180deg,rgba(247,245,249,.65) 0,rgba(247,245,249,0) 90px)}
 .row .mono{grid-column:1/13;padding-top:0}
 .row h2{grid-column:1/13}
 .row p{grid-column:1/13}
 #method .bg{background-image:url(img/craft-mason-1600.jpg);background-image:image-set(url(img/craft-mason-1600.avif) type("image/avif"),url(img/craft-mason-1600.webp) type("image/webp"),url(img/craft-mason-1600.jpg) type("image/jpeg"))}
}
@media (max-width:700px){
 #intro{padding:104px var(--pad) 80px}
 #intro h1{font-size:44px;margin:18px 0 26px}
 #intro .sub{font-size:19px}
 #intro .hero-tile{max-width:none}
 #who,#sessions,#faq{padding-top:90px;padding-bottom:90px}
 #who h2,#faq h2{margin-bottom:40px}
 #who .copy{font-size:20px}
 #method{min-height:auto}
 #method .in{padding:220px var(--pad) 70px}
 #method .stmt{font-size:46px}
 .row{padding:28px 0 32px;gap:12px}
 .row h2{font-size:30px;padding-right:0}
 .row p{font-size:18px}
 .coach #about{padding-bottom:90px}
 .coach #about h2{font-size:46px}
 .faq{grid-template-columns:1fr;gap:44px}
 .q h3{font-size:24px}
 .q p{font-size:17px}
 #method .bg{background-image:url(img/craft-mason-1200.jpg);background-image:image-set(url(img/craft-mason-1200.avif) type("image/avif"),url(img/craft-mason-1200.webp) type("image/webp"),url(img/craft-mason-1200.jpg) type("image/jpeg"))}
}