/* Ali Sartip V3 — compact, editorial mobile interface */
.sartip-icon{display:inline-block;width:1em;height:1em;min-width:1em;background:center/contain no-repeat;vertical-align:-.12em;flex:none}.sartip-icon--asterisk{background-image:url('../icons/asterisk.svg')}.sartip-icon--phone{background-image:url('../icons/phone.svg')}.sartip-icon--mail{background-image:url('../icons/mail.svg')}.sartip-icon--sparkles{background-image:url('../icons/sparkles.svg')}.sartip-icon--command{background-image:url('../icons/command.svg')}.sartip-icon--arrow-down{background-image:url('../icons/arrow-down.svg')}
#scroll-progress{display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;top:0!important;left:0!important;height:3px!important;z-index:2147483000!important;pointer-events:none!important;background:#ff942c!important;box-shadow:0 0 10px #ff942c77!important}
@media(max-width:767px){
html,body{max-width:100%!important;overflow-x:clip!important}body{font-size:14px!important}.container{width:calc(100% - 40px)!important;max-width:100%!important}.section{padding:56px 0!important;scroll-margin-top:80px}.header{height:66px!important;min-height:66px!important;padding:0 20px!important;max-width:100vw!important;border-radius:0 0 14px 14px!important}.logo-mark{width:38px!important;height:38px!important;font-size:15px!important}.logo-label{font-size:12px!important}.header-actions{gap:10px!important}.lang-btn{font-size:12px!important}.menu-toggle{transform:scale(.85);transform-origin:right center}.nav{top:66px!important;max-height:calc(100dvh - 70px);overflow-y:auto}
.hero{padding-top:112px!important;padding-bottom:34px!important;min-height:0!important;height:auto!important}.hero-inner{display:flex!important;flex-direction:column!important;gap:0!important}.hero-copy{width:100%!important;min-width:0!important}.eyebrow{font-size:9px!important;letter-spacing:.09em!important;gap:7px!important;flex-wrap:wrap}.hero-intro{font-size:11px!important;margin:20px 0 10px!important;letter-spacing:.15em}.hero-title{font-size:clamp(34px,9vw,44px)!important;line-height:1.04!important;letter-spacing:-.055em!important;margin:0!important;overflow-wrap:normal!important}.hero-title>span{font-size:.65em!important;letter-spacing:-.04em!important}.hero-title strong{display:block!important;margin-top:2px!important}.role-line{margin:14px 0 0!important;font-size:11px!important;min-height:20px!important;white-space:normal!important;overflow:hidden!important}.hero-desc{font-size:13px!important;line-height:1.7!important;margin:14px 0 0!important;max-width:35ch!important}.hero-buttons{margin-top:22px!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important}.hero-buttons .btn{min-height:44px!important;min-width:0!important;padding:11px 16px!important;font-size:11px!important;letter-spacing:0!important;border-radius:12px!important;flex:1 1 auto!important}.hero-buttons .btn-outline{background:transparent!important;border-color:transparent!important;box-shadow:none!important;padding-inline:8px!important;flex:0 1 auto!important}.hero-bottom,.hero-index,.dimension-stage,.float-tag,.visual-cross,.hero-visual .tag-top,.hero-visual .tag-bottom{display:none!important}.hero-visual{height:clamp(245px,76vw,350px)!important;min-height:0!important;margin:22px auto 0!important;width:min(100%,390px)!important;filter:none!important;overflow:hidden!important}.photo-shell{width:75%!important;height:100%!important;inset:auto!important;position:relative!important;margin:auto!important;border-radius:20px!important;overflow:hidden!important;border:1px solid #ff942c35!important;background:radial-gradient(ellipse at 50% 100%,#ff942c18,transparent 75%)!important}.photo-shell img{height:100%!important;width:100%!important;object-fit:contain!important;object-position:center bottom!important}.orbit{opacity:.3!important;max-width:100%!important;pointer-events:none!important}.marquee{height:38px!important;overflow:hidden!important}.marquee-track{font-size:10px!important;gap:20px!important;white-space:nowrap!important}.marquee .sartip-icon{font-size:13px!important}
.contact-dock,.command-trigger,.scroll-chapter{display:none!important}.section-head{margin-bottom:22px!important;gap:8px!important}.section-kicker,.head-decoration{font-size:9px!important}.section-heading h2,.about-heading h2,.contact h2{font-size:clamp(29px,8vw,38px)!important;line-height:1.13!important;letter-spacing:-.035em!important}.section-heading p,.about-content p,.contact-layout p{font-size:13px!important;line-height:1.75!important}.about-layout,.contact-layout{gap:22px!important}.about-stamp{margin-top:15px!important}.about-facts{gap:9px!important}.services-grid,.projects-grid,.article-grid,.wp-grid{grid-template-columns:1fr!important;gap:12px!important}.service,.article,.project,.wp-card{min-height:0!important;padding:20px!important;border-radius:14px!important;overflow:hidden!important}.service .service-icon{margin-bottom:14px!important;font-size:23px!important}.service h3,.project-info h3,.article h3,.wp-card h2{font-size:19px!important;line-height:1.3!important;margin:8px 0!important}.service p,.project-info p,.article p,.wp-card p{font-size:12px!important;line-height:1.7!important}.service .number{font-size:10px!important}.project-art{height:165px!important}.project-info{padding:16px 0 0!important}.article h3{margin-top:16px!important}.article .article-bottom{padding-top:16px!important}.skills-panel{padding:18px!important;gap:12px!important}.contact-mail{font-size:13px!important;padding:15px 0!important;margin-top:20px!important}.v6-social{gap:9px!important}.v6-social a,.v6-social span{font-size:11px!important;max-width:100%!important;overflow-wrap:anywhere}.contact-terminal{box-shadow:none!important;transform:none!important}.terminal-head{padding:12px!important}.terminal-body{padding:15px!important;font-size:10px!important;min-height:0!important;overflow-wrap:anywhere}.footer{padding:26px 0!important}.wp-site{padding:35px 20px 55px!important}.wp-title{font-size:clamp(30px,8vw,38px)!important}.wp-nav{padding:12px 16px!important}.wp-prose{font-size:14px!important}
}
@media(max-width:380px){.container{width:calc(100% - 32px)!important}.hero-title{font-size:34px!important}.hero-buttons .btn{font-size:10px!important;padding:10px!important}.hero-visual{height:250px!important}.service,.article,.project{padding:16px!important}}
@media(prefers-reduced-motion:reduce){.hero-grid,.orbit,.marquee-track{animation:none!important}}