/* Review draft: all brand elements share one viewport. */
.site{min-height:100svh;display:grid;grid-template-rows:minmax(320px,1fr) clamp(220px,30svh,300px) 52px;position:relative}
.hero{min-height:0;height:auto;background:transparent}
.hero-motion{position:fixed;inset:0}
.nav{min-height:84px;gap:5px}
.brand{font-size:30px}
.hero-title{font-size:clamp(64px,min(13vw,19svh),190px);line-height:.86;margin:auto 0 24px}
.site .hwf-root{height:100%;background:transparent}
.site .hwf-top{padding-top:22px}
.site .hwf-rule{top:60px}
footer{height:52px;min-height:0;padding-block:10px;background:transparent;position:relative;font-size:10px}
@media(min-width:721px){.site{height:100svh}.nav{min-height:80px}}
@media(max-width:720px){.site{grid-template-rows:minmax(300px,1fr) 230px 64px}.hero{min-height:0}.nav{min-height:84px}.hero-title{font-size:clamp(52px,min(19vw,13svh),92px);line-height:.9;margin-bottom:24px}.site .hwf-root{height:230px}.site .hwf-rule{top:72px}footer{height:64px;padding-block:12px;gap:5px}}
@media(max-height:620px) and (min-width:721px){.site{height:auto;grid-template-rows:minmax(290px,1fr) 220px 52px}}
/* Browser comments 1–3: stronger masthead, tighter headline, larger signature. */
.brand{font-size:clamp(40px,3.4vw,66px);letter-spacing:-.055em}
.nav{min-height:112px;gap:8px}
.hero-title{width:max-content;max-width:100%;align-self:center;align-items:flex-start;font-size:clamp(68px,min(12vw,17svh),180px);margin:auto 0 28px;line-height:.88}
.hero-title span:last-child{align-self:flex-start;margin-left:clamp(32px,9vw,170px)}
@media(min-width:721px){.site{grid-template-rows:minmax(360px,1fr) clamp(280px,36svh,390px) 52px}.site .hwf-root{height:100%}}
@media(max-width:720px){.site{grid-template-rows:minmax(320px,1fr) 270px 64px}.nav{min-height:106px}.brand{font-size:42px}.hero-title{font-size:clamp(50px,min(18vw,11svh),80px);margin-bottom:24px}.hero-title span:last-child{margin-left:20px}.site .hwf-root{height:270px}}
@media(max-height:700px){.site{height:auto;min-height:100svh}}
/* Longer headline, preserving natural letter proportions. */
.brand-guide-link{font-size:11px;letter-spacing:.08em;text-transform:none;min-height:28px;display:inline-flex;align-items:center;color:var(--paper);text-decoration:underline;text-underline-offset:4px}
.nav{padding-block:12px;min-height:130px}
@media(max-width:720px){.nav{min-height:126px}.brand-guide-link{min-height:32px}}
.hero-title{font-size:clamp(56px,min(10vw,17svh),170px)}
.hero-title span:last-child{margin-left:clamp(20px,5vw,90px)}
@media(max-width:720px){.hero-title{font-size:clamp(36px,min(13.8vw,10svh),72px)}.hero-title span:last-child{margin-left:12px}}