/* Approved header and hero, 13 September 2026. Other sections use style.css. */

.gr-header,.gr-hero{--gr-blue:#102d55;--gr-line:#dce4ee;color:#102d55;background:#fff;font-family:Manrope,Arial,sans-serif;line-height:1.6;width:100%;color-scheme:light}
:is(.gr-header,.gr-hero) *{box-sizing:border-box}
.gr-container{width:calc(100% - 80px);max-width:1600px;margin:0 auto}
.gr-header{border-bottom:1px solid var(--gr-line);background:#fff}
.gr-header-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.gr-logo{flex:none}
.gr-logo strong{display:block;font-size:28px;line-height:1.1;letter-spacing:.075em;font-weight:700}
.gr-logo small{display:block;font-size:11px;letter-spacing:.22em;line-height:1.6;margin-top:7px;font-weight:550}
.gr-header .gr-nav{position:static;flex-direction:row;margin:0;padding:0;border:0;box-shadow:none;background:transparent;display:flex;align-items:center;justify-content:center;gap:24px;font-size:16px;font-weight:550}
.gr-header .gr-nav a{white-space:nowrap;font:inherit;line-height:1.6;padding:10px 0}
.gr-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:58px;padding:16px 25px;border:1px solid var(--gr-blue);border-radius:4px;background:var(--gr-blue);color:#fff;font-size:17px;font-weight:650;line-height:1.4;text-align:center}
.gr-header-action{font-size:15px;padding:13px 19px;min-height:50px;white-space:nowrap}
.gr-header-action svg{width:19px;height:19px}
.gr-header .gr-menu{display:none;border:0;background:none;color:var(--gr-blue);padding:8px}
.gr-header .gr-menu svg{width:28px;height:28px}
.gr-hero{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--gr-line);min-height:690px}
.gr-copy{padding:52px 52px 52px 0;align-self:center}
.gr-eyebrow{display:block;font-size:13px;line-height:1.6;font-weight:650;letter-spacing:.075em;text-transform:uppercase;margin:0 0 23px}
.gr-hero h1{font-size:48px;font-weight:650;letter-spacing:-.035em;line-height:1.18;margin:0 0 28px;color:var(--gr-blue)}
.gr-copy p{font-size:20px;line-height:1.65;margin:0 0 20px;color:var(--gr-blue);font-weight:450}
.gr-copy .gr-price{font-size:20px;margin-bottom:20px}
.gr-price strong{display:block;margin-bottom:10px;color:#102d55!important;-webkit-text-fill-color:#102d55;opacity:1;font-size:26px;font-weight:750;line-height:1.4;letter-spacing:-.02em}
.gr-price strong .gr-price-value{color:inherit!important;-webkit-text-fill-color:inherit;font:inherit;white-space:nowrap}
.gr-copy .gr-materials{font-size:18px;margin-bottom:30px}
.gr-actions{display:flex;flex-wrap:wrap;gap:14px}
.gr-secondary{background:#fff;color:var(--gr-blue);border-color:#8da4c1}
.gr-visual{position:relative;min-width:0;align-self:stretch;overflow:hidden;background:#7e98b1}
.gr-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:44% 50%}
.gr-shade{position:absolute;inset:0;background:linear-gradient(180deg,#102d5500 25%,#102d5533)}
.gr-place{position:absolute;left:32px;top:28px;color:#fff;font-size:12px;letter-spacing:.12em;font-weight:650;text-shadow:0 1px 5px #102d55}
.gr-facts{position:absolute;right:32px;bottom:34px;width:340px;padding:24px 27px;border:1px solid #e1eaf6;border-radius:5px;color:#fff;background:#102d55ed}
.gr-fact{display:flex;align-items:center;gap:18px;padding:15px 0}
.gr-fact+.gr-fact{border-top:1px solid #ffffff26}
.gr-fact svg{width:39px;height:39px;stroke-width:2.2;flex:none}
.gr-fact strong{display:block;font-size:18px;line-height:1.5;font-weight:650}
.gr-fact small{display:block;font-size:14px;line-height:1.5;color:#e3ebf7;margin-top:2px}
.gr-note{margin:0;padding:20px 0;font-size:14px;line-height:1.6;color:#455e7c}
@media(max-width:1400px){.gr-header .gr-nav{gap:18px;font-size:14px}.gr-header-inner{gap:20px}.gr-logo strong{font-size:25px}.gr-header-action{font-size:14px;padding-inline:17px}.gr-hero h1{font-size:40px}.gr-copy p{font-size:18px}.gr-copy .gr-price{font-size:19px}.gr-copy .gr-materials{font-size:17px}.gr-copy{padding-right:35px;padding-block:42px}.gr-eyebrow{font-size:12px}.gr-button{font-size:16px;padding:16px 21px}.gr-header-action{padding:12px 17px;font-size:14px}.gr-facts{width:315px;right:24px;padding:19px 23px}.gr-fact strong{font-size:17px}.gr-fact small{font-size:13px}}
@media(max-width:1080px){.gr-container{width:calc(100% - 56px)}.gr-header .gr-nav{gap:16px;font-size:13px}.gr-logo strong{font-size:23px}.gr-logo small{font-size:10px}.gr-header-action{font-size:13px;padding:12px 16px;gap:10px}.gr-hero h1{font-size:36px}.gr-copy{padding-right:28px}.gr-eyebrow{font-size:11px;letter-spacing:.045em}.gr-facts{width:300px;right:22px;bottom:30px}.gr-fact{gap:16px}.gr-fact strong{font-size:17px}.gr-fact small{font-size:13px}.gr-place{font-size:11px;left:24px}}
@media(max-width:880px){.gr-header .gr-nav{display:none}.gr-header .gr-menu{display:block}.gr-header-action{margin-left:auto}.gr-hero{grid-template-columns:1fr;min-height:0}.gr-copy{padding:36px 0;max-width:700px}.gr-hero h1{font-size:36px;max-width:620px}.gr-copy p{font-size:18px}.gr-visual{height:520px}.gr-facts{width:340px}.gr-fact strong{font-size:18px}.gr-fact small{font-size:14px}}
@media(max-width:480px){.gr-container{width:calc(100% - 36px)}.gr-header-inner{min-height:80px;gap:15px}.gr-header-action{display:none}.gr-hero h1{font-size:31px;line-height:1.22}.gr-copy p{font-size:17px}.gr-copy .gr-materials{font-size:16px}.gr-eyebrow{font-size:11px}.gr-actions{display:grid;grid-template-columns:1fr}.gr-button{width:100%;font-size:15px;min-height:55px}.gr-visual{height:490px}.gr-facts{left:16px;right:16px;width:auto;bottom:20px;padding:18px 20px}.gr-fact{padding:12px 0}.gr-fact strong{font-size:16px}.gr-fact small{font-size:13px}.gr-fact svg{width:34px;height:34px}.gr-place{left:20px;top:22px;font-size:10px}}
/* Production links and the existing menu controller. */
.gv-brand-art{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:1409/211}
.gv-brand-art img{position:absolute;display:block;width:109.0135%;max-width:none;height:auto;left:-4.4003%;top:-107.5829%}
.gr-header .gr-logo{width:340px}
.gv-footer-logo{display:block;width:300px;flex:none}
.gr-place small{display:block;font-size:10px;font-weight:450;line-height:1.5;letter-spacing:.04em;text-transform:none;margin-top:5px}
@media(max-width:1400px){.gr-header .gr-logo{width:300px}}
@media(max-width:1080px){.gr-header .gr-logo{width:250px}}
@media(max-width:480px){.gr-header .gr-logo{width:205px}.gv-footer-logo{width:240px}.gr-place small{font-size:9px}}
.gr-header .gr-logo{display:block}
.gr-header .gr-logo strong{color:#102d55}
.gr-button{transition:background .2s,box-shadow .2s}
.gr-button:hover{background:#1d426f;box-shadow:0 5px 15px #102d5514}
.gr-button.gr-secondary:hover{background:#f3f6fa}
.gr-header .gr-nav a:hover{color:#567399}
.gr-header-action .arrow{font-size:23px;line-height:1}
.gr-fact>div{min-width:0}
.gr-copy{min-width:0}
.gr-fact .icon-wash{fill:#fff;opacity:.1}
html{scroll-padding-top:128px}
@media(max-width:1020px){
 .gr-header .gr-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid #dce4ee;box-shadow:0 10px 15px #102d5508;padding:16px 28px 24px;z-index:2}
 .gr-header .gr-menu{display:block}
 .gr-header-action{margin-left:auto}
 .gr-header .gr-nav.is-open{display:flex}
 .gr-header .gr-nav a{font-size:16px;padding:12px 0}
}
@media(max-width:620px){.gr-header-action{display:none}}
@media(max-width:480px){
 html{scroll-padding-top:104px}
 .gr-visual{height:auto;min-height:0;padding:0;background:#eff4fa}
 .gr-photo{position:static;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
 .gr-shade{display:none}
 .gr-facts{position:relative;left:auto;right:auto;bottom:auto;width:calc(100% - 32px);margin:-22px 16px 20px}
}