/* V4.9.8 — Home com 4 cartões explicativos, sem prévias de imagem ou carrossel.
   Estilos restritos a #projetos; as páginas internas e a timeline são preservadas. */
#projetos.projects-runway{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
#projetos .projects-sticky{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:clamp(28px,4.1vw,56px)!important;
  height:auto!important;
  min-height:100svh!important;
  min-height:100dvh!important;
  overflow:visible!important;
  padding:clamp(105px,12vh,150px) max(var(--pad),env(safe-area-inset-left)) clamp(68px,8vw,115px) max(var(--pad),env(safe-area-inset-right))!important;
  perspective:none!important;
  touch-action:pan-y!important;
}
#projetos .intro-copy{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  width:min(100%,1000px)!important;
  max-width:1000px!important;
  margin:0 auto!important;
  pointer-events:none;
}
#projetos .intro-copy h1{
  max-width:700px!important;
  font-size:clamp(36px,4.6vw,72px)!important;
  line-height:1.06!important;
  letter-spacing:-.048em!important;
}
#projetos .intro-copy .headline-line{white-space:normal!important;}
#projetos .intro-text{
  max-width:52ch!important;
  margin-top:clamp(12px,1.6vw,20px)!important;
  font-size:clamp(12px,1.08vw,15px)!important;
  line-height:1.55!important;
}
#projetos .project-count-label{display:none!important;}
#projetos .work-collection{
  position:relative;
  z-index:10;
  width:min(100%,1000px);
  margin:0 auto;
}
#projetos .work-collection__label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 2px 13px;
  border-bottom:1px solid var(--line);
  color:var(--muted);
  font:700 10px/1.3 var(--sans);
  letter-spacing:.16em;
}
#projetos .work-collection__label span{white-space:nowrap;}
#projetos .work-collection__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(14px,2vw,24px);
  margin-top:clamp(18px,2.7vw,31px);
}
#projetos .work-link{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:0;
  min-width:0;
  min-height:clamp(235px,21vw,290px);
  padding:clamp(19px,2.1vw,29px);
  border:1px solid rgba(72,59,42,.16);
  border-radius:2px;
  background:#f8f5ef;
  background-image:var(--paper-texture,none);
  box-shadow:3px 5px 0 rgba(75,63,47,.045),0 12px 34px rgba(53,43,31,.045);
  color:var(--ink);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
  overflow-wrap:anywhere;
  -webkit-tap-highlight-color:transparent;
}
#projetos .work-link::before{
  content:"";
  position:absolute;
  top:-6px;
  left:calc(50% - 27px);
  width:54px;
  height:13px;
  transform:rotate(-1.5deg);
  background:rgba(199,184,156,.40);
  border-left:1px solid rgba(138,118,90,.1);
  border-right:1px solid rgba(138,118,90,.1);
  pointer-events:none;
}
#projetos .work-link:nth-child(2)::before{transform:rotate(2deg)}
#projetos .work-link:nth-child(3)::before{transform:rotate(1.1deg)}
#projetos .work-link:nth-child(4)::before{transform:rotate(-2.2deg)}
#projetos .work-link__top{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:7px 14px;
  color:#786f62;
  font-size:10px;
  font-weight:700;
  letter-spacing:.095em;
}
#projetos .work-link__number{font-size:11px;font-weight:600;}
#projetos .work-link__category{font-size:9px;text-align:right;}
#projetos .work-link__title{
  display:block;
  max-width:18ch;
  margin:clamp(15px,2vw,25px) 0 12px;
  font-family:var(--serif);
  font-weight:750;
  font-size:clamp(26px,2.6vw,39px);
  letter-spacing:-.05em;
  line-height:1.07;
}
#projetos .work-link__description{
  display:block;
  max-width:45ch;
  color:#514c45;
  font-size:clamp(12px,1vw,14px);
  line-height:1.54;
}
#projetos .work-link__action{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:auto;
  padding-top:22px;
  gap:10px;
  color:var(--ink);
  font-size:10px;
  font-weight:800;
  letter-spacing:.15em;
}
#projetos .work-link__action > span{font-size:22px;font-weight:400;line-height:1;transition:transform .2s ease;}
#projetos .work-link:focus-visible{
  outline:2px solid #25211c!important;
  outline-offset:5px;
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  #projetos .work-link:hover{
    transform:translateY(-4px);
    border-color:rgba(72,59,42,.32);
    box-shadow:3px 8px 0 rgba(75,63,47,.045),0 20px 39px rgba(53,43,31,.085);
  }
  #projetos .work-link:hover .work-link__action > span{transform:translate(2px,-2px)}
}
@media(max-width:699px){
  #projetos .projects-sticky{
    gap:30px!important;
    padding-top:clamp(85px,11svh,110px)!important;
    padding-bottom:max(55px,env(safe-area-inset-bottom))!important;
  }
  #projetos .intro-copy h1{font-size:clamp(30px,7.7vw,43px)!important;line-height:1.08!important;}
  #projetos .intro-text{font-size:12px!important;max-width:44ch!important;}
  #projetos .work-collection__grid{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:22px;}
  #projetos .work-link{min-height:205px;padding:21px 20px 19px;}
  #projetos .work-link__title{font-size:clamp(27px,7.3vw,35px);margin:16px 0 9px;}
  #projetos .work-link__description{font-size:12px;}
  #projetos .work-link__action{padding-top:17px;}
}
@media(max-width:365px){
  #projetos .intro-copy h1{font-size:clamp(28px,7.45vw,32px)!important;}
  #projetos .work-link{padding-inline:17px;}
  #projetos .work-link__top{font-size:9px;}
}
@media(prefers-reduced-motion:reduce){
  #projetos .work-link,#projetos .work-link__action>span{transition:none!important}
}

/* V4.9.9 — O foco da Home é o serviço e sua explicação, não uma prévia de projeto. */
#projetos .work-link{min-height:360px;}
#projetos .work-link__title{max-width:22ch;font-size:clamp(25px,2.45vw,36px);margin-bottom:13px;}
#projetos .work-link__description{max-width:50ch;font-size:clamp(13px,1.04vw,14px);line-height:1.6;}
#projetos .work-link__features{
  display:flex;
  flex-wrap:wrap;
  gap:7px 10px;
  margin:17px 0 0;
  padding:0;
  list-style:none;
  color:#676056;
  font-size:10px;
  line-height:1.45;
}
#projetos .work-link__features li:not(:last-child)::after{content:' ·';padding-left:7px;color:#aaa196;}
#projetos .work-link__action{
  display:flex;
  width:100%;
  border-top:1px solid rgba(72,59,42,.14);
  margin-top:auto;
  padding-top:17px;
  font-size:10px;
  line-height:1.35;
}
#projetos .work-link__action:hover,#projetos .work-link__action:focus-visible{text-decoration:underline;text-underline-offset:4px;}
@media(max-width:699px){
  #projetos .work-link{min-height:318px;}
  #projetos .work-link__title{font-size:clamp(27px,7.1vw,35px);line-height:1.1;}
  #projetos .work-link__description{font-size:13px;line-height:1.55;}
  #projetos .work-link__features{font-size:10px;margin-top:13px;}
  #projetos .work-link__action{font-size:9px;margin-top:18px;padding-top:15px;}
}


/* V5.0.7 — esboços editoriais nas margens da Home, aprovados no conceito. */
#projetos .projects-sticky { isolation:isolate; }
#projetos .ab-editorial-margin {
  position:absolute;
  top:clamp(104px,12vh,150px);
  width:min(350px,calc((100vw - 1060px)/2 - 26px));
  height:auto;
  opacity:.30;
  z-index:1;
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
  transform:translateZ(0);
}
#projetos .ab-editorial-margin--left {left:0;}
#projetos .ab-editorial-margin--right {right:0;}
#projetos .ab-editorial-margin img {display:block;width:100%;height:auto;}
/* Evitar disputas visuais quando não há margem suficiente; no mobile, conteúdo limpo. */
@media(max-width:1439px) {
  #projetos .ab-editorial-margin {display:none!important;}
}
@media(min-width:1440px) and (max-width:1660px){
  #projetos .ab-editorial-margin {opacity:.23;}
}
@media(prefers-contrast:more){
  #projetos .ab-editorial-margin {opacity:.18;}
}