/* Scoped refinements: retain the existing motion, palette and typography. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.skip-link{position:fixed;inset-block-start:12px;inset-inline-start:20px;z-index:10000;padding:10px 18px;background:var(--cream);color:var(--base);transform:translateY(-200%);font-size:1rem}
.skip-link:focus{transform:translateY(0)}
.hero-content{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px}
.hero-name{min-width:0;width:max-content;max-width:100%;font-weight:400}
.hero-specialty{display:block;margin-block-start:24px;max-width:30ch;font:600 clamp(1rem,1.6vw,1.25rem)/1.85 var(--ar);color:var(--cream);letter-spacing:normal;unicode-bidi:normal;text-shadow:none;text-align:right}
.hero-specialty br{display:none}
.hero-services{margin-right:0;padding-bottom:0}
.hero-services li{min-height:44px}
.work-card{display:flex;flex-direction:column}
.work-card-thumb{border:0;border-radius:0;padding:0;color:inherit;cursor:pointer;background:var(--surface);flex:none}
.work-card-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.work-card h3{font-family:'Space Grotesk','Cairo',sans-serif;line-height:1.5;overflow-wrap:anywhere}
.work-card h3 a:hover{color:var(--blue)}
.work-card p{line-height:1.8}
.work-page-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 22px 0;padding-block:12px 0;border-top:1px solid rgba(232,230,225,.15);font:600 .85rem/1.7 var(--ar);color:var(--cream);transition:color .2s ease}
.work-page-link:hover{color:var(--blue)}
.work-page-link span{color:var(--blue);font-size:1.2rem;transition:transform .2s ease}
.work-page-link:hover span{transform:translate(-2px,-2px)}
.footer-socials{display:flex;flex-direction:column;gap:12px;margin-block-start:10px}
.footer-col-title{font-family:var(--ar);font-weight:700;font-size:.9rem;letter-spacing:0}
.footer-socials-label{font:600 .82rem/1.6 var(--ar);color:rgba(232,230,225,.65)}
.social-links{display:grid;grid-template-columns:repeat(4,44px);gap:8px;direction:ltr;width:max-content}
.footer-col-contact .social-link,.social-link{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:11px;border:1px solid rgba(232,230,225,.17);border-radius:10px;background:transparent;opacity:1;transition:background .2s,border-color .2s,transform .2s}
.social-link img{display:block;width:20px;height:20px;object-fit:contain}
.footer-col-contact .social-link:hover,.social-link:hover{background:var(--surface);border-color:var(--blue);transform:translateY(-3px);opacity:1}
.social-tooltip{position:absolute;inset-block-end:calc(100% + 9px);inset-inline-start:50%;transform:translateX(-50%);white-space:nowrap;padding:5px 9px;border-radius:5px;background:var(--cream);color:var(--base);font:600 12px/1.6 var(--ar);pointer-events:none;opacity:0;transition:opacity .15s}
.social-link:hover .social-tooltip,.social-link:focus-visible .social-tooltip{opacity:1}
.footer-link-row{max-width:100%;flex-wrap:wrap;row-gap:6px}
.footer-link-row a{overflow-wrap:anywhere}
.video-modal-close,.privacy-modal-close{background:transparent;border:0;min-width:44px;min-height:44px;padding:4px;cursor:pointer}
.nav-burger{width:44px;height:44px;padding:6px}
.contact-form input,.contact-form textarea{font-size:1rem}
.mini-copy-btn,.wa-copy-btn{min-height:32px}
/* A crawler or visitor without the motion libraries still receives visible content. */
html:not(.motion-enabled) #preloader{display:none}
html:not(.motion-enabled) .hero-name,html:not(.motion-enabled) .hero-name .char,html:not(.motion-enabled) .hero-services li,html:not(.motion-enabled) .why-card,html:not(.motion-enabled) .step,html:not(.motion-enabled) .hero-video,html:not(.motion-enabled) .bg-video,html:not(.motion-enabled) .marquee-track img,html:not(.motion-enabled) .work-card-thumb{opacity:1;transform:none}
html:not(.motion-enabled) .pillars{height:auto}
html:not(.motion-enabled) .pillars-pin{position:relative;height:auto;min-height:100svh;padding-block:100px}
html:not(.motion-enabled) .pillars-stack{height:auto;display:grid;gap:44px}
html:not(.motion-enabled) .pillar{position:static;opacity:1;transform:none;margin:0}
@media(max-width:820px){
  .hero-pin{height:100svh;min-height:560px;padding-bottom:125px}
  .hero-content{gap:22px;padding-inline:7vw;align-items:end}
  .hero-name{font-size:clamp(3.2rem,13vw,5.5rem);line-height:.98}
  .hero-specialty{font-size:1rem;line-height:1.8;margin-block-start:20px;max-width:23ch}
  .hero-specialty br{display:block}
  .hero-services li{font-size:clamp(1.25rem,5.3vw,2rem);padding-block:8px}
  .hero-services li .word{margin-left:9px}
  .hero-services li .service-dot{width:6px;height:6px}
  .corner-mark{left:7vw;bottom:48px;width:28px;height:28px}
  .scroll-cue{bottom:44px;font-size:.7rem;gap:6px}
  .wa-float-group{right:18px;bottom:18px}
  .wa-float{width:50px;height:50px}
  .pillars{height:auto}
  .pillars-pin{position:relative;height:auto;min-height:100svh;padding-block:100px;overflow:hidden}
  .pillars-stack{height:auto;display:grid;gap:48px;max-width:100%}
  .pillar{margin-bottom:0;max-width:100%}
  .pillar h2{font-family:var(--ar);font-weight:700}
  .work-card p{font-size:.875rem}
  .work-marquee-track .work-card{width:190px}
  .work-marquee-wrap{width:100%;margin-inline:0}
  .work-card h3{font-size:1.15rem}
  .work-page-link{margin-inline:14px;font-size:.85rem;min-height:44px}
  .carousel-arrow{width:44px;height:44px}
  .carousel-arrow-left{left:-12px}
  .carousel-arrow-right{right:-12px}
  .footer-socials{align-items:center}
  .footer-logo-img{align-self:center}
  .footer-share-row{justify-content:center}
  .footer-socials-label{font-size:.9rem}
  .hero-name .line{line-height:1.04}
}
@media(max-width:360px){.hero-content{gap:14px}.hero-name{font-size:2.8rem}.hero-specialty{font-size:.9rem}.hero-services li{font-size:1.15rem}.nav{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){
  .hero,.work,.pillars{height:auto}
  .hero-pin,.work-pin{position:relative}
  .hero-content,.scroll-cue{opacity:1!important;transform:none!important}
  .social-link:hover,.work-page-link:hover span{transform:none}
}