/* Photo-first trial: compact lower-left typography inspired by SUITE. */
@media(min-width:701px){
 .catalog-page .hero-stage{height:calc(100svh - 90px);min-height:540px;max-height:1100px}
 .catalog-page .hero-stage .wide-photo>img{object-position:center 56%}
 .catalog-page .hero-stage:after{background:linear-gradient(90deg,rgba(21,39,58,.48) 0%,rgba(21,39,58,.27) 30%,transparent 56%);mask-image:linear-gradient(180deg,transparent 24%,#000 62%,#000 100%);-webkit-mask-image:linear-gradient(180deg,transparent 24%,#000 62%,#000 100%)}
 .catalog-page .hero-stage .hero-heading{padding:40px 4.5vw clamp(38px,6vh,72px);align-items:flex-start;justify-content:flex-end;text-align:left}
 .catalog-page .hero-stage h1{order:2;margin:0;font-size:clamp(32px,3vw,52px);line-height:1.5;letter-spacing:.065em;font-weight:700;text-shadow:0 1px 3px rgba(14,31,48,.55)}
 .catalog-page .hero-stage h1 em{display:inline-block;font-size:inherit;line-height:inherit;white-space:nowrap;margin:0}
 .catalog-page .hero-stage .hero-heading>div{order:1;display:block;margin:0 0 22px}
 .catalog-page .hero-stage .eyebrow,.catalog-page .hero-stage .service{font-size:16px;font-weight:600;line-height:1.7;letter-spacing:.035em;margin:0;text-shadow:0 1px 3px rgba(14,31,48,.6)}
 .catalog-page .hero-stage .service{border:0;padding-left:0;margin-top:6px}
 .catalog-page .hero-stage .hero-consult{order:3;min-height:48px;padding:10px 22px;margin-top:20px;border:1px solid rgba(255,255,255,.85);border-radius:999px;background:rgba(21,39,58,.24);color:#fff;font-size:15px;line-height:1.6}
 .catalog-page .hero-stage .hero-consult:hover{background:rgba(21,39,58,.6)}
 .catalog-page .hero-stage .hero-consult:focus-visible{outline:3px solid #fff;outline-offset:5px}
}
@media(min-width:701px) and (max-width:1000px){
 .catalog-page .hero-stage h1{font-size:clamp(30px,3.3vw,36px);letter-spacing:.035em}
 .catalog-page .hero-stage .eyebrow,.catalog-page .hero-stage .service{font-size:15px}
 .catalog-page .hero-stage .hero-heading>div{margin-bottom:18px}
 .catalog-page .hero-stage .service{padding-left:0}
}

/* Keep character motion from changing the headline layout. */
.hero-stage h1 .hero-letter{display:inline-block;white-space:pre}

/* Mobile: light reading area followed immediately by the complete photograph. */
@media(max-width:700px){
 .catalog-page .hero-stage{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;overflow:hidden;background:#eef4fa}
 .catalog-page .hero-stage:after{display:none}
 .catalog-page .hero-stage .hero-heading{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:auto;min-height:0;padding:28px 24px 26px;color:#203247;background:#eef4fa}
 .catalog-page .hero-stage .eyebrow,.catalog-page .hero-stage .service,.catalog-page .hero-stage h1,.catalog-page .hero-stage h1 em{color:#203247;text-shadow:none}
 .catalog-page .hero-stage .eyebrow,.catalog-page .hero-stage .service{font-size:16px;line-height:1.65}
 .catalog-page .hero-stage .service{margin-top:6px}
 .catalog-page .hero-stage h1{font-size:clamp(23px,6.35vw,32px);line-height:1.5;letter-spacing:0;margin-top:20px}
 .catalog-page .hero-stage h1 em{display:inline-block;white-space:nowrap;margin:0;font-size:inherit;line-height:inherit}
 .catalog-page .hero-stage .wide-photo{position:relative;inset:auto;z-index:auto;display:block;width:100%;height:auto;aspect-ratio:auto;margin:0;background:#eef4fa}
 .catalog-page .hero-stage .wide-photo>img{position:static;display:block;width:100%;height:auto;max-height:none;aspect-ratio:3/2;object-fit:contain;mask-image:none;-webkit-mask-image:none}
}