.experience-page{padding-block:24px 52px}.experience-hero{isolation:isolate;background:#171b23;border-radius:12px;grid-template-columns:1.1fr 1fr;align-items:center;display:grid;position:relative;overflow:hidden}.experience-hero>img,.experience-hero:after{width:100%;height:100%;position:absolute;inset:0}.experience-hero>img{object-fit:cover;object-position:right;z-index:-2}.experience-hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#171b23 15%,#171b23ef 40%,#171b2355 100%)}.experience-hero-copy{padding:clamp(26px,4.5vw,56px)}.experience-hero h1{letter-spacing:-.04em;font-size:clamp(2.25rem,4.8vw,4rem);line-height:1.06}.experience-hero p{color:#e0e4eb;max-width:43ch;margin-block:18px 24px}.experience-hero-covers{justify-content:center;align-items:center;padding:40px 28px;display:flex}.experience-hero-covers img{border-radius:10px;outline:1px solid #ffffff30;width:32%;max-width:154px;height:auto;box-shadow:0 18px 32px #0008}.experience-hero-covers img:first-child{transform:rotate(-10deg)translate(10px,12px)}.experience-hero-covers img:nth-child(2){z-index:1;position:relative;transform:translateY(-12px)}.experience-hero-covers img:last-child{transform:rotate(10deg)translate(-10px,12px)}.experience-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.experience-nav a{background:#20252e;border-radius:6px;gap:9px;padding:10px 14px}.experience-nav .icon,.experience-copy h2 .icon{width:21px;height:21px;color:var(--accent-light);flex:none}.experience-nav a:hover{background:#303844}.experience-areas{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.experience-areas section{background:#1b2028;border-radius:12px;scroll-margin-top:24px;overflow:hidden}.experience-games{grid-column:1/-1;grid-template-columns:1fr 1.05fr;align-items:center;display:grid}.experience-game-gallery{background:#141b24;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:26px;display:grid}.experience-game-gallery img{border-radius:8px;width:100%;height:auto}.experience-copy{padding:clamp(22px,3vw,34px)}.experience-copy h2{align-items:center;gap:10px;font-size:clamp(1.3rem,2.5vw,1.7rem);display:flex}.experience-copy p{color:var(--muted);max-width:60ch;margin-block:14px 20px}.experience-summary{display:flex}.experience-summary .experience-copy{flex-direction:column;align-items:flex-start;display:flex}.experience-summary .button{margin-top:auto}.experience-notes{gap:24px;margin-top:32px;display:grid}.experience-detail{background:#1b2028;border-radius:12px;scroll-margin-top:24px;overflow:hidden}.experience-detail-copy{padding:clamp(22px,3vw,34px)}.experience-detail h2{font-size:clamp(1.4rem,2.5vw,1.9rem);line-height:1.2}.experience-detail p{max-width:78ch;color:var(--muted);margin-top:14px}.experience-detail a{color:var(--accent-light)}.experience-payment{grid-template-columns:1.8fr 1fr;align-items:center;display:grid}.experience-detail-art{background:#151d27;align-content:center;align-self:stretch;justify-items:center;gap:20px;padding:24px;display:grid}.experience-detail-art>img{object-fit:contain;width:100px;height:100px}.experience-payment-logos{gap:14px;display:flex}.experience-payment-logos img{object-fit:contain;width:100px;height:56px}.experience-bonus{grid-template-columns:.9fr 1.25fr;align-items:stretch;display:grid}.experience-bonus-art{object-fit:cover;width:100%;height:100%;min-height:230px;display:block}.experience-feedback{background:0 0;border:1px solid #343c47}.experience-feedback .experience-detail-copy{max-width:960px}@media (width<=800px){.experience-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-games{grid-template-columns:1fr 1fr}.experience-game-gallery{gap:7px;padding:16px}}@media (width<=650px){.experience-hero,.experience-games,.experience-payment,.experience-bonus{grid-template-columns:minmax(0,1fr)}.experience-hero-covers{padding:8px 32px 36px}.experience-hero-covers img{max-width:115px}.experience-nav a{padding-inline:10px;font-size:.8rem}.experience-areas{grid-template-columns:minmax(0,1fr);margin-top:24px}.experience-game-gallery{padding:20px}.experience-summary .experience-copy{width:100%}.experience-detail-art{justify-content:center;gap:12px;padding:16px;display:flex}.experience-detail-art>img{width:60px;height:60px}.experience-payment-logos{gap:8px}.experience-payment-logos img{width:78px}.experience-bonus-art{object-position:center 45%;height:175px;min-height:0}}.experience-page section{margin-bottom:0}@media (width<=650px){.experience-hero:after{background:linear-gradient(110deg,#171b23fa 15%,#171b23de 65%,#171b23a8)}}.experience-feedback{background:#1b2028;border:0;grid-template-columns:1fr 1fr;display:grid}.experience-feedback .experience-detail-copy{padding:clamp(24px,4vw,42px)}.experience-feedback h2{max-width:22ch}.experience-feedback p:last-child{color:#aeb7c6;font-size:.9rem}.experience-contact{background:#222a35;padding:clamp(24px,4vw,42px)}.experience-email{align-items:center;gap:16px;display:flex}.experience-email svg{color:#ffad96;flex:none;width:32px;height:32px}.experience-email-label{color:#bcc6d5;margin-bottom:3px;font-size:.85rem;display:block}.experience-email strong{letter-spacing:-.025em;font-size:clamp(1.2rem,2.4vw,1.7rem);font-weight:650}.experience-contact dl>div{border-top:1px solid #414a58;padding-block:14px}.experience-contact dt{font-weight:650}.experience-contact dd{color:#c1cad8;margin:5px 0 0}.experience-contact .button{color:#fff}@media (width<=650px){.experience-feedback{grid-template-columns:minmax(0,1fr)}.experience-email{gap:12px}.experience-email strong{overflow-wrap:anywhere}}.experience-feedback .experience-detail-copy,.experience-contact{padding:28px 32px}.experience-contact dl{margin:20px 0 16px}.experience-contact dl>div{padding-block:12px}.experience-contact dl>div:last-child{padding-bottom:0}.experience-contact .button{margin:0}@media (width<=650px){.experience-feedback .experience-detail-copy,.experience-contact{padding:24px}}
