/* A current project, followed by the wider practice. */
#progetti .featured-project{
  display:grid;
  grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
  align-items:center;
  gap:clamp(30px,4vw,72px);
  margin-top:32px;
}
#progetti .project-heading{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:22px;
  margin:0;
  min-width:0;
}
#progetti .project-status{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--cobalt);
  font-size:11px;
  line-height:1.4;
  letter-spacing:.015em;
}
#progetti .project-status:before{
  content:'';
  width:6px;
  height:6px;
  flex:none;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 14px rgba(120,153,255,.3);
}
#progetti .project-heading h2{
  max-width:520px;
  font-size:clamp(44px,4.4vw,64px);
  font-variation-settings:'wdth' 87,'wght' 590;
  font-weight:590;
  line-height:.98;
  letter-spacing:-.045em;
}
#progetti .project-summary{
  padding:0;
  margin:0;
  max-width:340px;
}
#progetti .project-summary p{
  color:#B7C0D4;
  font-size:17px;
  line-height:1.5;
  letter-spacing:-.015em;
}
#progetti .project-summary>span{
  margin-top:22px;
  font-size:10px;
  line-height:1.5;
}
#progetti .project-visual{min-width:0}
#progetti .project-preview{
  min-height:0;
  border-radius:5px;
}
#progetti .preview-window{
  width:88%;
  max-width:440px;
  margin:28px auto 56px;
  transform:perspective(1800px) rotateX(calc(6deg + var(--tilt-x,0deg))) rotateY(var(--tilt-y,0deg)) rotateZ(-2deg);
}
#progetti .window-bar{padding:8px 12px;font-size:8px}
#progetti .preview-link{
  right:17px;
  bottom:15px;
  padding:10px 13px;
  gap:24px;
  font-size:10px;
}
#progetti .preview-link>span{font-size:16px}
#progetti .project-caption{
  margin-top:14px;
  gap:16px;
  align-items:baseline;
  font-size:10px;
  line-height:1.5;
}
#progetti .project-caption a{white-space:nowrap}
#progetti .experience-list{margin-top:46px}
#progetti .experience-list>.section-label{
  border:0;
  padding-bottom:20px;
}
#progetti .experience-panels{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
#progetti .experience-row{
  min-width:0;
  border:1px solid #2B3347;
  border-radius:5px;
  background:rgba(8,11,21,.27);
  transition:border-color .25s ease,background .25s ease;
}
#progetti .experience-row:hover,
#progetti .experience-row:focus-within,
#progetti .experience-row[open]{
  border-color:#546DA5;
  background:rgba(25,36,62,.38);
}
#progetti .experience-row summary{
  min-height:112px;
  grid-template-columns:22px minmax(0,1fr) 25px;
  align-items:center;
  gap:14px;
  padding:25px 27px;
}
#progetti .experience-row summary:before{border-radius:4px}
#progetti .experience-row summary:focus-visible{
  outline-offset:-5px;
  border-radius:4px;
}
#progetti .experience-row h3{
  position:relative;
  font-size:clamp(22px,2.05vw,31px);
  font-variation-settings:'wdth' 95,'wght' 470;
  font-weight:470;
  line-height:1.14;
  letter-spacing:-.025em;
  overflow-wrap:normal;
  transition:color .25s ease;
}
#progetti .row-number{position:relative;font-size:10px}
#progetti .experience-open{position:relative;font-size:25px}
#progetti .experience-row p{
  margin:0;
  padding:0 56px 27px 63px;
  max-width:none;
  font-size:14px;
  line-height:1.6;
  letter-spacing:0;
}
#progetti .experience-list{scroll-margin-top:15px}
#progetti .experience-list>.section-label h2{font-size:12px;font-weight:450;letter-spacing:.01em}
#progetti .experience-list>.section-label{padding-bottom:0}
#progetti .experience-intro{max-width:680px;margin:16px 0 27px;color:#B7C0D4;font-size:16px;line-height:1.5;letter-spacing:-.015em}
#progetti .experience-row summary{min-height:150px;align-content:center;align-items:start;row-gap:10px}
#progetti .experience-row h3{grid-column:2;grid-row:1}
#progetti .experience-open{grid-column:3;grid-row:1}
#progetti .row-number{grid-column:1;grid-row:1;padding-top:6px}
#progetti .experience-caption{grid-column:2;grid-row:2;color:#AEB8CD;font-size:13px;line-height:1.5;letter-spacing:0}
#progetti .experience-row:last-child:nth-child(odd){grid-column:1/-1}
#progetti .experience-row:last-child:nth-child(odd) summary{min-height:128px}
#progetti .experience-row:last-child:nth-child(odd) p{max-width:850px}
#progetti .project-summary a,.case-detail a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#546DA5}
#progetti .project-summary a:hover,.case-detail a:hover{color:var(--cobalt)}
@media(min-width:761px){
  #progetti{padding-top:60px;padding-bottom:70px}
}
@media(min-width:761px) and (max-width:1050px){
  #progetti .featured-project{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px}
  #progetti .project-heading h2{font-size:48px}
  #progetti .project-summary p{font-size:16px}
  #progetti .experience-row summary{padding:24px 22px;gap:11px}
  #progetti .experience-row p{padding-left:55px;padding-right:35px}
}
@media(max-width:760px){
  #progetti .featured-project{
    grid-template-columns:minmax(0,1fr);
    gap:26px;
    margin-top:32px;
  }
  #progetti .project-heading{gap:17px}
  #progetti .project-status{font-size:10px}
  #progetti .project-heading h2{
    max-width:none;
    font-size:clamp(37px,9.5vw,44px);
    line-height:1;
  }
  #progetti .project-summary{max-width:390px}
  #progetti .project-summary p{font-size:15px;line-height:1.5}
  #progetti .project-summary>span{margin-top:14px;font-size:9px}
  #progetti .preview-window{
    width:89%;
    margin:27px auto 58px;
    transform:perspective(1800px) rotateX(calc(4deg + var(--tilt-x,0deg))) rotateY(var(--tilt-y,0deg)) rotateZ(-2deg);
  }
  #progetti .window-bar{padding:7px 9px;font-size:7px}
  #progetti .window-bar span:last-child{visibility:visible}
  #progetti .preview-link{right:12px;bottom:12px;padding:9px 11px;gap:18px;font-size:9px}
  #progetti .project-caption{margin-top:12px;font-size:9px;gap:10px}
  #progetti .experience-list{margin-top:42px}
  #progetti .experience-list>.section-label{padding-bottom:18px}
  #progetti .experience-panels{grid-template-columns:minmax(0,1fr);gap:11px}
  #progetti .experience-row summary{
    min-height:104px;
    grid-template-columns:19px minmax(0,1fr) 22px;
    padding:22px 19px;
    gap:10px;
  }
  #progetti .experience-row h3{font-size:clamp(22px,5.7vw,27px);line-height:1.14}
  #progetti .row-number{font-size:9px}
  #progetti .experience-open{font-size:23px}
  #progetti .experience-row p{padding:0 32px 23px 48px;font-size:13px;line-height:1.6}
  #progetti .experience-list{scroll-margin-top:10px}
  #progetti .experience-intro{font-size:14px;margin:14px 0 22px}
  #progetti .experience-row summary{min-height:128px;row-gap:9px}
}
@media(prefers-reduced-motion:reduce){
  #progetti .preview-window{transform:none!important}
  #progetti .experience-row,
  #progetti .experience-row h3{transition:none}
}