:root{ --g: 20px; }
  
.fullbleed{
  width:100%;
  max-width:100%;
  left:auto;
  transform:none;
  box-sizing:border-box;
  padding-inline: var(--g);
}

.projects{
  display:grid;
  grid-template-columns: 1fr;         
  gap: var(--g);
  padding-block: var(--g);
  padding-inline: 0;               
  box-sizing:border-box;
}
  
@media (min-width:700px){
  .fullbleed{
    position:relative;
    left:50%;
    transform:translateX(-50%);
    width:100vw;                     
    max-width:100vw;
    padding-inline: var(--g);
  }
  .projects{
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    padding-inline: var(--g);
  }
}

@media (min-width:1200px){
  .projects{ grid-template-columns: repeat(3, 1fr); }
}
  
.card{display:flex; flex-direction:column; border:1px solid #d0d7de; border-radius:10px; padding:14px; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.06); }
  
.card h3 { margin-top: 0; margin-bottom: 0; }

.contact-bar.fullbleed{
  position: relative; left:50%; transform:translateX(-50%);
  width:100vw; box-sizing:border-box; padding:0 var(--g); margin: .5rem 0 1rem;
}
.contact-inner{
  max-width:1280px; margin:0 auto; display:flex; gap:8px; flex-wrap:wrap; justify-content:center;
}

.video {
  position: relative; width: 100%;
  aspect-ratio: 16/9; 
  overflow: hidden; border-radius: 8px;
}

.card .video{ margin-top:auto; }
  
.video iframe {
  position: absolute; inset: 0; width: 100%; height: 100%; border: 0;
}
  
.btn{display:inline-block; padding:6px 12px; border:1px solid #333; border-radius:6px; text-decoration:none; background:#f1f5f9; color:#111; font-weight:600;}
.btn:hover{background:#e2e8f0;}
.btn:focus{outline:2px solid #60a5fa; outline-offset:2px;}
.btn--primary{background:#2563eb; border-color:#2563eb; color:#fff;}
.btn--primary:hover{background:#e2e8f0; color:#111; border-color:#333;}
.btn-group{display:flex; gap:8px; flex-wrap:wrap;}

.linklike{
  background: none;
  display:inline;          
  margin:0;              
  padding:0;
  border:0;
  background:transparent;
  font:inherit;
  color: #0969da;       
  text-decoration: none;
  vertical-align:baseline;
  line-height:inherit;
  -webkit-appearance:none;
  appearance:none;
  cursor: pointer;
}
  
.linklike:hover{text-decoration: underline;} 
  
.linklike:focus{outline: 2px solid #60a5fa; outline-offset: 2px;}
  
button.linklike{ margin:0 !important; }

.copy-msg{ margin-left:0; }
.copy-msg:not(:empty){ margin-left:8px; }