/* One hero scale, two page tiers. Loaded after each page's own illustration styles. */
:root{
 --gd-hero-title-size:clamp(44px,4.5vw,68px);
 --gd-hero-home-size:clamp(52px,5.2vw,76px);
 --gd-hero-line:1.06;
 --gd-hero-tracking:-.045em;
 --gd-hero-top:28px;
 --gd-hero-breadcrumb-gap:36px;
 --gd-hero-copy-gap:24px;
}
body[data-page] main [data-gd-hero="interior"]{padding-top:var(--gd-hero-top)}
body[data-page] main [data-gd-hero="interior"]>.wrap{max-width:calc(1280px + 2*var(--edge))}
body[data-page] main [data-gd-hero="interior"] h1{
 font-family:Raleway,Arial,sans-serif;
 font-size:var(--gd-hero-title-size);
 font-weight:500;
 font-style:normal;
 font-synthesis:none;
 line-height:var(--gd-hero-line);
 letter-spacing:var(--gd-hero-tracking);
 margin:0;
 text-wrap:balance;
 overflow-wrap:normal;
 min-width:0;
}
body[data-page] main [data-gd-hero="interior"] h1 :is(em,.brand-word){
 font-family:inherit;font-size:1em;font-weight:650;font-style:normal;
 line-height:inherit;letter-spacing:inherit;color:var(--orange);margin:0;
}
body[data-page] main [data-gd-hero="interior"] h1 .brand-word{display:block}
body[data-page] main [data-gd-hero="interior"] :is(.pp-breadcrumb,.au-breadcrumb,.iv-breadcrumb,.breadcrumbs){
 display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;
 font:500 11px/16px Raleway,Arial,sans-serif;
 margin:0 0 var(--gd-hero-breadcrumb-gap);padding:0;
}
body[data-page] main [data-gd-hero="interior"] :is(.pp-hero-grid,.au-hero-grid,.iv-hero-grid,.ctv-grid){align-items:start;padding-top:0}
body[data-page] main [data-gd-hero="interior"] :is(.pp-hero-copy,.au-hero-copy,.ctv-copy){align-self:start;min-width:0}
body[data-page] main [data-gd-hero="interior"] .iv-hero-grid>div:first-child{align-self:start;min-width:0}
body[data-page] main [data-gd-hero="interior"] :is(.pp-lead,.au-lead,.iv-lead,.lead){font-size:18px;line-height:1.6;max-width:680px;margin-top:var(--gd-hero-copy-gap)}
body[data-page] main [data-gd-hero="interior"] .au-hero-statement{margin-top:var(--gd-hero-copy-gap)}
body[data-page] main [data-gd-hero="interior"] .au-hero-statement+.au-lead{margin-top:16px}
body[data-page] main [data-gd-hero="interior"] .ctv-copy>h1+p{font-size:18px;line-height:1.6;margin-top:var(--gd-hero-copy-gap)}
/* Case metadata and logo share the hero grid without pushing the title down. */
body[data-page] main [data-gd-hero="interior"].journey-case-hero>.wrap{display:grid;grid-template-columns:minmax(0,1fr) 200px;column-gap:44px}
body[data-page] main [data-gd-hero="interior"].journey-case-hero>.wrap>.text-action{
 grid-column:1/-1;grid-row:1;justify-self:start;align-self:start;
 font:500 11px/16px Raleway,Arial,sans-serif;letter-spacing:normal;
 padding:0;margin:0 0 var(--gd-hero-breadcrumb-gap);min-height:17px;
}
body[data-page] main [data-gd-hero="interior"].journey-case-hero h1{grid-column:1;grid-row:2;max-width:none}
body[data-page] main [data-gd-hero="interior"].journey-case-hero .journey-case-logo{grid-column:2;grid-row:2;align-self:start;justify-self:end;width:auto;max-width:200px;max-height:64px;margin:4px 0 0;object-fit:contain}
body[data-page] main [data-gd-hero="interior"].journey-case-hero .eyebrow{grid-column:1/-1;grid-row:3;margin:22px 0 0;font-size:10px;line-height:1.6}
body[data-page] main [data-gd-hero="interior"].journey-case-hero .journey-case-summary{grid-column:1/-1;grid-row:4;margin:32px 0 10px}
/* Homepage remains the expressive first tier and retains its approved composition. */
body[data-page="home"] #top[data-gd-hero="home"] #hero-title{
 font-family:Raleway,Arial,sans-serif;font-size:var(--gd-hero-home-size);
 font-weight:500;line-height:1.04;letter-spacing:-.038em;
}
body[data-page="home"] #top[data-gd-hero="home"] #hero-title em{font-size:1em;font-weight:700}
@media(min-width:1800px){:root{--gd-hero-home-size:78px}}
@media(min-width:901px) and (max-width:1180px){:root{--gd-hero-home-size:clamp(46px,5.1vw,60px)}}
@media(max-width:900px){
 :root{--gd-hero-home-size:clamp(43px,6.9vw,62px)}
 body[data-page] main [data-gd-hero="interior"] :is(.pp-hero-grid,.au-hero-grid,.iv-hero-grid,.ctv-grid){display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start}
 body[data-page] main [data-gd-hero="interior"] :is(.pp-hero-product,.au-hero-art,.iv-hero-art,.ctv-art){justify-self:center;align-self:start;width:100%;max-width:640px}
 body[data-page] main [data-gd-hero="interior"] .iv-hero-art{height:auto;aspect-ratio:1.1;max-width:560px}
 body[data-page] main [data-gd-hero="interior"] .ctv-copy{display:block;max-width:none}
 body[data-page] main [data-gd-hero="interior"] .ctv-art{margin-top:0}
 body[data-page] main [data-gd-hero="interior"].journey-case-hero>.wrap{grid-template-columns:minmax(0,1fr) 145px;column-gap:26px}
 body[data-page] main [data-gd-hero="interior"].journey-case-hero .journey-case-logo{max-width:145px;max-height:55px}
}
@media(max-width:640px){
 :root{--gd-hero-title-size:clamp(32px,9.75vw,44px);--gd-hero-top:22px;--gd-hero-breadcrumb-gap:28px;--gd-hero-copy-gap:22px;--gd-hero-home-size:clamp(38px,10.5vw,48px)}
 body[data-page] main [data-gd-hero="interior"] :is(.pp-lead,.au-lead,.iv-lead,.lead){font-size:16px;line-height:1.6}
 body[data-page] main [data-gd-hero="interior"] .ctv-copy>h1+p{font-size:16px;line-height:1.6}
 body[data-page] main [data-gd-hero="interior"].journey-case-hero>.wrap{grid-template-columns:minmax(0,1fr)}
 body[data-page] main [data-gd-hero="interior"].journey-case-hero .journey-case-logo{grid-column:1;grid-row:3;justify-self:start;max-width:170px;max-height:48px;margin-top:22px}
 body[data-page] main [data-gd-hero="interior"].journey-case-hero .eyebrow{grid-row:4;margin-top:18px}
 body[data-page] main [data-gd-hero="interior"].journey-case-hero .journey-case-summary{grid-row:5;margin-top:28px}
}
