/* Test 02. Deliberately limited to hero layout and headline typography.
   No body-copy, background, navigation, link, media or original JS changes. */
h1,h2,h3,h4,.display,.h2,.h3,.statement,.closing,.stage-copy .t{
  font-family:"Fraunces",Georgia,serif;
  font-weight:400;
}
/* The original black statement lead remains exactly in its existing face/weight. */
.statement{font-weight:500}
h1 .grad,h2 .grad,h2 .lime,h2 .m,.closing span,.stage-copy .t>span{
  font-family:"Fraunces",Georgia,serif;
  font-weight:300;
  font-style:italic;
  color:#B26A30;
  background:none;
  -webkit-background-clip:initial;
  background-clip:initial;
}
.dark h1 .grad,.dark h2 .grad,.dark h2 .lime,.dark h2 .m{color:#B26A30}
.closing{line-height:1.18;letter-spacing:-.035em}
.closing span{display:inline}
/* Main opening only. Original words and the animated IBM Plex Mono line survive. */
.customer-page .hero-split{padding:clamp(126px,12vw,170px) 0 clamp(56px,6vw,80px);text-align:left}
.hero-split>.wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(34px,4.6vw,66px);align-items:center}
.hero-text{min-width:0}
.hero-split .eyebrow{margin-bottom:28px}
.hero-split .display{font-size:clamp(58px,7.4vw,104px);line-height:1.02;text-wrap:initial;letter-spacing:-.045em}
.hero-split .typedline{font-family:"IBM Plex Mono",monospace;font-size:clamp(12px,1.14vw,16px);line-height:1.7;margin:28px 0 0;text-align:left;max-width:100%;font-weight:500}
.hero-split .lead{margin:26px 0 0;max-width:100%;font-size:clamp(17px,1.45vw,21px);line-height:1.6}
.hero-split .hero-actions{justify-content:flex-start;gap:12px 28px;margin-top:30px}
.hero-split .hero-actions>.btn-lime{font-size:14px;padding:18px 23px}
.hero-split .hero-actions>.btn-ghost{font-size:14px;padding:17px 0}
.hero-split .fine{text-align:left;margin:18px 0 0}
.hero-photo{position:relative;min-width:0;width:100%;height:100%;min-height:600px;max-height:760px;border-radius:16px;overflow:hidden;align-self:stretch;background:var(--paper-2)}
.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 65%}
.hero-photo>figcaption{position:absolute;top:30px;left:30px;right:20px;font-family:"Fraunces",Georgia,serif;font-size:clamp(28px,2.8vw,40px);font-weight:400;line-height:1.12;letter-spacing:-.035em;color:var(--ink)}
.hero-photo em{color:#B26A30;font-family:"Fraunces",Georgia,serif;font-style:italic;font-weight:300}
@media(max-width:1050px){
 .hero-split .hero-actions{gap:0 22px}
 .hero-split .hero-actions>.btn-lime{font-size:13px;padding:17px 20px}
 .hero-split .hero-actions>.btn-ghost{font-size:13px}
 .hero-photo{min-height:610px}
 .hero-photo>figcaption{top:25px;left:24px;font-size:31px}
}
@media(max-width:800px){
 .hero-split>.wrap{grid-template-columns:1fr;gap:42px}
 .customer-page .hero-split{padding-top:158px}
 .hero-split .display{font-size:clamp(64px,12vw,100px)}
 .hero-split .lead{max-width:620px;font-size:19px}
 .hero-split .typedline{font-size:16px}
 .hero-split .hero-actions{gap:14px 28px}
 .hero-photo{height:auto;aspect-ratio:4/4.5;min-height:0;max-height:none;max-width:660px}
 .hero-photo>img{height:100%;max-height:none;object-position:center 65%}
 .hero-photo>figcaption{top:28px;left:28px;font-size:clamp(32px,5.4vw,43px)}
}
@media(max-width:600px){
 .customer-page .hero-split{padding-top:163px;padding-bottom:52px}
 .hero-split>.wrap{gap:35px}
 .hero-split .eyebrow{font-size:10px;letter-spacing:.11em;margin-bottom:23px}
 .hero-split .display{font-size:clamp(57px,14.7vw,84px)}
 .hero-split .typedline{font-size:14px;margin-top:24px;line-height:1.7}
 .hero-split .lead{font-size:18px;line-height:1.6;margin-top:23px}
 .hero-split .hero-actions{margin-top:26px;gap:2px 25px}
 .hero-split .hero-actions>.btn-lime{font-size:14px;padding:18px 22px}
 .hero-split .hero-actions>.btn-ghost{font-size:14px}
 .hero-split .fine{font-size:11px;margin-top:16px}
 .hero-photo{aspect-ratio:4/4.7;border-radius:13px}
 .hero-photo>figcaption{font-size:32px;top:23px;left:23px}
}
.hero-photo{margin:0}
.statement .m{color:#B26A30;font-family:"Fraunces",Georgia,serif;font-weight:300;font-style:italic}
.statement .m,.closing span{display:block}