/* Jundi portfolio production UI v4: trust, tools, testimonials, contact and footer */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
[hidden]{display:none!important}

/* Simplified achievements — intentionally no blade motif */
.achievements{background:#f6f9fd}
.achievements::before,.achievements::after{display:none}
.achievement-grid{gap:18px}
.achievement-card{min-height:285px;padding:26px;border:1px solid rgba(0,24,52,.1);border-radius:14px;background:#fff;color:#001834;box-shadow:0 14px 34px rgba(0,24,52,.07)}
.achievement-card::before{display:none}
.achievement-card__head strong{color:#001834}
.achievement-card h3{font-size:clamp(23px,2.3vw,33px);line-height:1.3}
.achievement-card>p{color:rgba(0,24,52,.67)}
.achievement-card .achievement-rank{color:#001834;opacity:.035}
.achievement-organizer{margin:.25rem 0!important;color:#6019b4!important;font-weight:700}
.achievement-participants{margin:.25rem 0!important}

/* Wide tool inventory with locally hosted original-color icons */
.toolset--wide{padding-block:clamp(64px,8vw,112px);background:linear-gradient(180deg,#eef5fb,#f8fbfe);color:#001834}
.toolset--wide .section-shell{width:min(100% - 36px,1440px);max-width:none}
.toolset--wide .section-intro p{color:rgba(0,24,52,.66)}
.toolset--wide .toolset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.toolset--wide .toolset-group{position:relative;min-height:0;padding:28px;border:1px solid rgba(0,24,52,.1);border-radius:14px;background:#fff;box-shadow:0 15px 36px rgba(0,24,52,.055);overflow:hidden}
.toolset--wide .toolset-group::before,.toolset--wide .toolset-group::after{display:none}
.toolset--wide .toolset-index{position:absolute;inset-block-start:22px;inset-inline-end:24px;margin:0;color:rgba(0,24,52,.18);font:700 12px/1 Poppins,sans-serif}
.toolset--wide .toolset-group h3{margin:0 0 24px;color:#001834;font-size:clamp(22px,2vw,28px)}
.toolset--wide .tool-pills{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:12px}
.toolset--wide .tool-pills>.tool-pill{display:grid!important;grid-template-columns:50px 1fr;align-items:center;gap:11px;min-width:0;padding:10px 12px!important;border:1px solid rgba(0,24,52,.09)!important;border-radius:10px!important;background:#f7fafc!important;color:#001834!important;font-size:13px!important;font-weight:700;line-height:1.3;white-space:normal!important}
.tool-icon-frame{display:grid;place-items:center;width:50px;height:50px;border:1px solid color-mix(in srgb,var(--tool-color) 25%,transparent);border-radius:9px;background:#fff;box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--tool-color) 10%,transparent)}
.tool-icon-frame img{display:block;width:34px;height:34px;object-fit:contain}
.tool-icon-frame b{color:var(--tool-color);font:800 12px/1 Poppins,sans-serif}

/* Trust grid */
.trust--cms{padding-block:clamp(64px,8vw,110px);background:#fff}
.trusted-logo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:30px}
.trusted-logo{display:grid;place-items:center;min-width:0;height:116px;margin:0;padding:20px;border:1px solid rgba(0,24,52,.1);border-radius:12px;background:#f8fafc;transition:transform .25s var(--ease-lift,ease),border-color .25s ease,box-shadow .25s ease}
.trusted-logo:is(a):hover{transform:translateY(-3px);border-color:rgba(80,200,198,.58);box-shadow:0 12px 28px rgba(0,24,52,.08)}
.trusted-logo img{display:block;max-width:100%;width:auto;height:auto;max-height:58px;object-fit:contain;filter:none!important;opacity:1!important}

/* Accessible manual carousel — compact navy continuation of the trust deck */
.testimonials{position:relative;isolation:isolate;padding:clamp(44px,5vw,76px) clamp(20px,4vw,56px) clamp(40px,4.5vw,68px);overflow:hidden;border:1px solid rgba(191,219,244,.15);border-radius:20px;background-color:#001834;background-image:radial-gradient(ellipse at 82% 12%,rgba(96,25,180,.22),transparent 38%),radial-gradient(ellipse at 12% 88%,rgba(80,200,198,.11),transparent 42%),linear-gradient(145deg,#071f3b,#001834);color:#fff;box-shadow:0 28px 68px rgba(0,24,52,.22)}
.testimonials::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,transparent 0 62%,rgba(255,255,255,.025) 62% 63%,transparent 63%)}
.testimonial-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
.testimonials .section-intro{display:block;margin:0}
.testimonials .section-intro h2{max-width:16ch;margin:0;color:#fff;font-size:clamp(34px,4vw,54px);line-height:1.16;letter-spacing:0}
.testimonials .section-intro p{margin:12px 0 0;color:rgba(255,255,255,.68)}
.testimonial-controls{display:flex;direction:ltr;gap:10px;flex:0 0 auto}
.testimonial-controls button{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.045);color:#fff;font:500 21px/1 Poppins,sans-serif;cursor:pointer;transition:transform .2s var(--ease-lift,ease),border-color .2s ease,background .2s ease,color .2s ease}
.testimonial-controls button:hover{transform:translateY(-2px);border-color:rgba(80,200,198,.58);background:rgba(80,200,198,.1);color:#8de7e5}
.testimonial-viewport{overflow:hidden;margin-top:clamp(22px,2.5vw,30px)}
.testimonial-track{display:flex;direction:ltr;transition:transform .55s var(--ease-entry,cubic-bezier(.16,1,.3,1));will-change:transform}
.testimonial-card{position:relative;direction:rtl;flex:0 0 100%;min-height:0;padding:clamp(28px,3.2vw,44px) clamp(24px,4vw,56px);border:1px solid rgba(191,219,244,.13);border-radius:14px;background-color:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html[dir=ltr] .testimonial-card{direction:ltr}
.testimonial-quote{position:absolute;inset-block-start:10px;inset-inline-end:28px;color:rgba(141,231,229,.15);font:700 clamp(64px,7vw,96px)/1 Georgia,serif}
.testimonial-card blockquote{position:relative;z-index:1;max-width:880px;margin:0;color:#fff;font-size:clamp(20px,2vw,30px);line-height:1.68;font-weight:500}
.testimonial-card footer{position:relative;z-index:1;display:grid;gap:5px;margin-top:clamp(18px,2vw,26px)}
.testimonial-card footer strong{color:#50c8c6;font-size:18px;font-weight:700}
.testimonial-card footer span{color:#8de7e5;font-size:15px;opacity:.82}
.testimonial-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}
.testimonial-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.24);cursor:pointer;transition:width .2s ease,background .2s ease}
.testimonial-dots button[aria-current=true]{width:26px;background:#50c8c6}

/* Typeform-inspired request flow */
.contact-experience{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(26px,5vw,72px);align-items:start;width:min(100% - 36px,1320px);margin:clamp(70px,9vw,128px) auto;padding:clamp(28px,5vw,66px);overflow:hidden;border:1px solid rgba(191,219,244,.16);border-radius:22px;background:linear-gradient(145deg,rgba(0,24,52,.96),rgba(7,18,39,.98));box-shadow:0 30px 78px rgba(0,24,52,.28);color:#fff}
.contact-ambient{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none;opacity:.1}
.contact-ambient i{position:absolute;width:65%;height:22%;border-radius:999px;filter:blur(24px);animation:contactAmbient 18s ease-in-out infinite alternate}
.contact-ambient i:first-child{inset-block-start:18%;inset-inline-start:-18%;background:#50c8c6;transform:rotate(-12deg)}
.contact-ambient i:last-child{inset-block-end:12%;inset-inline-end:-22%;background:#6019b4;transform:rotate(10deg);animation-delay:-7s}
.contact-copy{position:sticky;top:110px}
.contact-copy>span{color:#50c8c6;font-size:13px;font-weight:800}
.contact-copy h2{margin:14px 0 18px;font-size:clamp(34px,4.3vw,64px);line-height:1.15}
.contact-copy p{max-width:480px;color:rgba(255,255,255,.66);line-height:1.85}
.request-shell{min-width:0;padding:clamp(20px,3vw,36px);border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(7,31,59,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.request-progress{display:grid;gap:9px;margin-bottom:28px;color:rgba(255,255,255,.55);font-size:12px}
.request-progress>i{height:3px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.1)}
.request-progress b{display:block;width:50%;height:100%;background:linear-gradient(90deg,#50c8c6,#6019b4);transition:inline-size .35s ease}
.request-step h3,.request-form h3{margin:0 0 22px;font-size:clamp(24px,3vw,34px)}
.request-routes{display:grid;gap:12px}
.request-routes button{display:grid;grid-template-columns:46px 1fr;gap:2px 14px;align-items:center;width:100%;padding:17px 18px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.035);color:#fff;text-align:start;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.request-routes button:hover{transform:translateY(-2px);border-color:rgba(80,200,198,.55);background:rgba(80,200,198,.07)}
.request-routes button>span{grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;border-radius:11px;background:linear-gradient(145deg,rgba(80,200,198,.18),rgba(96,25,180,.24));font-size:22px}
.request-routes button b{font-size:16px}
.request-routes button small{color:rgba(255,255,255,.56)}
.request-form-head{display:flex;align-items:center;gap:15px}
.request-form-head button{margin-inline-end:auto;border:0;background:none;color:#8de7e5;cursor:pointer}
.request-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.request-form label,.booking-fields fieldset{display:grid;gap:8px;min-width:0;margin:0;border:0;padding:0}
.request-form label>span,.booking-fields legend{color:rgba(255,255,255,.72);font-size:13px;font-weight:700}
.request-form input,.request-form select,.request-form textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(0,13,31,.72);color:#fff;font:inherit;outline:none}
.request-form textarea{resize:vertical}
.request-form input:focus,.request-form select:focus,.request-form textarea:focus{border-color:#50c8c6;box-shadow:0 0 0 3px rgba(80,200,198,.13)}
.service-fields,.booking-fields,.request-details{margin-top:18px}
.booking-fields{display:grid;gap:18px}
.booking-readiness{padding:12px 14px;border-radius:9px;font-size:13px}
.booking-readiness--ready{border:1px solid rgba(80,200,198,.3);background:rgba(80,200,198,.08);color:#bff7f5}
.booking-readiness--waiting{border:1px solid rgba(255,211,115,.26);background:rgba(255,191,75,.07);color:#ffe2a2}
.duration-options,.slot-options{display:flex;flex-wrap:wrap;gap:9px}
.duration-options button,.slot-options button{min-height:45px;padding:9px 13px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(255,255,255,.04);color:#fff;cursor:pointer}
.duration-options button{display:grid;text-align:start}
.duration-options button small{color:rgba(255,255,255,.54)}
.duration-options button[aria-pressed=true],.slot-options button[aria-pressed=true]{border-color:#50c8c6;background:rgba(80,200,198,.14);box-shadow:inset 0 0 0 1px rgba(80,200,198,.3)}
.duration-options button:disabled{opacity:.38;cursor:not-allowed}
.slot-options p{color:rgba(255,255,255,.55)}
.request-submit{display:flex;align-items:center;gap:16px;margin-top:20px}
.request-submit p{margin:0;color:#bff7f5;font-size:13px}
.honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.request-form :focus-visible,.request-routes button:focus-visible,.testimonial-controls button:focus-visible,.testimonial-dots button:focus-visible,.trusted-logo:focus-visible{outline:3px solid #50c8c6;outline-offset:3px}

/* Complete CMS-driven footer */
.lab-footer{display:grid!important;grid-template-columns:minmax(240px,1.5fr) repeat(2,minmax(150px,.75fr));gap:28px!important;align-items:start!important;padding:clamp(44px,6vw,78px) max(24px,calc((100vw - 1240px)/2))!important;background:#001834!important;color:#fff!important}
.footer-brand img{width:auto!important;max-width:170px!important;height:38px!important;object-fit:contain}
.footer-brand p{max-width:440px;color:rgba(255,255,255,.6);line-height:1.75}
.lab-footer nav,.footer-social{display:grid;gap:10px}
.lab-footer a{color:rgba(255,255,255,.72)!important;text-decoration:none!important}
.lab-footer a:hover{color:#50c8c6!important}
.footer-social a{display:flex;align-items:center;gap:9px}
.footer-social a span{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.13);border-radius:8px;color:#8de7e5;font:800 10px/1 Poppins,sans-serif}
.footer-social a b{font-size:13px}
.lab-footer>small{grid-column:1/-1;padding-top:22px;border-top:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.4)}

@keyframes contactAmbient{0%{translate:-2% 2%;scale:.96}100%{translate:4% -3%;scale:1.04}}
@media(max-width:980px){
  .trusted-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .contact-experience{grid-template-columns:1fr}
  .contact-copy{position:static}
  .toolset--wide .toolset-grid{grid-template-columns:1fr}
  .lab-footer{grid-template-columns:1fr 1fr!important}
  .footer-brand,.lab-footer>small{grid-column:1/-1}
}
@media(max-width:620px){
  .achievement-card{min-height:250px}
  .toolset--wide .section-shell{width:min(100% - 24px,1440px)}
  .toolset--wide .toolset-group{padding:22px 16px}
  .toolset--wide .tool-pills{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .toolset--wide .tool-pills>.tool-pill{grid-template-columns:42px 1fr;padding:8px!important;font-size:11px!important}
  .tool-icon-frame{width:42px;height:42px}
  .tool-icon-frame img{width:29px;height:29px}
  .trusted-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .trusted-logo{height:88px;padding:13px;border-radius:9px}
  .trusted-logo img{max-height:42px}
  .testimonials{padding:36px 18px 32px;border-radius:16px}
  .testimonial-heading{align-items:stretch;flex-direction:column;gap:18px}
  .testimonial-controls{align-self:flex-start}
  .testimonial-card{min-height:0;padding:26px 20px}
  .testimonial-card blockquote{font-size:20px;line-height:1.7}
  .testimonial-quote{inset-block-start:8px;inset-inline-end:18px;font-size:64px}
  .contact-experience{width:min(100% - 20px,1320px);padding:22px 12px;border-radius:15px}
  .request-shell{padding:18px 13px}
  .request-fields{grid-template-columns:1fr}
  .request-submit{align-items:stretch;flex-direction:column}
  .request-submit .btn{width:100%}
  .lab-footer{grid-template-columns:1fr!important}
  .footer-brand{grid-column:auto}
  .lab-footer>small{grid-column:1}
}
@media(prefers-reduced-motion:reduce){
  .contact-ambient i{animation:none}
  .testimonial-track,.request-progress b,.trusted-logo,.request-routes button{transition:none}
}


/* Visual QA v5 — contrast, responsive balance, and section rhythm */
#about,#achievements,#technology,#tools,#contact{scroll-margin-top:88px}

/* The UIUX shell inherits white text; these two light sections need explicit ink. */
.v-uiux .achievements{color:#001834}
.v-uiux .achievements .section-intro h2{color:#001834}
.v-uiux .achievements .section-intro p{color:rgba(0,24,52,.66)}

/* White partner marks belong on a navy glass deck, not on white cards. */
.v-uiux .trust--cms{position:relative;isolation:isolate;overflow:hidden;padding:clamp(56px,7vw,92px) clamp(20px,4vw,56px);border:1px solid rgba(191,219,244,.16);border-radius:20px;background:linear-gradient(145deg,rgba(7,31,59,.98),rgba(0,24,52,.98));color:#fff;box-shadow:0 28px 68px rgba(0,24,52,.24)}
.v-uiux .trust--cms::before{content:"";position:absolute;z-index:-1;inset:-38%;pointer-events:none;background:radial-gradient(ellipse at 72% 30%,rgba(96,25,180,.32),transparent 42%),radial-gradient(ellipse at 20% 78%,rgba(80,200,198,.16),transparent 44%);filter:blur(26px)}
.v-uiux .trust--cms .section-intro,.v-uiux .trust--cms .trusted-logo-grid{position:relative;z-index:1}
.v-uiux .trust--cms .section-intro h2{color:#fff}
.v-uiux .trust--cms .section-intro p{color:rgba(255,255,255,.64)}
.v-uiux .trust--cms .trusted-logo-grid{gap:8px;margin-top:28px}
.v-uiux .trust--cms .trusted-logo{height:108px;padding:18px;border:1px solid rgba(191,219,244,.12);border-radius:10px;background:rgba(255,255,255,.025);box-shadow:none}
.v-uiux .trust--cms .trusted-logo:is(a):hover{border-color:rgba(80,200,198,.45);background:rgba(80,200,198,.065);box-shadow:none}
.v-uiux .trust--cms .trusted-logo img{filter:brightness(0) invert(1) drop-shadow(0 5px 12px rgba(0,0,0,.2))!important;opacity:.88!important}
.v-uiux .trust--cms .trusted-logo:hover img{opacity:1!important}

/* Avoid double vertical padding on wrapper + inner section shell. */
.v-uiux .technology-section,.toolset--wide{padding-block:0}
.v-uiux .technology-section>.section-shell,.toolset--wide>.section-shell{padding-block:clamp(76px,8vw,112px)}

/* Technical cards remain inventory-independent: deleting or reordering never changes card geometry. */
@media(min-width:1051px){
  .v-uiux .technology-section .tech-card{grid-column:span 3}
}

/* Keep the final portfolio row balanced and stop the ultra-wide Qaf cover from being over-cropped. */
@media(min-width:901px){
  .v-uiux .selected-work .work-tile--archive:nth-child(10){grid-column:span 6;grid-row:span 1;background:#fff}
  .v-uiux .selected-work .work-tile--archive:nth-child(10) img{object-fit:contain;background:#fff}
  .v-uiux .selected-work .work-tile--archive:last-child{grid-column:span 6;grid-row:span 1}
}
@media(min-width:621px) and (max-width:900px){
  .achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .achievement-card{min-height:330px;padding:20px}
  .achievement-card h3{font-size:22px}
  .achievement-card>p{font-size:12px}
  .v-uiux .selected-work .work-tile--archive:nth-child(10){grid-column:span 8;grid-row:span 1;background:#fff}
  .v-uiux .selected-work .work-tile--archive:nth-child(10) img{object-fit:contain;background:#fff}
  .v-uiux .selected-work .work-tile--archive:last-child{grid-column:span 4;grid-row:span 2}
}

/* Full-screen mobile navigation: opaque Jundi canvas, readable hierarchy, and an explicit close state. */
@media(max-width:860px){
  .lab-nav{height:68px;padding-inline:16px;isolation:isolate}
  .lab-logo{position:relative;z-index:3;width:88px}
  .nav-toggle{position:relative;z-index:3;display:block;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.035)}
  .nav-toggle span{position:absolute;left:11px;width:24px;height:2px;margin:0;border-radius:99px;background:currentColor;transition:top .25s var(--ease),transform .25s var(--ease),opacity .18s ease}
  .nav-toggle span:nth-child(1){top:15px}
  .nav-toggle span:nth-child(2){top:23px}
  .nav-toggle span:nth-child(3){top:31px}
  .menu-open .nav-toggle{border-color:rgba(80,200,198,.42);background:rgba(80,200,198,.08)}
  .menu-open .nav-toggle span:nth-child(1){top:23px;transform:rotate(45deg)}
  .menu-open .nav-toggle span:nth-child(2){opacity:0;transform:scaleX(.35)}
  .menu-open .nav-toggle span:nth-child(3){top:23px;transform:rotate(-45deg)}
  .menu-open .lab-nav{background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
  .lab-nav nav{position:fixed;z-index:2;inset:0;width:100vw;width:100dvw;height:100vh;height:100dvh;margin:0;padding:calc(88px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(circle at 14% 86%,rgba(80,200,198,.16),transparent 34%),radial-gradient(circle at 88% 14%,rgba(96,25,180,.28),transparent 38%),linear-gradient(145deg,#001834 0%,#071227 100%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility 0s linear .28s;display:grid;align-content:center;place-items:stretch}
  .menu-open .lab-nav nav{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
  .lab-nav nav::before{content:"";position:absolute;inset-inline:24px;top:68px;height:1px;background:linear-gradient(90deg,transparent,rgba(80,200,198,.55),rgba(96,25,180,.55),transparent)}
  .lab-nav ul{position:relative;z-index:1;width:min(100%,520px);margin-inline:auto;flex-direction:column;align-items:stretch;gap:0}
  .lab-nav nav li{width:100%;border-bottom:1px solid rgba(255,255,255,.1)}
  .lab-nav nav li:first-child{border-top:1px solid rgba(255,255,255,.1)}
  .lab-nav nav a{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:72px;padding:15px 4px;color:#fff;font-size:clamp(24px,7vw,34px);font-weight:700;line-height:1.25;text-align:start;letter-spacing:-.02em}
  .lab-nav nav a::after{inset-inline:4px auto;bottom:12px;width:42px;transform:scaleX(0);transform-origin:inline-start}
  .lab-nav nav a:hover::after,.lab-nav nav a:focus-visible::after{transform:scaleX(1)}
  .lab-nav nav .language{display:inline-grid;place-items:center;width:52px;min-width:52px;height:52px;min-height:52px;margin-top:22px;padding:0;border:1px solid rgba(80,200,198,.46);border-radius:8px;color:#a9e6e4;font-size:14px;letter-spacing:.04em}
}

/* Keep the portrait's intrinsic proportions at every responsive width. */
.v-uiux .portrait-frame img{
  width:auto;
  max-width:100%;
  height:auto;
  max-height:100%;
  object-fit:contain;
}
@media(min-width:761px) and (max-width:1050px){
  .v-uiux .landing-hero{grid-template-columns:1fr 1.15fr;gap:24px}
  .v-uiux .hero-portrait{height:clamp(430px,47dvh,500px);min-height:0}
}
@media(max-width:760px){
  .v-uiux .hero-portrait{height:430px}
  .v-uiux .trust--cms{padding:48px 14px;border-radius:15px}
  .v-uiux .trust--cms .trusted-logo{height:82px;padding:11px}
  .v-uiux .trust--cms .trusted-logo img{max-height:40px}
}

/* Visual QA v6 — full-bleed section surfaces and Apple-style tool icons */
.v-uiux .achievements,
.v-uiux .trust--cms,
.v-uiux .contact-experience{position:relative;isolation:isolate;background:transparent!important}
.v-uiux .achievements::before,
.v-uiux .trust--cms::after,
.v-uiux .contact-experience::before{content:"";display:block;position:absolute;z-index:-2;inset-block:0;right:auto;left:50%;width:100vw;width:100dvw;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;max-width:none;transform:translateX(-50%);pointer-events:none}
.v-uiux .achievements::before{border-radius:0!important;background:#f6f9fd;box-shadow:none!important;filter:none!important;opacity:1!important;animation:none!important}
.v-uiux .trust--cms{overflow:visible;border:0;border-radius:0;box-shadow:none}
.v-uiux .trust--cms::after{background:linear-gradient(145deg,#071f3b,#001834);border-block:1px solid rgba(191,219,244,.12)}
.v-uiux .trust--cms::before{z-index:-1;inset-block:0;right:auto;left:50%;width:100vw;width:100dvw;transform:translateX(-50%);background:radial-gradient(ellipse at 72% 30%,rgba(96,25,180,.3),transparent 42%),radial-gradient(ellipse at 20% 78%,rgba(80,200,198,.15),transparent 44%);filter:blur(22px);clip-path:inset(0)}
.v-uiux .contact-experience{overflow:visible;border:0;border-radius:0;box-shadow:none}
.v-uiux .contact-experience::before{background:linear-gradient(145deg,#001834,#071227);border-block:1px solid rgba(191,219,244,.12)}
.v-uiux .contact-experience .contact-ambient{inset-block:0;inset-inline:auto;right:auto;left:50%;width:100vw;width:100dvw;transform:translateX(-50%)}
.v-uiux .toolset--wide{background:linear-gradient(180deg,#eef5fb,#f8fbfe)!important}

.v-uiux .toolset--wide .tool-pills{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:22px 12px}
.v-uiux .toolset--wide .tool-pills>.tool-pill{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:72px auto;justify-items:center;align-items:start;gap:10px;min-width:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#001834!important;font-size:12px!important;font-weight:700;line-height:1.25;white-space:normal!important;text-align:center}
.v-uiux .tool-icon-frame{display:grid;place-items:center;width:72px;height:72px;overflow:hidden;border:0;border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--tool-color) 13%,#fff),#fff 70%);box-shadow:0 10px 24px rgba(0,24,52,.12),inset 0 1px 0 rgba(255,255,255,.9)}
.v-uiux .tool-icon-frame img{display:block;width:62%;height:62%;padding:0;object-fit:contain}
.v-uiux .tool-icon-frame--cover img{width:100%;height:100%;object-fit:cover}
.v-uiux .tool-icon-frame b{color:var(--tool-color);font:800 15px/1 Poppins,sans-serif}
.v-uiux .tool-name{display:block;width:100%;min-width:0;padding:0!important;overflow:hidden;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#001834;text-overflow:ellipsis;white-space:nowrap;text-align:center}

@media(max-width:620px){
  .v-uiux .toolset--wide .tool-pills{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 8px}
  .v-uiux .toolset--wide .tool-pills>.tool-pill{grid-template-rows:64px auto;font-size:10px!important}
  .v-uiux .tool-icon-frame{width:64px;height:64px;border-radius:15px}
  .v-uiux .contact-experience{width:min(100% - 20px,1320px);border-radius:0}
}

/* Contact request flow v9 — coherent step-two product UI */
.request-form[hidden],.request-section[hidden]{display:none!important}
.request-form{display:block!important;width:100%;min-width:0;color:#fff}
.request-form-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:clamp(18px,3vw,32px);margin:0 0 18px;padding:0 0 24px;border-bottom:1px solid rgba(191,219,244,.14)}
.request-form-heading{grid-column:1;min-width:0}
.request-form-heading h3{margin:4px 0 8px!important;max-width:18ch;font-size:clamp(25px,3.1vw,38px)!important;line-height:1.2;letter-spacing:-.025em}
.request-route-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#8de7e5;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.request-route-eyebrow::before{content:"";width:24px;height:2px;border-radius:20px;background:linear-gradient(90deg,#50c8c6,#6019b4)}
.request-form-heading p{max-width:62ch;margin:0;color:rgba(231,242,255,.66);font-size:14px;line-height:1.75}
.request-back{grid-column:2;display:inline-flex!important;align-items:center;gap:8px;min-height:44px;margin:0!important;padding:8px 12px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:9px!important;background:rgba(255,255,255,.045)!important;color:#d8f8f7!important;font:inherit;font-size:13px!important;font-weight:700;white-space:nowrap;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.request-back:hover{transform:translateY(-1px);border-color:rgba(80,200,198,.55)!important;background:rgba(80,200,198,.1)!important}
.request-back-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:6px;background:rgba(80,200,198,.13);font-size:15px}
.request-section{position:relative;display:block;margin-top:14px;padding:clamp(18px,2.5vw,26px);overflow:hidden;border:1px solid rgba(191,219,244,.13);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:0 16px 34px rgba(0,7,20,.12)}
.request-section::before{content:"";position:absolute;inset-block:18px;inset-inline-start:0;width:2px;border-radius:20px;background:linear-gradient(180deg,#50c8c6,rgba(96,25,180,.78))}
.request-section-head{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:13px;margin-bottom:20px}
.request-section-index{display:grid;place-items:center;width:40px;height:28px;border:1px solid rgba(80,200,198,.28);border-radius:7px;background:rgba(80,200,198,.08);color:#a5efed;font:700 11px/1 Poppins,Cairo,sans-serif;letter-spacing:.05em}
.request-section-head h4{margin:0 0 3px;color:#fff;font-size:17px;line-height:1.45}
.request-section-head p{margin:0;color:rgba(227,239,253,.56);font-size:12px;line-height:1.65}
.request-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 14px}
.request-form label,.request-form fieldset{display:grid;gap:8px;min-width:0;margin:0;border:0;padding:0}
.request-form label>span,.request-form legend{color:rgba(244,249,255,.78);font-size:12px;font-weight:800;line-height:1.4}
.request-form label>span b{color:#6ee0de;font-weight:800}
.request-form label>small{color:rgba(218,232,249,.42);font-size:10px}
.request-form input:not([type=hidden]):not(.honeypot),.request-form select,.request-form textarea{width:100%;min-height:54px;padding:13px 15px;border:1px solid rgba(191,219,244,.16);border-radius:10px;background:rgba(0,14,34,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);color:#fff;font:500 14px/1.6 Cairo,Poppins,sans-serif;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.request-form textarea{min-height:132px;resize:vertical;line-height:1.8}
.request-form input::placeholder,.request-form textarea::placeholder{color:rgba(220,235,252,.34)}
.request-form input:hover,.request-form select:hover,.request-form textarea:hover{border-color:rgba(191,219,244,.3);background:rgba(0,18,42,.78)}
.request-form input:focus,.request-form select:focus,.request-form textarea:focus{border-color:#50c8c6;box-shadow:0 0 0 3px rgba(80,200,198,.13),inset 0 1px 0 rgba(255,255,255,.04);background:rgba(0,20,46,.88)}
.request-form input:user-invalid,.request-form select:user-invalid,.request-form textarea:user-invalid{border-color:#ef8f9a;box-shadow:0 0 0 3px rgba(239,143,154,.09)}
.service-fields>label{max-width:560px}
.booking-fields{display:block}
.booking-readiness{display:flex;align-items:center;gap:9px;margin-bottom:17px;padding:11px 13px;border-radius:9px;font-size:12px;line-height:1.55}
.booking-readiness::before{content:"";flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 13%,transparent)}
.booking-readiness--ready{border:1px solid rgba(80,200,198,.25);background:rgba(80,200,198,.075);color:#bff7f5}
.booking-readiness--waiting{border:1px solid rgba(255,211,115,.24);background:rgba(255,191,75,.065);color:#ffe2a2}
.booking-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr);gap:16px;align-items:end}
.booking-slots{margin-top:18px!important}
.duration-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.duration-options button{display:grid;gap:2px;min-height:58px;padding:10px 13px;border:1px solid rgba(191,219,244,.15);border-radius:10px;background:rgba(0,14,34,.52);color:#fff;text-align:start;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.duration-options button:hover,.slot-options button:hover{transform:translateY(-1px);border-color:rgba(80,200,198,.52);background:rgba(80,200,198,.08)}
.duration-options button b{font-size:13px}
.duration-options button small{color:rgba(224,237,252,.48);font-size:10px}
.duration-options button[aria-pressed=true],.slot-options button[aria-pressed=true]{border-color:#50c8c6;background:linear-gradient(135deg,rgba(80,200,198,.16),rgba(96,25,180,.11));box-shadow:inset 0 0 0 1px rgba(80,200,198,.22),0 8px 22px rgba(0,0,0,.13)}
.slot-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px}
.slot-options button{min-height:45px;padding:9px 11px;border:1px solid rgba(191,219,244,.15);border-radius:9px;background:rgba(0,14,34,.52);color:#fff;font:600 13px/1 Poppins,Cairo,sans-serif;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.slot-options p{grid-column:1/-1;margin:0;padding:12px;border:1px dashed rgba(191,219,244,.12);border-radius:8px;color:rgba(231,242,255,.52);font-size:12px;text-align:center}
.request-details{margin-top:0!important}
.request-submit{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;gap:16px;margin-top:18px!important;padding-top:4px}
.request-submit p{min-height:22px;margin:0!important;color:rgba(224,237,252,.62)!important;font-size:12px!important;line-height:1.65}
.request-submit p[data-state=success]{color:#aef2d2!important}
.request-submit p[data-state=error]{color:#ffc0c6!important}
.request-submit-button{display:inline-flex!important;align-items:center;justify-content:center;gap:16px;min-width:190px;min-height:52px}
.request-submit-button i{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:rgba(255,255,255,.14);font-style:normal}
.request-submit-button:disabled{opacity:.58;cursor:wait;transform:none}
.request-form--submitted .request-submit{padding:15px;border:1px solid rgba(80,200,198,.24);border-radius:12px;background:rgba(80,200,198,.06)}
.request-form :focus-visible{outline:3px solid rgba(80,200,198,.9)!important;outline-offset:3px!important}

@media(max-width:720px){
  .request-form-head{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-bottom:20px}
  .request-form-heading h3{max-width:14ch;font-size:25px!important}
  .request-form-heading p{font-size:12px}
  .request-back{padding:7px 9px!important}
  .request-back>span:last-child{display:none}
  .request-section{padding:17px 14px;border-radius:12px}
  .request-section-head{grid-template-columns:35px minmax(0,1fr);gap:10px;margin-bottom:17px}
  .request-section-index{width:35px;height:26px}
  .request-fields,.booking-grid{grid-template-columns:1fr!important}
  .duration-options{grid-template-columns:1fr 1fr}
  .request-submit{grid-template-columns:1fr!important;align-items:stretch!important}
  .request-submit-button{width:100%;min-width:0}
}

@media(max-width:390px){
  .duration-options{grid-template-columns:1fr}
  .request-form-heading h3{font-size:23px!important}
}

/* v10 contact step two — focused route rail + calm form workspace */
.request-form-layout{display:grid;grid-template-columns:minmax(210px,248px) minmax(0,1fr);align-items:start;gap:clamp(22px,3vw,38px);min-width:0}
.request-form-body{min-width:0}
.request-form-body .request-section:first-child{margin-top:0}
.request-section--booking .booking-grid{grid-template-columns:1fr}
.request-route-panel{position:sticky;top:104px;align-self:start;min-width:0;min-height:360px;padding:26px 22px;overflow:hidden;border:1px solid rgba(146,105,221,.3);border-radius:14px;background:linear-gradient(155deg,rgba(96,25,180,.24),rgba(3,24,52,.92) 54%,rgba(80,200,198,.08));box-shadow:0 24px 48px rgba(0,5,18,.2)}
.request-route-panel::after{content:"";position:absolute;z-index:0;inset:auto -25% -24% auto;width:180px;aspect-ratio:1;border-radius:50%;background:rgba(80,200,198,.16);filter:blur(42px);pointer-events:none}
.request-route-panel>*{position:relative;z-index:1}
.request-route-step{display:block;color:rgba(255,255,255,.18);font:300 clamp(48px,5vw,72px)/.9 var(--font-en);letter-spacing:-.05em}
.request-route-blade{display:block;width:clamp(120px,12vw,180px);aspect-ratio:5/1;margin:22px 0 34px;background:linear-gradient(90deg,#50c8c6 0 42%,#6019b4 100%);clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);box-shadow:0 12px 26px rgba(80,200,198,.12)}
.request-route-panel small{display:block;margin-bottom:8px;color:#8de7e5;font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.request-route-panel strong{display:block;color:#fff;font-size:clamp(19px,2vw,25px);font-weight:700;line-height:1.35}
.request-route-panel p{margin:14px 0 0;color:rgba(235,244,255,.62);font-size:12px;font-weight:400;line-height:1.75}
.request-route-panel ul{display:grid;gap:10px;margin:24px 0 0;padding:18px 0 0;list-style:none;border-top:1px solid rgba(255,255,255,.1)}
.request-route-panel li{position:relative;padding-inline-start:18px;color:rgba(244,249,255,.76);font-size:11px;font-weight:500;line-height:1.5}
.request-route-panel li::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:7px;height:7px;background:#50c8c6;clip-path:polygon(30% 0,100% 0,70% 100%,0 100%)}
.request-form input:not([type=hidden]):not(.honeypot),.request-form select,.request-form textarea{font-family:inherit!important;font-size:14px;font-weight:500;line-height:1.6}
html[lang="ar"] .request-form-heading h3,html[lang="ar"] .request-section-head h4{font-family:var(--font-ar);font-weight:700}
html[lang="en"] .request-form-heading h3,html[lang="en"] .request-section-head h4{font-family:var(--font-en);font-weight:600}
.request-form-heading p,.request-section-head p{font-weight:400}
@media(max-width:1099px){
  .request-form-layout{grid-template-columns:minmax(0,1fr)}
  .request-route-panel{position:relative;top:auto;min-height:0;padding:20px}
  .request-route-step{font-size:42px}
  .request-route-blade{margin:14px 0 20px}
  .request-route-panel ul{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px;padding-top:14px}
}
@media(max-width:520px){
  .request-route-panel{padding:18px 16px}
  .request-route-panel ul{grid-template-columns:1fr}
}

/* v12 — one uninterrupted trust/voice/notes band plus editorial cover cards. */
.v-uiux .trust--cms,
.v-uiux .testimonials,
.v-uiux .notes{position:relative;isolation:isolate;overflow:visible;border:0!important;border-radius:0!important;background:#001834!important;box-shadow:none!important;color:#fff}
.v-uiux .trust--cms::after,
.v-uiux .testimonials::after,
.v-uiux .notes::after{content:"";display:block;position:absolute;z-index:-2;inset-block:0;right:auto;left:50%;width:100vw;width:100dvw;max-width:none;transform:translateX(-50%);pointer-events:none;border:0;background:#001834}
.v-uiux .testimonials{padding-block:clamp(46px,5vw,68px)}
.v-uiux .notes{padding-block:clamp(54px,7vw,92px) clamp(76px,9vw,128px)}
.v-uiux .notes .section-intro h2{color:#fff}
.v-uiux .notes .section-intro p{color:rgba(255,255,255,.64)}
.v-uiux .notes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}
.v-uiux .notes-grid .note-card{display:block;min-width:0;color:inherit;text-decoration:none}
.v-uiux .notes-grid .note-card article{display:flex;flex-direction:column;height:100%;min-height:0;margin:0!important;padding:0;overflow:hidden;border:1px solid rgba(191,219,244,.14);border-radius:15px;background:linear-gradient(145deg,rgba(16,47,80,.78),rgba(4,20,44,.94));box-shadow:0 16px 36px rgba(0,8,24,.18);transition:transform .25s var(--ease-lift,ease),border-color .25s ease,background .25s ease}
.v-uiux .notes-grid .note-card:hover article{transform:translateY(-4px);border-color:rgba(80,200,198,.46);background:linear-gradient(145deg,rgba(20,57,92,.86),rgba(5,24,51,.98))}
.note-card__media{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,rgba(80,200,198,.16),rgba(96,25,180,.2))}
.note-card__media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 58%,rgba(0,24,52,.22))}
.note-card__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s var(--ease-entry,cubic-bezier(.16,1,.3,1))}
.note-card:hover .note-card__media img{transform:scale(1.035)}
.note-card__placeholder{position:absolute;inset:0;display:block;overflow:hidden;background:radial-gradient(circle at 18% 82%,rgba(80,200,198,.24),transparent 34%),radial-gradient(circle at 82% 18%,rgba(96,25,180,.34),transparent 36%),#071f3b}
.note-card__placeholder i{position:absolute;display:block;width:55%;aspect-ratio:5/1;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);background:#50c8c6;opacity:.54}
.note-card__placeholder i:first-child{inset-inline-start:-8%;top:28%}
.note-card__placeholder i:last-child{inset-inline-end:-10%;bottom:20%;background:#6019b4;opacity:.62}
.note-card__body{display:flex;flex:1;flex-direction:column;padding:22px 23px 24px}
.v-uiux .notes-grid .note-card__body>span{color:#8de7e5;font-size:11px;font-weight:700}
.v-uiux .notes-grid .note-card__body h3{margin:15px 0 10px;color:#fff;font-size:clamp(20px,1.65vw,25px);font-weight:700;line-height:1.45}
.v-uiux .notes-grid .note-card__body p{margin:0;color:rgba(255,255,255,.62);font-size:13px;line-height:1.75}
.v-uiux .notes>.section-link{margin-top:30px;color:#fff}
@media(max-width:900px){.v-uiux .notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v-uiux .notes-grid .note-card:last-child{grid-column:1/-1}}
@media(max-width:620px){
  .v-uiux .trust--cms,.v-uiux .testimonials{padding-inline:14px}
  .v-uiux .notes{padding-inline:0}
  .v-uiux .notes-grid{grid-template-columns:1fr;gap:13px}
  .v-uiux .notes-grid .note-card:last-child{grid-column:auto}
  .note-card__body{padding:19px 18px 21px}
}

/* v13 — preserve portrait proportions and give proof numbers a stronger responsive grid. */
.v-uiux .proof-stats{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  border:0;
}
.v-uiux .proof-stats div{
  display:flex;
  min-width:0;
  min-height:148px;
  flex-direction:column;
  justify-content:space-between;
  padding:clamp(22px,3vw,34px) clamp(18px,2.5vw,28px);
  border:1px solid rgba(191,219,244,.16);
  border-radius:14px;
  background:rgba(255,255,255,.045);
  box-shadow:0 14px 30px rgba(0,8,24,.12);
}
.v-uiux .proof-stats strong{
  color:#fff;
  font:800 clamp(50px,6vw,88px)/.92 var(--font-en);
  letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;
}
.v-uiux .proof-stats span{
  margin-top:18px;
  color:rgba(255,255,255,.68);
  font-size:clamp(12px,1.1vw,15px);
  line-height:1.65;
}
@media(max-width:900px){
  .v-uiux .proof-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .v-uiux .proof-stats div:nth-child(3){grid-column:1/-1}
  .v-uiux .proof-stats strong{font-size:clamp(52px,10vw,78px)}
}
@media(max-width:620px){
  .v-uiux .proof-stats div{min-height:136px;padding:20px 16px}
  .v-uiux .proof-stats strong{font-size:clamp(52px,17vw,78px)}
}

/* v14 — let the mobile portrait stage follow the image instead of reserving empty height. */
@media(max-width:760px){
  .v-uiux .landing-hero{gap:14px}
  .v-uiux .hero-portrait{
    height:auto;
    min-height:0;
  }
  .v-uiux .portrait-frame{
    height:auto;
    min-height:0;
  }
  .v-uiux .portrait-frame img{max-height:none}
}

/* v15 — direct contact details and centered mobile language control. */
.contact-direct{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.contact-direct__item{display:grid;flex:1 1 190px;gap:4px;min-width:190px;padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.045);transition:transform .22s var(--fast),border-color .22s ease,background .22s ease}
.contact-direct__item:hover{transform:translateY(-2px);border-color:rgba(80,200,198,.52);background:rgba(80,200,198,.08)}
.contact-direct__item span{color:#8de7e5;font-size:11px;font-weight:800}
.contact-direct__item strong{color:#fff;font-size:14px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.footer-contact-link b{overflow-wrap:anywhere}
@media(max-width:860px){
  .lab-nav nav .language{display:grid!important;place-items:center;justify-content:center!important;align-items:center!important;justify-items:center!important;padding:0!important;text-align:center;line-height:1}
}
@media(max-width:620px){
  .contact-direct{display:grid;gap:8px;margin-top:22px}
  .contact-direct__item{min-width:0}
}