#headerimg h1{
    margin: 0px 0px !important;
    padding: 0px !important;
}


div#header {
    padding: 0px 20px;
}

div#footer {
    text-align: center;
}


.has-global-padding{
	padding-left: 20px !important;
	padding-right: 20px !important;
}

/* ===== Archive ===== */
.ywp-prj-archive{padding:48px 0px; max-width:1340px !important; margin:0 auto}
.ywp-prj-arch-hero{margin-bottom:24px; text-align:center}
.ywp-prj-arch-title{font-size:clamp(28px,4vw,40px); margin:0 0 6px}
.ywp-prj-arch-sub{color:#6b7280; margin:0 0 20px}

.ywp-prj-grid{display:grid; gap:18px; grid-template-columns:1fr}
@media (min-width:700px){ .ywp-prj-grid{grid-template-columns:repeat(2,1fr)} }
@media (min-width:1024px){ .ywp-prj-grid{grid-template-columns:repeat(3,1fr)} }

.ywp-prj-card{background:#0b0b0c; border:1px solid #1f2937; border-radius:16px; overflow:hidden; display:flex; flex-direction:column}
.ywp-prj-card-media img{display:block; width:100%; height:210px; object-fit:cover}
.ywp-prj-card-ph{height:210px; background:linear-gradient(135deg,#1f2937,#0f172a)}
.ywp-prj-card-body{padding:14px}
.ywp-prj-card-title{ margin:0 0 6px}
.ywp-prj-card-title a{font-size: clamp(24px, 4vw, 30px); color:#fff; text-decoration:none}
.ywp-prj-card-title a:hover{opacity:.85}
.ywp-prj-card-teaser{margin:0; color:#9ca3af}

/* ===== Single ===== */
.ywp-prj-single{max-width:1340px !important; margin:0 auto; padding:40px 20px}

.ywp-prj-hero{display:grid; gap:20px; align-items:center; grid-template-columns:1fr}
@media (min-width:980px){ .ywp-prj-hero{grid-template-columns:1.2fr .8fr} }
.ywp-prj-hero-text .ywp-prj-eyebrow{letter-spacing:.08em; text-transform:uppercase; font-size:12px; margin:0 0 6px}
.ywp-prj-title{font-size:clamp(30px,5vw,48px); margin:0 0 10px}
.ywp-prj-sub{color: #9ca3af; font-size:18px; margin:0 0 14px}
.ywp-prj-meta{display:flex; gap:14px; flex-wrap:wrap; margin:0 0 14px; padding:0; list-style:none; color:#9ca3af}
.ywp-prj-cta .ywp-btn{display:inline-flex; align-items:center; justify-content:center; padding:10px 16px; border-radius:999px; font-weight:600; text-decoration:none}
.ywp-btn-primary{background:#10b981; color:#072; border:1px solid #0ea371}
.ywp-btn-primary:hover{filter:brightness(1.1)}
.ywp-prj-hero-media img{width:100%; border-radius:18px; border:1px solid #1f2937}

/* Live Preview */
.ywp-preview{margin-top:34px}
.ywp-preview-head{display:flex; align-items:center; justify-content:space-between; gap:12px;}
.ywp-sec-title{margin-bottom: 15px !important; margin:0}
.ywp-device-toggle{display:flex; gap:6px}
.ywp-device-toggle button{background:#0f172a; color:#cbd5e1; border:1px solid #1f2937; padding:6px 10px; border-radius:999px; cursor:pointer; font-weight:600}
.ywp-device-toggle button.is-active{background:#111827; border-color:#10b981; color:#e5e7eb}

.ywp-preview-stage{position:relative; border:1px solid #111827; background:#0b0b0c; border-radius:16px; overflow:hidden}
.ywp-preview-stage img{display:block; width:100%; height:auto}
.ywp-preview-link{position:relative; display:block}
.ywp-preview-overlay{position:absolute; right:12px; bottom:12px; background:rgba(0,0,0,.55); padding:8px 10px; border-radius:10px; color:#fff; font-weight:600; opacity:0; transition:.2s}
.ywp-preview-link:hover .ywp-preview-overlay{opacity:1}
.ywp-preview-note{margin-top:8px; color:#9ca3af; font-size:13px}

/* Generic sections */
.ywp-section{margin-top:34px}
.ywp-sec-sub{margin:.2rem 0 .6rem}
.ywp-content p{line-height:1.7}
.ywp-pills{display:grid; gap:18px}
@media (min-width:780px){ .ywp-pills{grid-template-columns:1fr 1fr} }
.ywp-chiplist{display:flex; gap:8px; flex-wrap:wrap; margin:0; padding:0; list-style:none}
.ywp-chip{background:#0f172a; border:1px solid #1f2937; color:#cbd5e1; padding:6px 10px; border-radius:999px; font-weight:600}
.ywp-chip-alt{background:#0b1324}

.ywp-grid-3{display:grid; gap:14px; grid-template-columns:1fr}
@media (min-width:720px){ .ywp-grid-3{grid-template-columns:repeat(3,1fr)} }
.ywp-card{background:#0b0b0c; border:1px solid #1f2937; border-radius:14px; padding:14px; color: #cbd5e1;}
.ywp-card h4{margin:.2rem 0 .4rem; font-size: clamp(24px, 4vw, 30px); }

.ywp-metrics{display:grid; color: #cbd5e1; gap:12px; grid-template-columns:repeat(2,1fr)}
@media (min-width:680px){ .ywp-metrics{grid-template-columns:repeat(4,1fr)} }
.ywp-metric{background:#0b0b0c; border:1px solid #1f2937; border-radius:14px; padding:12px; text-align:center}
.ywp-metric-value{font-size:20px; font-weight:800}
.ywp-metric-label{color:#9ca3af; font-size:12px}

.ywp-quote blockquote{margin-right: 0px; border-left:3px solid #10b981; padding-left:14px;}
.ywp-thumb img{width:100%; display:block; border-radius:12px; border:1px solid #1f2937}

/* Device widths so the change is visible */
.ywp-preview-stage{
  width:100%;
  max-width:1340px;
  margin:0 auto;
  transition:max-width .2s ease;
}
.ywp-preview-stage.is-desktop{ max-width:1340px; }
.ywp-preview-stage.is-tablet { max-width:900px;  }
.ywp-preview-stage.is-phone  { max-width:420px;  }


.ywp-quote blockquote{
    margin-left: 0px;
}


body .is-layout-flex {
    display: flex;
    justify-content: space-between;
}

/* Loader */
.ywp-preview-stage{ position:relative }
.ywp-preview-stage.loading .ywp-preview-img{ filter: blur(2px); opacity:.7; transition: opacity .2s, filter .2s }
.ywp-loader{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background:rgba(0,0,0,.06); backdrop-filter:saturate(120%) blur(1px);
  font-weight:700; font-size:14px; color:#0b1324; letter-spacing:.02em;
  opacity:0; pointer-events:none; transition:opacity .15s;
}
.ywp-preview-stage.loading .ywp-loader{ opacity:1; pointer-events:auto }
.ywp-loader .dot{ width:8px; height:8px; border-radius:50%; background:#0ea371; margin-left:8px; animation:ywpPulse .9s infinite alternate }
@keyframes ywpPulse{ to{ transform:scale(1.4); opacity:.6 } }