/* Phone layouts use content measurements, larger touch targets, and safe areas. */
@media(max-width:699px){
 html,body{width:100%;overflow-x:clip}body{-webkit-text-size-adjust:100%}
 .graph-site header{position:fixed;left:20px;right:20px;top:env(safe-area-inset-top,0px);width:auto;margin:0;padding:10px 0 0;display:grid;grid-template-columns:1fr auto;gap:0;min-height:0;background:#f3f0e9f5;border-bottom:1px solid #d8d0c4}
 .graph-site header .brand{font-size:27px;min-height:40px;display:flex;align-items:center}
 .graph-site header .motion{grid-column:2;grid-row:1;min-width:48px;min-height:44px;font-size:11px}
 .graph-site header nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;gap:6px;width:100%;margin:0}
 .graph-site header nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 8px;font-size:13px}
 .intro-screen .intro-copy{left:24px;right:24px;top:124px;width:auto;max-width:none;transform:none}
 .intro-copy .intro-eyebrow{font-size:8px;line-height:1.5;letter-spacing:.07em;margin:0 0 16px}
 .intro-copy h1{font-size:clamp(42px,12.5vw,54px);line-height:1.06;margin:0 0 18px}
 .intro-copy .intro-lead{font-size:18px;line-height:1.4;letter-spacing:-.35px;margin:0 0 16px}
 .intro-copy .intro-description{font-size:14px;line-height:1.6;margin:0;max-width:none}
 .intro-copy .intro-scroll,.intro-copy .intro-cv{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));margin:0;min-height:48px;box-sizing:border-box;font-size:13px;padding:12px 0;display:inline-flex;align-items:center}
 .intro-copy .intro-scroll{left:24px;right:auto;gap:16px}.intro-copy .intro-cv{right:24px;left:auto;gap:10px}
 .intro-screen .stickman-label{right:24px;font-size:15px}.stickman-label>span{font-size:24px}
 .graph-stage .map-label{top:122px;left:24px;font-size:8px}.graph-stage .map-caption{bottom:84px;right:24px;max-width:80%}.map-caption .map-hint{font-size:13px}
 .graph-stage .overview{left:20px;bottom:max(18px,env(safe-area-inset-bottom));padding:12px 16px;font-size:12px;min-height:44px}
 .map-scene #graph-world .graph-node{padding:10px 5px;gap:8px;touch-action:manipulation}
 .map-scene #graph-world .node-title{font-size:15px;line-height:1.25;max-width:103px;letter-spacing:-.3px}
 .map-scene #graph-world .graph-node.root .node-title{font-size:27px}
 .node-preview{bottom:max(18px,env(safe-area-inset-bottom));max-height:48dvh;overflow-y:auto;overscroll-behavior:contain;backdrop-filter:none;background:#faf7f0;box-shadow:0 -10px 60px #3d302430}
 .node-preview .preview-artwork{height:65px}.node-preview .preview-artwork svg{height:43px;width:43px}
 .node-preview h3{font-size:23px;margin-top:10px}.node-preview p{font-size:14px;line-height:1.5}.node-preview button{min-height:44px;font-size:14px}
 .graph-stage.is-room .space-toolbar{min-height:72px;padding:12px 20px;padding-top:max(12px,env(safe-area-inset-top));gap:12px}
 .space-toolbar button{min-height:44px;font-size:14px;padding:10px 15px}.space-toolbar #space-name{font-size:10px;letter-spacing:.04em}.space-toolbar .space-hint{display:none}
 .graph-stage.is-room .chapter{padding:34px 24px calc(50px + env(safe-area-inset-bottom));overflow-wrap:break-word}
 .graph-stage.is-room .chapter h2{font-size:clamp(36px,10.5vw,48px);letter-spacing:-.045em;line-height:1.12}
 .graph-stage.is-room .chapter .chapter-copy{font-size:17px;line-height:1.7}
 .graph-stage.is-room .graph-projects a{padding:22px 0;gap:12px}.graph-stage.is-room .graph-projects h3{font-size:23px}.graph-stage.is-room .graph-projects p{font-size:15px;line-height:1.65}
 .graph-stage.is-room .collection-link,.graph-stage.is-room .text-link,.graph-stage.is-room .companion-link{min-height:44px;padding-top:12px;padding-bottom:12px;white-space:normal}
 .graph-stage.is-room .social-links{flex-wrap:wrap;gap:18px;font-size:17px}.graph-stage.is-room .social-links a{min-height:44px}
 .graph-stage.is-room .note-paper p{font-size:14px;line-height:2}.graph-stage.is-room .qualifications summary{min-height:56px}
 .graph-stage.is-room .room-section-title{flex-wrap:wrap;gap:12px}.graph-stage.is-room .room-section-title h3{font-size:22px}
 .node-point:after{display:none}.node-point{box-shadow:none!important}.map-ready .node-point svg{animation-duration:7s}
}
@media(max-width:699px) and (max-height:720px){
 .intro-screen .intro-copy{top:112px}.intro-copy h1{font-size:44px;margin-bottom:12px}.intro-copy .intro-eyebrow{margin-bottom:12px;font-size:7px}.intro-copy .intro-lead{font-size:16px;line-height:1.35;margin-bottom:12px}.intro-copy .intro-description{font-size:13px;line-height:1.5}.intro-screen .stickman-label{display:none}
}
@media(max-width:699px) and (orientation:landscape){.intro-screen .intro-copy{top:113px;width:56%;right:auto}.intro-copy .intro-description{display:none}.intro-screen .stickman-label{display:none}}
@media(max-width:699px) and (max-height:500px){.intro-screen .intro-copy{top:110px;width:55%;left:24px}.intro-copy h1{font-size:36px;margin-bottom:10px}.intro-copy .intro-eyebrow{display:none}.intro-copy .intro-lead{font-size:15px;line-height:1.3;margin:0}.intro-copy .intro-description{display:none}.intro-copy .intro-scroll,.intro-copy .intro-cv{bottom:10px;min-height:44px;font-size:12px}.graph-stage .map-label{display:none}.graph-stage .map-caption{display:none}}