.shell{width:min(1160px,calc(100% - 48px))}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 0 24px;border-bottom:1px solid var(--line)}
.brand{margin:0}
.brand-name{font-size:44px}
.brand-sub{font-size:11px;letter-spacing:4px}
.path-nav{margin:0;gap:8px}
.path-nav a{min-height:44px;padding:10px 18px;font-size:11px;letter-spacing:1px}
.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:48px;align-items:start}
.coaching-content{min-width:0}
.vsl-section{padding:36px 0 42px}
.tag{margin-bottom:20px}
.vsl-section h1{margin:0;font:800 clamp(44px,5vw,64px)/.95 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-1px}
.vsl-section h1 span,.socials h2 span{color:var(--green)}
.video-frame{margin-top:28px}
.lead{margin:22px auto 0;font-size:16px}
.socials{position:sticky;top:28px;margin-top:36px;padding:24px 0 24px 24px;border:0;border-left:1px solid var(--line);text-align:left}
.socials .eyebrow{font-size:10px;letter-spacing:1.5px}
.socials h2{margin:0;font:800 36px/.95 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-.5px}
.socials h2 span{display:block}
.social-grid{grid-template-columns:1fr;gap:10px;margin-top:24px}
.social-grid>a,.podcast-menu summary{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;min-height:60px;padding:14px}
.social-grid svg{flex-shrink:0;width:22px;height:22px}
.podcast-menu summary b{position:static;margin-left:auto;line-height:1}
.podcast-options{width:240px}
.application{padding:56px 0}
.application h2{font-size:clamp(44px,5vw,64px)}
.site-footer{justify-content:center}
@media(max-width:900px){
  body{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
  .shell{width:min(760px,calc(100% - 32px))}
  .page-layout{display:block}
  .socials{position:fixed;top:auto;bottom:calc(12px + env(safe-area-inset-bottom));left:16px;right:16px;z-index:10;width:min(520px,calc(100% - 32px));margin:0 auto;padding:8px;background:var(--black);border:1px solid var(--line);box-shadow:0 0 24px #0008}
  .socials>.eyebrow,.socials>h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .social-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
  .social-grid>a,.podcast-menu summary{min-height:52px;gap:7px;padding:8px;justify-content:center}
  .social-grid>a span,.podcast-menu summary span{font-size:12px}
  .podcast-menu{grid-column:auto}
  .podcast-menu summary b{font-size:16px;margin-left:0;transform:rotate(180deg)}
  .podcast-menu[open] summary b{transform:rotate(0)}
  .podcast-options{top:auto;bottom:calc(100% + 16px);width:min(280px,calc(100vw - 64px))}
  .vsl-section h1{font-size:clamp(38px,6.8vw,58px)}
}
@media(max-width:620px){
  .site-header{flex-direction:column;gap:18px;padding:20px 0 18px}
  .brand-name{font-size:36px}
  .brand-sub{font-size:10px;margin-top:7px}
  .path-nav{width:100%;margin:0}
  .path-nav a{padding:9px 6px;font-size:10px}
  .vsl-section{padding:24px 0 32px}
  .tag{margin-bottom:16px;font-size:10px}
  .vsl-section h1{font-size:clamp(32px,9.5vw,48px)}
  .video-frame{margin-top:22px}
  .lead{font-size:15px}
  .youtube-link{min-height:44px;margin-top:5px;font-size:10px}
  .application{padding:40px 0}
  .social-grid svg{width:18px;height:18px}
}