/* Approved Signal mobile layout. Desktop styles live in styles.css. */
@media(max-width:700px){
:root{--stage-height:0px;--muted:#595959;--line:#d7d7d7;scroll-padding-top:86px}html[data-theme=dark]{--bg:#101010;--muted:#b4b4b4;--line:#393939;--paper:#1c1c1c;--subtle:#242424}
.desktop-only{display:none!important}.mobile-only{display:block}.visual-stage{display:none!important}.header{position:sticky;inset:auto;top:0;height:64px;background:var(--bg);border-bottom:1px solid var(--line)}.nav-inner{height:64px;margin:0 22px;border:0;gap:0}.wordmark{font-size:15px;gap:10px;min-height:44px;letter-spacing:-.5px}.wordmark svg{width:19px;height:19px}.nav-actions{gap:0}.icon-button{width:44px;height:44px;min-height:44px}.icon-button svg{width:20px;height:20px}.menu-toggle{width:44px;gap:5px}.menu-toggle i{width:19px;height:1.5px}.nav-contact{display:none}.nav-inner nav{position:fixed;top:64px;padding:16px 24px 24px;box-shadow:0 14px 25px #0000000d}.nav-inner nav.open{gap:0}.nav-inner nav a{display:block;font-size:21px;padding:13px 0;border:0;color:var(--ink)}.nav-inner nav .desktop-only{display:none}.nav-inner nav .motion-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 0 0;margin-top:16px;border-top:1px solid var(--line);min-height:44px;font-size:14px}.motion-text{display:inline}.motion-symbol{font-size:16px}
#main,.footer{max-width:520px;margin:0 auto}.chapter,.hero,.coordination,.conversation{min-height:0;display:block;padding:0 24px;margin:0 0 76px;scroll-margin-top:20px;z-index:auto}.chapter-copy,.hero .chapter-copy{width:auto;max-width:none;margin:0;z-index:auto}.hero{padding-top:26px;margin-bottom:68px}.mobile-label{font-size:11px;font-weight:500;line-height:1.5;letter-spacing:-.12px;margin:0 0 13px;color:var(--muted)}.hero .mobile-label{margin-bottom:14px}h1,h2{font-weight:500;letter-spacing:-1.6px;line-height:1.09}h1,.hero h1{font-size:clamp(40px,11.8vw,57px);letter-spacing:-2.2px;white-space:normal}h2{font-size:34px;margin-bottom:18px}.mobile-content>p{font-size:15px;line-height:1.65;color:var(--muted)}.mobile-figure{height:246px;position:relative;margin:13px -9px 6px;isolation:isolate}.hero .hero-sculpture{height:184px;margin:2px -9px 4px}.hero .hero-copy{max-width:360px;font-size:15px;line-height:1.6;margin:0 0 19px}.mobile-content .button{display:flex;width:100%;min-height:51px;align-items:center;justify-content:center;gap:20px;border:0;border-radius:3px;padding:14px 15px;font-size:14px;font-weight:500;letter-spacing:-.2px}.mobile-content .button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}.button:hover{color:#fff}.quiet-link{display:flex;min-height:45px;align-items:center;justify-content:center;gap:12px;margin:4px 0 0;font-size:12px;color:var(--muted)}.quiet-link span{color:var(--ink)}.figure-caption{position:absolute;bottom:7px;width:100%;text-align:center;font-size:10px;color:var(--muted);font-family:var(--mono);letter-spacing:-.3px}.mobile-content>.figure-explanation{font-size:14px;color:var(--ink);max-width:250px;line-height:1.5;margin-top:8px}.workflow-sculpture{height:225px;margin:5px -12px 0}.step-controls{display:flex;gap:0;border-bottom:1px solid var(--line);margin-top:3px}.step-controls button{flex:1;min-height:52px;display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:12px;color:var(--muted);padding:10px 3px}.step-controls button span{font-family:var(--mono);font-size:10px;color:var(--muted)}.step-controls button[aria-pressed=true]{border-color:var(--signal);color:var(--ink)}.step-controls button[aria-pressed=true] span{color:var(--signal)}.step-detail{padding:21px 0 24px;min-height:159px}.step-detail h3{font-weight:500;font-size:18px;letter-spacing:-.45px;margin-bottom:8px}.step-detail p{font-size:14px;line-height:1.6;color:var(--muted)}.work-domains{display:flex;flex-wrap:wrap;gap:7px 18px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);line-height:1.7}.principles{margin:6px 0 0}.principles>div{display:grid;grid-template-columns:114px 1fr;gap:10px;padding:17px 0;border-top:1px solid var(--line)}.principles dt{font-weight:500;font-size:13px;letter-spacing:-.15px}.principles dd{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.process details{border-top:1px solid var(--line)}.process details:last-child{border-bottom:1px solid var(--line)}.process summary{min-height:66px;display:flex;align-items:center;gap:16px;font-weight:500;font-size:19px;letter-spacing:-.5px}.process-number{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:0}.expand{position:relative;width:15px;height:15px;margin-left:auto}.expand:before,.expand:after{content:'';position:absolute;left:0;right:0;top:7px;height:1px;background:var(--ink)}.expand:after{transform:rotate(90deg)}[open] .expand:after{display:none}.process p{font-size:14px;line-height:1.65;color:var(--muted);margin-left:31px;padding-bottom:16px}.process .deliverable{font-size:12px;color:var(--ink);line-height:1.6;padding-bottom:25px}.conversation{margin-bottom:64px}.closing-sculpture{height:172px;margin:0 -9px 17px}.conversation h2{font-size:32px}.conversation .mobile-content>.button{margin-top:22px}.mobile-content>.fit-note{font-size:12px;margin-top:18px;line-height:1.7}
.footer{padding:28px 24px 20px;display:flex;flex-wrap:wrap;gap:18px 24px;border-top:1px solid var(--line)}.footer .wordmark{font-size:15px;width:100%;gap:10px}.footer .wordmark svg{width:19px;height:19px}.footer p{margin:6px 0 0;text-align:left;order:3;width:100%;font-size:10px}.footer>a{font-size:12px;min-height:44px;display:flex;align-items:center}.footer>a:last-child{font-size:11px;text-align:left;margin-left:auto}.noscript-note{padding:20px}.no-webgl .motion-toggle{display:none!important}
#story-canvas{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;touch-action:pan-y;z-index:1}.mobile-figure figcaption{z-index:2}.fallback{position:absolute;left:50%;top:48%;width:140px;height:140px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:9px;transform:translate(-50%,-50%) rotateX(48deg) rotateZ(-30deg)}.fallback i{background:var(--ink);border-radius:4px;box-shadow:-5px 7px 0 #383838}.fallback i:last-child{background:var(--signal);transform:rotate(45deg) scale(.8);box-shadow:-4px 6px 0 #a73221}.webgl-ready .fallback{visibility:hidden}.fallback:after{content:'';position:absolute;inset:14px;z-index:-1;box-shadow:0 27px 35px #0002}.mobile-figure[data-pose="1"] .fallback,.mobile-figure[data-pose="2"] .fallback{width:200px;height:60px;display:flex;transform:translate(-50%,-50%) rotateX(48deg) rotateZ(-15deg);gap:12px}.mobile-figure[data-pose="1"] .fallback i,.mobile-figure[data-pose="2"] .fallback i{width:60px;height:60px}.mobile-figure[data-pose="1"] .fallback i:last-child{position:absolute;top:64px;left:73px;width:40px;height:40px}.mobile-figure[data-pose="2"] .fallback i:last-child{position:absolute;top:-22px;left:10px;width:36px;height:36px}.mobile-figure[data-pose="2"][data-step="1"] .fallback i:last-child{left:79px}.mobile-figure[data-pose="2"][data-step="2"] .fallback i:last-child{left:150px}.mobile-figure[data-pose="3"] .fallback{display:block;transform:translate(-50%,-50%) rotateY(-17deg)}.mobile-figure[data-pose="3"] .fallback i{position:absolute;width:17px;height:128px;top:15px}.mobile-figure[data-pose="3"] .fallback i:nth-child(2){right:0}.mobile-figure[data-pose="3"] .fallback i:nth-child(3){width:140px;height:20px;top:0}.mobile-figure[data-pose="3"] .fallback i:last-child{width:48px;height:48px;left:45px;top:55px}.mobile-figure[data-pose="4"] .fallback{display:flex;flex-direction:column;gap:20px;transform:translate(-50%,-50%) rotateY(-20deg) rotateZ(-6deg)}.mobile-figure[data-pose="4"] .fallback i{width:125px;height:23px}.mobile-figure[data-pose="4"] .fallback i:last-child{position:absolute;width:18px;height:132px;right:-5px;top:-3px;transform:none}
}
@media(min-width:600px) and (max-width:700px){.nav-inner{max-width:472px;margin:0 auto}.nav-inner nav{left:calc(50% - 260px);right:calc(50% - 260px)}.hero{padding-top:36px}.hero .hero-sculpture{height:215px}h2{font-size:39px}.hero .hero-copy{max-width:100%}.mobile-figure{height:278px}}
@media(max-width:359px){.nav-inner{margin:0 15px}.wordmark{font-size:14px;gap:8px}.chapter,.hero,.coordination,.conversation{padding-left:20px;padding-right:20px}.hero{padding-top:22px;margin-bottom:60px}.hero h1{font-size:40px}.hero .mobile-label{font-size:9px}.hero .hero-sculpture{height:158px;margin-top:0}.hero .hero-copy{font-size:14px;line-height:1.55;margin-bottom:15px}.hero .button{font-size:13px}h2{font-size:29px;letter-spacing:-1.4px}.mobile-label{font-size:10px}.conversation h2{font-size:28px}.mobile-figure{height:228px}.workflow-sculpture{height:203px}.step-controls button{font-size:10px;gap:4px}.principles>div{grid-template-columns:95px 1fr}.hero .quiet-link{font-size:11px}}