/* Phone layouts have their own reading rhythm and persistent navigation. */
.mobile-dock{display:none}
@media(max-width:640px){
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 .header{height:76px;gap:8px}
 .header .wordmark{font-size:18px;gap:6px;white-space:nowrap}
 .header .wordmark>svg{width:27px;height:27px}
 .header-actions{gap:5px}
 .language-switch{gap:0}
 .language-switch button{min-width:37px;min-height:44px;font-size:12px;padding:0 6px}
 .menu-toggle{width:44px;height:44px;display:grid;align-content:center;justify-content:center}
 .menu-toggle span{margin:3px 0}
 .mobile-nav a{min-height:48px;display:flex;align-items:center}
 .hero{padding:16px 20px 0}
 .hero-meta{padding-bottom:16px;gap:12px}
 .studio-eyebrow{font-size:10px;max-width:200px;line-height:1.6}
 .motion-toggle{min-width:44px;min-height:44px;max-width:none;justify-content:center;flex:none}
 .motion-symbol{width:32px;height:32px;font-size:13px}
 .motion-toggle [data-motion-label]{display:none}
 .hero-intro{margin-top:14px}
 .hero-description,html[lang=ka] .hero-description{font-size:14px;line-height:1.8}
 .hero-intro .hero-ownership,html[lang=ka] .hero-intro .hero-ownership{font-size:13px;line-height:1.8;padding-top:13px;margin-top:15px;max-width:none}
 .hero-intro .ownership-mark{display:none}
 .hero-actions,html[lang=ka] .hero-actions{margin-top:18px;gap:0}
 .hero-actions .button,html[lang=ka] .hero-actions .button{width:100%;min-height:50px;justify-content:space-between;font-size:13px;padding:14px 20px}
 .hero-actions .quiet-link{display:none}
 .hero-stage{margin-top:24px;transform:none}
 .hero-preview-main{margin:10px 10px 0}
 .showcase-images{aspect-ratio:1.4}
 .hero-stage[data-active-project=mesa] .showcase-images img{object-position:center 65%}
 .hero-stage[data-active-project=atelier-desk] .showcase-images img{object-position:center 55%}
 .hero-stage[data-active-project=waypoint] .showcase-images img{object-position:center 60%}
 .stage-open{font-size:11px;min-height:44px;align-items:center;padding:10px 14px}
 .stage-windowbar{font-size:10px}
 .stage-info{grid-template-columns:minmax(0,1fr);padding:16px 12px 12px}
 .stage-info>strong{font-size:30px}
 .stage-category{font-size:11px}
 .stage-type{font-size:10px}
 .showcase-controls{grid-column:1;grid-row:4;justify-content:space-between;margin-top:8px}
 .showcase-controls button{width:44px;height:44px;font-size:22px}
 .showcase-controls>span{font-size:12px}
 .stage-timer{grid-row:5}
 .stage-index{display:none}
 .hero-author p strong{font-size:13px}
 .hero-author p>span{font-size:11px}
 .studio-strip{font-size:10px}
 .study-stage-top{font-size:10px;gap:10px;align-items:start}
 .study-stage-top>a{font-size:11px;min-height:44px;display:flex;align-items:center;flex:none}
 .study-state-controls button{min-height:48px;font-size:11px;padding:8px 4px}
 .study-state-controls button>span:first-child{display:none}
 .study-summary p,.study-summary ol{font-size:14px;line-height:1.8}
 .study-summary strong{font-size:12px}
 .study-summary>div{grid-template-columns:1fr;gap:7px}
 .study-bottom>p{font-size:12px;line-height:1.8}
 .study-bottom>a,.edu-teaser-link{min-height:44px;display:inline-flex;align-items:center;font-size:13px}
 .study-scope p{font-size:14px;line-height:1.8}
 .study-scope p>a{display:inline-flex;min-height:44px;align-items:center}
 .project-arrow{width:44px;min-width:44px;height:44px}
 .filters{gap:4px}
 .filters button{min-height:48px;font-size:12px;padding:10px 4px}
 .project-caption p{font-size:13px;line-height:1.7}
 .plan-choose{min-height:48px;display:flex;align-items:center;font-size:14px}
 .year-controls select,.year-controls input,.lab-field input,.lab-field input::placeholder{font-size:16px;min-height:48px}
 .lab-grid{display:flex;flex-direction:column;gap:28px}
 .lab-form{display:block;width:100%}
 .lab-form .lab-field{margin:20px 0}
 .lab-form .lab-plan-selection{margin:18px 0}
 .lab-form .lab-plan-selection button{min-height:44px;font-size:11px}
 .lab-form .lab-status{margin-top:14px}
 .lab-form .lab-disclaimer{margin-top:14px}
 .lab-preview-panel{width:100%;margin:0}
 .plan-terms details{padding:8px 0}
 .plan-terms summary{min-height:48px;align-content:center;padding:9px 0}
 .kit-benefits p{font-size:14px;line-height:1.8}
 .kit-files{grid-template-columns:1fr}
 .kit-files button,.kit-files button+button{font-size:12px;min-height:48px}
 .niche-options label>span{min-height:44px;display:flex;align-items:center;font-size:12px}
 .lab-disclaimer,.lab-privacy{font-size:12px;line-height:1.8}
 .lab-privacy summary{min-height:44px;align-content:center}
 .contact-links a{min-height:48px}
 #copy-email{min-width:44px;min-height:44px}
 .contact footer>a:last-child{min-height:44px;display:flex;align-items:center;font-size:11px}
 .mobile-dock{position:fixed;z-index:40;left:12px;right:12px;bottom:0;display:grid;grid-template-columns:1fr .8fr 1.1fr;gap:4px;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));background:#f7f8fbf5;border:1px solid #d6dbe5;border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -5px 25px #171d2c12;backdrop-filter:blur(14px)}
 .mobile-dock a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:650;border-radius:10px;color:var(--ink);text-decoration:none}
 .mobile-dock a:last-child{background:var(--blue);color:#fff}
 .mobile-dock a:focus-visible{outline:3px solid var(--ink);outline-offset:1px}
 body.mobile-input-active .mobile-dock{display:none}
}