/* Generated ambient artwork. The hero mask protects the entire hardware silhouette. */
.gp-home{--gp-hero-lift:clamp(48px,8svh,96px);--gp-ambient-strength:1;--gp-hero-elevation:1}
.gp-home .gp-opening-media{transform:translateY(calc(-1 * var(--gp-hero-lift) * var(--gp-hero-elevation)))}
.gp-home .gp-hero-panel{padding-top:32px;padding-bottom:calc(32px + 2 * var(--gp-hero-lift))}
/* Keep live copy beneath the sticky chrome; record elevation is media-only. */
@media(min-width:901px){
  .gp-home .gp-hero-panel{padding-top:calc(var(--gp-header-space) + var(--gp-s24));padding-bottom:var(--gp-s24)}
  .gp-home .gp-hero-copy h1{width:max-content;max-width:none;white-space:nowrap;font-size:clamp(40px,4.5vw,64px)}
  .gp-home.gp-motion-ready .gp-hero-inner{transform:translateY(calc(-1 * var(--gp-hero-start-offset,0px)))}
}
@media(min-width:901px) and (max-height:760px){
  .gp-home .gp-hero-copy .gp-lead{margin-top:var(--gp-s16)}
  .gp-home .gp-hero-copy .gp-actions{margin-top:var(--gp-s24)}
  .gp-home .gp-opening-bottom{display:none}
}
.gp-home .gp-hero-ambient{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:calc(.78 * var(--gp-ambient-strength));mask-image:linear-gradient(transparent 0%,#000 10%,#000 84%,transparent 100%)}
.gp-home .gp-hero-ambient image{width:1920px;height:1080px}
.gp-home .gp-engraving-ambient{position:absolute;inset:0;pointer-events:none;background:url('images/backgrounds/engraving-traces-v1.png') center center/cover no-repeat;opacity:.48;mask-image:linear-gradient(90deg,#000 0%,#000 28%,transparent 51%)}
.gp-home .gp-engraving-ambient:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 40% 50% at 38% 46%,#000 25%,#000000f2 58%,transparent 100%),linear-gradient(#000 0%,transparent 18%,transparent 82%,#000 100%)}
@media(max-width:819px){
  .gp-home .gp-opening-media{transform:none}
  .gp-home .gp-hero-panel{padding:32px 0 28px;isolation:isolate}
  .gp-home .gp-hero-panel:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('images/backgrounds/hero-grooves-v1.webp') left bottom/auto 100% no-repeat;opacity:.26;mask-image:linear-gradient(#000,transparent 94%)}
  .gp-home .gp-hero-ambient{width:190%;height:auto;aspect-ratio:16/9;max-width:none;inset:auto;top:50%;left:-90%;transform:translateY(-50%)}
  .gp-home .gp-engraving-ambient{background-position:left center;background-size:auto 100%;opacity:.36;mask-image:linear-gradient(90deg,#000,transparent 48%)}
}
@media(min-width:820px) and (max-height:600px){.gp-home{--gp-hero-lift:40px}}
@media print,(forced-colors:active){.gp-home .gp-hero-ambient,.gp-home .gp-engraving-ambient,.gp-home .gp-hero-panel:before{display:none!important}.gp-home .gp-opening-media{transform:none}}
@media print{.gp-home .gp-hero-panel{padding-block:24px}}