@font-face{font-family:Metropolis;src:url('../fonts/metropolis/metropolis-regular-webfont.woff2')}@font-face{font-family:Metropolis;src:url('../fonts/metropolis/metropolis-bold-webfont.woff2');font-weight:700}@font-face{font-family:Domine;src:url('../fonts/domine/domine-regular-webfont.woff2')}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#10050d;color:#f9ecf0}body{font-family:Metropolis,Arial,sans-serif}.hero{--x:0px;--y:0px;position:relative;min-height:100svh;height:100svh;overflow:hidden;background:#12060e;isolation:isolate}.hero-photo{position:absolute;z-index:-5;inset:0;background:url('../images/hero-bg-02.jpg') 72% center/cover no-repeat;transform:scale(1.025) translate(var(--x),var(--y));transition:transform 1.2s cubic-bezier(.2,.8,.2,1);animation:breath 12s ease-in-out infinite alternate}.shade{position:absolute;z-index:-4;inset:0;background:linear-gradient(90deg,#0b0309 0%,rgba(14,4,11,.97) 27%,rgba(28,7,19,.62) 52%,rgba(19,5,13,.12) 78%),linear-gradient(0deg,rgba(7,2,6,.9),transparent 32%,rgba(11,3,8,.3))}.glow{position:absolute;z-index:-3;border-radius:50%;filter:blur(4px);pointer-events:none}.glow-a{width:58vw;height:58vw;left:17%;top:44%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(198,18,100,.16),transparent 67%)}.glow-b{width:32vw;height:32vw;right:-6%;top:-8%;background:radial-gradient(circle,rgba(255,190,154,.13),transparent 65%)}.grain{position:absolute;z-index:9;inset:0;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{position:absolute;z-index:10;top:0;left:0;width:100%;height:88px;padding:0 clamp(24px,4.5vw,78px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(245,196,186,.14)}.wordmark{display:flex;align-items:center;color:#fff;text-decoration:none;gap:13px}.wordmark>span{font-family:Domine,Georgia,serif;font-size:22px;letter-spacing:-.08em}.wordmark i{width:42px;height:1px;background:linear-gradient(90deg,#e9b78e,transparent)}.wordmark small,.age span{font-size:7px;letter-spacing:.25em;color:#bda6ae}.age{display:flex;align-items:center;gap:10px}.age b{width:34px;height:34px;border:1px solid rgba(235,187,165,.45);border-radius:50%;display:grid;place-items:center;color:#e9b69f;font-size:10px}.content{width:100%;height:100%;max-width:1660px;margin:auto;padding:112px clamp(24px,6vw,100px) 70px;display:grid;grid-template-columns:minmax(470px,.94fr) minmax(330px,.72fr);gap:5vw;align-items:center}.copy{max-width:710px;position:relative;z-index:3}.kicker{display:flex;align-items:center;gap:13px;margin:0 0 14px;color:#d5abb8;font-size:8px;letter-spacing:.27em}.kicker i{width:42px;height:1px;background:#cc5377;box-shadow:0 0 12px #cc5377}.game-logo{width:clamp(270px,31vw,520px);height:auto;filter:drop-shadow(0 12px 24px rgba(0,0,0,.45));margin:0 0 9px -10px}.copy h1{font-family:Domine,Georgia,serif;font-size:clamp(50px,5.4vw,92px);font-weight:400;line-height:.91;letter-spacing:-.055em;margin:0 0 22px;color:#fff8f4;text-shadow:0 10px 40px #220914}.copy h1 em{font-weight:400;color:#df9e91}.intro{max-width:590px;margin:0;color:#c5b1b8;font-size:clamp(12px,1vw,15px);line-height:1.8}.actions{display:flex;align-items:center;gap:25px;margin-top:28px}.play{min-width:240px;padding:13px 15px 13px 20px;display:flex;align-items:center;justify-content:space-between;color:#260812;background:linear-gradient(120deg,#f0c7ad,#d68382 55%,#c3446d);text-decoration:none;box-shadow:0 18px 45px rgba(157,30,79,.28);clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);transition:.35s}.play span{font-size:13px;font-weight:700;letter-spacing:.12em}.play small{display:block;font-size:6px;letter-spacing:.3em;margin-bottom:4px;opacity:.65}.play b{font-size:20px}.play:hover{transform:translateY(-4px);filter:brightness(1.1);box-shadow:0 22px 55px rgba(194,48,98,.44)}.sound-wave{height:36px;display:flex;align-items:center;gap:4px}.sound-wave i{display:block;width:2px;height:8px;background:#d68999;animation:wave 1.25s ease-in-out infinite}.sound-wave i:nth-child(2){animation-delay:-.2s}.sound-wave i:nth-child(3){animation-delay:-.4s}.sound-wave i:nth-child(4){animation-delay:-.6s}.sound-wave i:nth-child(5){animation-delay:-.8s}.features{display:flex;gap:0;margin-top:35px;border-top:1px solid rgba(243,192,180,.17);width:min(650px,100%)}.features span{padding:15px 22px 0 0;margin-right:22px;border-right:1px solid rgba(243,192,180,.17);font-size:7px;letter-spacing:.16em;color:#bba3ab;white-space:nowrap}.features span:last-child{border-right:0}.features b{color:#d66c8a;margin-right:8px}.game-card{position:relative;z-index:2;justify-self:end;width:min(23vw,360px);margin-right:clamp(0px,4vw,70px);perspective:1100px;animation:float 5s ease-in-out infinite}.card-halo{position:absolute;inset:8% -24%;border-radius:50%;background:radial-gradient(circle,rgba(237,81,132,.22),transparent 67%);filter:blur(10px)}.card-frame{position:relative;padding:8px;background:linear-gradient(145deg,rgba(255,225,210,.55),rgba(110,34,67,.13));border:1px solid rgba(255,219,201,.38);box-shadow:0 35px 80px rgba(11,1,8,.7),0 0 0 8px rgba(35,7,24,.3);backdrop-filter:blur(8px);transform:rotateY(-8deg) rotateZ(1deg);transition:.5s}.game-card:hover .card-frame{transform:rotateY(0) rotateZ(0) scale(1.02)}.card-frame img{width:100%;height:min(57vh,560px);object-fit:cover;object-position:center 17%;display:block;filter:saturate(.86) contrast(1.04)}.card-top,.card-bottom{height:34px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;background:rgba(19,4,14,.88);font-size:6px;letter-spacing:.2em;color:#d5a7b4}.card-top b{color:#efbd9e;font-size:6px}.card-bottom{height:38px}.card-bottom i{font-style:normal;color:#e95686;filter:drop-shadow(0 0 7px #e95686);animation:beat 1.3s ease-in-out infinite}.game-card>p{text-align:right;font-size:7px;letter-spacing:.23em;line-height:1.7;color:#c8a6b0;margin:16px -8px 0 0}.game-card>p:after{content:"";display:inline-block;width:55px;height:1px;background:#d3949d;margin-left:12px;vertical-align:middle}footer{position:absolute;z-index:10;bottom:0;left:0;width:100%;height:48px;padding:0 clamp(24px,4.5vw,78px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid rgba(245,196,186,.12);font-size:6px;letter-spacing:.2em;color:#8f7b82}footer p{margin:0;color:#c597a3}footer a{justify-self:end;color:#a98e97;text-decoration:none}@keyframes breath{to{transform:scale(1.045) translate(var(--x),var(--y))}}@keyframes float{50%{transform:translateY(-12px)}}@keyframes wave{0%,100%{height:7px;opacity:.45}50%{height:27px;opacity:1}}@keyframes beat{50%{transform:scale(1.3)}}@media(max-width:1050px){.content{grid-template-columns:minmax(430px,1fr) minmax(270px,.6fr);gap:2vw}.game-card{width:min(29vw,320px);margin-right:0}.card-frame img{height:min(52vh,500px)}.shade{background:linear-gradient(90deg,#0b0309 0%,rgba(14,4,11,.94) 42%,rgba(19,5,13,.28) 86%),linear-gradient(0deg,rgba(7,2,6,.9),transparent 35%)}}@media(max-width:760px){.hero{height:auto;min-height:100svh}.hero-photo{background-position:60% center;opacity:.52}.shade{background:linear-gradient(90deg,rgba(10,2,8,.96),rgba(24,5,16,.55)),linear-gradient(0deg,#090207 0%,transparent 55%,rgba(9,2,7,.5))}.topbar{height:68px}.age span,.wordmark small{display:none}.content{min-height:100svh;height:auto;padding:88px 24px 65px;display:flex;align-items:center}.copy{max-width:610px}.game-logo{width:min(80vw,420px)}.copy h1{font-size:clamp(46px,13vw,76px)}.intro{max-width:500px}.game-card{display:none}.features{margin-top:26px}.features span{font-size:6px;padding-right:12px;margin-right:12px}footer{padding:0 24px;grid-template-columns:1fr auto}footer p{display:none}}@media(max-width:430px){.content{padding-top:78px}.kicker{font-size:6px}.game-logo{width:76vw}.copy h1{font-size:13.5vw;margin-bottom:17px}.intro{font-size:11px;line-height:1.65}.actions{margin-top:22px}.features span{white-space:normal;line-height:1.5}.features b{display:block;margin-bottom:4px}.play{min-width:220px}}@media(prefers-reduced-motion:reduce){.hero-photo,.game-card,.sound-wave i,.card-bottom i{animation:none}}
