/* Reference-inspired condensed, brushed aluminium lettering; preview only. */
.statement-hero h1.silver-wordmark{font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;font-size:clamp(96px,11.8vw,170px);line-height:.83;letter-spacing:-.035em;width:460px;max-width:46%;margin:0;text-wrap:nowrap}
.statement-hero h1.silver-wordmark span{display:block;width:max-content;font-weight:900;color:#ddd;background:#ddd url('assets/aluminium-can-v45.svg') center/460px 330px;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transform-origin:left center;filter:drop-shadow(0 -1px 0 rgba(255,255,255,.6)) drop-shadow(0 1px 0 #5f6870)}
.statement-hero h1.silver-wordmark span:first-child{transform:scaleX(1.03)}
.statement-hero .hero-saying{font-size:clamp(20px,2vw,27px);line-height:1.12;margin:25px 0 0;color:#eee;font-weight:400;letter-spacing:-.02em}
.statement-hero .hero-row{margin-top:6px;gap:22px}
.statement-hero .ar{font-size:27px}
@media(max-width:1099px) and (min-width:761px){.statement-hero h1.silver-wordmark{font-size:12vw}.statement-hero .hero-saying{font-size:22px}}
@media(max-width:760px){.statement-hero{padding-top:35px;padding-bottom:320px;min-height:780px}.statement-hero h1.silver-wordmark{font-size:clamp(96px,25vw,160px);max-width:100%;width:100%;line-height:.83}.statement-hero .hero-saying{font-size:22px;margin-top:18px}.statement-hero .hero-row{margin-top:7px;gap:14px}.statement-hero .ar{font-size:26px}}

.statement-hero .hero-saying{color:#dddfe0}.statement-hero .hero-row .ar{color:#f0f0ed}.statement-hero .ctas .btn{font-weight:500}.statement-hero .btn-ghost{border-color:rgba(216,220,223,.45)}

/* Match the primary action to the aluminium headline. */
.statement-hero .btn-chrome{background:#e0e3e5 url('assets/aluminium-can-v45.svg') center/cover;color:#111315;border:1px solid #d2d6d9;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(81,89,96,.2);transition:filter .2s ease,transform .2s ease}
.statement-hero .btn-chrome:hover{filter:brightness(1.08);transform:translateY(-2px)}
.statement-hero .btn-chrome:focus-visible{outline:2px solid #EDC340;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.statement-hero .btn-chrome{transition:none}.statement-hero .btn-chrome:hover{transform:none}}
