.su-page{background:var(--pg-offwhite, #FAF7F2);overflow-x:hidden}.su-page *,.su-page *:before,.su-page *:after{box-sizing:border-box}.su-page .su-particle{position:absolute;pointer-events:none;opacity:.5;z-index:1;animation:su-float 9s ease-in-out infinite}.su-page .su-particle.subtle{opacity:.32}.su-page .su-particle.dim{opacity:.2}.su-page .su-particle:nth-child(odd){animation-direction:alternate;animation-duration:11s}.su-page .su-particle:nth-child(3n){animation-duration:7s}@keyframes su-float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-14px) rotate(8deg)}66%{transform:translateY(8px) rotate(-6deg)}}.su-page .su-hero{background:var(--pg-offwhite, #FAF7F2);padding:56px 32px 72px;position:relative;overflow:hidden;text-align:center}.su-page .su-hero__inner{max-width:820px;margin:0 auto;position:relative;z-index:2}.su-page .su-hero__accent{font-family:var(--pg-font-script, "Caveat", cursive);font-weight:700;color:var(--pg-orange, #FF6B35);font-size:24px;display:inline-block;transform:rotate(-4deg);line-height:1;margin-bottom:10px}.su-page .su-hero h1{font-family:var(--pg-font-display, "Archivo Black", sans-serif);font-size:clamp(44px,7vw,88px);line-height:.95;color:var(--pg-navy, #0B1F4D);text-transform:uppercase;margin:0}.su-page .su-hero h1 .su-word-1{display:inline-block;transform:rotate(-1.5deg);margin-right:6px}.su-page .su-hero h1 .su-word-2{display:inline-block;background:var(--pg-orange, #FF6B35);color:var(--pg-white, #ffffff);padding:4px 22px 8px;transform:rotate(2deg);border-radius:4px 2px 5px 3px/5px 3px 7px 4px}.su-page .su-hero__lead{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--pg-navy, #0B1F4D);max-width:560px;margin:18px auto 0}.su-page .su-nav{position:sticky;top:80px;background:var(--pg-white, #ffffff);border-bottom:2px solid rgba(11,31,77,.06);z-index:40;padding:14px 24px}.su-page .su-nav__inner{max-width:1100px;margin:0 auto;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center}.su-page .su-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--pg-offwhite, #FAF7F2);border:2px solid rgba(11,31,77,.08);font-family:var(--pg-font-display, "Archivo Black", sans-serif);font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--pg-navy, #0B1F4D);text-decoration:none;transition:all .2s ease;border-radius:5px 2px 4px 3px/3px 4px 2px 5px}.su-page .su-chip:nth-child(odd){transform:rotate(-1.5deg)}.su-page .su-chip:nth-child(2n){transform:rotate(1.5deg)}.su-page .su-chip:hover{background:var(--pg-navy, #0B1F4D);color:var(--pg-white, #ffffff);border-color:var(--pg-navy, #0B1F4D);transform:rotate(0) scale(1.05)}.su-page .su-chip__dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.su-page .su-games{position:relative}.su-page .su-game{position:relative;overflow:hidden;padding:72px 32px;scroll-margin-top:150px}.su-page .su-game__inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center;position:relative;z-index:2}.su-page .su-game--reverse .su-game__inner{grid-template-columns:1.08fr .92fr}.su-page .su-game--reverse .su-game__media{order:-1}.su-page .su-game--peach{background:var(--pg-peach, #FFD4A8)}.su-page .su-game--mint{background:var(--pg-mint, #B8E0D2)}.su-page .su-game--orange{background:var(--pg-orange, #FF6B35)}.su-page .su-game__tag{font-family:var(--pg-font-script, "Caveat", cursive);font-weight:700;font-size:22px;color:var(--pg-orange, #FF6B35);transform:rotate(-3deg);display:inline-block;margin-bottom:4px}.su-page .su-game--orange .su-game__tag{color:var(--pg-navy, #0B1F4D)}.su-page .su-game h2{font-family:var(--pg-font-display, "Archivo Black", sans-serif);font-size:clamp(32px,4.6vw,56px);line-height:1;color:var(--pg-navy, #0B1F4D);text-transform:uppercase;margin:0 0 14px}.su-page .su-game--orange h2{color:var(--pg-white, #ffffff)}.su-page .su-game__desc{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15.5px;line-height:1.65;color:var(--pg-navy, #0B1F4D);margin:0 0 24px;max-width:460px}.su-page .su-game--orange .su-game__desc{color:var(--pg-white, #ffffff)}.su-page .su-specs{display:flex;flex-wrap:wrap;gap:12px}.su-page .su-spec{display:flex;align-items:center;gap:10px;background:var(--pg-white, #ffffff);padding:10px 16px;border-radius:6px 3px 7px 4px/4px 6px 3px 7px}.su-page .su-spec:nth-child(odd){transform:rotate(-1.5deg)}.su-page .su-spec:nth-child(2n){transform:rotate(1.5deg)}.su-page .su-spec__icon{width:26px;height:26px;flex-shrink:0;color:var(--pg-orange, #FF6B35);display:inline-flex;align-items:center;justify-content:center}.su-page .su-spec__icon svg{width:24px;height:24px}.su-page .su-spec__body{display:flex;flex-direction:column;line-height:1.1}.su-page .su-spec__value{font-family:var(--pg-font-display, "Archivo Black", sans-serif);font-size:14px;color:var(--pg-navy, #0B1F4D);text-transform:uppercase}.su-page .su-spec__label{font-family:var(--pg-font-script, "Caveat", cursive);font-weight:700;font-size:14px;color:var(--pg-orange, #FF6B35);transform:rotate(-2deg);display:inline-block}.su-page .su-game__media{position:relative}.su-page .su-video,.su-page .su-no-video{position:relative;aspect-ratio:16 / 9;border-radius:6px 3px 7px 4px/4px 7px 3px 6px;overflow:hidden;transform:rotate(-1deg)}.su-page .su-video{background:var(--pg-navy, #0B1F4D);cursor:pointer;transition:transform .2s ease}.su-page .su-game--reverse .su-video,.su-page .su-game--reverse .su-no-video{transform:rotate(1deg)}.su-page .su-video:hover{transform:rotate(0) scale(1.015)}.su-page .su-video img,.su-page .su-video iframe{width:100%;height:100%;object-fit:cover;display:block;border:0}.su-page .su-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:78px;height:78px;background:var(--pg-orange, #FF6B35);border-radius:8px 4px 9px 5px/5px 9px 4px 8px;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:transform .18s ease}.su-page .su-video:hover .su-play{transform:translate(-50%,-50%) scale(1.1) rotate(-4deg)}.su-page .su-play svg{width:34px;height:34px;color:var(--pg-white, #ffffff);margin-left:4px}.su-page .su-no-video{background:#ffffff8c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.su-page .su-game--orange .su-no-video{background:#0b1f4d24}.su-page .su-no-video__icon{width:40px;height:40px;color:var(--pg-navy, #0B1F4D);opacity:.5}.su-page .su-no-video p{font-family:var(--pg-font-display, "Archivo Black", sans-serif);font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--pg-navy, #0B1F4D);opacity:.6;margin:0}.su-page .su-game--orange .su-no-video__icon,.su-page .su-game--orange .su-no-video p{color:var(--pg-white, #ffffff);opacity:.8}.su-page .su-sticker{position:absolute;z-index:12;font-family:var(--pg-font-script, "Caveat", cursive);font-weight:700;font-size:20px;padding:6px 16px;background:var(--pg-white, #ffffff);color:var(--pg-navy, #0B1F4D);border-radius:6px 3px 7px 4px/4px 7px 3px 6px;white-space:nowrap}.su-page .su-sticker--1{top:-16px;right:20px;transform:rotate(-7deg)}.su-page .su-sticker--2{bottom:-16px;left:20px;transform:rotate(6deg)}.su-page .su-sticker--orange{background:var(--pg-orange, #FF6B35);color:var(--pg-white, #ffffff)}.su-page .su-sticker--navy{background:var(--pg-navy, #0B1F4D);color:var(--pg-white, #ffffff)}.su-page .su-hero .pg-section-halftone,.su-page .su-game .pg-section-halftone{z-index:0!important}@media(max-width:900px){.su-page .su-game__inner,.su-page .su-game--reverse .su-game__inner{grid-template-columns:1fr;gap:36px}.su-page .su-game__media,.su-page .su-game--reverse .su-game__media{order:-1}.su-page .su-game{padding:56px 24px}.su-page .su-game__desc{max-width:none}}@media(max-width:640px){.su-page .su-hero{padding:40px 18px 52px}.su-page .su-nav{top:64px;padding:10px 14px}.su-page .su-chip{font-size:11px;padding:8px 13px}.su-page .su-game{padding:44px 16px}.su-page .su-game__inner{gap:26px}.su-page .su-video,.su-page .su-no-video,.su-page .su-game--reverse .su-video,.su-page .su-game--reverse .su-no-video{transform:rotate(0)}.su-page .su-play{width:60px;height:60px}.su-page .su-play svg{width:26px;height:26px}.su-page .su-sticker{font-size:16px;padding:5px 12px}.su-page .su-sticker--1{right:12px}.su-page .su-sticker--2{left:12px}.su-page .su-spec{padding:8px 12px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/pingion-speluitleg.css.map */