/* Panoramic photographic signature, based on the client's visual references. */
.hero{display:grid;grid-template-columns:1fr 1fr 2.2fr 1fr 1fr;direction:ltr;align-items:stretch;gap:10px;margin:22px 22px 0;padding:24px;min-height:0;height:clamp(320px,30vw,460px);max-height:none;background:#ede6df;color:#512e11;overflow:hidden}
.hero-panel{min-width:0;min-height:0;overflow:hidden}
.hero-panel img{display:block;width:100%;height:100%;object-fit:cover}
.panel-one img{object-position:45% center}.panel-two img{object-position:50% center}.panel-three img{object-position:50% center}.panel-four img{object-position:50% center}
.hero-signature{direction:rtl;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:18px 12px;margin-inline:12px;border-block:1px solid #a67c45}
.hero-brand{width:85px;height:auto;object-fit:contain;margin-bottom:16px;mix-blend-mode:multiply}
.hero .hero-kicker{font-size:17px;line-height:1.5;margin:0 0 10px;font-weight:400}
.hero h1{font-size:clamp(1.8rem,3vw,3.2rem);line-height:1.25;font-weight:400;letter-spacing:-.025em;margin:0;text-wrap:balance}
@media(min-width:1600px){.hero{max-width:1756px;margin-inline:auto}}
@media(max-width:1000px) and (min-width:701px){.hero{padding:16px;gap:7px;margin-inline:16px;grid-template-columns:1fr 1fr 2.5fr 1fr 1fr}.hero-signature{margin-inline:5px}.hero-brand{width:65px;margin-bottom:12px}.hero h1{font-size:2rem}}
@media(max-width:700px){.hero{height:auto;margin:10px 10px 0;padding:18px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto clamp(160px,45vw,240px);gap:7px}.hero-signature{grid-column:1/-1;grid-row:1;border:0;margin:0 0 20px;padding:8px 4px 18px;border-bottom:1px solid #a67c45}.hero-brand{width:72px;margin-bottom:14px}.hero .hero-kicker{font-size:16px;margin-bottom:8px}.hero h1{font-size:clamp(2rem,8vw,2.6rem);max-width:none}.hero h1 br{display:block}.hero-panel{grid-row:2}.panel-one{grid-column:1}.panel-two{grid-column:2}.panel-three{grid-column:3}.panel-four{grid-column:4}}

/* Center the signature around the name and headline, without repeating the logo. */
.hero .hero-kicker{font-size:clamp(1.65rem,2.7vw,2.8rem);line-height:1.3;margin:0 0 24px;font-weight:400}
.hero h1{font-size:clamp(2.25rem,3.7vw,4rem);line-height:1.22;font-weight:400}
@media(max-width:1000px) and (min-width:701px){.hero .hero-kicker{font-size:1.8rem;margin-bottom:22px}.hero h1{font-size:2.4rem}}
@media(max-width:700px){.hero-signature{padding-block:22px 28px}.hero .hero-kicker{font-size:1.8rem;margin-bottom:18px}.hero h1{font-size:clamp(2.1rem,9vw,2.8rem)}}

/* Name leads the signature; the service line supports it. */
.hero .hero-kicker{font-size:clamp(2.6rem,4.8vw,5rem);line-height:1.15;margin-bottom:24px;letter-spacing:-.025em}
.hero h1{font-size:clamp(1.55rem,2.35vw,2.5rem);line-height:1.35;letter-spacing:0}
@media(max-width:1000px) and (min-width:701px){.hero .hero-kicker{font-size:2.9rem;margin-bottom:22px}.hero h1{font-size:1.65rem}}
@media(max-width:700px){.hero .hero-kicker{font-size:clamp(2.8rem,12vw,3.7rem);margin-bottom:18px}.hero h1{font-size:clamp(1.5rem,6.5vw,2rem)}}