/* DAYSLUME — Portfolio editorial / 04 Projetos
   Acabamento dedicado à home: usa as imagens reais e mantém os filtros existentes. */
main .work-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse 32% 32% at 96% 8%,rgba(216,182,165,.18),transparent 80%),
    radial-gradient(ellipse 40% 34% at 70% 17%,rgba(155,184,206,.15),transparent 78%),
    linear-gradient(160deg,#fffefa 0%,#fbfaf7 54%,#f7f7f5 100%);
}
main .work-section::before{
  content:"";
  position:absolute;
  top:clamp(35px,4.5vw,80px);
  right:-115px;
  width:clamp(240px,28vw,470px);
  aspect-ratio:1;
  z-index:0;
  pointer-events:none;
  opacity:.14;
  background:url("../images/dayslume-flor-oficial.webp") center/contain no-repeat;
  -webkit-mask-image:radial-gradient(circle,#000 12%,transparent 74%);
  mask-image:radial-gradient(circle,#000 12%,transparent 74%);
  filter:saturate(.72);
}
main .work-section::after{
  content:"";
  position:absolute;
  top:clamp(85px,8vw,155px);
  left:38%;
  width:clamp(190px,30vw,520px);
  height:clamp(120px,15vw,220px);
  border-top:1px solid rgba(165,111,127,.19);
  border-radius:50% 50% 0 0;
  transform:rotate(17deg);
  z-index:0;
  pointer-events:none;
}
main .work-section>.container{position:relative;z-index:1}
main .work-section .projects-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);
  align-items:center;
  gap:clamp(40px,7vw,115px);
  margin-bottom:clamp(26px,3vw,42px);
}
main .work-section .projects-heading .eyebrow{
  margin-bottom:clamp(18px,2vw,25px);
}
main .work-section .projects-heading h2{
  max-width:13ch;
  margin:0 0 16px;
  line-height:1.08;
}
main .work-section .projects-heading h2 em{
  color:#6d8bab;
}
main .work-section .projects-subtitle{
  max-width:46ch;
  margin:0;
  color:#5d6e80;
  font-size:clamp(14px,1.05vw,16px);
  line-height:1.7;
}
main .work-section .projects-heading-side{
  max-width:44ch;
  justify-self:end;
}
main .work-section .projects-heading-side strong{
  display:block;
  margin-bottom:6px;
  color:#29374f;
  font-size:clamp(15px,1.1vw,18px);
  font-weight:700;
  line-height:1.4;
}
main .work-section .projects-heading-side p{
  margin:0 0 20px;
  color:#52677d;
  font-size:clamp(14px,1.05vw,16px);
  line-height:1.7;
}
main .work-section .projects-heading-side .projects-portfolio-cta{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:48px;
  padding:12px 19px;
  border:1px solid #b7cce1;
  border-radius:999px;
  background:linear-gradient(115deg,#f8fbff,#e8f2ff);
  box-shadow:0 8px 20px rgba(69,108,153,.06);
  color:#24374f;
  font-size:14px;
  font-weight:700;
  line-height:1.4;
  text-decoration:none;
  transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease;
}
main .work-section .projects-portfolio-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(59,98,146,.12);
}
main .work-section .projects-portfolio-cta span{font-size:19px;line-height:1}
main .work-section .days-filterbar{
  display:flex;
  gap:9px;
  margin:0 0 clamp(23px,2.6vw,34px);
}
main .work-section .days-filter{
  min-height:44px;
  border:1px solid #c3d2e2;
  border-radius:999px;
  padding:10px 18px;
  background:rgba(255,255,255,.74);
  color:#304259;
  box-shadow:none;
  font-size:14px;
  font-weight:600;
}
main .work-section .days-filter:hover{
  border-color:#698dad;
  background:#eef5fc;
  color:#1f3048;
}
main .work-section .days-filter.is-selected,
main .work-section .days-filter.is-selected:hover{
  border-color:#22283c;
  background:#22283c;
  color:#fff;
  box-shadow:0 4px 12px rgba(34,40,60,.12);
}
main .work-section .projects-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(20px,2.4vw,32px);
  align-items:stretch;
}
main .work-section .projects-grid .project-card,
main .work-section .projects-grid .project-card.project-large{
  min-width:0;
  display:flex;
  flex-direction:column;
  grid-column:auto;
  grid-row:auto;
  overflow:hidden;
  border:1px solid rgba(89,111,137,.12);
  border-radius:21px;
  background:rgba(255,255,255,.9);
  box-shadow:0 16px 45px rgba(var(--ink-deep-rgb),.065)!important;
  transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,border-color .4s ease;
}
main .work-section .projects-grid .project-card:hover,
main .work-section .projects-grid .project-card:focus-within{
  transform:translateY(-4px);
  border-color:#b3c7da;
  box-shadow:0 24px 55px rgba(var(--ink-deep-rgb),.12)!important;
}
main .work-section .projects-grid .project-image,
main .work-section .projects-grid .project-large .project-image.has-approved-mockup{
  display:block;
  position:relative;
  flex:none;
  width:100%;
  aspect-ratio:1.62;
  max-height:none;
  padding:0;
  margin:0;
  border:0;
  border-radius:20px 20px 14px 14px;
  background:#0b1820;
  overflow:hidden;
  box-shadow:none;
  transition:none;
}
main .work-section .projects-grid .project-image::after{
  content:"↗";
  position:absolute;
  top:14px;
  right:14px;
  display:grid;
  place-items:center;
  width:45px;
  height:45px;
  border:1px solid rgba(255,255,255,.57);
  border-radius:50%;
  background:rgba(22,33,54,.68);
  backdrop-filter:blur(8px);
  color:#fff;
  font-size:22px;
  line-height:1;
  transition:transform .3s ease,background-color .3s ease;
}
main .work-section .projects-grid .project-image:hover::after,
main .work-section .projects-grid .project-image:focus-visible::after{
  background:#263b58;
  transform:translate(2px,-2px);
}
main .work-section .projects-grid .has-approved-mockup picture{
  display:block;
  width:100%;
  height:100%;
}
main .work-section .projects-grid .has-approved-mockup img{
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:contain;
  object-position:center;
  transform:none;
}
main .work-section .projects-grid .nrp-project{background:#0d1422}
main .work-section .projects-grid .nrp-project img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  transform:none;
}
main .work-section .projects-grid .project-placeholder{
  background:linear-gradient(135deg,#e8d6d5,#eee7e7 55%,#dbe4f1);
}
main .work-section .projects-grid .project-description{
  display:flex;
  flex:1;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  min-height:112px;
  padding:18px clamp(18px,2vw,26px) 20px;
}
main .work-section .projects-grid .project-description>div{min-width:0}
main .work-section .projects-grid .project-description p{
  margin:0 0 7px;
  color:#647c96;
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
  line-height:1.5;
}
main .work-section .projects-grid .project-description h3{
  margin:0;
  color:#29374f;
  font-size:clamp(21px,1.65vw,26px);
  line-height:1.18;
  letter-spacing:-.035em;
}
main .work-section .projects-grid .project-summary{
  max-width:51ch;
  margin:6px 0 0;
  color:#5d6f80;
  font-size:13px;
  line-height:1.6;
  letter-spacing:normal;
  font-weight:400;
}
main .work-section .projects-grid .project-description a.project-arrow{
  flex:none;
  width:47px;
  height:47px;
  min-width:47px;
  min-height:47px;
  border:1px solid #c5d5e5;
  border-radius:50%;
  background:#fbfdff;
  color:#2c4763;
  font-size:21px;
}
main .work-section .projects-grid .project-card:hover a.project-arrow{
  background:#263b58;
  border-color:#263b58;
  color:#fff;
}
main .work-section .projects-footnote{margin-top:clamp(22px,3vw,34px)}
@media(max-width:800px){
  main .work-section::before{top:65px;right:-125px;width:340px;opacity:.09}
  main .work-section::after{display:none}
  main .work-section .projects-heading{
    grid-template-columns:1fr;
    gap:22px;
  }
  main .work-section .projects-heading-side{justify-self:start;max-width:48ch}
  main .work-section .projects-grid{grid-template-columns:1fr}
  main .work-section .projects-grid .project-image,
  main .work-section .projects-grid .project-large .project-image.has-approved-mockup{aspect-ratio:1.62}
  main .work-section .projects-grid .project-card{max-width:640px;width:100%}
}
@media(max-width:480px){
  main .work-section::before{right:-170px}
  main .work-section .projects-heading h2{font-size:clamp(35px,9vw,45px)}
  main .work-section .days-filterbar{gap:8px}
  main .work-section .days-filter{padding:9px 13px;font-size:13px}
  main .work-section .projects-heading-side .projects-portfolio-cta{width:100%;max-width:360px}
  main .work-section .projects-grid .project-description{padding:16px 15px 18px;min-height:108px}
  main .work-section .projects-grid .project-summary{font-size:12px}
  main .work-section .projects-grid .project-description a.project-arrow{
    width:44px;height:44px;min-width:44px;min-height:44px;
  }
}
@media(prefers-reduced-motion:reduce){
  main .work-section .projects-grid .project-card,
  main .work-section .projects-grid .project-image::after,
  main .work-section .projects-heading-side .projects-portfolio-cta{transition:none!important}
  main .work-section .projects-grid .project-card:hover,
  main .work-section .projects-heading-side .projects-portfolio-cta:hover,
  main .work-section .projects-grid .project-image:hover::after{transform:none!important}
}

/* 24.09 — refinamento a partir da referência visual aprovada.
   Corrige a quebra do título, compacta o início e destaca a flor. */
main .section.work-section{
  padding-block:clamp(42px,4.2vw,66px) clamp(70px,6.5vw,100px);
}
main .work-section::before{
  top:clamp(-135px,-7vw,-65px);
  right:clamp(-245px,-11vw,-125px);
  width:clamp(460px,45vw,740px);
  opacity:.87;
  background:url("../images/projects-flower-art.svg") center/contain no-repeat;
  filter:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 21%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 21%,#000 100%);
}
main .work-section::after{
  top:clamp(35px,4vw,75px);
  left:34%;
  width:clamp(210px,29vw,480px);
  height:clamp(140px,15vw,220px);
  border-color:rgba(176,108,126,.26);
}
main .work-section .projects-heading{
  grid-template-columns:minmax(0,1.23fr) minmax(0,.85fr);
  align-items:center;
  gap:clamp(28px,4.4vw,74px);
  margin-bottom:clamp(20px,2.3vw,30px);
}
main .work-section .projects-heading .eyebrow{
  margin-bottom:clamp(10px,1.1vw,16px);
}
main .work-section .projects-heading h2{
  max-width:none;
  margin-bottom:10px;
  font-size:clamp(42px,4.1vw,60px);
  line-height:1.055;
  letter-spacing:-.062em;
  text-wrap:initial;
}
main .work-section .projects-heading h2 em{
  display:block;
  max-width:none;
  white-space:nowrap;
  font-style:normal;
  color:#6486ad;
}
main .work-section .projects-subtitle{
  max-width:47ch;
  line-height:1.5;
}
main .work-section .projects-heading-side{
  width:100%;
  max-width:49ch;
  justify-self:end;
  padding-top:clamp(3px,1vw,14px);
}
main .work-section .projects-heading-side strong{
  margin-bottom:5px;
  font-size:clamp(15px,1.12vw,18px);
  line-height:1.28;
  letter-spacing:-.015em;
}
main .work-section .projects-heading-side p{
  max-width:45ch;
  margin-bottom:13px;
  line-height:1.47;
  font-size:clamp(14px,1.01vw,16px);
}
main .work-section .days-filterbar{
  margin-bottom:clamp(17px,1.9vw,26px);
}
@media(max-width:1000px) and (min-width:801px){
  main .work-section .projects-heading{
    grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr);
    gap:24px;
  }
  main .work-section .projects-heading h2{font-size:clamp(38px,4.25vw,48px)}
  main .work-section::before{right:-210px;width:550px;opacity:.72}
}
@media(max-width:800px){
  main .section.work-section{
    padding-block:clamp(42px,6vw,58px) clamp(65px,8vw,85px);
  }
  main .work-section::before{
    top:15px;
    right:-165px;
    width:clamp(350px,68vw,500px);
    opacity:.36;
  }
  main .work-section .projects-heading{
    grid-template-columns:1fr;
    gap:clamp(17px,3vw,24px);
  }
  main .work-section .projects-heading-side{
    max-width:45ch;
    justify-self:start;
    padding-top:0;
  }
  main .work-section .projects-heading h2{
    font-size:clamp(36px,7.1vw,52px);
    line-height:1.08;
  }
}
@media(max-width:480px){
  main .work-section::before{
    top:20px;
    right:-180px;
    width:370px;
    opacity:.22;
  }
  main .work-section .projects-heading h2{
    font-size:clamp(28px,8.3vw,39px);
    letter-spacing:-.067em;
  }
  main .work-section .projects-heading h2 em{white-space:nowrap}
  main .work-section .projects-heading-side strong{line-height:1.35}
}


/* 26.09 — fechamento da seção Projetos para a versão de lançamento.
   Referência: três cases alinhados, cópia acima da mídia e nenhum elemento provisório. */
main .section.work-section{
  padding-block:clamp(58px,5vw,78px) clamp(70px,6vw,94px);
  background:
    radial-gradient(ellipse 30% 55% at 100% 88%,rgba(216,182,165,.12),transparent 74%),
    linear-gradient(160deg,#fffefa 0%,#fbfaf7 62%,#f7f8fa 100%);
}
main .work-section::before{display:none!important}
main .work-section::after{
  top:auto;
  left:auto;
  right:-12%;
  bottom:-30%;
  width:clamp(300px,42vw,650px);
  height:clamp(220px,29vw,430px);
  border:1px solid rgba(117,154,191,.11);
  border-left-color:transparent;
  border-bottom-color:transparent;
  border-radius:50%;
  transform:rotate(-16deg);
}
main .work-section .projects-heading{
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  align-items:end;
  gap:clamp(32px,5vw,82px);
  margin-bottom:clamp(26px,3vw,40px);
}
main .work-section .projects-heading h2{
  max-width:none;
  margin:0;
  font-size:clamp(40px,4.2vw,60px);
  line-height:1.04;
  letter-spacing:-.062em;
}
main .work-section .projects-heading h2 em{
  display:inline;
  white-space:normal;
  font-style:normal;
  color:#6486ad;
}
main .work-section .projects-heading-side{
  max-width:46ch;
  justify-self:end;
  padding:0 0 2px;
}
main .work-section .projects-heading-side p{
  margin:0 0 15px;
  color:#52677d;
  font-size:clamp(13px,1vw,15px);
  line-height:1.55;
}
main .work-section .projects-heading-side .projects-portfolio-cta{
  min-height:44px;
  padding:10px 17px;
  font-size:13px;
}
main .work-section .days-filterbar,
main .work-section #days-filter-count,
main .work-section .projects-footnote{display:none!important}

main .work-section .projects-grid.projects-grid--launch{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,1.6vw,22px);
  align-items:stretch;
}
main .work-section .projects-grid--launch .project-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(102,126,150,.18);
  border-radius:17px;
  background:rgba(255,255,255,.92);
  box-shadow:0 12px 34px rgba(var(--ink-deep-rgb),.06)!important;
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease;
}
main .work-section .projects-grid--launch .project-card:hover,
main .work-section .projects-grid--launch .project-card:focus-within{
  transform:translateY(-3px);
  border-color:#b5c9da;
  box-shadow:0 20px 42px rgba(var(--ink-deep-rgb),.105)!important;
}
main .work-section .projects-grid--launch .project-card-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
  gap:12px;
  align-items:start;
  padding:clamp(17px,1.55vw,22px) clamp(16px,1.6vw,23px) 14px;
}
main .work-section .projects-grid--launch .project-card-head>div{min-width:0}
main .work-section .projects-grid--launch .project-card-head h3{
  margin:0 0 4px;
  color:#273a53;
  font-size:clamp(18px,1.5vw,22px);
  line-height:1.16;
  letter-spacing:-.035em;
}
main .work-section .projects-grid--launch .project-card-head h3 a{
  color:inherit;
  text-decoration:none;
}
main .work-section .projects-grid--launch .project-type{
  margin:0 0 5px;
  color:#70a6a0;
  font-size:8px;
  font-weight:800;
  line-height:1.35;
  letter-spacing:.12em;
}
main .work-section .projects-grid--launch .project-card:nth-child(2) .project-type{color:#8b78bf}
main .work-section .projects-grid--launch .project-card:nth-child(3) .project-type{color:#c78d79}
main .work-section .projects-grid--launch .project-summary{
  display:-webkit-box;
  overflow:hidden;
  margin:0;
  color:#68798b;
  font-size:10px;
  line-height:1.42;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
main .work-section .projects-grid--launch .project-arrow{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  min-width:38px;
  min-height:38px;
  border:1px solid #bdd1e2;
  border-radius:50%;
  background:#f8fbfe;
  color:#31516f;
  font-size:17px;
  text-decoration:none;
  transition:transform .25s ease,background-color .25s ease,color .25s ease,border-color .25s ease;
}
main .work-section .projects-grid--launch .project-card:hover .project-arrow,
main .work-section .projects-grid--launch .project-arrow:focus-visible{
  transform:translate(1px,-1px);
  border-color:#31516f;
  background:#31516f;
  color:#fff;
}

main .work-section .projects-grid--launch .project-image,
main .work-section .projects-grid--launch .project-large .project-image.has-approved-mockup{
  display:block;
  position:relative;
  width:calc(100% - 24px);
  aspect-ratio:1.78;
  margin:0 12px 12px;
  overflow:hidden;
  border:0;
  border-radius:12px;
  background:#0d1722;
  box-shadow:none;
}
main .work-section .projects-grid--launch .project-image::after{display:none!important}
main .work-section .projects-grid--launch .project-image picture{
  display:block;
  width:100%;
  height:100%;
}
main .work-section .projects-grid--launch .project-image img,
main .work-section .projects-grid--launch .has-approved-mockup img,
main .work-section .projects-grid--launch .nrp-project img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  transform:none!important;
}
main .work-section .projects-grid--launch .has-approved-mockup img{object-position:center 48%}
main .work-section .projects-grid--launch .nrp-project img{object-position:center 46%}

main .work-section .engreni-agenda-project{
  background:linear-gradient(128deg,#f5ded7 0%,#f1e4e2 44%,#dce7f7 100%);
}
main .work-section .engreni-project-scene{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 15%,rgba(99,113,204,.18),transparent 28%),
    linear-gradient(132deg,rgba(255,255,255,.26),transparent 55%);
}
main .work-section .engreni-project-desktop{
  position:absolute;
  left:8%;
  top:18%;
  width:72%;
  height:66%;
  overflow:hidden;
  border:1px solid rgba(82,103,143,.2);
  border-radius:9px;
  background:#f8fbff;
  box-shadow:0 14px 24px rgba(58,64,105,.16);
  transform:rotate(-1.2deg);
}
main .work-section .engreni-project-topbar{
  display:flex;
  align-items:center;
  gap:6px;
  height:20%;
  padding:0 7%;
  border-bottom:1px solid #e3e9f1;
  color:#47536d;
  font-size:5px;
}
main .work-section .engreni-project-topbar strong{letter-spacing:.08em}
main .work-section .engreni-project-topbar span{color:#8190a4}
main .work-section .engreni-project-topbar i{
  width:4px;height:4px;margin-left:auto;border-radius:50%;background:#788fdb;
}
main .work-section .engreni-project-shell{
  display:grid;
  grid-template-columns:19% 1fr;
  height:80%;
}
main .work-section .engreni-project-sidebar{
  display:flex;
  flex-direction:column;
  gap:8%;
  padding:20% 22%;
  border-right:1px solid #e5ebf2;
  background:#f3f7fb;
}
main .work-section .engreni-project-sidebar span{
  height:7%;
  min-height:2px;
  border-radius:999px;
  background:#c8d1de;
}
main .work-section .engreni-project-sidebar span.is-active{width:125%;background:#8aa9d9}
main .work-section .engreni-project-calendar{padding:6% 7%}
main .work-section .engreni-calendar-title{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:5%;
  color:#53617a;font-size:5px;
}
main .work-section .engreni-calendar-title span{
  padding:2px 5px;border-radius:99px;background:#e7eef9;color:#6f83a2;font-size:4px;
}
main .work-section .engreni-calendar-days,
main .work-section .engreni-calendar-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:2px;
}
main .work-section .engreni-calendar-days{
  margin-bottom:3px;color:#9aa6b6;font-size:3px;text-align:center;
}
main .work-section .engreni-calendar-grid i{
  position:relative;
  height:11px;
  border:1px solid #edf1f5;
  border-radius:2px;
  background:#fff;
}
main .work-section .engreni-calendar-grid i.event::after{
  content:"";
  position:absolute;left:12%;right:12%;top:28%;height:34%;border-radius:2px;background:#a9bde4;
}
main .work-section .engreni-calendar-grid i.event-b::after,
main .work-section .engreni-calendar-grid i.event-d::after{background:#e2b6b5}
main .work-section .engreni-calendar-grid i.event-c::after{background:#b9d7cf}

main .work-section .engreni-project-phone{
  position:absolute;
  right:8%;
  top:11%;
  width:25%;
  height:78%;
  padding:14% 8% 9%;
  border:2px solid #6575b0;
  border-radius:13px;
  background:linear-gradient(#fbfcff,#f3f5fb);
  box-shadow:0 13px 22px rgba(53,60,110,.21);
  transform:rotate(3deg);
}
main .work-section .engreni-phone-notch{
  position:absolute;top:3%;left:34%;width:32%;height:3%;border-radius:99px;background:#5d6592;
}
main .work-section .engreni-project-phone .engreni-phone-label{
  display:block;margin-bottom:7%;color:#8693ad;font-size:3px;letter-spacing:.08em;text-transform:uppercase;
}
main .work-section .engreni-project-phone strong{
  display:block;margin-bottom:11%;color:#4e5875;font-size:5px;line-height:1.2;
}
main .work-section .engreni-project-phone i{
  display:block;height:10%;margin-bottom:7%;border:1px solid #dfe4ee;border-radius:3px;background:#fff;
}
main .work-section .engreni-project-phone i:nth-of-type(2){border-color:#a4b9e4;background:#eaf0fb}

@media(max-width:980px){
  main .work-section .projects-grid.projects-grid--launch{grid-template-columns:repeat(2,minmax(0,1fr))}
  main .work-section .projects-grid--launch .project-card--engreni{grid-column:1 / -1;max-width:calc(50% - 7px)}
}
@media(max-width:800px){
  main .work-section .projects-heading{
    grid-template-columns:1fr;
    align-items:start;
    gap:18px;
  }
  main .work-section .projects-heading-side{justify-self:start;max-width:54ch}
  main .work-section .projects-grid.projects-grid--launch{grid-template-columns:1fr}
  main .work-section .projects-grid--launch .project-card--engreni{grid-column:auto;max-width:none}
  main .work-section .projects-grid--launch .project-card{max-width:640px}
}
@media(max-width:480px){
  main .section.work-section{padding-block:52px 68px}
  main .work-section .projects-heading h2{font-size:clamp(31px,9.2vw,42px)}
  main .work-section .projects-grid--launch .project-card-head{padding:16px 15px 12px}
  main .work-section .projects-grid--launch .project-summary{font-size:10px}
  main .work-section .projects-grid--launch .project-image{width:calc(100% - 20px);margin:0 10px 10px}
}
@media(prefers-reduced-motion:reduce){
  main .work-section .projects-grid--launch .project-card,
  main .work-section .projects-grid--launch .project-arrow{transition:none!important}
  main .work-section .projects-grid--launch .project-card:hover,
  main .work-section .projects-grid--launch .project-card:hover .project-arrow{transform:none!important}
}