.gg-wyh{background:var(--gg-cream)}
.gg-wyh__promo{padding:18px 24px 0}

.gg-wyh__nav{padding:14px 18px;display:flex;align-items:center;justify-content:space-between}
.gg-wyh__links{display:none;align-items:center;gap:26px}
.gg-wyh__link{
  font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:var(--track-label);
  text-transform:uppercase;color:var(--gg-berry);text-decoration:none;border-bottom:0;
  display:inline-flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;padding:0;
  appearance:none;list-style:none;
}
.gg-wyh__link::-webkit-details-marker{display:none}
.gg-wyh__link--pill{color:var(--gg-cream);background:var(--gg-red);border-radius:var(--radius-pill);padding:11px 22px}

.gg-wyh__logo-link{display:block;justify-self:center}
.gg-wyh__icons{justify-self:end;display:flex;align-items:center;gap:22px;color:var(--gg-berry)}
.gg-wyh__icon{display:inline-flex;position:relative;color:inherit}
.gg-wyh__icon--desktop-only{display:none}
.gg-wyh__cart-count{
  position:absolute;left:16px;top:-8px;background:var(--gg-red);color:var(--gg-cream);
  font-family:var(--font-meta);font-size:10px;line-height:1;padding:4px 5px;border-radius:50%;
}
.gg-wyh__cart-count--dark{background:var(--gg-berry)}
.gg-wyh__hamburger{appearance:none;border:0;background:none;padding:0;color:var(--gg-berry);cursor:pointer;display:inline-flex}

/* Mobile drawer */
.gg-wyh__mobile-panel{
  position:fixed;inset:0;z-index:100;background:var(--gg-cream);transform:translateX(-100%);
  transition:transform var(--dur-slow) var(--ease-out);display:flex;flex-direction:column;padding:18px 20px 32px;
  overflow-y:auto;
}
.gg-wyh__mobile-panel.is-open{transform:translateX(0)}
.gg-wyh__mobile-panel-head{display:flex;align-items:center;justify-content:space-between}
.gg-wyh__mobile-close{appearance:none;border:0;background:none;padding:0;color:var(--gg-berry);cursor:pointer;display:inline-flex}
.gg-wyh__mobile-logo{display:block}
.gg-wyh__mobile-cart{position:relative;display:inline-flex;color:var(--gg-berry)}
.gg-wyh__mobile-links{display:flex;flex-direction:column;gap:22px;margin-top:48px}
.gg-wyh__mobile-link{
  font-family:var(--font-display);font-weight:600;font-size:24px;letter-spacing:var(--track-heading);
  text-transform:uppercase;color:var(--gg-berry);text-decoration:none;border-bottom:0;
  list-style:none;cursor:pointer;
}
.gg-wyh__mobile-link::-webkit-details-marker{display:none}
.gg-wyh__mobile-accordion{display:contents}
.gg-wyh__mobile-sublinks{display:flex;flex-direction:column;gap:14px;margin:14px 0 0 4px}
.gg-wyh__mobile-sublink{
  font-family:var(--font-display);font-weight:500;font-size:15px;letter-spacing:var(--track-label);
  text-transform:uppercase;color:var(--gg-berry);opacity:.75;text-decoration:none;
}
.gg-wyh__mobile-divider{height:0.6px;background:var(--gg-berry);opacity:.3;margin:6px 0}

@media (min-width:750px){
  .gg-wyh__icon--desktop-only{display:inline-flex}
}

@media (min-width:990px){
  .gg-wyh__hamburger{display:none}
  .gg-wyh__nav{padding:18px 40px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
  .gg-wyh__links{display:flex}
}

.gg-wyh__mission{position:relative;background:var(--gg-cream);padding:52px 22px 40px;display:grid;justify-items:center;gap:18px;text-align:center;overflow:hidden}
.gg-wyh__heading{position:relative;z-index:1;margin:0;max-width:820px;font-size:clamp(32px,8vw,76px);line-height:1;text-wrap:pretty;color:var(--gg-red)}
.gg-wyh__subheading{position:relative;z-index:1;margin:0;max-width:600px;font-family:var(--font-body);font-size:clamp(17px,3vw,26px);line-height:1.28}
.gg-wyh__edge{display:none}

@media (min-width:990px){
  .gg-wyh__mission{padding:150px 60px 160px}
  .gg-wyh__edge{display:block;position:absolute;z-index:0}
  .gg-wyh__edge img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px}
  .gg-wyh__edge--1{left:0;top:60px;width:210px;height:280px}
  .gg-wyh__edge--2{right:0;top:120px;width:190px;height:300px}
  .gg-wyh__edge--3{left:0;bottom:0;width:240px;height:250px}
  .gg-wyh__edge--4{right:60px;bottom:0;width:200px;height:230px}
}
