/* Final mobile optimization layer */
@media(max-width:760px){
 html{scroll-padding-top:72px}
 body{font-size:15px;line-height:1.6}
 body:before{opacity:.12}
 .wrap{width:calc(100% - 28px)}
 .site-header{height:68px}
 .nav{min-height:68px;gap:8px}
 .brand{font-size:1.18rem;white-space:nowrap}
 .brand:before{width:8px;height:8px;margin-right:7px}
 .menu-toggle{height:38px;padding:8px 10px;font-size:.78rem}
 .menu-toggle-label{display:none}
 .theme-toggle{flex:0 0 36px}
 .primary-navigation{position:fixed;left:10px;right:10px;top:68px;max-height:calc(100dvh - 78px);overflow:auto;padding:10px;border:1px solid #454b41;border-radius:0 0 12px 12px;box-shadow:0 20px 45px rgba(0,0,0,.42)}
 .primary-menu>li>a{padding:13px 14px!important;font-size:.77rem;border-bottom:1px solid #343a31;border-radius:0}
 .primary-menu .sub-menu{margin:0 0 4px!important;padding-left:12px!important}
 .primary-menu .sub-menu a{font-size:.76rem}

 .hero{min-height:auto;padding-top:52px}
 .hero-grid{display:flex;flex-direction:column;gap:45px}
 .hero h1{font-size:clamp(4rem,21vw,6rem);line-height:.79;margin:24px 0 34px}
 .hero-kicker{margin-top:23px}
 .hero-lead{padding-left:15px;line-height:1.55}
 .actions{gap:9px}
 .btn{min-width:0;padding:14px 15px}
 .hero-video-card{order:2;width:100%;margin:0 8px 0 0;transform:none}
 .hero-video-card:hover{transform:none}
 .hero-video-card iframe{height:min(68dvh,620px);min-height:480px}
 .hero-video-top,.hero-video-caption{padding:12px}
 .hero-marquee{margin-top:58px}
 .hero-marquee span{padding:10px 0;font-size:.65rem}

 .section{padding-block:68px}
 .section-label{font-size:.66rem;margin-bottom:35px!important}
 .section-label span{width:28px;height:28px}
 .expertise-head,.tech-intro,.lab-header,.docs-head{display:block;margin:0 0 38px}
 .expertise-head h2,.tech-intro h2,.lab-header h2,.docs-head h2,.blog-head h2{font-size:clamp(2.5rem,13vw,4rem);line-height:.93}
 .expertise-head p,.tech-intro p,.lab-header>p,.docs-head>p{margin-top:24px}
 .service{grid-template-columns:32px 1fr;gap:12px;padding:25px 0}
 .service:hover{padding-left:0;padding-right:0}
 .service h3{font-size:1.45rem}
 .service p{font-size:.92rem}
 .service small{display:block;line-height:1.5}

 .tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
 .tech-grid span{min-height:58px;padding:12px 10px;font-size:9px;overflow-wrap:anywhere}
 .timeline article{display:block;padding:0 0 42px 24px}
 .timeline-date{margin-bottom:14px}
 .timeline h3{font-size:1.75rem}
 .timeline p{font-size:.93rem}

 .rack-grid{padding:12px;border-width:6px;box-shadow:8px 8px 0 var(--lime)}
 .rack-unit{min-height:135px;padding:17px}
 .project-grid{display:block}
 .project{margin-bottom:18px;box-shadow:none}
 .project:hover{transform:none}
 .project-featured .project-visual{min-height:310px}
 .project-visual{min-height:210px}
 .rack{width:68%;padding:14px;box-shadow:9px 9px 0 var(--orange)}
 .rack i{height:42px}
 .project-copy h3{font-size:1.6rem}

 .blog-head{display:block;margin-bottom:30px}
 .blog-head a{display:inline-block;margin-top:18px}
 .blog-grid{display:block}
 .post-card,.note-card{margin-bottom:17px;padding:19px}
 .post-thumb{margin:-19px -19px 18px}
 .doc-item{grid-template-columns:32px 1fr;gap:10px;padding:18px 4px}
 .doc-item:hover{padding-left:4px;transform:none;box-shadow:none}
 .doc-item h3{font-size:1.35rem}
 .doc-item p{font-size:.87rem}

 .beyond-work:before{top:70px;right:-15px}
 .beyond-grid{gap:45px}
 .beyond-grid .overland-story h2{font-size:clamp(3.15rem,16vw,5rem);line-height:.83}
 .overland-story .overland-lead{font-size:1.4rem}
 .personal-note{box-shadow:8px 8px 0 var(--ink)}
 .contact{padding:70px 0 55px}
 .contact h2{margin:28px 0 45px}
 .contact-row>*{padding:18px 8px;font-size:.8rem}
 .contact-closing{margin-top:40px}
 .site-footer{padding-block:30px}

 .archive-hero,.gallery-hero,.qr-hero,.split-hero{padding:58px 0 55px}
 .archive-hero-grid,.gallery-hero-grid,.qr-hero-grid,.split-hero-grid{margin-top:38px;gap:28px}
 .archive-hero h1,.gallery-hero h1,.qr-hero h1,.split-hero h1{font-size:clamp(3.7rem,19vw,5.5rem);line-height:.79}
 .archive-hero-grid>div>p,.gallery-hero-grid>div>p,.qr-hero-grid>div+div>p,.split-hero-grid>div+div>p{font-size:1rem}
 .archive-content,.gallery-content,.qr-tool-section,.split-tool{padding:58px 0}
 .archive-heading,.gallery-heading,.split-tool-heading{margin-bottom:30px}
 .tutorial-card,.project-post-card,.showcase-card{margin-bottom:17px}
 .tutorial-card:hover,.project-post-card:hover,.showcase-card:hover{transform:none;box-shadow:none}
 .tutorial-card-body,.project-post-body,.showcase-body{padding:20px}
 .project-post-visual{min-height:210px}
 .project-post-body h2{font-size:1.45rem}
 .archive-pagination .nav-links{flex-wrap:wrap}

 .gallery-native-content>.wp-block-gallery,.gallery-native-content>.gallery,.gallery-native-content .blocks-gallery-grid{display:block!important}
 .gallery-native-content .wp-block-image,.gallery-native-content .gallery-item,.gallery-native-content .blocks-gallery-item{width:100%!important;margin-bottom:12px!important}
 .gallery-native-content img,.gallery-native-content .wp-block-image:nth-child(7n+1) img,.gallery-native-content .gallery-item:nth-child(7n+1) img{width:100%;height:auto;min-height:240px;max-height:520px;object-fit:cover}
 .gallery-note{padding:50px 0}

 .qr-app{gap:45px}
 .qr-controls{padding:19px;box-shadow:7px 7px 0 var(--orange)}
 .qr-step{gap:12px}
 .qr-step h2{font-size:1.45rem}
 .qr-tabs{gap:4px}
 .qr-tabs button{padding:10px 5px;font-size:.65rem}
 .qr-fields input,.qr-fields textarea,.qr-fields select,.qr-options select{font-size:16px}
 .qr-preview{width:100%;box-shadow:8px 8px 0 var(--lime)}
 .qr-canvas-wrap{min-height:330px;padding:32px 20px}
 .qr-canvas-wrap #qr-output{max-width:100%;padding:10px}
 .qr-info{padding:55px 0}
 .qr-info-grid>div{padding:25px}

 .split-app-shell{box-shadow:8px 8px 0 var(--lime)}
 .split-existing-app{padding:18px;overflow:hidden}
 .split-existing-app input:not([type=checkbox]):not([type=radio]),.split-existing-app select,.split-existing-app textarea{font-size:16px}
 .split-existing-app table{width:100%;white-space:nowrap}
 .split-info{padding:55px 0}
 .split-info-grid article{padding:25px}

 .career-hero{padding:70px 0}
 .career-hero h1{font-size:clamp(3.3rem,16vw,5rem)}
 .content-shell{padding:55px 0}
 .article{padding:0}
 .article h1{font-size:clamp(2.7rem,14vw,4.4rem)}
 .article pre{margin-inline:-14px;border-radius:0;font-size:.78rem}
}

@media(max-width:390px){
 .wrap{width:calc(100% - 22px)}
 .brand{font-size:1.05rem}
 .hero h1{font-size:3.65rem}
 .tech-grid{grid-template-columns:1fr}
 .hero-video-card iframe{min-height:440px}
 .qr-tabs{grid-template-columns:1fr}
 .archive-tags,.gallery-tags,.split-pills,.qr-trust{gap:5px}
}

@media(hover:none){
 .card:hover,.project:hover,.service:hover,.terminal-card:hover,.video-frame:hover{transform:none}
}