/* v30 draft: clearer opening, compact browsing and a visible project scope. */
.voice-intro-slot.intro-hero{padding:48px 48px 22px;margin-bottom:48px}
.intro-hero-main{grid-template-columns:minmax(0,1.55fr) minmax(210px,.75fr);gap:48px;align-items:center}
.intro-portrait{grid-column:2;grid-row:1;margin:0;min-width:0;justify-self:end;max-width:310px}
.intro-portrait .intro-hero-photo{max-width:none;aspect-ratio:4/5;box-shadow:12px 12px 0 #b47b5528}
.intro-portrait figcaption{margin-top:29px;padding-top:14px;border-top:1px solid #ffffff25;line-height:1.6}
.intro-portrait figcaption strong{font-size:13px;display:block;color:#fffdf9;font-weight:600}
.intro-portrait figcaption span{font-size:11px;color:#afc0cc}
.intro-hero h2{font-size:clamp(46px,4.5vw,70px);line-height:1.06;letter-spacing:-.045em;margin:20px 0}
.intro-hero-description{font-size:15px;line-height:1.8;max-width:580px;margin-bottom:22px}
.hero-package{display:block;border-left:2px solid #d6a37d;padding:2px 0 2px 16px;margin:0 0 24px;max-width:420px}
.hero-package>span{display:block;color:#b8c7d1;font-size:9px;letter-spacing:.13em;line-height:1.7}
.hero-package>strong{display:flex;align-items:center;gap:16px;font-size:18px;font-weight:600;letter-spacing:-.015em;color:#f0c7a7;line-height:1.6;margin:3px 0}
.hero-package>small{color:#c1ccd4;font-size:11px;line-height:1.7}
.hero-package:hover>strong{color:#fffdf9}
.intro-project-link{gap:12px 22px;margin-bottom:12px}
.intro-project-link>a.hero-watch-link{font-size:12px;min-height:46px;color:#e6c2a6;padding:10px 0;gap:12px}
.intro-email-note{font-size:11px;margin-bottom:13px;max-width:520px}
.intro-audience-note{font-size:11px;margin:0;color:#d4dde3}
.hero-bottom{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px 36px;align-items:start;border-top:1px solid #ffffff24;margin-top:30px;padding-top:11px}
.hero-explore{border:0;background:transparent;min-height:44px;padding:9px 0;color:#e7b48f;font-size:12px;font-weight:650;text-align:left;display:flex;gap:25px;align-items:center}
.hero-explore:hover{color:#fffdf9}
.intro-hero .creator-introduction{border:0;margin:0;padding:0;font-size:12px;min-width:0}
.creator-introduction>summary{min-height:44px;padding:10px 0;font-size:12px;cursor:pointer;color:#e1e8ec}
.creator-introduction>summary>span{font-size:10px;color:#aebdc8;margin-left:12px}
.creator-introduction-body{padding:6px 0 18px}
.intro-hero .creator-introduction-body details{margin-top:17px;padding-top:11px}
.intro-hero>.fine{margin-top:15px;font-size:10px;max-width:950px}
.home-introduction{gap:25px;padding-bottom:16px}
.home-introduction h1{font-size:clamp(37px,4vw,55px)}
.audience-context{min-height:0;margin-bottom:30px}
.path-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 30px;margin-bottom:40px}
.path-card,.path-card:nth-child(2),.path-card:nth-child(3){grid-column:auto}
.path-visual{width:100%;aspect-ratio:auto;height:clamp(220px,24vw,315px)}
#home .path-visual::after{content:"→"}
.path-copy{padding-top:19px;padding-bottom:24px}
.format-intent{display:block;color:#805031;font-size:9px;font-weight:700;letter-spacing:.105em;line-height:1.8;margin-bottom:10px}
.path-copy h2{font-size:33px;margin-bottom:12px}
.path-copy p{font-size:13px;line-height:1.85;max-width:520px}
.path-copy strong{min-height:44px;margin-top:11px;font-size:12px}
.home-project-offer{margin-top:28px;padding:33px 36px;align-items:center}
.home-project-offer h2{font-size:36px;margin-top:12px}
.home-project-offer p{max-width:740px;font-size:13px}
.home-project-offer .offer-audio-note{font-size:11px;margin-top:12px;color:#586570}
.home-project-offer>.btn{white-space:normal;text-align:center;flex-shrink:0}
.service-card .service-example{font-size:12px;border-left:2px solid #c8aa92;padding-left:13px;margin-top:17px;color:#586570}
.service-example-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;font-weight:650;color:#805031;text-decoration:underline;text-underline-offset:4px;margin:10px 14px 0 0}
.hero-package:focus-visible,.hero-explore:focus-visible,.creator-introduction summary:focus-visible{outline:3px solid #efc7a8;outline-offset:4px}
@media(max-width:1000px){
 .voice-intro-slot.intro-hero{padding:36px 32px 22px}
 .intro-hero-main{grid-template-columns:minmax(0,1.6fr) minmax(175px,.7fr);gap:30px}
 .intro-hero h2{font-size:50px}
 .hero-package>strong{font-size:17px}
 .home-project-offer{display:block}
 .home-project-offer>.btn{margin-top:22px}
}
@media(max-width:650px){
 .voice-intro-slot.intro-hero{padding:28px 23px 20px;margin-bottom:35px}
 .intro-hero::before{width:100%;height:0;border:0}
 .intro-hero-main{display:flex;flex-direction:column;gap:24px;align-items:stretch}
 .intro-hero-copy{order:0}
 .intro-hero h2{font-size:44px;line-height:1.08;margin:17px 0 19px}
 .intro-hero-description{font-size:13px;line-height:1.85;margin-bottom:20px}
 .intro-hero .eyebrow{font-size:8px;letter-spacing:.13em}
 .hero-package{margin-bottom:22px;padding-left:12px}
 .hero-package>strong{font-size:16px;gap:10px}
 .hero-package>small{font-size:10px}
 .intro-project-link{display:flex;flex-direction:column;align-items:stretch;gap:6px}
 .intro-project-link>a.email-campaign-cta{justify-content:space-between;width:100%;padding:13px 15px}
 .intro-project-link>a.hero-watch-link{justify-content:space-between;width:100%;padding-inline:2px;font-size:11px}
 .intro-email-note{font-size:10px;line-height:1.8;margin-bottom:13px}
 .intro-audience-note{font-size:10px;line-height:1.8}
 .intro-portrait{order:1;display:flex;align-items:center;gap:18px;max-width:none;justify-self:auto;width:100%;margin-top:0}
 .intro-portrait .intro-hero-photo{width:76px;height:87px;aspect-ratio:auto;margin:0;float:none;box-shadow:6px 6px 0 #b47b5528;flex:none;object-position:50% 20%}
 .intro-portrait figcaption{margin:0;padding:0;border:0}
 .intro-portrait figcaption strong{font-size:13px}
 .intro-portrait figcaption span{font-size:10px}
 .hero-bottom{display:block;margin-top:23px;padding-top:6px}
 .hero-explore{width:100%;justify-content:space-between}
 .creator-introduction>summary>span{font-size:9px;margin-left:7px}
 .intro-hero>.fine{font-size:9px;line-height:1.8}
 .home-introduction h1{font-size:37px}
 .home-introduction p{font-size:13px}
 .audience-switch{display:flex;width:100%;max-width:100%;margin-top:15px}
 .audience-switch button{flex:1;padding:12px 8px;font-size:11px;white-space:normal}
 .audience-context{padding-left:13px;margin-bottom:24px}
 .audience-context p{font-size:12px}
 .audience-context a{font-size:11px}
 .path-grid{grid-template-columns:1fr;gap:29px;margin-bottom:30px}
 .path-visual{height:245px}
 .path-copy{padding-top:17px;padding-bottom:17px}
 .path-copy h2{font-size:30px}
 .path-copy p{font-size:12px}
 .format-intent{font-size:8px;letter-spacing:.085em}
 .home-project-offer{padding:27px 23px}
 .home-project-offer h2{font-size:32px}
 .home-project-offer p{font-size:12px}
 .home-project-offer .offer-audio-note{font-size:11px}
 .home-project-offer>.btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.hero-package,.hero-explore{scroll-behavior:auto;transition:none}}