/* Figma 307:16 / 391:16: header + hero use different desktop/mobile compositions. */
.gd-redesign { --gd-green:#9fe0ae; }
.gd-header { padding-inline:5.14%; gap:32px; }
.gd-brand { width:calc(32.92vw - 106px); }
.gd-desktop-nav { margin-left:0; }
.gd-desktop-nav ul { gap:32px; }
.gd-desktop-nav a { font-size:14px; }
.gd-header-actions { gap:32px; }
.gd-socials { gap:12px; }
.gd-socials img { filter:none; width:28px; height:28px; }
.gd-cart { display:block; width:31px; height:31px; flex-shrink:0; }
.gd-cart img { width:31px; height:31px; }
.gd-hero { grid-template-columns:32.9167% 1fr; min-height:568px; }
.gd-hero-copy { position:relative; padding:205px 36px 86px 5.14vw; justify-content:flex-start; }
.gd-hero-badge { position:absolute; left:5.625vw; top:0; width:111px; height:45px!important; max-width:none!important; margin:0; }
.gd-hero h1 { font-size:61px; line-height:1.15; margin:0; }
.gd-hero-copy>p { font-size:19px; line-height:1.3; margin-top:4px; max-width:358px; }
.gd-hero .gd-buttons { margin-top:38px; gap:24px; }
.gd-hero .gd-button { font-size:14px; padding:10px 22px; }
.gd-hero-photo { object-position:center 65%; }
.gd-hero-video { position:absolute; inset:0; z-index:3; width:100%; height:100%; object-fit:contain; background:#000; }
.gd-play { top:43.57%; display:block; z-index:2; width:145px; height:107px; padding:0; border:0; border-radius:20px; background:transparent; }
.gd-play img { width:100%; height:100%; }
.gd-play:hover { background:#ffffff20; }
@media(min-width:1600px) {
  .gd-hero { min-height:calc(44.5833vw - 74px); }
  .gd-hero-copy { padding-top:calc(19.375vw - 84px); padding-left:5.14vw; }
}
@media(min-width:901px) and (max-width:1250px) {
  .gd-header { gap:20px; padding-inline:32px; }
  .gd-brand { width:22%; }
  .gd-desktop-nav ul { gap:20px; }
  .gd-header-actions { gap:20px; margin-left:auto; }
  .gd-hero-copy { padding-left:32px; padding-right:20px; padding-top:150px; }
  .gd-hero-badge { left:32px; }
  .gd-hero h1 { font-size:clamp(42px,4.24vw,61px); }
  .gd-hero .gd-buttons { flex-wrap:wrap; gap:12px; }
}
@media(max-width:900px) {
  .gd-header { height:60px; padding-inline:21px; }
  .gd-brand { width:auto; }
  .gd-brand .gd-logo { width:61px; height:25px; max-height:none; }
  .gd-header-actions { gap:20px; }
  .gd-hero { grid-template-columns:40% 60%; }
  .gd-hero-copy { padding:140px 24px 50px; }
  .gd-hero-badge { left:24px; top:18px; }
  .gd-hero h1 { font-size:45px; }
  .gd-hero .gd-buttons { gap:12px; flex-wrap:wrap; }
}
@media(max-width:600px) {
  .gd-hero { display:flex; flex-direction:column; min-height:0; }
  .gd-hero-media { position:relative; inset:auto; order:0; width:100%; height:121.5vw; max-height:620px; }
  .gd-hero-media:after { display:none; }
  .gd-hero-copy { order:1; min-height:341px; padding:26px 22px 24px; pointer-events:auto; background:var(--gd-ink); }
  .gd-hero-badge { display:none; }
  .gd-hero h1 { font-size:45px; line-height:1.15; }
  .gd-hero-copy>p { font-size:16px; line-height:1.3; margin-top:8px; max-width:341px; }
  .gd-hero .gd-buttons { width:100%; margin-top:24px; display:flex; flex-direction:column; gap:12px; }
  .gd-hero .gd-button { width:100%; font-size:14px; }
  .gd-hero-photo { object-position:63% 65%; }
  .gd-hero .gd-play { top:43.57%; display:block; top:61%; left:50%; width:145px; height:107px; }
}

/* Local Plyr controls for inline hero playback. */
.gd-hero-media > .plyr {
  position:absolute; inset:0; z-index:3; width:100%; height:100%;
  --plyr-color-main:#9fe0ae;
  --plyr-video-control-color-hover:#252526;
  --plyr-font-family:Montserrat,sans-serif;
  --plyr-control-radius:8px;
  --plyr-control-icon-size:18px;
  --plyr-control-spacing:12px;
}
.gd-hero-media .plyr__video-wrapper { height:100%; }
.gd-hero-media .plyr .gd-hero-video { position:static; height:100%; object-fit:contain; }
.gd-hero-media .plyr__controls { padding:32px 22px 18px; }
.gd-hero-media .plyr[hidden] { display:none; }
@media(max-width:600px) {
  .gd-hero-media .plyr__controls { padding:24px 12px 14px; }
  .gd-hero-media .plyr__volume input { display:none; }
}

.gd-hero .gd-hero-video-close {position:absolute;top:16px;right:16px;z-index:5;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:var(--gd-ink) url('../assets/figma-footer/close.svg') center/28px 28px no-repeat;color:#fff;font-size:0;display:grid;place-items:center}
.gd-hero-video-close[hidden] {display:none}
@media(max-width:600px){
 .gd-hero-media.is-playing {height:auto;max-height:none;aspect-ratio:var(--gd-video-ratio,16 / 9)}
 .gd-hero-video-close {top:10px;right:10px}
}