.social-links{display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0}
.social-links[hidden]{display:none}
.social-link{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;color:#fff!important;flex:0 0 auto;border-radius:50%;transition:transform .24s ease,background-color .24s ease;isolation:isolate}
.social-glyph{display:grid;place-items:center;width:24px;height:24px;grid-area:1/1;transition:opacity .24s ease}
.social-glyph svg{display:block;width:24px;height:24px}
.social-glyph--brand{opacity:0}
.social-link--instagram .social-glyph--brand{background:radial-gradient(circle at 30% 100%,#ffdc80 0%,#fcaf45 20%,#f56040 38%,#e1306c 55%,#c13584 68%,#833ab4 84%,#405de6 100%);mask:url('instagram-mask.svg') center/24px 24px no-repeat;-webkit-mask:url('instagram-mask.svg') center/24px 24px no-repeat}
.social-link--instagram .social-glyph--brand svg{visibility:hidden}
.social-link--facebook .social-glyph--brand{color:#0866ff}
.social-link:hover,.social-link:focus-visible,.social-link:active{transform:scale(1.09);background:#ffffff0a}
.social-link:hover .social-glyph--white,.social-link:focus-visible .social-glyph--white,.social-link:active .social-glyph--white{opacity:0}
.social-link:hover .social-glyph--brand,.social-link:focus-visible .social-glyph--brand,.social-link:active .social-glyph--brand{opacity:1}
.social-link:focus-visible{outline:2px solid #affb1a;outline-offset:3px}
.footer .social-links,.project-footer .social-links{gap:10px}
.hybrid-purpose{margin-top:26px;border-top:1px solid #0a172348;padding-top:24px;display:grid;gap:0;scroll-margin-top:120px}
.hybrid-purpose h3{font-size:clamp(19px,2.5vw,42px);letter-spacing:-.02em;margin:0 0 12px;line-height:1.15}
@supports(font-size:1cqw){.hybrid-purpose h3{font-size:clamp(17px,6.2cqw,42px)}}
.hybrid-purpose p{font-size:14px;line-height:1.65;margin:0;max-width:62ch;text-wrap:pretty}
.hybrid-purpose .about-cta{margin-top:12px}
.projects .category-heading h3{color:#affb1a}
.hybrid-keyvisual{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%)}
.project-header .whatsapp-link,.project-footer .whatsapp-link{display:grid;place-items:center;width:44px;height:44px;color:#affb1a;border:1px solid #affb1a88;border-radius:50%;transition:transform .24s,background .24s,color .24s;flex-shrink:0}
.project-header .whatsapp-link svg,.project-footer .whatsapp-link svg{width:24px;height:24px}
.project-header .whatsapp-link:hover,.project-header .whatsapp-link:focus-visible,.project-footer .whatsapp-link:hover,.project-footer .whatsapp-link:focus-visible{transform:scale(1.075);background:#affb1a;color:#0a1119}
.project-footer-contact{display:flex;align-items:center;gap:6px}
.project-header .social-links{margin-left:auto;gap:6px}
@media(max-width:600px){
  .header{height:auto;min-height:88px;padding:8px 0}
  .header .nav{flex-wrap:wrap;gap:0 10px}
  .header .header-right{display:contents}
  .header .menu{order:3;flex:0 0 100%;justify-content:center;gap:6px}
  .header .menu-link{padding-inline:5px;font-size:9px;letter-spacing:.04em}
  .header .social-links{margin-left:auto}
  .header .whatsapp-link{order:2}
  .social-links{gap:0}
  .social-link{width:40px;height:40px}
  .project-header{flex-wrap:wrap;gap:4px 10px;padding:14px 6%}
  .project-header nav:not(.social-links){order:3;flex:0 0 100%;justify-content:center;margin-top:5px}
  .project-header .whatsapp-link{width:38px;height:38px}
  .hybrid-purpose{margin-top:22px;padding-top:22px;gap:0;scroll-margin-top:108px}
  .hybrid-purpose p{font-size:14px;line-height:1.7}
  .footer-row{flex-wrap:wrap;gap:18px}
}
@media(prefers-reduced-motion:reduce){.social-link,.social-glyph{transition:none}}
@media(max-width:760px),(hover:none) and (pointer:coarse){.hybrid-purpose h3{font-size:clamp(26px,7.5vw,40px)}}
/* Compact mobile introduction with a natural gap before the about content. */
@media(max-width:760px),(hover:none) and (pointer:coarse){
  .project-footer-contact{margin-left:auto;justify-content:flex-end}
  .hybrid{container-type:inline-size;--mobile-art-height:clamp(88px,18svh,155px)}
  .hybrid .hybrid-grid{grid-template-rows:var(--mobile-art-height) auto auto;align-items:start}
  .hybrid .hybrid-art{height:100%;width:100%;min-height:0}
  .hybrid .hybrid-keyvisual{width:min(76vw,320px);height:100%;inset:0;margin:auto;object-fit:cover;object-position:center;-webkit-mask-image:linear-gradient(to right,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(to right,transparent,#000 22%,#000 78%,transparent)}
  .hybrid .hybrid-lockup{width:clamp(150px,52vw,215px);max-width:60%;margin:auto}
  .hybrid .hybrid-copy{display:contents}
  .hybrid-intro{padding:10px 24px 20px;min-width:0;align-self:start}
  .hybrid-intro .kicker{font-size:9px;letter-spacing:.1em}
  .hybrid-intro #hybridTitle{font-size:clamp(23px,6.7vw,30px);line-height:1.12;margin:8px 0 14px}
  .hybrid-intro .hybrid-concepts{gap:0 14px}
  .hybrid-intro .hybrid-concepts li{padding:9px 0}
  .hybrid-intro .hybrid-concepts strong{font-size:13px;line-height:1.25}
  .hybrid-intro .hybrid-concepts span{font-size:11px;line-height:1.4;margin-top:4px}
  .hybrid .hybrid-purpose{margin:0 24px;padding:26px 0 38px;align-self:start}
}