/* November visual refresh: founder-led heroes and compact project rhythm. */
.visual-hero{background:#141b20;color:#fff;border-bottom:2px solid #bc9451}
.visual-hero>.wrap{display:grid;grid-template-columns:1fr 1.14fr;align-items:center;gap:36px;padding-block:36px!important}
.visual-hero .visual-copy{display:grid;gap:18px;min-width:0}
.visual-hero .tag,.visual-hero h1 .g{color:#e4bf7d}
.visual-hero h1{font-size:clamp(32px,3.9vw,55px);line-height:1.08;max-width:20ch;letter-spacing:-.045em}
.visual-hero .lede,.visual-hero .lede-support{color:#e0e4e6;font-size:16px;line-height:1.65;max-width:51ch}
.visual-hero .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.visual-hero .btn.gold,.visual-hero .btn:not(.ghost){background:#e4bf7d;border-color:#e4bf7d;color:#141b20}
.visual-hero .btn.ghost{color:white;border-color:#849097;background:transparent}
.visual-photo{margin:0;position:relative;min-width:0;overflow:hidden;border:1px solid #ffffff24;border-radius:12px;box-shadow:0 24px 55px #0004}
.visual-photo img{display:block;width:100%;height:420px;object-fit:cover;object-position:29% center}
.visual-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#10171ceb);padding:38px 22px 18px;color:#fff;font-size:12px;letter-spacing:.025em}
.packages-hero .visual-photo img{height:340px}.packages-hero h1{font-size:clamp(30px,3.3vw,46px)}
.portfolio-hero>.wrap{grid-template-columns:.8fr 1.2fr}.portfolio-hero h1{font-size:clamp(38px,4.5vw,64px)}
.project-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}
.project-mosaic a{display:block;overflow:hidden;border-radius:9px;border:1px solid #ffffff40;box-shadow:0 12px 30px #0004;transition:transform .2s}
.project-mosaic a:nth-child(2){margin-top:34px}.project-mosaic a:hover{transform:translateY(-3px)}
.project-mosaic img{display:block;width:100%;height:220px;object-fit:cover;object-position:top}
.case-hero .shot{margin:0;border:1px solid #ffffff30;border-radius:12px;overflow:hidden}.case-hero .shot img{display:block;width:100%;height:auto}
section.band{padding-block:28px}.head{margin-bottom:18px}.selected-heading{margin-bottom:18px}
.portfolio-grid{gap:20px}.portfolio-card{padding:16px;gap:12px}.portfolio-meta{gap:7px}.portfolio-meta>.row{padding-top:8px}
.portfolio-preview{aspect-ratio:1.55}.portfolio-monitor{border-width:6px}.portfolio-companion.phone{border-width:5px}
@media(max-width:760px){.visual-hero>.wrap{grid-template-columns:1fr;gap:22px;padding-block:26px!important}.visual-hero h1{font-size:36px;max-width:22ch}.visual-photo img{height:auto;aspect-ratio:1672/941;object-fit:contain}.visual-photo figcaption{padding:28px 14px 12px;font-size:11px}.packages-hero .visual-photo img{height:auto}.project-mosaic img{height:180px}.project-mosaic a:nth-child(2){margin-top:20px}.portfolio-card{padding:14px}.portfolio-grid{grid-template-columns:1fr;gap:16px}section.band{padding-block:22px}.visual-hero .lede{font-size:16px}.case-hero .split{display:grid;grid-template-columns:1fr}.visual-hero .btn{font-size:13px}}
@media(prefers-reduced-motion:reduce){.project-mosaic a{transition:none}}
body .hero.visual-hero{background:#141b20;color:#fff;border-bottom:2px solid #bc9451}

/* Preserve the complete project imagery rather than cropping its interface. */
.packages-hero .visual-photo img{height:auto;aspect-ratio:1800/1010;object-fit:contain}.packages-hero .visual-photo figcaption{position:static;background:#20292f;padding:10px 14px}.project-mosaic img{height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top}

.home-hero>.wrap{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:24px;padding-block:28px!important}.home-hero .visual-photo img{height:auto;aspect-ratio:1672/941;object-fit:contain}.home-hero .visual-photo figcaption{position:static;background:#20292f;padding:10px 14px}.home-hero h1{font-size:clamp(32px,3.2vw,48px)}
@media(max-width:760px){.home-hero>.wrap{grid-template-columns:1fr;gap:18px;padding-block:22px!important}}