.gg-design{--gg-canvas: var(--brand-canvas);--gg-surface: var(--brand-surface);--gg-surface-raised: var(--brand-surface-raised);--gg-text: var(--brand-text);--gg-text-muted: var(--brand-text-muted);--gg-border: var(--brand-border);--gg-border-strong: var(--brand-border-strong, var(--brand-accent));--gg-accent: var(--brand-accent);--gg-accent-secondary: var(--brand-accent-secondary, var(--brand-accent));--gg-accent-soft: var(--brand-accent-soft, var(--brand-surface));--gg-on-accent: var(--brand-on-accent, var(--brand-on-action));--gg-action: var(--brand-action);--gg-action-hover: var(--brand-action-hover, var(--brand-action));--gg-action-active: var(--brand-action-active, var(--brand-action));--gg-on-action: var(--brand-on-action);--gg-focus: var(--brand-focus);--gg-shadow-color: var(--brand-shadow);--gg-overlay: var(--brand-overlay);--gg-success: var(--brand-success, var(--brand-accent));--gg-warning: var(--brand-warning, var(--brand-accent));--gg-error: var(--brand-error, var(--brand-text));--gg-glow: var(--brand-glow, var(--brand-accent));--gg-highlight: var(--brand-highlight, var(--brand-on-action));--gg-promo-start: var(--brand-promo-start, var(--brand-action));--gg-promo-mid: var(--brand-promo-mid, var(--gg-promo-start));--gg-promo-end: var(--brand-promo-end, var(--gg-promo-start));--gg-on-promo: var(--brand-on-promo, var(--brand-on-action));--gg-font-body: Inter, system-ui, sans-serif;--gg-font-display: var(--gg-font-body);--gg-body-size: 1rem;--gg-small-size: .875rem;--gg-label-size: .6875rem;--gg-display-size: clamp(3rem, 5.5vw, 4.875rem);--gg-section-title-size: clamp(2.375rem, 5vw, 3.875rem);--gg-display-leading: .98;--gg-body-leading: 1.65;--gg-heading-tracking: -.04em;--gg-label-tracking: .18em;--gg-space-1: .25rem;--gg-space-2: .5rem;--gg-space-3: .75rem;--gg-space-4: 1rem;--gg-space-5: 1.25rem;--gg-space-6: 1.5rem;--gg-space-8: 2rem;--gg-space-10: 2.5rem;--gg-space-12: 3rem;--gg-space-16: 4rem;--gg-space-20: 5rem;--gg-space-25: 6.25rem;--gg-page-max: 90rem;--gg-hero-max: 78.125rem;--gg-reading-max: 56.25rem;--gg-page-gutter: 2.5rem;--gg-section-space: 5rem;--gg-pdp-gap: 3rem;--gg-radius-input: .25rem;--gg-radius-hero-action: .375rem;--gg-radius-faq: .625rem;--gg-radius-action: .875rem;--gg-radius-review: .875rem;--gg-radius-offer: 1.125rem;--gg-radius-addon: 1.375rem;--gg-radius-media: 1.75rem;--gg-radius-pill: 999px;--gg-stroke: 1px;--gg-shadow-raised: 0 12px 36px var(--gg-shadow-color);--gg-motion-fast: .2s;--gg-motion-ui: .3s;--gg-motion-drawer: .55s;--gg-motion-ambient: 5s;--gg-ease-out: cubic-bezier(.2, .8, .2, 1);--gg-ease-drawer: cubic-bezier(.77, 0, .18, 1);--gg-float-distance: -.375rem;--gg-hover-lift: -.1875rem;--gg-glow-opacity: .12;--gg-glow-blur: 2.5rem;--gg-layer-decor: 0;--gg-layer-content: 1;--gg-layer-sticky: 20;--gg-layer-overlay: 40;--gg-layer-dialog: 50;color:var(--gg-text);background:var(--gg-canvas);font-family:var(--gg-font-body);font-size:var(--gg-body-size);line-height:var(--gg-body-leading);isolation:isolate}.gg-design,.gg-design *,.gg-design *:before,.gg-design *:after{box-sizing:border-box}.gg-design :where(button,input,textarea,select){font:inherit}.gg-design :where(img,video){max-inline-size:100%}.gg-design :where(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--gg-focus);outline-offset:4px}.gg-design .gg-container{inline-size:min(var(--gg-page-max),calc(100% - 2 * var(--gg-page-gutter)));margin-inline:auto}.gg-design .gg-section{padding-block:var(--gg-section-space)}.gg-design .gg-reading{max-inline-size:var(--gg-reading-max);margin-inline:auto}.gg-design .gg-section-head{max-inline-size:40.625rem;margin:0 auto 3rem;text-align:center}.gg-design .gg-eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin-block-end:1rem;font-size:var(--gg-label-size);font-weight:700;line-height:1.4;letter-spacing:var(--gg-label-tracking);text-transform:uppercase}.gg-design .gg-display,.gg-design .gg-section-title{margin:0;font-family:var(--gg-font-display);font-weight:800;font-size:var(--gg-display-size);line-height:var(--gg-display-leading);letter-spacing:var(--gg-heading-tracking);text-wrap:balance;overflow-wrap:break-word}.gg-design .gg-section-title{font-size:var(--gg-section-title-size)}.gg-design .gg-emphasis{display:block;color:var(--gg-accent)}.gg-design .gg-description{max-inline-size:35rem;color:var(--gg-text-muted)}.gg-design .gg-section-head .gg-description{margin-inline:auto}.gg-design .gg-pdp-grid{display:grid;grid-template-columns:minmax(0,1fr) min(50vw,25rem);gap:var(--gg-pdp-gap);align-items:start}.gg-design .gg-pdp-grid>*{min-inline-size:0}.gg-design .gg-purchase-stack{display:grid;gap:1.3125rem}.gg-design .gg-bundle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.gg-design .gg-offer-card{position:relative;padding:.875rem 1rem;border:var(--gg-stroke) solid var(--gg-border);border-radius:var(--gg-radius-offer);color:var(--gg-text);background:var(--gg-surface);text-align:start}.gg-design .gg-offer-card[data-featured=true]{border-color:var(--gg-border-strong);background:var(--gg-accent-soft)}.gg-design .gg-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border:var(--gg-stroke) solid var(--gg-border);border-radius:var(--gg-radius-pill);font-size:var(--gg-label-size);font-weight:700;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}.gg-design .gg-price{font-size:1.75rem;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.gg-design .gg-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-block-size:2.75rem;padding:.875rem 1.5rem;border:0;border-radius:var(--gg-radius-action);color:var(--gg-on-action);background:var(--gg-action);font-weight:800;line-height:1.2;text-decoration:none;cursor:pointer;transition:transform var(--gg-motion-fast) var(--gg-ease-out),background var(--gg-motion-fast)}.gg-design .gg-button:active:not(:disabled):not([aria-disabled=true]){background:var(--gg-action-active);transform:scale(.98)}.gg-design .gg-button:is(:disabled,[aria-disabled=true]){cursor:not-allowed}.gg-design .gg-button[aria-busy=true]{cursor:progress}.gg-design .gg-faq-item{border:var(--gg-stroke) solid var(--gg-border);border-radius:var(--gg-radius-faq);background:var(--gg-surface)}.gg-design .gg-faq-item+.gg-faq-item{margin-block-start:.625rem}.gg-design .gg-faq-item>summary{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.375rem 1.5rem;list-style:none;cursor:pointer;font-weight:700}.gg-design .gg-faq-item>summary::-webkit-details-marker{display:none}.gg-design .gg-faq-item>summary:after{content:"+";display:grid;place-items:center;flex:0 0 1.875rem;block-size:1.875rem;border:var(--gg-stroke) solid var(--gg-border);border-radius:50%}.gg-design .gg-faq-item[open]{border-color:var(--gg-border-strong)}.gg-design .gg-faq-item[open]>summary:after{content:"\2212"}.gg-design .gg-faq-answer{padding:0 1.5rem 1.5rem}.gg-design .gg-media-reel{display:flex;gap:1.125rem;overflow-x:auto;scroll-snap-type:x proximity}.gg-design .gg-media-reel>*{flex:0 0 calc((100% - 2.25rem) / 3);min-inline-size:0;aspect-ratio:4 / 5;scroll-snap-align:start}.gg-design .gg-media-reel img{display:block;inline-size:100%;block-size:100%;object-fit:cover;border-radius:0}.gg-design .gg-promo{color:var(--gg-on-promo);background:linear-gradient(110deg,var(--gg-promo-start),var(--gg-promo-mid) 45%,var(--gg-promo-end))}.gg-design .gg-atmosphere{position:absolute;top:10%;right:10%;bottom:10%;left:10%;z-index:var(--gg-layer-decor);border-radius:50%;pointer-events:none;background:radial-gradient(ellipse,var(--gg-glow),transparent 70%);opacity:var(--gg-glow-opacity);filter:blur(var(--gg-glow-blur))}@media(hover:hover){.gg-design .gg-button:hover:not(:active):not(:disabled):not([aria-disabled=true]){background:var(--gg-action-hover);transform:translateY(var(--gg-hover-lift))}}@media(min-width:1200px){.gg-design .gg-pdp-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}@media(max-width:749px){.gg-design{--gg-page-gutter: 1rem;--gg-section-space: 3rem;--gg-display-size: clamp(2.5rem, 10vw, 3rem);--gg-section-title-size: clamp(2.125rem, 8.5vw, 2.625rem);--gg-radius-offer: 1rem;--gg-radius-addon: 1.125rem;--gg-radius-media: 1.375rem}.gg-design .gg-pdp-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem}.gg-design .gg-bundle-grid{gap:.5rem}.gg-design .gg-offer-card{padding:.75rem}.gg-design .gg-section-head{margin-block-end:2rem}.gg-design .gg-faq-item>summary{padding:1.125rem 1rem}.gg-design .gg-faq-answer{padding:0 1rem 1.25rem}.gg-design .gg-media-reel{gap:.75rem}.gg-design .gg-media-reel>*{flex-basis:calc((100% - .75rem) / 1.5)}}@media(prefers-reduced-motion:no-preference){.gg-design .gg-ambient{animation:gg-ambient var(--gg-motion-ambient) ease-in-out infinite}.gg-design .gg-reveal{animation:gg-reveal .8s var(--gg-ease-out) both}}@keyframes gg-ambient{0%,to{transform:translateY(0)}50%{transform:translateY(var(--gg-float-distance))}}@keyframes gg-reveal{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.gg-design .gg-ambient,.gg-design .gg-reveal{animation:none;opacity:1;transform:none}.gg-design .gg-button{transition:none}.gg-design .gg-button:hover,.gg-design .gg-button:active{transform:none!important}.gg-design .gg-media-reel{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/sz-styles-design-foundations.css.map */