/* Phone layout layered over the existing desktop services page. */
.services-menu-toggle{display:none}
@media screen and (max-width:760px){
 html{scroll-padding-top:90px}
 body{font-size:16px}
 .nav{position:sticky;top:0;padding:14px 20px;padding-top:max(14px,env(safe-area-inset-top));min-height:72px;gap:0;align-items:center;flex-wrap:wrap;background:#050b15ef;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff20;z-index:30}
 .brand{font-size:15px;letter-spacing:.14em;line-height:1.5;white-space:nowrap}
 .services-mobile-ready .services-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:11px;margin:0 0 0 auto;min-width:88px;min-height:44px;padding:10px 12px;background:#101d2e;color:#eaf2ff;border:1px solid #ffffff30;border-radius:12px;font-size:12px;line-height:1}
 .services-menu-icon{width:17px;height:12px;display:flex;flex-direction:column;justify-content:space-between}
 .services-menu-icon:before,.services-menu-icon:after{content:'';display:block;width:17px;height:1.5px;background:currentColor;transition:transform .18s}
 .services-menu-toggle[aria-expanded=true] .services-menu-icon:before{transform:translateY(5.25px) rotate(45deg)}
 .services-menu-toggle[aria-expanded=true] .services-menu-icon:after{transform:translateY(-5.25px) rotate(-45deg)}
 .nav .links{width:100%;margin:10px 0 0;padding:10px 0 2px;border-top:1px solid #ffffff20;display:grid;grid-template-columns:1fr;gap:7px;max-height:calc(100dvh - 95px);overflow-y:auto}
 .services-mobile-ready .nav .links[hidden]{display:none!important}
 .nav .links a{display:flex;align-items:center;min-height:46px;padding:11px 14px;font-size:14px;border-radius:10px;line-height:1.4;white-space:normal;background:#ffffff04;backdrop-filter:none}
 .nav .links a.active{background:#76baff16;color:#eaf5ff;border-color:#76baff33}
 .hero{height:auto;min-height:0;align-items:center;padding:46px 20px 48px}
 .hero:before{background-position:63% center;transform:scale(1.04)}
 .hero:after{background:linear-gradient(90deg,#050b15ee,#050b15ce 48%,#050b1560),linear-gradient(0deg,#060b14,transparent 75%)}
 .hero-inner{padding:0;width:100%;max-width:560px;margin-inline:auto}
 .hero .eyebrow{font-size:10px;line-height:1.8;letter-spacing:.18em;max-width:100%}
 .hero h1{font-size:clamp(64px,20vw,88px);line-height:.96;letter-spacing:-.065em;margin:22px 0 24px}
 .hero p{font-size:16px;line-height:1.75;margin:0;max-width:470px}
 .hero .actions{margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr);gap:11px}
 .cta{min-height:50px;font-size:13px;padding:14px 20px;gap:14px;line-height:1.4;justify-content:center;text-align:center}
 .hero .cta{width:100%}
 .scroll{display:none}
 .shell{width:100%;padding:60px 20px;max-width:600px}
 .section-kicker{font-size:10px;line-height:1.6;letter-spacing:.19em}
 .section-head{font-size:clamp(32px,8.7vw,44px);line-height:1.13;letter-spacing:-.05em;margin:16px 0 22px;text-wrap:balance;overflow-wrap:break-word}
 .lede{font-size:16px;line-height:1.8;margin:0}
 .about-layout{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-top:28px}
 .about-layout img{margin:0}
 .site-avatar{width:112px;height:112px;flex-shrink:0;border-width:2px}
 #about>p>.cta{width:100%;font-size:12px;min-height:50px}
 .bento{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:30px}
 .tile,.tile.big,.tile.small{grid-column:auto;min-height:260px;margin:0;padding:24px;border-radius:19px;display:flex;align-items:flex-end;min-width:0}
 .tile h3{font-size:28px;line-height:1.17;letter-spacing:-.04em;margin:48px 0 12px;overflow-wrap:break-word}
 .tile p{font-size:15px;line-height:1.75;margin:0 0 18px}
 .tile-body{width:100%;min-width:0}
 .tile-photo{opacity:.32}
 .tile-shade{background:linear-gradient(0deg,#08111df7,#0b1825bd 70%,#0c1b2840)}
 .tile-link{font-size:13px;line-height:1.5;display:inline-flex;align-items:center;min-height:36px}
 .tile:hover{transform:none}
 .tile:focus-visible{outline:2px solid #80c6ff;outline-offset:4px;border-color:#80c6ff}
 .ribbon{font-size:12px;padding:18px 0;letter-spacing:.11em}
 .tag{font-size:12px;line-height:1.5;padding:10px 13px;margin:4px 4px 4px 0;max-width:100%}
 .statement{padding:64px 20px}
 .statement h2{font-size:clamp(36px,9.2vw,46px);line-height:1.12;letter-spacing:-.05em;margin:20px auto;text-wrap:balance}
 .statement p{font-size:16px;line-height:1.75;margin-bottom:26px}
 .statement .cta{width:100%;max-width:350px}
 #contact{padding:60px 20px}
 #contact .container{max-width:560px;width:100%;margin-inline:auto;min-width:0}
 #contact .eyebrow{font-size:10px;line-height:1.6;letter-spacing:.19em}
 #contact h3{font-size:clamp(30px,8.4vw,40px);line-height:1.14;letter-spacing:-.045em;margin:16px 0 20px;text-wrap:balance}
 #contact .container>p{font-size:15px;line-height:1.75}
 #contact form{margin-top:26px}
 #contact .row{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
 #contact .row>div,#contact .col-12,#contact .col-6{grid-column:1;margin:0;min-width:0}
 #contact input:not([type=submit]):not([type=button]),#contact textarea{font-size:16px;line-height:1.5;padding:14px 15px;min-height:52px;max-width:100%}
 #contact textarea{min-height:175px;resize:vertical}
 #contact .actions{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 0;padding:0}
 #contact .actions li{flex:1 1 auto;min-width:0}
 #contact input[type=submit],#contact input[type=button]{width:100%;min-height:49px;padding:13px 16px;font-size:13px;line-height:1.4}
 .contact-verification{max-width:100%}
 altcha-widget{--altcha-max-width:100%;max-width:100%;font-size:14px}
 .contact-fb{margin-top:30px}
 .contact-fb p{font-size:14px;line-height:1.7;margin-bottom:13px}
 .contact-fb a.icon{min-width:48px;min-height:48px}
 #footer{padding:30px 20px;padding-bottom:max(30px,env(safe-area-inset-bottom));text-align:center}
 #footer>.container{width:100%;max-width:560px;margin-inline:auto}
 #footer .icons{gap:10px;justify-content:center;flex-wrap:wrap}
 #footer .icons a.icon{width:44px;height:44px}
 .facebook-share{flex-direction:column;gap:12px;margin:20px 0}
 .facebook-share iframe{flex-shrink:0}
 .facebook-share-link{min-height:46px;font-size:13px;padding:11px 18px;justify-content:center}
 #footer .menu{font-size:11px;line-height:1.7;margin:20px 0 0}
 #footer .menu li{padding:0;margin:0}
 a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #80c6ff;outline-offset:4px}
}
@media screen and (max-width:359px){
 .nav{padding-inline:16px}
 .hero{padding:38px 16px 42px}
 .hero .eyebrow{font-size:9px;letter-spacing:.12em}
 .shell{padding:52px 16px}
 .tile,.tile.big,.tile.small{padding:21px;min-height:250px}
 .tile h3{font-size:26px}
 .statement{padding:56px 16px}
 #contact{padding:52px 16px}
 #footer{padding-inline:16px}
 .section-head{font-size:31px}
}
@media(prefers-reduced-motion:reduce){.services-menu-icon:before,.services-menu-icon:after{transition:none}}

@media (max-width: 760px) {
  #footer .facebook-share iframe {
    width: 96px;
    align-self: center;
  }
}