.site-header{background:rgba(12,13,14,.96)!important;mix-blend-mode:normal!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.monogram{padding:8px 0 10px!important}.monogram span:first-child{transform:translateY(2px)!important}.monogram span:last-child{transform:translateY(-4px)!important}
.portfolio-cta{min-height:52px!important;padding:0 8px 0 21px!important;gap:17px;border-radius:999px!important;background:rgba(248,246,241,.96)!important;color:#101113!important;border:1px solid rgba(255,255,255,.48)!important;box-shadow:0 10px 30px rgba(0,0,0,.16);transition:transform .25s ease,background .25s ease,box-shadow .25s ease!important}
.portfolio-cta::after{content:'↓';width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#101113;color:#f8f6f1;font-size:15px;line-height:1;transition:transform .25s ease,background .25s ease}
.portfolio-cta:hover{background:#fff!important;color:#101113!important;border-color:#fff!important;transform:translateY(-2px);box-shadow:0 14px 36px rgba(0,0,0,.22)}
.portfolio-cta:hover::after{transform:translateY(2px);background:#1b1c1f}
.hero-actions>.text-link{min-height:52px;padding:0 26px!important;border:1px solid rgba(248,246,241,.58)!important;border-radius:999px;background:rgba(12,13,14,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#f8f6f1;box-shadow:0 8px 26px rgba(0,0,0,.12);transition:transform .25s ease,background .25s ease,border-color .25s ease!important}
.hero-actions>.text-link span{display:none!important}
.hero-actions>.text-link:hover{transform:translateY(-2px);background:rgba(248,246,241,.1);border-color:rgba(248,246,241,.9)!important}
.about-project-cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;margin-top:22px;padding:0 26px;border:1px solid rgba(248,246,241,.58);border-radius:999px;background:rgba(248,246,241,.04);color:#f8f6f1;text-transform:uppercase;letter-spacing:.12em;font-size:13px;box-shadow:0 8px 26px rgba(0,0,0,.12);transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}
.about-project-cta:hover{transform:translateY(-2px);background:rgba(248,246,241,.1);border-color:rgba(248,246,241,.9);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.retainer-cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;margin-top:18px;padding:0 26px;border:1px solid rgba(16,17,19,.28);border-radius:999px;background:rgba(16,17,19,.035);color:#101113;text-transform:uppercase;letter-spacing:.12em;font-size:13px;box-shadow:0 8px 26px rgba(0,0,0,.06);transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}
.retainer-cta:hover{transform:translateY(-2px);background:rgba(16,17,19,.07);border-color:rgba(16,17,19,.48);box-shadow:0 12px 30px rgba(0,0,0,.1)}
@media(max-width:980px){
  .site-header{background:rgba(12,13,14,.98)!important}
  .hero-mark{width:76px!important;height:76px!important;font-size:22px!important}
  .monogram{padding:8px 0 10px!important;overflow:hidden!important}
  .monogram span:first-child{transform:translateY(2px)!important;position:static!important;z-index:auto!important}
  .monogram i{position:static!important;z-index:auto!important}
  .monogram span:last-child{transform:translateY(-4px)!important;position:static!important;z-index:auto!important}
}
