/* jeremygoodmanmd.com personal layer on top of the v2 system (navy / cream / gold) */
:root{--navy:#1A1918;--navy2:#24221F;--navy3:#2E2B27}
.logo-mark.jg{font:500 16px/1 Aboreto,Georgia,serif;letter-spacing:.04em;width:40px;height:40px}
.logo-txt{letter-spacing:.2em}.logo-txt em{letter-spacing:.24em;font-size:9px}
.head-yt{display:inline-flex;align-items:center;color:rgba(242,238,230,.8);margin-left:4px;transition:color .2s}.head-yt:hover{color:#A88651}
.head-yt .yt-ico{width:26px;height:26px}
.nav{gap:26px}
.yt-ico{width:18px;height:18px;flex:none}
/* home hero: name-first, personal */
.hero-home h1.h1-personal{max-width:none;margin-bottom:22px}
.h1-name{display:block;font-size:clamp(56px,6.6vw,112px);line-height:.92;letter-spacing:-.025em;white-space:nowrap}
.h1-name em{font-style:italic;color:var(--gold2);font-weight:400}
.h1-tag{display:block;font:400 clamp(22px,2vw,31px)/1.25 Aboreto,Georgia,serif;color:rgba(242,238,230,.86);margin-top:22px;max-width:24em;letter-spacing:0}
.hero-home .hero-in{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)!important;align-items:end}
.hero-yt{max-width:360px;justify-self:end;padding:20px 20px 22px}
.hero-yt .glass-top{margin-bottom:14px}.hy-l{font:600 11px/1 Jost;letter-spacing:.2em;text-transform:uppercase;color:var(--gold2);margin-right:auto;margin-left:10px}
.hero-yt .yt-feat .yt-t{font-size:19px;line-height:1.25}.hero-yt figcaption{padding-top:12px}.hero-yt .yt{margin:0}
.hero-yt .btn{margin-top:16px;gap:10px}
.soc{display:flex;flex-wrap:wrap;gap:10px 22px}
.soc a{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.06em;text-decoration:none;color:rgba(242,238,230,.72);transition:color .2s}
.soc a:hover{color:var(--gold2)}
.hero-soc{margin-top:30px;padding-top:22px;border-top:1px solid rgba(242,238,230,.12);max-width:460px}
.hero-cred{margin-top:24px;color:rgba(242,238,230,.6);font-size:14px}
/* credential marquee */
.cred-mq{padding:22px 0;background:var(--navy)}
.cred-mq .mq-i{font:italic 400 24px/1 Aboreto,Georgia,serif;color:#F2EEE6;letter-spacing:.01em}
/* YouTube section */
.vids-intro{max-width:36em;margin:20px 0 0;color:rgba(242,238,230,.74)}
.tone-a .vids-intro,.tone-b .vids-intro{color:var(--muted)}
.shorts-head{display:flex;align-items:baseline;justify-content:space-between;margin:84px 0 26px;padding-top:40px;border-top:1px solid rgba(242,238,230,.1)}
.shorts-head h3{margin:0;font-size:36px;color:#F2EEE6}
.shorts-row.n8{grid-template-columns:repeat(4,minmax(0,1fr))}
.sub-band{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:72px;padding:34px 40px;border-radius:3px;
 border:1px solid rgba(168,134,81,.35);background:linear-gradient(120deg,rgba(168,134,81,.12),rgba(168,134,81,.02))}
.sub-band.top{margin-top:0}
.sub-band p{margin:0;color:rgba(242,238,230,.75)}.sub-band .sub-band-h{font:400 36px/1.1 Aboreto,Georgia,serif;color:#F2EEE6;margin-bottom:6px}
.sub-band .btn{gap:10px}
.soc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.soc-card{display:flex;align-items:center;gap:18px;padding:24px 26px;border-radius:3px;border:1px solid rgba(242,238,230,.1);background:rgba(242,238,230,.03);
 color:#F2EEE6;text-decoration:none;transition:border-color .3s,transform .4s var(--ease),background .3s}
.soc-card:hover{border-color:var(--gold2);transform:translateY(-4px);background:rgba(168,134,81,.06)}
.soc-card>.yt-ico{width:30px;height:30px;color:var(--gold2)}
.soc-card strong{display:block;font:500 22px/1.1 Aboreto,Georgia,serif}.soc-card span{display:block;font-size:13px;color:var(--gold2)}
.soc-card em{display:block;font-style:normal;font-size:13px;color:rgba(242,238,230,.55);margin-top:2px}
.soc-card .soc-go{margin-left:auto;font-size:13px;color:rgba(242,238,230,.8);white-space:nowrap}
/* who I am: diptych */
.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:88px;align-items:center}
.duo h2{max-width:15ch}
.duo-photos{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.duo-photos .d2{margin-top:96px}
.duo-photos figcaption{position:absolute;left:24px;bottom:22px;z-index:2;font:600 11px/1 Jost;letter-spacing:.22em;text-transform:uppercase;color:#F2EEE6;
 padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.55);backdrop-filter:blur(6px)}
.cards.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cards.c4 .card h3{font-size:28px}
div.card{cursor:default}
.btns.center{justify-content:center}
.book-states li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:30px 14px 22px}
.book-states .btn{margin-top:14px;white-space:normal;text-align:center;font-size:12.5px;padding:10px 14px}
.sec .note{color:var(--muted);font-size:14.5px}
/* Goodman Longevity band */
.gl-band{background:radial-gradient(800px 400px at 0% 0%,#2E2B27 0,#1A1918 70%);color:#F2EEE6;padding:96px 0;border-top:1px solid rgba(168,134,81,.25)}
.gl-in{display:flex;align-items:center;justify-content:space-between;gap:40px}
.gl-in h2{color:#F2EEE6;margin-bottom:.35em}.gl-in p{color:rgba(242,238,230,.76);max-width:40em;margin:0}
.foot-gl{color:var(--gold2)!important}
.foot-soc{margin-top:18px}
/* contact */
.contact-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:64px;align-items:start}
.cform{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}
.cform label{display:flex;flex-direction:column;gap:8px;font:600 12px/1 Jost;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.cform input,.cform select,.cform textarea{font:400 16px/1.4 Jost;padding:14px 16px;border:1px solid var(--line);border-radius:3px;background:#FAF8F3;color:var(--ink);letter-spacing:0;text-transform:none}
.cform input:focus,.cform select:focus,.cform textarea:focus{outline:2px solid var(--gold);outline-offset:1px}
.cform .full{grid-column:1/-1}.cform .btn{justify-self:start;cursor:pointer}
.c-aside{display:grid;gap:16px}
.c-card{background:#FAF8F3;border:1px solid var(--line);border-radius:3px;padding:26px 26px 24px}
.c-card h3{font-size:26px;margin-bottom:8px}.c-card p{margin:0 0 6px;color:var(--muted)}.c-card .btn{margin-top:12px}
.c-soc a{color:var(--ink)}
@media(max-width:1180px){.head-yt{margin-left:auto}.head-cta{margin-left:0}}
@media(max-width:980px){
 .hero-home .hero-in{grid-template-columns:1fr!important}
 .hero-yt{justify-self:stretch;max-width:none}
 .h1-name{white-space:normal}
 .duo,.contact-grid{grid-template-columns:1fr;gap:48px}
 .cards.c4{grid-template-columns:1fr 1fr}
 .soc-cards{grid-template-columns:1fr}
 .gl-in,.sub-band{flex-direction:column;align-items:flex-start}
}
@media(max-width:640px){
 .h1-name{font-size:clamp(40px,11.2vw,60px)}
 .h1-tag{font-size:22px}
 .cards.c4{grid-template-columns:1fr}
 .shorts-row.n8{grid-template-columns:1fr 1fr}
 .cform{grid-template-columns:1fr}
 .sub-band{padding:26px 24px}.sub-band .sub-band-h{font-size:30px}
 .cred-mq .mq-i{font-size:19px}
 .duo-photos .d2{margin-top:48px}
 .gl-band{padding:72px 0}
}
@media(max-width:480px){.head-yt{display:none}.cards.c4 .card h3{font-size:26px}}
@media(max-width:640px){.state-tiles.book-states{grid-template-columns:1fr 1fr}.book-states li{min-width:0}.book-states .btn{white-space:normal;max-width:100%}}
.req-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
.req-form{margin-top:0;background:#FAF8F3;border:1px solid var(--line);border-radius:3px;padding:32px}
#request{scroll-margin-top:80px}
.shorts-row.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:980px){.req-grid{grid-template-columns:1fr;gap:32px}}
@media(max-width:640px){.req-form{padding:22px}.shorts-row.n4{grid-template-columns:1fr 1fr}}
