.mobile-panel-nav{display:none}
@media(max-width:740px){
 html.mobile-chapters{overflow:hidden!important;overscroll-behavior:none;scroll-behavior:auto!important}
 .mobile-chapters body{overflow:hidden;overscroll-behavior:none}
 .mobile-chapters #entry,.mobile-chapters .editorial,.mobile-chapters.holds-ready .hold-section,.mobile-chapters .holds-ready .hold-section{height:100svh!important;min-height:0!important;max-height:100svh;margin:0!important;overflow:hidden;box-sizing:border-box}
 .mobile-chapters #entryPin{height:100svh;position:relative;top:0}
 .mobile-chapters #inkTransition{display:none}
 .mobile-chapters #studio{padding:0!important}
 .mobile-chapters .hold-content{height:100%;position:relative;transform:none!important}
 .mobile-chapters .mobile-rail{display:flex;flex-wrap:nowrap;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom}
 .mobile-chapters .mobile-rail[hidden]{display:none!important}
 .mobile-chapters .mobile-rail::-webkit-scrollbar{display:none}
 .mobile-chapters .mobile-rail> :not([hidden]){flex:0 0 100%;min-width:0;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always}
 .mobile-chapters .mobile-reading{overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;touch-action:pan-x pan-y pinch-zoom}
 .mobile-chapters [data-reveal]{opacity:1!important;transform:none!important}
 .mobile-chapters .studio-room{height:100svh;min-height:0;padding:80px 24px 90px;opacity:1!important;transform:none!important}
 .mobile-chapters .studio-message{inset:100px 54px 100px 24px;width:auto;max-height:none}
 .mobile-chapters .studio-message .studio-introduction{font-size:clamp(13px,1.95svh,16px);line-height:1.5;margin-top:18px}
 .mobile-chapters .studio-message .statement{font-size:clamp(30px,8.8vw,58px)}
 .mobile-chapters #capabilities{padding:90px 56px 94px 26px;height:100svh}
 .mobile-chapters .practice-intro{margin-bottom:18px}
 .mobile-chapters .practice-intro h2{font-size:34px;line-height:1.02}
 .mobile-chapters .practice-intro p{font-size:13px;line-height:1.45;margin-top:12px}
 .mobile-chapters .practice summary{padding:15px 0;gap:8px;grid-template-columns:20px 1fr 16px}
 .mobile-chapters .practice h3{font-size:23px}
 .mobile-chapters .practice-kind{display:none}
 .mobile-chapters .practice-content{padding:0 0 15px 28px}
 .mobile-chapters .practice-content p{font-size:14px;line-height:1.5}
 .mobile-chapters .practice-content>span{font-size:11px}
 .mobile-chapters .work-section{padding:0!important}
 .mobile-chapters .work-stage,.mobile-chapters .wall-ready:not(.is-list) .work-stage{height:100svh;min-height:0;padding:154px 0 76px}
 .mobile-chapters #workWall{height:100%;min-height:0;margin:0;width:100%}
 .mobile-chapters #wallCanvas{pointer-events:auto;touch-action:none}
 .mobile-chapters #workList:not([hidden]){display:flex!important;height:100%;margin:0;padding:0;gap:0}
 .mobile-chapters #workList>.project{padding:0 54px 12px 24px!important;margin:0;max-height:100%;align-self:stretch}
 .mobile-chapters #workList .project-image{height:clamp(140px,38svh,360px);min-height:0;aspect-ratio:auto;width:100%}
 .mobile-chapters #workList .project-heading{margin-top:14px;display:block}
 .mobile-chapters #workList h3{font-size:25px}
 .mobile-chapters #workList .project-summary{font-size:14px;line-height:1.45;margin-top:12px}
 .mobile-chapters #workList .project-services,.mobile-chapters #workList .project-credits,.mobile-chapters #workList .project-source{display:none}
 .mobile-chapters #workList .archive-open{margin-top:12px}
 .mobile-chapters .work-bottom-bar{display:none!important}
 .mobile-chapters #team{padding:78px 0 80px}
 .mobile-chapters .team-intro{display:block;margin:0 54px 18px 24px}
 .mobile-chapters .team-intro h2{font-size:32px;line-height:1.02}
 .mobile-chapters .team-intro>p,.mobile-chapters .team-closing{display:none}
 .mobile-chapters .team-grid{height:calc(100% - 84px);gap:0}
 .mobile-chapters .team-member{padding:0 54px 8px 24px}
 .mobile-chapters .team-portrait img[src*="jordain-johnson"]{object-position:center 20%}
 .mobile-chapters .team-portrait{width:100%;height:clamp(135px,30svh,280px);aspect-ratio:auto}
 .mobile-chapters .team-name{padding:13px 0 9px}
 .mobile-chapters .team-name h3{font-size:29px}
 .mobile-chapters .team-role{font-size:9px;margin-bottom:4px}
 .mobile-chapters .team-bio{font-size:13px;line-height:1.5}
 .mobile-chapters .team-profile-more{margin-top:14px}
 .mobile-chapters #protocol{padding:88px 0 90px}
 .mobile-chapters .protocol-layout{display:flex;flex-direction:column;gap:28px;height:100%}
 .mobile-chapters .protocol-layout>h2{font-size:38px;margin:0 24px}
 .mobile-chapters .protocol-steps{flex:1;min-height:0}
 .mobile-chapters .protocol-steps>article{display:flex;flex-direction:column;padding:30px 54px 24px 24px;border:0;gap:24px;justify-content:center}
 .mobile-chapters .protocol-number{font-size:55px}
 .mobile-chapters .protocol-steps h3{font-size:32px}
 .mobile-chapters .protocol-steps p{font-size:17px;line-height:1.55}
 .mobile-chapters #collaborations{padding:100px 0 75px;display:flex;flex-direction:column;justify-content:center;gap:0}
 .mobile-chapters #collaborations .brand-row{min-height:0;flex:1;max-height:110px}
 .mobile-chapters #collaborations .brand-item{height:100%;max-height:90px}
 .mobile-chapters #transmission{padding:100px 30px 75px;display:flex;flex-direction:column;justify-content:center}
 .mobile-chapters .contact-section h2{font-size:clamp(43px,12vw,76px)}
 .mobile-chapters .mobile-panel-nav:not([hidden]){position:fixed;z-index:160;left:50%;bottom:calc(32px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:8px;width:min(220px,58vw);color:var(--hud-ink,var(--blue));padding:4px 8px;border-radius:8px;background:var(--cream)}
 .mobile-panel-nav button{width:32px;height:38px;border:0;background:none;color:inherit;font-size:19px;flex-shrink:0}
 .mobile-panel-nav button:disabled{opacity:.25}
 .mobile-panel-nav label{display:flex;flex-direction:column;align-items:stretch;gap:2px;min-width:0;flex:1;text-align:center;font-size:9px;white-space:nowrap}
 .mobile-panel-nav input{display:block;width:100%;height:18px;margin:0;accent-color:var(--blue);cursor:pointer;touch-action:none}
 .mobile-chapters .section-arrows{right:10px;gap:16px}
 .mobile-chapters .section-arrows button{width:32px;height:56px}
 .mobile-chapters .depth{display:none}
 .mobile-chapters #sectionNavTitle{display:none!important}
 .mobile-chapters .hud-bot{bottom:14px}
}
@media(max-width:740px) and (max-height:650px){
 .mobile-chapters .team-portrait{height:145px}.mobile-chapters .team-bio{font-size:12px}.mobile-chapters .team-intro{margin-bottom:10px}.mobile-chapters .team-intro h2{font-size:26px}
 .mobile-chapters .studio-message .studio-introduction{font-size:12px}.mobile-chapters .studio-message .statement{font-size:8vw}
}

@media(max-width:740px){
 .mobile-chapters .hud::before,.mobile-chapters .past-entry .hud::before,.mobile-chapters .section-header-active .hud::before{height:64px}
 .mobile-chapters .work-header-active .hud::before{height:150px}
}

@media(max-width:740px){
 .mobile-chapters .profile-fixed{grid-template-rows:auto auto auto minmax(0,1fr)}
 .mobile-chapters .profile-share{grid-column:2;grid-row:2;margin:4px 0 8px}
 .mobile-chapters .profile-tabs{grid-column:1/-1;grid-row:3;margin:4px 0 0;flex-shrink:0}
 .mobile-chapters .profile-side-panels{grid-column:1/-1;grid-row:4;overflow-y:auto;min-height:0}
}
@media(max-width:740px) and (max-height:650px){
 .mobile-chapters #capabilities{padding-top:76px;padding-bottom:80px}
 .mobile-chapters .practice-intro h2{font-size:28px}
 .mobile-chapters .practice summary{padding:11px 0}
 .mobile-chapters .practice h3{font-size:20px}
}