/* Local-only refinement; preserves existing carousel and section structure. */
.brand-wordmark{flex-direction:row;align-items:center;gap:9px;font-size:19px;letter-spacing:-.03em}
.brand-wordmark svg{width:25px;flex-shrink:0}
#hero .hero-kicker{font-size:11px;letter-spacing:.16em}
#hero .hero-role{margin-top:22px;font-size:clamp(18px,1.7vw,25px)}
#hero .hero-summary{margin-top:20px;max-width:40em;color:#b9b8b0;line-height:1.8}
#featured .section-description,#vibe .section-description{max-width:48em;font-size:clamp(16px,1.3vw,19px);line-height:1.8;margin-top:20px;color:#605e57}
#featured .section-content,#vibe .section-content{padding-top:28px}
.work-series-toolbar{margin-bottom:20px}
.work-hero-media>span{display:none}
.solar-project-heading{grid-template-columns:1fr;gap:12px;padding:32px 36px}
.solar-project-heading h3{font-size:clamp(26px,2.6vw,40px);line-height:1.25;letter-spacing:-.025em;max-width:none}
.solar-project-heading>p:last-child{max-width:46em;align-self:start;color:#605e57}
#about .about-layout{align-items:stretch}
#about .about-card{min-height:100%;align-self:stretch}
#about .about-bio{font-size:17px;line-height:1.85;margin-top:28px}
#about .about-education{margin-top:auto;padding-top:32px}
@media(max-width:600px){
 .brand-wordmark{font-size:17px}
 .brand-wordmark svg{width:24px}
 #hero .hero-kicker{font-size:9px;letter-spacing:.1em}
 #hero .hero-role{font-size:18px;line-height:1.5}
 #hero .hero-summary{font-size:14px;max-width:22em}
 #featured .section-description,#vibe .section-description{font-size:15px;margin-top:16px}
 #featured .section-content,#vibe .section-content{padding-top:20px}
 .solar-project-heading{padding:24px;gap:10px}
 #about .about-bio{font-size:16px}
}

/* Keep each caption compact, with balanced title/detail columns. */
.work-hero-copy{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px 48px;padding:24px 36px;min-height:0;align-items:start}
.work-hero-heading h3{font-size:clamp(24px,2.25vw,34px);line-height:1.3;max-width:24ch}
.work-hero-detail{max-width:none;gap:12px}
.work-hero-detail>p{max-width:36em;margin:0;line-height:1.75}
.work-hero-detail .work-hero-meta{margin-top:10px}
.work-hero-watch{margin-top:16px}
@media(max-width:700px){
 .work-hero-copy{grid-template-columns:1fr;gap:16px;padding:22px}
 .work-hero-heading h3{font-size:25px;max-width:none}
 .work-hero-watch{margin-top:8px}
 #about .about-card{min-height:0}
 #about .about-education{margin-top:24px;padding-top:0}
}

/* Right-side descriptions use the whole column, instead of a narrow 38ch block. */
.work-hero-detail>p:first-child{max-width:none;text-wrap:pretty}
.work-hero-detail .work-hero-meta{margin-top:8px}
.work-hero-watch{margin-top:10px}
/* Bound the gallery: percentage heights must not grow with portrait originals. */
.mooncake-gallery{height:clamp(340px,43vw,610px)}
.mooncake-track,.mooncake-slide{height:100%;min-height:0}
.mooncake-slide img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:1000px){.mooncake-gallery{height:min(72vw,560px)}}
@media(max-width:600px){.mooncake-gallery{height:68vw}}