.hero{position:relative;display:block;min-height:0;padding:0;background:#160b07;color:var(--cream);overflow:hidden}
.hero>.eyebrow{position:absolute;z-index:3;top:3%;left:0;width:100%;margin:0;text-align:center;color:var(--cream)}
.hero-lockup{width:100%;max-width:none;height:auto;aspect-ratio:1500/1049;background:linear-gradient(180deg,rgba(16,7,4,.08),rgba(16,7,4,.12)),url("hero-platter-wide.png") center/100% 100% no-repeat}
.hero-a{left:19%;top:15%;font-size:10vw;color:var(--blue);letter-spacing:-.07em}
.hero-script{left:30%;top:14%;font-size:12.5vw;line-height:1.2;letter-spacing:normal;transform:rotate(-4deg);color:var(--cream);text-shadow:0 2px 16px rgba(0,0,0,.4)}
.hero-studio{left:50%;top:52%;bottom:auto;transform:translate(-50%,-50%);font-size:12vw;color:var(--blue);text-shadow:0 3px 18px rgba(0,0,0,.32)}
.hero-services{text-align:center;margin:0;padding:20px var(--g) 28px;color:var(--cream)}
.hero-foot{margin:0 var(--g);border-color:rgba(245,241,231,.4)}
.hero-foot p+p{border-color:rgba(245,241,231,.4)}
.proof h2,.contact h2{line-height:1.05}
.proof h2 em,.contact h2 span{display:inline-block;letter-spacing:normal;line-height:1.35;padding:0 .16em;text-transform:none}
@media(max-width:800px){
.hero{min-height:0}
.hero>.eyebrow{font-size:9px;letter-spacing:.28em;top:12px}
.hero-lockup{height:auto}
.hero-a{left:16%;top:18%;font-size:11vw}
.hero-script{left:29%;top:16%;font-size:13vw}
.hero-studio{left:50%;top:52%;font-size:12vw}
.hero-services{font-size:10px;letter-spacing:.18em;line-height:1.6;padding:18px 20px}
.proof h2 em,.contact h2 span{display:block;padding:.08em .12em;line-height:1.25}
.contact h2{font-size:clamp(42px,9vw,80px);line-height:1.12}
}

/* One centered baseline above the enlarged, lowered platter. */
.hero-lockup{background-size:120% auto;background-position:center top}
.hero-upper{position:absolute;top:36%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:baseline;justify-content:center;gap:1.8vw;white-space:nowrap;width:max-content;max-width:94%}
.hero-upper .hero-a,.hero-upper .hero-script,.hero-upper .hero-studio{position:static;transform:none;flex:none;line-height:1}
.hero-upper .hero-a,.hero-upper .hero-studio{font-size:8vw;letter-spacing:-.07em}
.hero-upper .hero-script{font-size:10vw;letter-spacing:normal}
@media(max-width:800px){.hero-upper{top:36%;gap:1.8vw}.hero-upper .hero-a,.hero-upper .hero-studio{font-size:8vw}.hero-upper .hero-script{font-size:10vw}}

/* Final supplied artwork includes its own typography; retain the entire composition. */
.hero-final-image{display:block;width:100%;height:auto;max-width:none}

.instagram-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;align-self:center;margin-top:-14px;margin-bottom:-14px}.instagram-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}.instagram-link:hover{opacity:.75}@media(max-width:800px){.instagram-link{align-self:flex-start;margin:0}}