/* Readable section density. Existing animation geometry and timing stay intact. */
main>.section-pad:not(.journey){padding-top:64px;padding-bottom:64px}
.section-head{gap:28px;margin-bottom:30px}
main>.section-pad:not(.journey) h2,.journal-preview>h2{font-size:clamp(40px,4.6vw,66px);line-height:1.04}
.section-head>p{font-size:19px;line-height:1.55}
main>section:not(.journey) .eyebrow{font-size:16px;line-height:1.5;margin-bottom:16px}
.journal-preview{padding-top:64px;padding-bottom:64px}
.journal-preview>h2{margin-bottom:30px}
.journal-preview-grid{gap:22px}
.journal-preview-card{padding:24px}
.journal-preview-card h3{font-size:clamp(28px,2.8vw,42px);line-height:1.1;margin-top:20px;margin-bottom:16px}
.journal-preview-card p{font-size:18px;line-height:1.6}
.journal-preview-card>span{font-size:16px}
.journal-preview-card>b{font-size:18px;line-height:1.5;min-height:44px;display:inline-flex;align-items:center}
.people{gap:5vw}
.people-copy p:not(.eyebrow){font-size:19px;line-height:1.6;margin:24px 0}
main>section:not(.journey) .cta{min-height:58px;padding:13px 20px;font-size:19px;gap:24px}
main>section:not(.journey) .cta i{font-size:27px}
#service-list{margin-top:28px}
#service-list>details>summary{min-height:92px;padding:22px 0;font-size:clamp(30px,3.4vw,48px)}
#service-list .service-copy{gap:26px 32px;padding-top:8px;padding-bottom:34px}
#service-list .service-copy h3{font-size:28px;margin-bottom:12px}
#service-list .service-copy p{font-size:19px;line-height:1.6}
.contact-band--compact .tj-business-profile{gap:32px}
.contact-band--compact .tj-business-profile h2{font-size:clamp(36px,4vw,56px);line-height:1.08;margin-bottom:20px}
.contact-band--compact .tj-business-profile p{font-size:18px;line-height:1.6}
.contact-band--compact .tj-business-profile .eyebrow{font-size:16px;margin-bottom:14px}
.contact-band--compact .tj-business-area{margin-top:14px}
.contact-band--compact .tj-business-profile .tj-business-appointment{font-size:16px;line-height:1.5;margin-top:12px}
.contact-band--compact .tj-business-direct{background:transparent;padding:0;gap:12px}
.contact-band--compact .tj-business-appointment-button,.contact-band--compact .tj-business-google{min-height:58px;padding:13px 18px;font-size:18px;line-height:1.4}
.contact-band--compact .tj-business-google{border:1px solid currentColor}
.footer.section-pad{padding-top:46px;padding-bottom:60px;gap:14px 26px}
.footer>a:not(.brand),.footer>.privacy-open{min-height:44px;display:inline-flex;align-items:center;font-size:17px;line-height:1.4}
.info-page{font-size:19px;line-height:1.65}
.info-main{padding-top:44px;padding-bottom:64px}
.info-kicker{font-size:16px;margin-top:26px;margin-bottom:14px}
.info-page h1,.tj-legal-page h1{font-size:clamp(44px,6vw,78px);line-height:1.04;margin-bottom:26px}
.info-page .info-lead,.tj-legal-copy .tj-legal-lead{font-size:22px;line-height:1.5;margin-bottom:30px}
.info-page h2{font-size:clamp(30px,3.4vw,44px);line-height:1.12;margin-bottom:18px}
.info-page h3{font-size:28px;line-height:1.2}
.info-copy>section{margin-bottom:40px}
.info-layout{gap:5vw}
.info-foot{padding-top:36px;padding-bottom:36px}
.about-section{padding-top:64px;padding-bottom:64px}
.about-hero{padding-top:44px;padding-bottom:64px}
.about-page .about-hero h1{font-size:clamp(50px,5.8vw,86px);line-height:1.04;margin-top:20px;margin-bottom:22px}
.about-page .about-hero-lead{font-size:22px;line-height:1.5}
.about-page .about-split h2{font-size:clamp(36px,4.2vw,60px)!important;line-height:1.08!important;margin-bottom:24px}
.about-section-head h2,.about-workshop h2{font-size:clamp(36px,4.2vw,60px)}
@media(max-width:700px){
 main>.section-pad:not(.journey){padding-top:42px;padding-bottom:42px}
 .section-head{gap:18px;margin-bottom:24px}
 main>.section-pad:not(.journey) h2,.journal-preview>h2{font-size:clamp(32px,8.8vw,42px);line-height:1.06}
 .section-head>p{font-size:18px;line-height:1.6}
 main>section:not(.journey) .eyebrow{font-size:16px;margin-bottom:12px}
 .journal-preview{padding-top:42px;padding-bottom:42px}
 .journal-preview>h2{font-size:clamp(32px,8.8vw,38px);margin-bottom:24px}
 .journal-preview-grid{gap:18px}
 .journal-preview-card{padding:20px}
 .journal-preview-card h3{font-size:30px;line-height:1.12;margin-top:18px;margin-bottom:14px}
 .journal-preview-card p{font-size:18px;line-height:1.6}
 .journal-preview-card>span{font-size:16px}
 .people{gap:26px}
 .people-copy p:not(.eyebrow){font-size:18px;line-height:1.6;margin:20px 0}
 main>section:not(.journey) .cta{min-height:54px;padding:12px 16px;font-size:18px;gap:20px}
 #service-list>details>summary{min-height:78px;font-size:29px;padding:20px 0;gap:12px}
 #service-list .service-copy{gap:22px;padding-bottom:28px}
 #service-list .service-copy h3{font-size:26px}
 #service-list .service-copy p{font-size:18px;line-height:1.65}
 .contact-band--compact .tj-business-profile{gap:22px}
 .contact-band--compact .tj-business-profile h2{font-size:34px;margin-bottom:18px}
 .contact-band--compact .tj-business-direct{padding:0;gap:10px}
 .contact-band--compact .tj-business-appointment-button,.contact-band--compact .tj-business-google{min-height:54px;font-size:18px;padding:12px 16px;gap:18px}
 .footer.section-pad{padding-top:32px;padding-bottom:40px;gap:10px}
 .footer>a:not(.brand),.footer>.privacy-open{min-height:44px;padding-top:10px;padding-bottom:10px;font-size:17px}
 .info-page{font-size:18px;line-height:1.65}
 .info-main{padding-top:30px;padding-bottom:44px}
 .info-page h1,.tj-legal-page h1{font-size:clamp(38px,10vw,48px);line-height:1.06;margin-bottom:22px}
 .info-kicker{font-size:16px;margin-top:22px;margin-bottom:12px}
 .info-page .info-lead,.tj-legal-copy .tj-legal-lead{font-size:20px;line-height:1.55;margin-bottom:24px}
 .info-page h2{font-size:30px;line-height:1.15;margin-bottom:16px}
 .info-page h3{font-size:26px}
 .info-copy>section{margin-bottom:30px}
 .info-foot{padding-top:28px;padding-bottom:28px}
 .about-section{padding-top:42px;padding-bottom:42px}
 .about-hero{padding-top:30px;padding-bottom:42px;gap:28px}
 .about-page .about-hero h1{font-size:clamp(38px,10vw,48px);line-height:1.06;margin-top:18px;margin-bottom:20px}
 .about-page .about-hero-lead{font-size:20px}
 .about-page .about-split h2,.about-section-head h2,.about-workshop h2{font-size:34px!important;line-height:1.12!important}
}

/*0319: consistent reading rhythm, natural narrow-screen wraps and a content-sized mobile intro. */
body{line-height:1.5}
main h2,main h3{overflow-wrap:anywhere}
main p{overflow-wrap:anywhere}
.cta{overflow-wrap:anywhere}
.cta>span{min-width:0;overflow-wrap:anywhere}
.hero-copy h1{font-size:clamp(64px,8.2vw,124px);line-height:.96;overflow-wrap:anywhere}
.hero-copy .eyebrow{font-size:16px;line-height:1.35;letter-spacing:.01em;margin-bottom:20px}
.hero-intro{font-size:19px;line-height:1.45}
.journey-chapter h2{font-size:clamp(44px,5.4vw,78px);line-height:1.02}
.journey-chapter .eyebrow{font-size:16px;line-height:1.4;margin-bottom:18px}
.journey-chapter p:not(.eyebrow){font-size:19px;line-height:1.5;margin:22px 0;max-width:38ch}
main>.section-pad:not(.journey) h2,.journal-preview>h2{font-size:clamp(34px,4.1vw,58px);line-height:1.08;text-wrap:balance}
.section-head{align-items:start;gap:24px;margin-bottom:26px}
.section-head>p{font-size:19px;line-height:1.5;max-width:40ch}
main>section:not(.journey) .eyebrow{line-height:1.4;letter-spacing:.01em;margin-bottom:14px}
.people-copy p:not(.eyebrow),#service-list .service-copy p,.journal-preview-card p{font-size:19px;line-height:1.5}
.portfolio-note{font-size:16px;line-height:1.45;margin-top:22px;max-width:65ch}
.gallery07 .work-overlay{padding-block:20px}
.gallery07 .work-overlay h3{font-size:clamp(30px,3.3vw,46px);line-height:1.12}
.gallery07 .work-overlay p:not(.eyebrow){font-size:18px;line-height:1.45;margin-top:8px}
.gallery07 .work-rails,.gallery07 .work-overlay .eyebrow{font-size:16px;line-height:1.35}
.price-scope p,.price-exclusions,.tj-tools p,.tj-tools label,.tj-partner-copy p{line-height:1.5}
.contact-band--compact .tj-business-profile p{line-height:1.5}
body.info-page{font-size:19px;line-height:1.55}
.info-page h1,.tj-legal-page h1{font-size:clamp(40px,5.5vw,70px);line-height:1.08;text-wrap:balance;margin-bottom:22px}
.info-page h2{font-size:clamp(28px,3vw,40px);line-height:1.15;margin-bottom:16px;text-wrap:balance}
.info-page h3{font-size:26px;line-height:1.2}
.info-page .info-lead,.tj-legal-copy .tj-legal-lead{font-size:21px;line-height:1.5;margin-bottom:26px;max-width:64ch}
.info-copy p,.info-copy li,.tj-legal-copy p,.tj-legal-copy li{line-height:1.55;max-width:68ch}
.info-copy p+p,.tj-legal-copy p+p{margin-top:16px}
.info-copy>section{margin-bottom:34px}
.portal-login p,.portal-welcome p,.portal-files article p{font-size:19px;line-height:1.5}
.info-page details p,.poster-caption,.poster-detail{font-size:18px;line-height:1.5}
.about-page p{font-size:19px;line-height:1.5}
.about-page .about-kicker{font-size:16px;line-height:1.4;letter-spacing:.01em}
.about-page .about-hero h1{font-size:clamp(44px,5.2vw,76px);line-height:1.08;margin-block:18px 20px}
.about-page .about-hero-lead{font-size:21px;line-height:1.5}
.about-page .about-split h2,.about-section-head h2,.about-workshop h2{font-size:clamp(32px,3.6vw,52px)!important;line-height:1.12!important;text-wrap:balance}
.about-prose p+p{margin-top:18px}
.about-page .about-thoughts .about-thought-copy p{font-size:18px;line-height:1.5}
.about-page .about-theatre-caption,.about-response>#about-response{font-size:19px;line-height:1.5}
.about-invitation>p:not(.about-kicker){font-size:20px;line-height:1.5}
@media(max-width:700px){
 main>.section-pad:not(.journey) h2,.journal-preview>h2{font-size:clamp(30px,8vw,36px);line-height:1.1}
 .section-head{gap:16px;margin-bottom:22px}
 .section-head>p,.people-copy p:not(.eyebrow),#service-list .service-copy p,.journal-preview-card p{font-size:18px;line-height:1.5}
 main>section:not(.journey) .eyebrow{font-size:16px;line-height:1.35;margin-bottom:12px}
 .section-head .reading-break{display:none}
 .gallery07 .work-overlay h3{font-size:30px;line-height:1.12}
 .gallery07 .work-overlay{padding-block:18px}
 .gallery07 .work-controls button{width:auto;height:auto;min-width:48px;min-height:48px;padding:8px;line-height:1}
 .gallery07 .work-overlay p:not(.eyebrow){font-size:18px;line-height:1.45}
 .portfolio-note{font-size:16px;line-height:1.45;margin-top:18px}
 .journal-preview-card h3{font-size:28px;line-height:1.15}
 body.info-page{font-size:18px;line-height:1.5}
 .info-page h1,.tj-legal-page h1{font-size:clamp(34px,9vw,42px);line-height:1.1;margin-bottom:20px;max-width:100%}
 .info-page h2{font-size:28px;line-height:1.15}
 .info-page h3{font-size:25px;line-height:1.2}
 .info-page .info-lead,.tj-legal-copy .tj-legal-lead{font-size:19px;line-height:1.5;margin-bottom:22px}
 .info-copy p,.info-copy li,.tj-legal-copy p,.tj-legal-copy li{line-height:1.5}
 .info-copy>section{margin-bottom:28px}
 .portal-login p,.portal-welcome p,.portal-files article p{font-size:18px;line-height:1.5}
 .about-page p{font-size:18px;line-height:1.5}
 .about-page .about-hero h1{font-size:clamp(34px,9vw,42px);line-height:1.1}
 .about-page .about-hero-lead{font-size:19px;line-height:1.5}
 .about-page .about-split h2,.about-section-head h2,.about-workshop h2{font-size:32px!important;line-height:1.15!important}
 .about-page .about-theatre-caption,.about-response>#about-response,.about-invitation>p:not(.about-kicker){font-size:18px;line-height:1.5}
}
@media(max-width:600px){
 .header{height:86px;padding-block:14px;gap:16px}
 .header .brand>span{font-size:34px}
 .header .brand small{font-size:15px;line-height:1.25;margin-top:5px}
 .header .brand img{width:44px;height:44px}
 .header #menu-open{flex:none;width:48px;height:48px;min-width:48px;min-height:48px;padding:10px;justify-content:center;gap:0}
 #menu-open .menu-label{display:none}
 #menu-open .menu-lines{width:24px;height:10px}
 .journey{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'kicker' 'headline' 'portrait' 'intro' 'action' 'tools' 'cue' 'chapter';padding:112px var(--space) 36px;row-gap:0;height:auto;min-height:0}
 .journey-content,.hero-copy{display:contents;pointer-events:auto}
 .hero-copy>.eyebrow{grid-area:kicker;font-size:16px;line-height:1.35;letter-spacing:0;max-width:none;margin:0 0 16px}
 .hero-copy>h1{grid-area:headline;font-size:clamp(44px,12vw,56px);line-height:1.02;max-width:100%;margin:0;letter-spacing:-.018em}
 .hero-word-break{display:none}
 .journey-visual{grid-area:portrait;position:relative;inset:auto;z-index:0;width:auto;height:clamp(310px,88vw,390px);margin:16px calc(-1*var(--space));}
 .hero-copy>.hero-intro{grid-area:intro;margin:0;font-size:18px;line-height:1.5;max-width:38ch}
 .hero-copy>.cta{grid-area:action;min-height:54px;width:100%;margin:18px 0 0;font-size:18px;line-height:1.35;padding:12px 16px}
 .hero-tools{grid-area:tools;width:100%;max-width:none;justify-self:stretch;margin-top:12px;gap:8px}
 .hero-tools a{min-height:48px;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
 .scroll-cue{grid-area:cue;position:static;justify-self:start;display:inline-flex;min-height:44px;margin:16px 0 0;font-size:16px;line-height:1.4}
 .journey-chapter{grid-area:chapter;position:relative;inset:auto;width:auto;padding:26px 0 0;margin-top:12px}
 .journey-chapter .eyebrow{font-size:16px;line-height:1.35;margin-bottom:16px;letter-spacing:0;max-width:100%}
 .journey-chapter h2{font-size:clamp(36px,10vw,46px);line-height:1.08;text-wrap:balance}
 .journey-chapter .reading-break{display:none}
 .journey-chapter p:not(.eyebrow){font-size:18px;line-height:1.5;margin:18px 0;max-width:38ch}
 .journey-chapter .cta{min-height:54px;padding:12px 16px;font-size:18px;line-height:1.35}
 .work-stage.gallery07{height:max(510px,calc(var(--work-clearance,200px) + 220px))}
 .gallery07 .work-overlay{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
 .gallery07 .work-overlay>div:first-child{max-width:100%;padding-bottom:0}
 .gallery07 .work-controls{position:static;justify-self:end}
}