/**
 * MAUP manifest.
 * @maup-path: template-parts/sections/home/other-projects/style.css
 * @maup-version: 1.1.0
 * @maup-mode: replace
 * @maup-role: Section module
 */
/* Module: other-projects: estilos específicos deste módulo. */
  .project-cloud { padding-top: clamp(110px,13vw,190px); overflow: hidden; }
  .project-cloud-head { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(270px,.48fr); gap:clamp(50px,8vw,120px); align-items:end; margin-bottom:56px; }
  .project-cloud-aside { color:#85858b; line-height:1.65; }
  .project-cloud-aside p { margin:0 0 22px; }
  .project-marquee { margin-inline: 0; -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
  .project-marquee-row { padding: 8px 0; overflow: hidden; }
  .project-marquee-track { width:max-content; display:flex; gap:14px; animation: marqueeLeft 68s linear infinite; will-change:transform; }
  .project-marquee-row--right .project-marquee-track { animation-name:marqueeRight; animation-duration:74s; }
  .project-marquee-track a { width:clamp(210px,20vw,310px); padding:10px 10px 14px; display:grid; gap:4px; border-radius:20px; background:#111113; }
  .project-marquee-track strong { margin-top:6px; font:400 1rem/1.2 var(--font-display); }
  .project-marquee-track small { color:#737379; font-size:.72rem; }
  .mini-project { display:block; aspect-ratio:1.55; border-radius:14px; background:#1a1a1d; overflow:hidden; position:relative; }
  .mini-project img { width:100%; height:100%; object-fit:cover; display:block; }
  .mini-project::before { content:""; position:absolute; inset:18%; border-radius:50%; border:1px solid rgba(255,255,255,.18); transform:rotate(22deg); }
  .mini-project--01,.mini-project--07{background:#17202a}
  .mini-project--02,.mini-project--08{background:#241719}
  .mini-project--03,.mini-project--09{background:#16221b}
  .mini-project--04,.mini-project--10{background:#211d2c}
  .mini-project--05,.mini-project--11{background:#292318}
  .mini-project--06,.mini-project--12{background:#17242a}
  @media (max-width: 980px) {
  .project-cloud-head { grid-template-columns:1fr; }
  .project-cloud-aside { max-width:620px; }
  }
  @media (max-width: 760px) {
  .project-marquee-track a { width:210px; }
  }
  .project-marquee { -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 95%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 95%,transparent 100%); }
  .mini-project { background-size:24px 24px,24px 24px,100% 100% !important; }
  .project-marquee-row { overflow-x:auto; overflow-y:hidden; scrollbar-width:none; overscroll-behavior-x:contain; cursor:grab; touch-action:pan-y; }
  .project-marquee-row::-webkit-scrollbar { display:none; }
  .project-marquee-row.is-dragging { cursor:grabbing; user-select:none; }
  .project-marquee-track { animation:none !important; }
  .project-marquee-track a { transition:opacity .28s ease,transform .38s var(--ease),background .28s ease; }
  .project-marquee:has(a:hover) .project-marquee-track a { opacity:.34; }
  .project-marquee .project-marquee-track a:hover { opacity:1 !important; transform:translateY(-5px) scale(1.018); background:#18181b; }
  @media (prefers-reduced-motion:reduce) {
  .project-marquee-track { animation:none !important; }
  }
  .project-cloud{padding-top:clamp(48px,6vw,84px)}
  .project-marquee-row{overscroll-behavior-x:auto!important;touch-action:pan-y!important;scroll-snap-type:none!important}
  .project-marquee-track{animation:none!important}
  .project-marquee-row{
    overflow-x:hidden!important;
    overflow-y:visible!important;
    overscroll-behavior:auto!important;
    touch-action:pan-y!important;
  }
  .project-marquee-track a{
    width:clamp(280px,25vw,400px)!important;
    padding:12px 12px 16px!important;
    gap:6px!important;
    border-radius:22px!important;
  }
  .project-marquee-track strong{margin-top:8px!important;font-size:1.08rem!important}
  .project-marquee-track small{font-size:.76rem!important}
  .mini-project{aspect-ratio:4/3!important;border-radius:16px!important}
  @media (max-width:760px) {
  .project-marquee-track a{width:min(78vw,340px)!important}
  }