/* Mobile + touch layer. Loaded last; desktop untouched. */
.nav-burger{display:none}
@media(hover:none){.tool-chip:hover{transform:none;background:rgba(10,2,3,.55);border-color:rgba(255,255,255,.4)}.tool-chip:hover .full{opacity:0}.call-circle:hover{transform:none}a,button,.tool-chip,.call-circle{-webkit-tap-highlight-color:rgba(240,25,35,.25)}}
.tool-chip.is-open{background:#fff;color:#111;border-color:#fff;z-index:7}
.tool-chip.is-open .full{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){
  .hero,.identity-card{height:auto !important;min-height:100svh}
  .identity-card{display:flex !important;flex-direction:column;padding:96px 22px 28px;background:linear-gradient(180deg,rgba(8,1,2,.5) 0%,rgba(12,2,3,.55) 38%,rgba(8,1,2,.93) 78%),image-set(url('assets/profile-picture-2.webp') type('image/webp'),url('assets/profile-picture-2.jpg') type('image/jpeg')) 62% 18%/cover no-repeat !important}
  .identity-card:before{display:none}
  .identity-card .nav{padding:0 16px;z-index:30}
  .identity-copy,.identity-metrics,.identity-footer,.tools-row{position:static !important;transform:none !important;width:auto !important;left:auto;right:auto;top:auto;bottom:auto !important}
  .identity-copy{order:1;margin-top:auto}
  .identity-copy h1{font-size:clamp(38px,11.5vw,50px)}
  .identity-copy h1 em{font-size:clamp(40px,12vw,53px)}
  .focus-tags span{font-size:9px}
  .identity-description{width:auto !important;max-width:34ch;font-size:13px !important}
  .call-circle{width:104px !important;height:104px !important}
  .identity-metrics{order:2;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.25)}
  .identity-metrics div{text-align:left !important;margin:0 !important}
  .identity-metrics small{font-size:8px !important;line-height:1.25}
  .identity-metrics b{font-size:14px !important;letter-spacing:-.02em;line-height:1.1}
  .tools-row{order:3;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:22px;max-width:none}
  .tools-row .t-label{width:100%;text-align:left}
  .tool-chip{flex:1 1 auto;min-height:44px;justify-content:flex-start}
  .tool-chip .full{left:0;transform:translate(0,6px);max-width:78vw;white-space:normal}
  .tool-chip.is-open .full{transform:translate(0,0)}
  .identity-footer{order:4;margin:18px 0 0;font-size:9px}
  /* menu */
  .nav-burger{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(10,2,3,.55);color:#fff;cursor:pointer;padding:0;margin-left:8px;flex:0 0 44px}
  .nav-burger i,.nav-burger i:before,.nav-burger i:after{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform .25s,background .25s;content:"";position:relative}
  .nav-burger i:before{position:absolute;top:-6px;left:0}.nav-burger i:after{position:absolute;top:6px;left:0}
  .nav-open .nav-burger i{background:transparent}.nav-open .nav-burger i:before{transform:translateY(6px) rotate(45deg)}.nav-open .nav-burger i:after{transform:translateY(-6px) rotate(-45deg)}
  .nav .availability{margin-left:auto}
  .nav.nav-open nav{display:flex !important;flex-direction:column;position:absolute;top:100%;left:0;right:0;gap:0;background:rgba(12,2,3,.96);backdrop-filter:blur(12px);padding:8px 16px 16px;border-bottom:1px solid rgba(255,255,255,.2)}
  .nav.nav-open nav a{font-size:15px !important;padding:15px 4px;border-bottom:1px solid rgba(255,255,255,.12);color:#fff}
  body.menu-open .contact-dock{display:none}
  .contact-dock{right:8px;top:104px;gap:8px}.contact-dock a{width:38px;height:38px}
  .nav .availability{white-space:nowrap;padding:10px 14px;font-size:10px !important}
  .identity-copy{padding-right:40px}
  .nav .brand-name{font-size:19px;min-width:0;flex:1 1 auto;white-space:nowrap}.nav .brand-name .code-pill{display:none}
  .nav .availability{flex:0 0 auto;margin-left:8px}
  body{overflow-x:hidden}
}

/* Nav hover animation */
.nav nav a{position:relative;display:inline-block;padding:6px 0;transition:color .25s ease,transform .25s ease}
.nav nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#F01923;transform:scaleX(0);transform-origin:right center;transition:transform .32s cubic-bezier(.2,.7,.2,1)}
.nav .availability{transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
@media(hover:hover){
  .nav nav a:hover,.nav nav a:focus-visible{color:#FF6B6E;transform:translateY(-2px);outline:none}
  .nav nav a:hover:after,.nav nav a:focus-visible:after{transform:scaleX(1);transform-origin:left center}
  .nav .availability:hover,.nav .availability:focus-visible{transform:translateY(-2px);box-shadow:0 8px 22px rgba(240,25,35,.5);filter:brightness(1.1);outline:none}
  .nav .availability:hover i{animation:pulse 1s ease-in-out 1}
}
@media(max-width:760px){.nav nav a:after{display:none}.nav.nav-open nav a:active{background:rgba(240,25,35,.18)}}
@media(prefers-reduced-motion:reduce){.nav nav a,.nav nav a:after,.nav .availability{transition:color .2s ease !important}.nav nav a:hover,.nav .availability:hover{transform:none !important}}

/* Phone stability (Safari): hero name clears the red band, cards fit, no giant GPU layers */
@media(max-width:760px){
  .identity-card{padding-bottom:72px !important;will-change:auto !important;transform:none !important}
  .intro-name,.intro-tag{will-change:auto}
  .case{position:static !important;min-height:0 !important;box-shadow:0 12px 30px rgba(0,0,0,.35)}
  .case .device,.case .case-copy,.md-img,.scene-screen-court .wslide{will-change:auto !important;transform:none}
  .case .device.mock,.scene,.mock-hero .scene{width:100%;min-width:0;max-width:100%}
  .md-scroll .md-img,.case:hover .md-scroll .md-img,.md-scroll:hover .md-img{transition:none !important;transform:none !important}
  .scene-screen-court .wslide{animation:none !important;opacity:0}
  .scene-screen-court .wslide:last-child{opacity:1}
  .scene-fill{filter:none;opacity:.5}
  .device,.scene{box-shadow:0 10px 24px rgba(0,0,0,.4) !important}
}