:root{
  --avg-red:#C62127;
  --avg-red-dark:#A81B20;
  --avg-gold:#C89A3D;
  --avg-ink:#222222;
  --avg-text:#4A4A4A;
  --avg-muted:#777777;
  --avg-cream:#FAF7F2;
  --avg-line:#E8E4DD;
  --avg-white:#FFFFFF;
}
.avg-projects-shell,
.avg-projects-shell *{box-sizing:border-box}
.avg-projects-shell{font-family:"Be Vietnam Pro",sans-serif;color:var(--avg-ink);width:100%}
.avg-projects-heading{max-width:850px;margin:0 auto 34px;text-align:center}
.avg-projects-kicker,.avg-project-detail__kicker{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--avg-red);margin-bottom:8px}
.avg-projects-heading h2{font:800 clamp(30px,4vw,44px)/1.16 "Be Vietnam Pro",sans-serif;margin:0 0 12px;color:var(--avg-ink);letter-spacing:-.025em}
.avg-projects-heading p{font-size:16px;line-height:1.72;color:var(--avg-text);margin:0 auto;max-width:760px}
.avg-projects-proof{display:flex;justify-content:center;align-items:center;gap:11px;flex-wrap:wrap;margin-top:16px;color:#6b625b;font-size:13px;font-weight:600}
.avg-projects-proof i{width:4px;height:4px;border-radius:50%;background:var(--avg-gold)}

.avg-project-filters{border:1px solid var(--avg-line);background:#fff;border-radius:14px;padding:14px 16px;margin:0 0 26px;display:flex;align-items:center;gap:18px;box-shadow:0 4px 18px rgba(35,25,15,.035)}
.avg-project-filters__label{font-size:13px;font-weight:800;color:var(--avg-ink);white-space:nowrap}
.avg-project-filters__controls{display:flex;gap:10px;align-items:center;flex:1;flex-wrap:wrap}
.avg-project-filter select{appearance:none;-webkit-appearance:none;min-height:42px;border:1px solid var(--avg-line);border-radius:9px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23777' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;padding:0 36px 0 13px;font:600 13px "Be Vietnam Pro",sans-serif;color:#444;outline:none}
.avg-project-filter select:focus{border-color:var(--avg-gold);box-shadow:0 0 0 2px rgba(200,154,61,.12)}
.avg-project-filter-reset{border:0;background:transparent;color:var(--avg-red);font:700 12px "Be Vietnam Pro",sans-serif;padding:10px 8px;cursor:pointer}

.avg-projects-grid{display:grid;grid-template-columns:repeat(var(--avg-project-columns,3),minmax(0,1fr));gap:24px}
.avg-project-card{border:1px solid var(--avg-line);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 7px 26px rgba(40,28,16,.055);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.avg-project-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(40,28,16,.1);border-color:#ddd2c4}
.avg-project-card[hidden]{display:none!important}
.avg-project-card__open{display:block;width:100%;border:0;background:transparent;padding:0;text-align:left;color:inherit;font:inherit;cursor:pointer}
.avg-project-card__media{position:relative;aspect-ratio:4/3;background:var(--avg-cream);overflow:hidden}
.avg-project-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.avg-project-card:hover .avg-project-card__media img{transform:scale(1.035)}
.avg-project-card__placeholder{height:100%;display:grid;place-items:center;color:#aa9d91;font-size:13px;font-weight:800;letter-spacing:.12em;background:linear-gradient(135deg,#f8f3ed,#fff)}
.avg-project-card__view{position:absolute;right:14px;bottom:14px;background:rgba(34,34,34,.88);color:#fff;padding:9px 12px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.045em;backdrop-filter:blur(6px);transition:background .2s ease}
.avg-project-card:hover .avg-project-card__view{background:var(--avg-red)}
.avg-project-card__view b{font-size:13px;margin-left:4px}
.avg-project-card__body{padding:20px 20px 21px}
.avg-project-card__eyebrow{font-size:10px;font-weight:800;letter-spacing:.075em;text-transform:uppercase;color:var(--avg-red);margin-bottom:7px;min-height:15px}
.avg-project-card h3{font:750 19px/1.38 "Be Vietnam Pro",sans-serif;margin:0;color:var(--avg-ink)}
.avg-project-card__client{margin-top:6px;color:#6d6258;font-size:13px;font-weight:600}
.avg-project-card__meta{display:flex;gap:0;border-top:1px solid #f0ece7;border-bottom:1px solid #f0ece7;margin:15px 0 12px;padding:11px 0}
.avg-project-card__meta span{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1;padding-right:12px}
.avg-project-card__meta span+span{border-left:1px solid #eee8e1;padding-left:14px;padding-right:0}
.avg-project-card__meta b{font-size:13px;color:#2f2a26;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.avg-project-card__meta small{font-size:10px;color:#8b827a;margin-top:2px}
.avg-project-card p{font-size:13px;line-height:1.65;color:#5f5953;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:43px}
.avg-project-card__link{display:inline-flex;align-items:center;gap:7px;margin-top:15px;color:var(--avg-red);font-size:12px;font-weight:800}
.avg-project-card__link b{transition:transform .2s ease}.avg-project-card:hover .avg-project-card__link b{transform:translateX(3px)}
.avg-projects-no-results,.avg-projects-empty{text-align:center;padding:34px 20px;color:#756e68;border:1px dashed var(--avg-line);border-radius:14px;background:#fff}
.avg-projects-more{display:flex;justify-content:center;margin-top:30px}
.avg-projects-more__button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 22px;border:1px solid var(--avg-red);border-radius:9px;background:#fff;color:var(--avg-red)!important;font:800 12px "Be Vietnam Pro",sans-serif;text-decoration:none!important;letter-spacing:.02em;transition:background .2s ease,color .2s ease,transform .2s ease}
.avg-projects-more__button span{font-size:17px;line-height:1;transition:transform .2s ease}
.avg-projects-more__button:hover{background:var(--avg-red);color:#fff!important;transform:translateY(-1px)}
.avg-projects-more__button:hover span{transform:translateX(3px)}

body.avg-project-modal-open{overflow:hidden}
.avg-project-modal{position:fixed;inset:0;z-index:99990;display:none;align-items:center;justify-content:center;padding:28px}
.avg-project-modal.is-open{display:flex}
.avg-project-modal__backdrop{position:absolute;inset:0;background:rgba(22,19,17,.74);backdrop-filter:blur(5px)}
.avg-project-modal__dialog{position:relative;width:min(1120px,96vw);max-height:90vh;background:#fff;border-radius:18px;overflow:auto;box-shadow:0 30px 90px rgba(0,0,0,.28);z-index:1}
.avg-project-modal__close{position:sticky;float:right;top:12px;right:12px;z-index:5;width:38px;height:38px;border-radius:50%;border:1px solid #e8e1da;background:rgba(255,255,255,.94);color:#333;font:400 28px/1 Arial,sans-serif;cursor:pointer;display:grid;place-items:center;box-shadow:0 5px 18px rgba(0,0,0,.08);margin:12px 12px -50px 0}
.avg-project-detail{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);min-height:650px}
.avg-project-detail__gallery{background:#f7f3ef;padding:28px;display:flex;flex-direction:column;gap:12px}
.avg-project-detail__main-image{border-radius:13px;overflow:hidden;background:#eee8e1;aspect-ratio:4/3;display:grid;place-items:center}
.avg-project-detail__main-image img{width:100%;height:100%;object-fit:cover;display:block}
.avg-project-detail__main-image--empty{font-size:13px;font-weight:800;color:#9e9286;letter-spacing:.12em}
.avg-project-detail__thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.avg-project-detail__thumb{aspect-ratio:1;border:2px solid transparent;border-radius:9px;padding:0;background:#fff;overflow:hidden;cursor:pointer;opacity:.72;transition:.2s ease}
.avg-project-detail__thumb.is-active{border-color:var(--avg-red);opacity:1}.avg-project-detail__thumb:hover{opacity:1}
.avg-project-detail__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.avg-project-detail__info{padding:42px 42px 34px;display:flex;flex-direction:column}
.avg-project-detail__info h2{font:800 clamp(27px,3vw,38px)/1.2 "Be Vietnam Pro",sans-serif;margin:0 0 18px;color:var(--avg-ink);letter-spacing:-.02em}
.avg-project-detail__client{display:flex;align-items:center;gap:12px;border:1px solid var(--avg-line);background:#fffdfa;border-radius:12px;padding:10px 12px;margin-bottom:16px}
.avg-project-detail__client img{width:48px;height:48px;object-fit:contain;border-radius:8px;background:#fff;border:1px solid #eee;padding:4px}
.avg-project-detail__client div{display:flex;flex-direction:column}.avg-project-detail__client small{font-size:10px;color:#8a8179}.avg-project-detail__client strong{font-size:14px;color:#302b27}
.avg-project-detail__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--avg-line);border-bottom:1px solid var(--avg-line);margin:4px 0 18px}
.avg-project-detail__stats div{padding:14px 8px 14px 0;display:flex;flex-direction:column;gap:2px}.avg-project-detail__stats div+div{border-left:1px solid var(--avg-line);padding-left:18px}
.avg-project-detail__stats strong{font-size:16px;color:var(--avg-red)}.avg-project-detail__stats span{font-size:11px;color:#81786f}
.avg-project-detail__description{font-size:14px;line-height:1.75;color:#514b46;margin-bottom:18px}.avg-project-detail__description p{margin:0 0 9px}
.avg-project-detail__taxonomy{border-top:1px solid #f0ece7;padding-top:4px}
.avg-project-detail__tax-row{display:grid;grid-template-columns:100px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid #f3efeb;align-items:start}
.avg-project-detail__tax-row>span{font-size:11px;color:#837a72;font-weight:600;padding-top:4px}.avg-project-detail__tax-row>div{display:flex;gap:6px;flex-wrap:wrap}.avg-project-detail__tax-row b{font-size:11px;font-weight:650;border:1px solid #e6ded5;border-radius:999px;padding:5px 8px;background:#fffdfa;color:#4b443e}
.avg-project-detail__cta{margin-top:auto;padding:18px;border-radius:13px;background:linear-gradient(135deg,#fff8f3,#fff);border:1px solid #eddfd4;display:grid;grid-template-columns:1fr auto;align-items:center;gap:15px}
.avg-project-detail__cta>div{display:flex;flex-direction:column;gap:3px}.avg-project-detail__cta>div strong{font-size:14px;color:#2d2925}.avg-project-detail__cta>div span{font-size:11px;line-height:1.5;color:#746b63}
.avg-project-detail__cta .avg-quote-trigger,.avg-project-fallback-cta{border:0!important;border-radius:8px!important;background:var(--avg-red)!important;color:#fff!important;font:800 11px "Be Vietnam Pro",sans-serif!important;letter-spacing:.02em!important;padding:13px 16px!important;white-space:nowrap!important;text-decoration:none!important;cursor:pointer!important;box-shadow:none!important}
.avg-project-detail__cta .avg-quote-trigger:hover,.avg-project-fallback-cta:hover{background:var(--avg-red-dark)!important;color:#fff!important}

@media(max-width:1024px){
  .avg-projects-grid{grid-template-columns:repeat(min(var(--avg-project-columns,3),2),minmax(0,1fr))}
  .avg-project-detail{grid-template-columns:1fr;min-height:0}.avg-project-detail__gallery{padding:24px}.avg-project-detail__info{padding:30px 28px}.avg-project-modal__dialog{width:min(820px,96vw)}
}
@media(max-width:680px){
  .avg-projects-heading{text-align:left;margin-bottom:24px}.avg-projects-heading h2{font-size:28px}.avg-projects-proof{justify-content:flex-start;font-size:11px}
  .avg-project-filters{align-items:flex-start;flex-direction:column;gap:9px;padding:12px}.avg-project-filters__controls{width:100%;display:grid;grid-template-columns:1fr 1fr}.avg-project-filter select{width:100%;min-width:0}.avg-project-filter-reset{grid-column:1/-1;justify-self:start}
  .avg-projects-grid{grid-template-columns:1fr;gap:18px}.avg-project-card__body{padding:18px}
  .avg-project-modal{padding:0;align-items:flex-end}.avg-project-modal__dialog{width:100%;max-height:94vh;border-radius:18px 18px 0 0}.avg-project-modal__close{top:8px;right:8px}
  .avg-project-detail__gallery{padding:16px}.avg-project-detail__main-image{border-radius:10px}.avg-project-detail__thumbs{grid-template-columns:repeat(5,1fr);gap:5px}.avg-project-detail__info{padding:24px 18px 20px}.avg-project-detail__info h2{font-size:26px}.avg-project-detail__tax-row{grid-template-columns:82px 1fr}
  .avg-project-detail__cta{grid-template-columns:1fr}.avg-project-detail__cta .avg-quote-trigger,.avg-project-fallback-cta{width:100%!important;text-align:center!important}
}