* {
            margin: 0;
            padding: 0;
            box-sizing: border-box
        }

        html {
            scroll-behavior: smooth
        }

        body {
            font-family: 'Cinzel', serif;
            background: #080808;
            color: #e8e8e8;
            -webkit-font-smoothing: antialiased;
            line-height: 1.7;
            overflow-x: hidden;
            padding-left: env(safe-area-inset-left);
            padding-right: env(safe-area-inset-right)
        }

        .kwlink {
            color: #b8b8b8;
            text-decoration: none;
            font-weight: 800;
            border-bottom: 2px solid #b8b8b8;
            background: #b8b8b822;
            padding: 0 3px;
            border-radius: 2px
        }

        .kwlink:hover {
            background: #b8b8b833
        }

        .slbg,
        .abimg,
        .scphoto,
        .fphoto {
            position: absolute;
            inset: 0;
            max-width: none !important;
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
            object-position: center;
            display: block;
            z-index: 0;
            background-size: cover;
            background-position: center;
            font-size: 0;
            color: transparent;
            text-indent: -9999px
        }

        .scard:nth-child(1) .scphoto {
            object-position: center 26% !important
        }

        .scard:nth-child(2) .scphoto {
            object-position: 74% 40% !important
        }

        .scard:nth-child(3) .scphoto {
            object-position: center 70% !important
        }

        .scard:nth-child(4) .scphoto {
            object-position: 22% 42% !important
        }

        .scard:nth-child(5) .scphoto {
            object-position: center !important
        }

        .scard:nth-child(6) .scphoto {
            object-position: 80% 32% !important
        }

        .fcard:nth-child(odd) .fphoto {
            object-position: 30% 40% !important
        }

        .fcard:nth-child(even) .fphoto {
            object-position: 70% 55% !important
        }

        .slov {
            z-index: 1
        }

        .slct {
            z-index: 6
        }

        .scimg,
        .fimg,
        .abwrap {
            position: relative;
            overflow: hidden;
            background-size: cover;
            background-position: center;
            background-color: #1a1a1a
        }

        .fimg {
            min-height: 180px
        }

        .scimg {
            min-height: 220px
        }

        .abwrap {
            min-height: 260px
        }

        .fcard {
            overflow: hidden
        }

        .clip-full {
            display: none
        }

        .clip-full.on {
            display: block
        }

        .clip-short.on {
            display: none
        }

        .scb p,
        .fcard p {
            text-transform: none;
            max-width: 100%
        }

        .morebtn {
            display: inline-block;
            margin: 4px 0 10px;
            padding: 0;
            background: none;
            border: none;
            color: #b8b8b8;
            cursor: pointer;
            font: inherit;
            font-weight: 800;
            font-size: 12px;
            letter-spacing: .08em;
            text-transform: uppercase
        }

        .morebtn:hover {
            opacity: .8
        }

        @keyframes fadeUp {
            from {
                opacity: 0;
                transform: translateY(28px) scale(.98)
            }

            to {
                opacity: 1;
                transform: none
            }
        }

        @keyframes ken {
            from {
                transform: scale(1) translate(0, 0)
            }

            to {
                transform: scale(1.12) translate(-2%, 1.4%)
            }
        }

        @keyframes fxSweep {
            0% {
                transform: translateX(-30%) skewX(-18deg)
            }

            100% {
                transform: translateX(280%) skewX(-18deg)
            }
        }

        @keyframes fxFloat {

            0%,
            100% {
                transform: translate3d(0, 0, 0) scale(1)
            }

            50% {
                transform: translate3d(6%, -10%, 0) scale(1.12)
            }
        }

        @keyframes fxFloat2 {

            0%,
            100% {
                transform: translate3d(0, 0, 0)
            }

            50% {
                transform: translate3d(-12%, 8%, 0)
            }
        }

        @keyframes fxSpin {
            to {
                transform: rotate(360deg)
            }
        }

        @keyframes pulseGlow {

            0%,
            100% {
                text-shadow: 0 0 8px #b8b8b800, 0 0 0 transparent
            }

            50% {
                text-shadow: 0 0 18px #b8b8b8aa, 0 0 42px #b8b8b866
            }
        }

        @keyframes neonFlicker {

            0%,
            18%,
            22%,
            26%,
            80%,
            100% {
                opacity: 1
            }

            20%,
            24% {
                opacity: .55
            }
        }

        @keyframes goldPulse {

            0%,
            100% {
                box-shadow: 0 0 14px #b8b8b840
            }

            50% {
                box-shadow: 0 0 36px #b8b8b8cc, 0 8px 28px #b8b8b855
            }
        }

        @keyframes gridSlide {
            from {
                background-position: 0 0
            }

            to {
                background-position: 72px 72px
            }
        }

        @keyframes auroraShift {

            0%,
            100% {
                transform: translate3d(0, 0, 0) scale(1);
                opacity: .38
            }

            50% {
                transform: translate3d(10%, -8%, 0) scale(1.18);
                opacity: .8
            }
        }

        @keyframes waveLine {

            0%,
            100% {
                transform: scaleX(.55);
                opacity: .35
            }

            50% {
                transform: scaleX(1);
                opacity: 1
            }
        }

        @keyframes emberRise {
            0% {
                transform: translateY(8px);
                opacity: 0
            }

            40% {
                opacity: .8
            }

            100% {
                transform: translateY(-28px);
                opacity: 0
            }
        }

        @keyframes sparkleTwinkle {

            0%,
            100% {
                opacity: .2;
                transform: scale(.55)
            }

            50% {
                opacity: 1;
                transform: scale(1.35)
            }
        }

        @keyframes framePulse {

            0%,
            100% {
                opacity: .4
            }

            50% {
                opacity: .95
            }
        }

        @keyframes sheenSlide {
            0% {
                transform: translateX(-70%) skewX(-18deg)
            }

            100% {
                transform: translateX(240%) skewX(-18deg)
            }
        }

        @keyframes waveDrift {
            0% {
                background-position: 0 100%
            }

            100% {
                background-position: 0 -40px
            }
        }

        @keyframes mistDrift {

            0%,
            100% {
                transform: translateX(-6%) scale(1);
                opacity: .25
            }

            50% {
                transform: translateX(8%) scale(1.08);
                opacity: .5
            }
        }

        @keyframes burstPulse {

            0%,
            100% {
                transform: scale(.7);
                opacity: .15
            }

            50% {
                transform: scale(1.15);
                opacity: .4
            }
        }

        @keyframes titleIn {
            from {
                opacity: 0;
                transform: translateY(18px) scale(.96);
                filter: blur(6px)
            }

            to {
                opacity: 1;
                transform: none;
                filter: none
            }
        }

        @keyframes badgeFloat {

            0%,
            100% {
                transform: translateY(0)
            }

            50% {
                transform: translateY(-7px)
            }
        }

        @keyframes tickMove {
            from {
                transform: translateX(0)
            }

            to {
                transform: translateX(-50%)
            }
        }

        @keyframes orbDrift {

            0%,
            100% {
                transform: translate(0, 0)
            }

            50% {
                transform: translate(-40px, 24px)
            }
        }

        @keyframes shineRun {
            from {
                transform: translateX(-130%) rotate(8deg)
            }

            to {
                transform: translateX(130%) rotate(8deg)
            }
        }

        .reveal {
            opacity: 0;
            transform: translateY(28px)
        }

        .reveal.in {
            animation: fadeUp .85s cubic-bezier(.2, .7, .2, 1) both
        }

        .scard:nth-child(2),
        .fcard:nth-child(2) {
            animation-delay: .08s
        }

        .scard:nth-child(3),
        .fcard:nth-child(3) {
            animation-delay: .16s
        }

        .scard:nth-child(4) {
            animation-delay: .24s
        }

        .scard:nth-child(5) {
            animation-delay: .32s
        }

        .scard:nth-child(6) {
            animation-delay: .4s
        }

        .slide.on .slbg {
            animation: ken 18s ease-in-out infinite alternate;
            will-change: transform
        }

        .abwrap .abimg {
            animation: ken 22s ease-in-out infinite alternate
        }

        .scphoto,
        .fphoto,
        .abimg {
            transition: transform .7s ease
        }

        .scard:hover .scphoto,
        .fcard:hover .fphoto {
            transform: scale(1.12)
        }

        .cbtn-p {
            position: relative;
            overflow: hidden
        }

        .cbtn-p::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, .38) 50%, transparent 60%);
            transform: translateX(-120%);
            transition: transform .55s
        }

        .cbtn-p:hover::after {
            transform: translateX(120%)
        }

        .fx-tilt {
            transform-style: preserve-3d;
            will-change: transform
        }

        .fcard,
        .scard,
        .tcard {
            position: relative;
            overflow: hidden
        }

        .stc {
            position: relative
        }

        .fcard::after,
        .scard::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 45%;
            height: 100%;
            background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, .16) 50%, transparent 70%);
            transform: translateX(-140%);
            pointer-events: none;
            z-index: 4
        }

        .fcard:hover::after,
        .scard:hover::after {
            animation: shineRun .7s ease
        }

        .sec {
            position: relative
        }

        .sec::before {
            content: "";
            position: absolute;
            width: min(520px, 80vw);
            height: min(520px, 80vw);
            border-radius: 50%;
            right: -12%;
            top: -18%;
            background: radial-gradient(circle, #b8b8b824, transparent 68%);
            pointer-events: none;
            filter: blur(6px);
            animation: orbDrift 16s ease-in-out infinite;
            z-index: 0
        }

        .sec>* {
            position: relative;
            z-index: 1
        }

        .hero {
            isolation: isolate
        }

        .slide {
            z-index: 1
        }

        .fx-orbs,
        .fx-sweep,
        .fx-spot,
        .fx-grain,
        .fx-dust {
            position: absolute;
            inset: 0;
            pointer-events: none;
            z-index: 3
        }

        .fx-orbs i {
            position: absolute;
            border-radius: 50%;
            filter: blur(28px);
            opacity: .45;
            mix-blend-mode: screen
        }

        .fx-orbs i:nth-child(1) {
            width: 42%;
            height: 48%;
            left: -8%;
            top: 8%;
            background: radial-gradient(circle, #b8b8b899, transparent 70%);
            animation: fxFloat 9s ease-in-out infinite
        }

        .fx-orbs i:nth-child(2) {
            width: 36%;
            height: 40%;
            right: -6%;
            bottom: 4%;
            background: radial-gradient(circle, #fff6, transparent 70%);
            animation: fxFloat2 11s ease-in-out infinite
        }

        .fx-orbs i:nth-child(3) {
            width: 28%;
            height: 32%;
            left: 38%;
            top: -10%;
            background: radial-gradient(circle, #b8b8b866, transparent 70%);
            animation: fxFloat 13s ease-in-out infinite reverse
        }

        .fx-orbs i:nth-child(4) {
            width: 22%;
            height: 26%;
            right: 18%;
            top: 30%;
            background: radial-gradient(circle, #fff4, transparent 70%);
            animation: fxFloat2 8s ease-in-out infinite reverse
        }

        .fx-sweep {
            width: 38%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .1), #b8b8b822, transparent);
            animation: fxSweep 6.5s ease-in-out infinite;
            mix-blend-mode: screen
        }

        .fx-spot {
            mix-blend-mode: soft-light;
            opacity: .9
        }

        .fx-dust {
            mix-blend-mode: screen;
            opacity: .85
        }

        .fx-grain {
            z-index: 4;
            opacity: .07;
            mix-blend-mode: overlay;
            background-image: repeating-radial-gradient(circle at 12% 18%, rgba(255, 255, 255, .14) 0 1px, transparent 1px 3px), repeating-radial-gradient(circle at 78% 64%, rgba(0, 0, 0, .18) 0 1px, transparent 1px 4px)
        }

        .fx-extra {
            position: absolute;
            inset: 0;
            pointer-events: none;
            z-index: 3
        }

        .fx-sparkles b {
            position: absolute;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: #fff;
            box-shadow: 0 0 10px #b8b8b8, 0 0 18px #fff;
            animation: sparkleTwinkle 2.6s ease-in-out infinite
        }

        .fx-sparkles b:nth-child(1) {
            left: 10%;
            top: 18%
        }

        .fx-sparkles b:nth-child(2) {
            left: 22%;
            top: 62%;
            animation-delay: .3s
        }

        .fx-sparkles b:nth-child(3) {
            left: 48%;
            top: 12%;
            animation-delay: .6s
        }

        .fx-sparkles b:nth-child(4) {
            left: 68%;
            top: 28%;
            animation-delay: .9s
        }

        .fx-sparkles b:nth-child(5) {
            left: 82%;
            top: 58%;
            animation-delay: 1.2s
        }

        .fx-sparkles b:nth-child(6) {
            left: 36%;
            top: 78%;
            animation-delay: 1.5s
        }

        .fx-sparkles b:nth-child(7) {
            left: 58%;
            top: 44%;
            animation-delay: .4s
        }

        .fx-sparkles b:nth-child(8) {
            left: 88%;
            top: 16%;
            animation-delay: 1.8s
        }

        .fx-goldframe {
            inset: 16px;
            border: 1px solid #b8b8b866;
            box-shadow: inset 0 0 50px #b8b8b822, 0 0 28px #b8b8b833;
            animation: framePulse 4.2s ease-in-out infinite
        }

        .fx-letterbox {
            background: linear-gradient(180deg, #000 0, transparent 48px, transparent calc(100% - 44px), #000 100%);
            z-index: 4
        }

        .fx-crownline {
            inset: auto 14% auto 14%;
            top: 56px;
            height: 2px;
            background: linear-gradient(90deg, transparent, #b8b8b8, transparent);
            box-shadow: 0 0 12px #b8b8b8
        }

        .fx-scanlines {
            background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, .18) 3px);
            mix-blend-mode: overlay;
            opacity: .5
        }

        .fx-neonframe {
            inset: 12px;
            border: 2px solid #b8b8b8;
            box-shadow: 0 0 22px #b8b8b8, inset 0 0 28px #b8b8b855;
            animation: framePulse 1.7s ease-in-out infinite
        }

        .fx-sheen {
            width: 42%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .2), #b8b8b822, transparent);
            animation: sheenSlide 7.2s ease-in-out infinite;
            mix-blend-mode: screen
        }

        .fx-feltglow {
            background: radial-gradient(circle at 50% 80%, #b8b8b844, transparent 46%)
        }

        .fx-vignette {
            background: radial-gradient(ellipse at center, transparent 42%, rgba(0, 0, 0, .62) 100%);
            z-index: 4
        }

        .fx-curtain {
            background: linear-gradient(90deg, rgba(0, 0, 0, .55), transparent 18%, transparent 82%, rgba(0, 0, 0, .55));
            z-index: 4
        }

        .fx-burst {
            background: radial-gradient(circle at 50% 40%, #b8b8b866, transparent 42%);
            animation: burstPulse 2.4s ease-in-out infinite
        }

        .fx-rules {
            opacity: .14;
            background-image: repeating-linear-gradient(0deg, transparent, transparent 27px, #b8b8b8 28px)
        }

        .fx-slash {
            background: linear-gradient(122deg, transparent 46%, #b8b8b833 50%, transparent 54%)
        }

        .fx-dots {
            opacity: .22;
            background-image: radial-gradient(#b8b8b8 1px, transparent 1px);
            background-size: 16px 16px
        }

        .fx-gridmove {
            opacity: .28;
            background-image: linear-gradient(#b8b8b844 1px, transparent 1px), linear-gradient(90deg, #b8b8b844 1px, transparent 1px);
            background-size: 46px 46px;
            animation: gridSlide 16s linear infinite
        }

        .fx-waves {
            background: linear-gradient(180deg, transparent 48%, #b8b8b833 100%);
            background-size: 100% 140%;
            animation: waveDrift 8s ease-in-out infinite alternate
        }

        .fx-mist {
            background: radial-gradient(ellipse at 20% 100%, #b8b8b833, transparent 42%), radial-gradient(ellipse at 80% 0, rgba(255, 255, 255, .12), transparent 40%);
            animation: mistDrift 12s ease-in-out infinite
        }

        .fx-warmglow {
            background: linear-gradient(180deg, transparent 30%, #b8b8b844)
        }

        .fx-bloom {
            background: radial-gradient(circle at 82% 18%, #b8b8b855, transparent 36%), radial-gradient(circle at 12% 80%, rgba(255, 180, 200, .25), transparent 32%)
        }

        .fx-ember {
            background: radial-gradient(circle at 30% 90%, #b8b8b855, transparent 38%)
        }

        .fx-stars {
            background-image: radial-gradient(#fff 1px, transparent 1px), radial-gradient(#b8b8b8 1px, transparent 1px);
            background-size: 52px 52px, 28px 28px;
            opacity: .35;
            animation: gridSlide 22s linear infinite
        }

        .fx-softglow {
            background: radial-gradient(circle at 12% 78%, #b8b8b833, transparent 40%)
        }

        .fx-ticker {
            overflow: hidden;
            border-top: 1px solid #b8b8b833;
            border-bottom: 1px solid #b8b8b822;
            background: linear-gradient(90deg, #080808, #111, #080808);
            padding: 11px 0;
            white-space: nowrap
        }

        .fx-track {
            display: inline-flex;
            align-items: center;
            gap: 26px;
            animation: tickMove 32s linear infinite;
            min-width: 200%
        }

        .fx-track span {
            font-size: 11px;
            letter-spacing: .16em;
            text-transform: uppercase;
            color: #b8b8b8;
            font-weight: 800;
            opacity: .92
        }

        .fx-track i {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #b8b8b8;
            display: inline-block;
            box-shadow: 0 0 12px #b8b8b8;
            flex-shrink: 0
        }

        .slbadge {
            position: relative;
            animation: badgeFloat 4.2s ease-in-out infinite;
            box-shadow: 0 0 22px #b8b8b855, 0 8px 22px rgba(0, 0, 0, .35)
        }

        .slbadge::before {
            content: "";
            position: absolute;
            inset: -7px;
            border-radius: 50px;
            border: 1px solid #b8b8b855;
            animation: fxSpin 10s linear infinite;
            mask: conic-gradient(from 0deg, #000 0 40%, transparent 40% 100%);
            -webkit-mask: conic-gradient(from 0deg, #000 0 40%, transparent 40% 100%)
        }

        .slide.on .slct h1,
        .slide.on .slct h2 {
            animation: titleIn .8s ease both
        }

        .slide.on .slct p {
            animation: titleIn .9s ease .12s both
        }

        .slide.on .ctarow {
            animation: titleIn 1s ease .2s both
        }

        .cbtn-p {
            box-shadow: 0 0 22px #b8b8b844
        }

        .cbtn-p:hover {
            box-shadow: 0 0 34px #b8b8b888, 0 10px 28px rgba(0, 0, 0, .28)
        }

        .navcta {
            position: relative;
            overflow: hidden;
            box-shadow: 0 0 16px #b8b8b833
        }

        .logo {
            text-shadow: 0 0 18px #b8b8b833
        }

        .fx-light .fx-orbs,
        .fx-light .fx-dust,
        .fx-light .fx-sweep {
            opacity: .28
        }

        .fx-light .fx-spot,
        .fx-light .fx-grain {
            opacity: .08
        }

        .fx-casino .fx-orbs i:nth-child(1),
        .fx-casino .fx-orbs i:nth-child(3) {
            opacity: .6
        }

        @media(prefers-reduced-motion:reduce) {

            .slide.on .slbg,
            .fx-orbs i,
            .fx-sweep,
            .fx-track,
            .slbadge,
            .reveal.in,
            .slide.on .slct h1,
            .slide.on .slct h2,
            .slide.on .slct p,
            .slide.on .ctarow,
            .stn,
            .sec::before,
            .abwrap .abimg,
            .slbadge::before,
            .fx-sparkles b,
            .fx-sheen,
            .fx-gridmove,
            .fx-stars,
            .fx-mist,
            .fx-waves,
            .fx-burst,
            .fx-goldframe,
            .fx-neonframe {
                animation: none !important
            }

            .reveal {
                opacity: 1;
                transform: none
            }

            .fx-dust,
            .fx-spot {
                display: none
            }
        }

        .w {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 clamp(16px, 4vw, 48px)
        }

        .g2 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
            gap: clamp(32px, 6vw, 72px);
            align-items: center
        }

        .g3 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
            gap: clamp(16px, 2.5vw, 24px)
        }

        .g4 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr));
            gap: 16px
        }

        .gf2 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
            gap: 14px
        }

        .seclbl {
            font-size: 11px;
            font-weight: 800;
            letter-spacing: .14em;
            text-transform: uppercase;
            color: #b8b8b8;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            gap: 8px
        }

        .seclbl::before {
            content: "";
            width: 22px;
            height: 2px;
            background: #b8b8b8;
            display: inline-block
        }

        .sectl {
            font-family: 'Cinzel Decorative', cursive;
            font-size: clamp(1.8rem, 4vw, 2.8rem);
            font-weight: 900;
            color: #e8e8e8;
            margin-bottom: 16px;
            line-height: 1.12
        }

        .secsub {
            color: #e8e8e8;
            opacity: .7;
            max-width: 540px;
            line-height: 1.85;
            font-size: 1rem
        }

        .ap {
            color: #e8e8e8;
            opacity: .78;
            line-height: 1.9;
            margin-bottom: 16px;
            font-size: .98rem
        }

        .arth {
            font-family: 'Cinzel Decorative', cursive;
            font-size: 1.3rem;
            font-weight: 700;
            color: #e8e8e8;
            margin: 44px 0 12px;
            padding-bottom: 10px;
            border-bottom: 2px solid #b8b8b833
        }

        .artp {
            color: #e8e8e8;
            opacity: .75;
            line-height: 1.9;
            margin-bottom: 16px
        }

        nav {
            position: sticky;
            top: 0;
            z-index: 100;
            background: rgba(8, 8, 8, 0.98);
            border-bottom: 1px solid rgba(200, 200, 200, 0.15);
            backdrop-filter: blur(20px)
        }

        .ni {
            display: grid;
            grid-template-columns: minmax(120px, auto) minmax(0, 1fr) auto;
            align-items: center;
            column-gap: clamp(16px, 3vw, 36px);
            height: 72px;
            padding: 0 clamp(16px, 4vw, 40px);
            max-width: 1200px;
            margin: 0 auto
        }

        .logo {
            font-family: 'Cinzel Decorative', cursive;
            font-size: 1.15rem;
            font-weight: 900;
            color: #e8e8e8;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            max-width: min(340px, 58vw);
            overflow: visible;
            padding-right: 4px;
            min-width: 0
        }

        .logo-mark {
            height: 52px;
            width: auto;
            max-width: 260px;
            max-height: 56px;
            object-fit: contain !important;
            object-position: left center;
            flex-shrink: 0;
            display: block;
            position: static !important;
            font-size: inherit;
            color: inherit;
            text-indent: 0;
            background: transparent !important;
            border: 0;
            box-shadow: none
        }

        .logo-word {
            font-family: 'Cinzel Decorative', cursive;
            font-weight: 800;
            font-size: clamp(.72rem, 1.5vw, .92rem);
            letter-spacing: .08em;
            color: #e8e8e8;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            min-width: 0;
            text-transform: none;
            line-height: 1.1
        }

        .logo-foot .logo-mark {
            height: 56px;
            max-width: 240px;
            max-height: 60px;
            margin-bottom: 0;
            background: transparent !important
        }

        .nl {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: nowrap;
            gap: clamp(12px, 1.8vw, 26px);
            min-width: 0
        }

        .nl a {
            color: #e8e8e8;
            text-decoration: none;
            font-size: 13px;
            opacity: .7;
            white-space: nowrap;
            flex-shrink: 0;
            transition: opacity .2s, color .2s
        }

        .nl a:hover {
            opacity: 1;
            color: #b8b8b8
        }

        .nav-end {
            display: flex;
            align-items: center;
            gap: 10px;
            justify-self: end;
            flex-shrink: 0
        }

        .navcta {
            padding: 8px 18px;
            border-radius: 50px;
            background: linear-gradient(135deg, #888, #e0e0e0, #888);
            color: #000;
            text-decoration: none;
            font-weight: 700;
            font-size: 13px;
            white-space: nowrap
        }

        .hmb {
            display: none;
            background: none;
            border: 1px solid rgba(200, 200, 200, 0.15);
            color: #e8e8e8;
            padding: 8px 12px;
            border-radius: 6px;
            cursor: pointer;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: .06em;
            text-transform: uppercase
        }

        .mob {
            display: none;
            flex-direction: column;
            padding: 14px;
            background: rgba(8, 8, 8, 0.98);
            border-bottom: 2px solid #b8b8b8
        }

        .mob a {
            color: #e8e8e8;
            text-decoration: none;
            padding: 10px 0;
            border-bottom: 1px solid rgba(200, 200, 200, 0.15);
            font-size: 14px;
            opacity: .8
        }

        .mob.open {
            display: flex
        }

        .hero {
            position: relative;
            height: min(86svh, 820px);
            min-height: 560px;
            max-height: 820px;
            overflow: hidden;
            background: linear-gradient(135deg, #1a1a1a 0%, #080808 50%, #141414 100%)
        }

        .slide {
            position: absolute;
            inset: 0;
            display: none;
            background-size: cover;
            background-position: center
        }

        .slide.on {
            display: block;
            animation: fdi .7s ease
        }

        @keyframes fdi {
            from {
                opacity: 0
            }

            to {
                opacity: 1
            }
        }

        .slov {
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, rgba(8, 8, 8, 0.58) 48%, rgba(8, 8, 8, 0.82) 100%)
        }

        .slov::after {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, .14);
            pointer-events: none
        }

        .slct {
            position: relative;
            z-index: 6;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100%;
            text-align: center;
            padding: 96px clamp(20px, 5vw, 80px) 72px;
            max-width: 860px;
            margin: 0 auto
        }

        .slbadge {
            background: linear-gradient(135deg, #888, #e0e0e0, #888);
            color: #000;
            padding: 5px 18px;
            border-radius: 50px;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .12em;
            text-transform: uppercase;
            margin-bottom: 20px;
            display: inline-block
        }

        .slct h1,
        .slct h2 {
            font-family: 'Cinzel Decorative', cursive;
            font-size: clamp(2rem, 5vw, 3.8rem);
            font-weight: 900;
            color: #fff;
            margin: 0 0 18px;
            line-height: 1.1;
            text-shadow: 0 2px 18px rgba(0, 0, 0, .85), 0 8px 40px rgba(0, 0, 0, .55)
        }

        .slct h1 a,
        .slct h2 a {
            color: #b8b8b8;
            text-decoration: none
        }

        .slct p {
            font-size: clamp(.9rem, 2vw, 1.15rem);
            color: rgba(255, 255, 255, .88);
            max-width: 600px;
            margin: 0 0 32px;
            line-height: 1.75
        }

        .ctarow {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 12px
        }

        .cbtn {
            display: inline-block;
            padding: 13px 32px;
            border-radius: 50px;
            font-size: 14px;
            font-weight: 700;
            text-decoration: none;
            cursor: pointer;
            white-space: nowrap;
            transition: transform .2s, box-shadow .2s;
            font-family: inherit;
            line-height: 1.4
        }

        .cbtn:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 24px rgba(0, 0, 0, .25)
        }

        .cbtn-p:hover {
            box-shadow: 0 0 34px #b8b8b888, 0 10px 28px rgba(0, 0, 0, .28)
        }

        .cbtn-p {
            background: linear-gradient(135deg, #888, #e0e0e0, #888);
            color: #000;
            border: none
        }

        .cbtn-s {
            background: transparent;
            color: #b8b8b8;
            border: 2px solid #b8b8b8
        }

        .cbtn-g {
            background: transparent;
            color: #fff;
            border: 2px solid rgba(255, 255, 255, .5)
        }

        .dots {
            position: absolute;
            bottom: 24px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 8px;
            z-index: 10
        }

        .dot {
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background: rgba(255, 255, 255, .4);
            border: none;
            cursor: pointer;
            transition: all .3s;
            padding: 0
        }

        .dot.on {
            background: #fff;
            width: 26px;
            border-radius: 5px
        }

        .hnav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 10;
            background: rgba(255, 255, 255, .1);
            border: 2px solid rgba(255, 255, 255, .3);
            color: #fff;
            width: 46px;
            height: 46px;
            border-radius: 50%;
            font-size: 20px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background .2s;
            padding: 0
        }

        .hnav:hover {
            background: rgba(255, 255, 255, .22)
        }

        .hprev {
            left: 18px
        }

        .hnext {
            right: 18px
        }

        footer {
            background: #030303;
            color: #8a9ab0;
            padding: clamp(48px, 6vw, 72px) 0 28px
        }

        .fg {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: clamp(20px, 4vw, 40px);
            margin-bottom: 40px
        }

        .fc h4 {
            color: #e8e8e8;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: .06em;
            text-transform: uppercase;
            margin-bottom: 13px
        }

        .fc a {
            display: block;
            color: #8a9ab0;
            text-decoration: none;
            font-size: 13px;
            margin-bottom: 8px;
            transition: color .2s
        }

        .fc a:hover {
            color: #b8b8b8
        }

        .fb {
            border-top: 1px solid rgba(255, 255, 255, .07);
            padding-top: 22px;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 8px;
            font-size: 12px
        }

        .fb a {
            color: #8a9ab0;
            text-decoration: none;
            font-size: 12px
        }

        @media(max-width:1100px) {
            .nl {
                display: none
            }

            .navcta {
                display: none
            }

            .hmb {
                display: flex;
                align-items: center;
                min-width: 44px;
                min-height: 44px
            }

            .ni {
                grid-template-columns: minmax(0, 1fr) auto;
                column-gap: 16px
            }

            .logo {
                max-width: 70%
            }

            .mob .navcta {
                display: inline-flex;
                margin-top: 14px;
                width: auto
            }
        }

        @media(max-width:860px) {
            .g2 {
                grid-template-columns: 1fr !important
            }

            .abwrap {
                height: 260px !important;
                min-height: 240px
            }

            .slct {
                padding: 96px 20px 72px
            }

            .hero {
                height: 100svh;
                max-height: none
            }

            .layout-corporate .scard,
            .layout-editorial .scard,
            .layout-modern .scard:nth-child(3),
            .layout-impact .g3,
            .layout-skyline .scard,
            .layout-paper .scard,
            .layout-atelier .g3,
            .layout-gallery .g3,
            .layout-marble .g3,
            .layout-royale .scard,
            .layout-baccarat .scard,
            .layout-emerald .g3,
            .layout-jackpot .g3,
            .layout-highroller .g3,
            .layout-platinum .g3,
            .layout-felt .g3,
            .layout-vegas .g3,
            .layout-redvelvet .g3,
            .layout-bold .g3,
            .layout-playful .g3,
            .layout-nature .g3,
            .layout-glass .g3,
            .layout-ice .g3,
            .layout-ocean .g3,
            .layout-forest .g3,
            .layout-neon .g3,
            .layout-midnight .g3,
            .layout-dark .g3,
            .layout-luxury .g3,
            .layout-rose .g3,
            .layout-sunset .scard,
            .layout-retro .g3,
            .layout-tech .g3 {
                grid-template-columns: 1fr !important
            }

            .layout-impact .scard,
            .layout-atelier .scard,
            .layout-emerald .scard:nth-child(1),
            .layout-bold .scard,
            .layout-dark .scard:nth-child(1),
            .layout-glass .scard {
                grid-column: auto !important;
                grid-row: auto !important
            }

            .layout-boutique .abwrap,
            .layout-nature .abwrap {
                border-radius: 24px !important;
                width: 100% !important;
                aspect-ratio: auto !important;
                height: 260px !important
            }

            .layout-modern .slct,
            .layout-skyline .slct,
            .layout-royale .slct,
            .layout-baccarat .slct,
            .layout-highroller .slct,
            .layout-rose .slct,
            .layout-ice .slct,
            .layout-glass .slct {
                margin: 0 auto;
                max-width: 100%;
                transform: none
            }

            .layout-marble .scb,
            .layout-redvelvet .scb {
                position: relative;
                background: #141414
            }

            .layout-marble .scb h3,
            .layout-marble .scb p,
            .layout-redvelvet .scb h3,
            .layout-redvelvet .scb p {
                color: #e8e8e8
            }

            .layout-jackpot .scard:nth-child(odd),
            .layout-felt .scard:nth-child(2n),
            .layout-playful .scard,
            .layout-forest .scard,
            .layout-glass .scard:nth-child(2n) {
                transform: none;
                margin-top: 0;
                margin-left: 0;
                margin-right: 0
            }
        }

        @media(max-width:640px) {
            .hnav {
                display: none
            }

            .navcta {
                display: none
            }

            .mob .navcta {
                display: inline-flex;
                margin-top: 14px;
                width: 100%;
                justify-content: center
            }

            .hmb {
                display: flex;
                align-items: center;
                min-width: 44px;
                min-height: 44px
            }

            .ni {
                height: 56px;
                padding: 0 14px;
                grid-template-columns: minmax(0, 1fr) auto
            }

            .logo {
                font-size: 1.05rem;
                max-width: 70%
            }

            .hero {
                min-height: 100svh;
                height: 100svh
            }

            .slct {
                padding: 92px 16px 80px;
                max-width: 100%
            }

            .slct h1,
            .slct h2 {
                font-size: clamp(1.65rem, 7.4vw, 2.35rem);
                margin-bottom: 12px
            }

            .slct p {
                font-size: .95rem;
                margin-bottom: 22px
            }

            .ctarow {
                flex-direction: column;
                align-items: stretch;
                width: 100%;
                max-width: 360px
            }

            .cbtn,
            .navcta {
                width: 100%;
                text-align: center;
                padding: 14px 18px
            }

            .g3,
            .g4,
            .gf2,
            .fg {
                grid-template-columns: 1fr !important
            }

            .sec {
                padding: 48px 0 !important
            }

            .sectl {
                font-size: 1.7rem
            }

            .scimg {
                height: 200px !important
            }

            .fimg {
                height: 180px !important
            }

            .abwrap {
                height: 220px !important
            }

            .layout-ice .slct h1,
            .layout-ice .slct h2,
            .layout-glass .slct h1,
            .layout-glass .slct h2 {
                font-size: clamp(1.7rem, 6vw, 2.4rem)
            }

            .dots {
                bottom: 16px
            }

            .fb {
                flex-direction: column;
                align-items: flex-start
            }
        }

        .cform input,
        .cform textarea {
            width: 100%;
            padding: 13px 14px;
            border: 1px solid rgba(200, 200, 200, 0.15);
            border-radius: 10px;
            background: #141414;
            color: #e8e8e8;
            font-family: inherit;
            font-size: 15px;
            margin-bottom: 12px;
            outline: none
        }

        .cform input:focus,
        .cform textarea:focus {
            border-color: #b8b8b8
        }

        .cform button {
            border: none;
            cursor: pointer;
            margin-top: 4px
        }

        @media(max-width:400px) {
            .slbadge {
                font-size: 10px;
                padding: 4px 12px
            }

            .stc {
                padding: 20px 12px
            }
        }

        .sec {
            padding: clamp(60px, 8vw, 100px) 0;
            position: relative
        }

        .seca {
            background: #111
        }

        .sec-deco {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 32px
        }

        .sec-deco::before,
        .sec-deco::after {
            content: "";
            flex: 1;
            height: 1px;
            background: linear-gradient(90deg, transparent, #b8b8b8, transparent)
        }

        .stc {
            text-align: center;
            padding: 32px 24px;
            background: transparent;
            border: 1px solid #b8b8b844;
            border-top: 3px solid #b8b8b8;
            position: relative
        }

        .stn {
            font-family: 'Cinzel Decorative', cursive;
            font-size: clamp(2rem, 4vw, 2.8rem);
            font-weight: 900;
            color: #b8b8b8;
            line-height: 1
        }

        .stl {
            font-size: .82rem;
            color: #e8e8e8;
            opacity: .6;
            margin-top: 8px;
            letter-spacing: .08em;
            text-transform: uppercase
        }

        .fcard {
            background: rgba(18, 13, 0, .72);
            border: 1px solid #b8b8b833;
            border-radius: 20px;
            padding: 22px;
            overflow: hidden;
            backdrop-filter: blur(12px);
            transition: transform .35s, box-shadow .35s, border-color .35s
        }

        .fcard:hover {
            border-color: #b8b8b8;
            transform: translateY(-8px);
            box-shadow: 0 18px 50px rgba(212, 175, 55, .16)
        }

        .fimg {
            height: 180px;
            margin: -22px -22px 16px;
            overflow: hidden;
            position: relative
        }

        .fphoto {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            display: block;
            transition: transform .6s ease
        }

        .fcard:hover .fphoto {
            transform: scale(1.08)
        }

        .fcard h4 {
            font-family: 'Cinzel Decorative', cursive;
            font-size: .95rem;
            font-weight: 700;
            color: #e8e8e8;
            margin-bottom: 8px;
            letter-spacing: .05em;
            text-transform: uppercase
        }

        .fcard p {
            font-size: .88rem;
            color: #e8e8e8;
            opacity: .78;
            line-height: 1.65;
            text-transform: none
        }

        .scard {
            background: linear-gradient(180deg, rgba(22, 16, 2, .94), rgba(8, 5, 0, .98));
            border: 1px solid #b8b8b840;
            border-radius: 22px;
            overflow: hidden;
            transition: transform .35s, box-shadow .35s
        }

        .scard:hover {
            transform: translateY(-10px);
            box-shadow: 0 22px 56px rgba(0, 0, 0, .5), 0 0 32px #b8b8b822
        }

        .scimg {
            height: 210px;
            position: relative;
            background-size: cover;
            background-position: center;
            overflow: hidden
        }

        .scimg::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, .72));
            z-index: 1;
            pointer-events: none
        }

        .scphoto {
            transition: transform .7s ease
        }

        .scard:hover .scphoto {
            transform: scale(1.1)
        }

        .scbadge {
            position: absolute;
            top: 12px;
            left: 12px;
            z-index: 2;
            background: linear-gradient(135deg, #888, #e0e0e0, #888);
            color: #000;
            padding: 5px 12px;
            border-radius: 999px;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: .1em;
            text-transform: uppercase
        }

        .scb {
            padding: 20px 20px 22px
        }

        .scb h3 {
            font-family: 'Cinzel Decorative', cursive;
            font-size: 1.05rem;
            font-weight: 700;
            color: #b8b8b8;
            margin-bottom: 8px;
            letter-spacing: .03em;
            text-transform: uppercase
        }

        .scb p {
            font-size: .9rem;
            color: #e8e8e8;
            opacity: .8;
            line-height: 1.65;
            margin-bottom: 10px;
            text-transform: none
        }

        .scl {
            color: #b8b8b8;
            font-weight: 700;
            font-size: 12px;
            text-decoration: none;
            letter-spacing: .08em;
            text-transform: uppercase
        }

        .g3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 22px
        }

        @media(max-width:980px) {
            .g3 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
        }

        .abwrap {
            height: 420px;
            position: relative;
            overflow: hidden;
            background: linear-gradient(150deg, #1a1a1a 0%, #080808 50%, #141414 100%);
            border: 1px solid #b8b8b833
        }

        .abbadge {
            position: absolute;
            bottom: 24px;
            right: 24px;
            background: linear-gradient(135deg, #888, #e0e0e0, #888);
            color: #000;
            padding: 20px 24px;
            text-align: center
        }

        .abbig {
            font-family: 'Cinzel Decorative', cursive;
            font-size: 2.2rem;
            font-weight: 900;
            line-height: 1
        }

        .absm {
            font-size: .72rem;
            opacity: .85;
            margin-top: 4px;
            letter-spacing: .06em;
            text-transform: uppercase
        }

        .tcard {
            background: transparent;
            border: 1px solid #b8b8b833;
            padding: 28px;
            position: relative
        }

        .tcard::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: linear-gradient(90deg, #b8b8b8, transparent)
        }

        .tq {
            font-size: 3rem;
            color: #b8b8b8;
            line-height: .8;
            margin-bottom: 8px;
            opacity: .4;
            font-family: Georgia, serif
        }

        .tcard p {
            font-size: .92rem;
            line-height: 1.8;
            color: #e8e8e8;
            opacity: .8;
            margin-bottom: 18px;
            font-style: italic
        }

        .tau {
            display: flex;
            align-items: center;
            gap: 10px
        }

        .tav {
            width: 38px;
            height: 38px;
            border-radius: 50%;
            background: #b8b8b8;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            color: #000;
            font-size: 14px
        }

        .tcard strong {
            display: block;
            font-weight: 700;
            color: #b8b8b8;
            font-size: .88rem
        }

        .tcard span {
            font-size: .78rem;
            color: #e8e8e8;
            opacity: .5
        }

        .faq {
            border-bottom: 1px solid #b8b8b822
        }

        .faqq {
            display: flex;
            width: 100%;
            justify-content: space-between;
            background: none;
            border: none;
            cursor: pointer;
            color: #e8e8e8;
            font-family: inherit;
            text-align: left;
            padding: 18px 0;
            gap: 16px;
            font-size: .95rem;
            font-weight: 600;
            letter-spacing: .02em
        }

        .faqq:hover {
            color: #b8b8b8
        }

        .faqi {
            font-size: 1.3rem;
            color: #b8b8b8;
            flex-shrink: 0
        }

        .faqa {
            display: none;
            padding: 0 0 16px;
            color: #e8e8e8;
            opacity: .7;
            font-size: .92rem;
            line-height: 1.8;
            border-left: 2px solid #b8b8b8;
            padding-left: 16px;
            margin-left: 4px
        }

        .ctaband {
            background: linear-gradient(135deg, rgba(0, 0, 0, .98), rgba(12, 8, 0, .98));
            border-top: 2px solid #b8b8b8;
            border-bottom: 2px solid #b8b8b822;
            padding: clamp(60px, 8vw, 90px) 0;
            text-align: center;
            position: relative;
            overflow: hidden
        }

        .ctaband::before {
            content: "";
            position: absolute;
            inset: 0;
            background: repeating-linear-gradient(45deg, transparent, transparent 40px, #b8b8b805 40px, #b8b8b805 41px);
            pointer-events: none
        }

        .ctaband h2 {
            font-family: 'Cinzel Decorative', cursive;
            font-size: clamp(1.8rem, 4vw, 3rem);
            font-weight: 900;
            color: #fff;
            margin-bottom: 12px;
            position: relative
        }

        .ctaband h2 a {
            color: #b8b8b8;
            text-decoration: none
        }

        .ctaband p {
            color: rgba(255, 255, 255, .75);
            font-size: 1rem;
            margin-bottom: 36px;
            max-width: 580px;
            margin-left: auto;
            margin-right: auto;
            position: relative
        }

        .ctaband p a {
            color: #b8b8b8
        }

        .stn {
            animation: pulseGlow 3.4s ease-in-out infinite
        }

        .ctaband::after {
            content: "";
            position: absolute;
            left: -30%;
            top: 0;
            width: 40%;
            height: 100%;
            background: linear-gradient(90deg, transparent, #b8b8b822, transparent);
            animation: fxSweep 7s ease-in-out infinite;
            pointer-events: none
        }

        .abwrap .abimg {
            animation: ken 22s ease-in-out infinite alternate
        }

        .layout-platinum .slct {
            align-items: flex-end;
            text-align: right;
            margin-left: auto;
            margin-right: 8%;
            max-width: 560px
        }

        .layout-platinum .hero {
            height: min(80vh, 780px)
        }

        .layout-platinum .g3 {
            grid-template-columns: 1fr 1fr;
            gap: 2px
        }

        .layout-platinum .scard {
            border-radius: 0;
            border: none
        }

        .layout-platinum .scard:nth-child(n+5) {
            grid-column: span 1
        }

        .layout-platinum .scimg {
            height: 240px
        }

        .layout-platinum nav {
            border-bottom: 1px solid rgba(200, 200, 200, 0.15)
        }

        .layout-platinum .sectl {
            letter-spacing: .18em;
            text-transform: uppercase;
            font-size: clamp(1.4rem, 3vw, 2.2rem)
        }

        .layout-platinum nav {
            letter-spacing: .14em;
            text-transform: uppercase
        }

        .layout-platinum .nl a {
            font-size: 11px
        }

        .layout-platinum .cbtn-p {
            border-radius: 0
        }

        .layout-platinum .stc {
            border-radius: 0;
            border-top: 2px solid #b8b8b8
        }

        .layout-platinum .hero {
            height: min(78vh, 760px)
        }

        .layout-platinum .slov {
            background: linear-gradient(250deg, rgba(8, 8, 8, .72), transparent 55%)
        }

        .layout-platinum .slct {
            align-items: flex-end;
            text-align: right;
            margin: 0 6% 0 auto;
            max-width: 420px;
            background: rgba(12, 12, 12, .72);
            backdrop-filter: blur(16px);
            padding: 36px 32px;
            border: 1px solid rgba(255, 255, 255, .18);
            border-radius: 0
        }

        .layout-platinum .slct h1,
        .layout-platinum .slct h2 {
            font-size: clamp(1.7rem, 3.4vw, 2.8rem);
            letter-spacing: .14em;
            text-transform: uppercase
        }

        .layout-platinum .ctarow {
            justify-content: flex-end
        }

        @media(max-width:860px) {
            .hero .slct {
                position: relative !important;
                inset: auto !important;
                width: auto !important;
                max-width: 100% !important;
                height: 100% !important;
                margin: 0 auto !important;
                border: none !important;
                transform: none !important;
                clip-path: none !important;
                border-radius: 18px;
                padding: 96px 20px 72px !important
            }

            .layout-felt .slct {
                border-radius: 24px !important;
                width: auto !important;
                height: auto !important
            }

            .layout-vegas .dots,
            .layout-skyline .dots {
                bottom: 22px !important
            }
        }

        .skip {
            position: absolute;
            left: -999px;
            top: 8px;
            background: #b8b8b8;
            color: #fff;
            padding: 8px 12px;
            z-index: 200;
            border-radius: 6px
        }

        .skip:focus {
            left: 8px
        }