/* English typesetting and mobile spacing. Original media and motion are retained. */
html[lang=en]{font-kerning:normal;-webkit-text-size-adjust:100%;text-size-adjust:100%}
html[lang=en] :is(h1,h2,h3,p,figcaption){word-break:normal;overflow-wrap:break-word}
.chapter-head h1{font-size:clamp(60px,9vw,150px);line-height:1.02;letter-spacing:-.055em;max-width:13ch;text-wrap:balance}
.chapter-intro{max-width:36ch;line-height:1.45;letter-spacing:-.02em}
.section-top h2{max-width:22ch;text-wrap:balance;line-height:1.12;letter-spacing:-.035em}
.section-top p,.program p,.prose p{line-height:1.65}
.about-story-block p{line-height:1.6;letter-spacing:-.01em}
.story-chunk{display:inline}.story-chunk+.story-chunk::before{content:" "}
.next-chapter .next-name{font-size:clamp(40px,6.5vw,110px);line-height:1.1}
#chapter-nav a{font-size:clamp(27px,4.6vw,70px);line-height:1.15;letter-spacing:-.035em}
.menu-preview-caption{font-size:clamp(16px,2vw,28px);line-height:1.2}
.home-case-title,.home-case-caption h2{line-height:1.2;text-wrap:balance}
.work-caption h3{font-size:clamp(23px,3vw,46px);line-height:1.2}
.work-grid>button{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0}
.work-grid>button>.thumb{flex:none;margin-top:0}
.work-grid>button>span:last-child{overflow-wrap:break-word}
.work-controls:has(#work-mode[aria-pressed=true])>.case-autoplay{display:none}
.writer .stats strong{font-size:clamp(36px,4vw,65px)}
.practice-title{flex-wrap:wrap}
.contact-intro h2{font-size:clamp(42px,6.5vw,100px);line-height:1.1}
.alex-contact{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 40px;align-items:center;min-width:0;padding-top:32px;border-top:1px solid #dcefff24}
.alex-contact-heading h3{margin:0 0 12px;font-size:clamp(32px,4vw,48px);font-weight:400;letter-spacing:-.035em;line-height:1.1}
.alex-contact-heading p{margin:0;color:#b4cada;font-size:16px;line-height:1.6}
.alex-contact-links{min-width:0}
.alex-card-download{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;margin-top:10px;color:#b4cada;font-size:14px}
.alex-business-cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.alex-business-cards a{display:block;min-width:0}
.alex-business-cards img{display:block;width:100%;height:auto;border-radius:8px}
.alex-contact a:focus-visible{outline:2px solid #a7d6f4;outline-offset:5px}
@media(max-width:600px){.alex-contact{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:26px}.alex-business-cards{grid-template-columns:minmax(0,1fr);gap:14px}.alex-contact-heading p{font-size:14px}}
.closing-signature p{font-size:clamp(22px,3vw,44px);text-wrap:balance}
.chapter-footer{flex-wrap:wrap;line-height:1.5}
.chapter-footer>a,.chapter-footer>button{min-height:44px;display:inline-flex;align-items:center}
.artist-names{color:#8bbaff}
.profile-header{gap:14px}.profile-header>strong{font-size:15px}.profile-chapters{flex-wrap:wrap}
.profile-story p{line-height:1.5}.profile-story h3{letter-spacing:-.02em}
.sync-title{font-size:clamp(26px,3.4vw,52px);line-height:1.12;text-wrap:balance}
.profile-company .profile-story p{font-size:clamp(12px,1.22vw,20px)}
.profile-company .profile-story h3{font-size:clamp(15px,1.65vw,26px)}
.page-heading h2{line-height:1.15;letter-spacing:-.025em}
.profile-reading :is(p,h3,li){line-height:1.45}
.profile-chapters a{min-height:44px;display:inline-flex;align-items:center}
.lab-header>span{font-size:14px}.learning-steps button{line-height:1.25}
.lab .intro h1{max-width:24ch;line-height:1.12;font-size:clamp(25px,3.7vw,48px)}
.question-panel h2{line-height:1.3}.question-panel p,.instruction p{line-height:1.6}
.simple-prompt{line-height:1.65}.lab-footer{gap:12px}.lab-footer button{white-space:normal;line-height:1.25;min-height:44px}
@media(max-width:900px){#chapter-nav a{font-size:clamp(23px,5.5vw,46px)}.chapter-head h1{font-size:clamp(50px,12vw,90px)}.home-hint{font-size:12px}.menu-preview-hint{font-size:11px}.next-chapter .next-name{font-size:clamp(35px,7.6vw,70px)}.profile-company .profile-story p{font-size:14px}.profile-company .profile-story h3{font-size:18px}.profile-reading{overflow:visible}.lab-header .logo{width:85px}.lab-header #learn{font-size:12px}.lab-header>span i{display:block}}
@media(max-width:600px){.chapter-head h1{font-size:clamp(42px,12vw,72px);max-width:12ch}.section-top h2{font-size:32px}.chapter-intro{font-size:22px}.about-story-block p{font-size:17px}.next-chapter .next-name{font-size:clamp(32px,10vw,52px)}.artist-names{grid-template-columns:repeat(2,minmax(0,1fr))}.stats.two strong{font-size:46px}.writer .stats strong{font-size:42px}.closing-signature p{max-width:18ch;margin-inline:auto}.contact-intro h2{font-size:42px}.lab-header>span{font-size:12px}.lab-header .logo{width:66px}.lab-header #learn{max-width:70px;white-space:normal}.learning-steps button{font-size:11px;padding:9px 6px}.learning-steps{gap:4px}.lab-footer #live-status{font-size:12px}.profile-header{font-size:12px}.profile-company .profile-story p{font-size:15px}.profile-company .profile-story h3{font-size:19px}}
@media(max-width:360px){#chapter-nav a{font-size:22px}.menu-preview-caption{font-size:15px}.home-hint{font-size:11px}.lab-header .logo{width:50px}.lab-header #learn{font-size:11px}.lab-header>span{font-size:11px}}
@media(max-width:700px){
  .work-controls{grid-template-columns:minmax(0,1fr) auto}
  .work-controls>#work-mode{min-width:0;max-width:100%;white-space:normal;line-height:1.3}
}
@media print{.profile-company .profile-story p{font-size:1.3cqw}.profile-company .profile-story h3{font-size:1.8cqw}.sync-title{font-size:3.4cqw}}
@media(max-width:900px) and (orientation:portrait){
  #home .mobile-home.is-orbit{bottom:calc(176px + env(safe-area-inset-bottom))}
  .mobile-home-intro .mobile-tagline-line{white-space:normal;display:inline}
  .mobile-tagline-line+.mobile-tagline-line::before{content:" "}
  .mobile-home-intro .mobile-tagline-punctuation{position:static}
  .is-orbit .mobile-home-caption{min-height:104px}
  .is-orbit .mobile-home-caption h2{line-height:1.35;font-size:17px;min-height:4.05em;display:grid;align-content:center;overflow-wrap:normal}
  .is-orbit .mobile-home-caption p{font-size:10px;line-height:1.4}
}
@media(max-width:900px) and (max-height:640px) and (orientation:portrait){
  #home .mobile-home.is-orbit{top:calc(68px + env(safe-area-inset-top));bottom:calc(160px + env(safe-area-inset-bottom))}
  .is-orbit .mobile-home-intro p{font-size:18px;line-height:1.25}
  .is-orbit .mobile-home-caption{min-height:84px}
  .is-orbit .mobile-home-caption h2{font-size:14px}
}
@media(max-height:500px) and (orientation:landscape){
  .mobile-home-intro .mobile-tagline-line{white-space:normal;display:inline}
  .mobile-home-intro .mobile-tagline-punctuation{position:static}
  .mobile-tagline-line+.mobile-tagline-line::before{content:" "}
  #home .mobile-home{bottom:calc(76px + env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto}
  .mobile-home-caption h2{min-height:2.7em;line-height:1.35;display:grid;align-content:center;overflow-wrap:normal}
  #home .home-hint{display:none!important}
}
