/* ==========================================================================
   © Pautinka Digital Develop Studio. All rights reserved.
   This template package and its custom implementation are proprietary.
   Any unauthorized third-party use, copying, redistribution, or modification
   is strictly prohibited without written permission from the studio.
   Third-party libraries retain their respective licenses.
   ========================================================================== */

@font-face{
    font-family:'PautinkaMisc';
    src:url('../../fonts/pautinka/misc.otf') format('opentype');
    font-weight:400;
    font-style:normal;
    font-display:swap;
}

.pk-misc-skyline-screen{
    --misc-drift-x:0px;
    --misc-drift-y:0px;
    --misc-drift-z:0px;
    --misc-perspective-x:0px;
    --misc-perspective-y:0px;
    --misc-camera-tilt-x:0deg;
    --misc-camera-tilt-y:0deg;
    position:relative;
    min-height:100svh;
    overflow:hidden;
    isolation:isolate;
    background:#030713;
    color:#eef7ff;
}

.pk-misc-skyline-screen::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        radial-gradient(ellipse at 50% 45%,rgba(82,66,190,.2),transparent 36%),
        radial-gradient(ellipse at 50% 76%,rgba(39,203,255,.16),transparent 38%),
        linear-gradient(180deg,rgba(1,3,9,.2),rgba(1,4,12,.18) 42%,rgba(2,5,12,.72) 100%);
}

.pk-misc-skyline-screen::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:12;
    background:
        radial-gradient(ellipse at center,transparent 46%,rgba(0,0,0,.36) 100%),
        linear-gradient(180deg,rgba(0,0,0,.18),transparent 21%,transparent 72%,rgba(0,0,0,.5));
}

.pk-misc-skyline__sky,
.pk-misc-skyline__sky picture,
.pk-misc-skyline__sky img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
}

.pk-misc-skyline__sky{
    z-index:0;
    transform:scale(1.04);
}

.pk-misc-skyline__sky img{
    object-fit:cover;
    filter:brightness(.72) saturate(1.08) contrast(1.04);
}

.pk-misc-skyline__stars{
    position:absolute;
    inset:-4%;
    z-index:2;
    background:
        radial-gradient(circle at 12% 18%,rgba(255,255,255,.72) 0 1px,transparent 1.8px),
        radial-gradient(circle at 72% 13%,rgba(157,212,255,.72) 0 1px,transparent 1.9px),
        radial-gradient(circle at 37% 34%,rgba(255,255,255,.58) 0 1px,transparent 1.7px),
        radial-gradient(circle at 86% 35%,rgba(184,137,255,.66) 0 1px,transparent 1.8px),
        radial-gradient(circle at 22% 54%,rgba(97,207,255,.5) 0 1px,transparent 1.9px),
        radial-gradient(circle at 59% 58%,rgba(255,255,255,.48) 0 1px,transparent 1.6px);
    background-size:410px 330px,560px 390px,480px 360px,620px 460px,520px 420px,660px 520px;
    opacity:.55;
    transform:translate3d(calc(var(--misc-drift-x) * -.04),calc(var(--misc-drift-y) * -.03),0);
}

.pk-misc-skyline__horizon{
    position:absolute;
    left:-18%;
    right:-18%;
    bottom:11%;
    height:54%;
    z-index:3;
    background:
        radial-gradient(ellipse at 50% 72%,rgba(169,60,255,.3),rgba(43,155,255,.2) 30%,rgba(14,45,92,.12) 52%,transparent 74%),
        radial-gradient(ellipse at 52% 84%,rgba(47,220,255,.24),transparent 56%);
    filter:saturate(1.08);
}

.pk-misc-skyline__copy{
    position:absolute;
    left:50%;
    top:clamp(72px,8.8svh,118px);
    z-index:20;
    width:min(1500px,92vw);
    transform:translateX(-50%);
    text-align:center;
    pointer-events:auto;
}

.pk-misc-skyline__label{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin-bottom:clamp(7px,.8vw,12px);
    color:#f29cff;
    font-size:clamp(10px,.75vw,14px);
    font-weight:900;
    letter-spacing:.42em;
    line-height:1;
    text-transform:uppercase;
    text-shadow:0 0 18px rgba(222,80,255,.75);
}

.pk-misc-skyline__label span{
    display:block;
    width:clamp(38px,3.8vw,86px);
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(215,91,255,.92),transparent);
}

.pk-misc-skyline__label b{
    font-family:'PautinkaMisc','PautinkaSciFi',Inter,Arial,sans-serif;
    font-weight:900;
}

.pk-misc-skyline__copy h2{
    margin:0;
    font-family:'PautinkaMisc','PautinkaSciFi',Inter,Arial,sans-serif;
    font-size:clamp(64px,5.45vw,220px);
    line-height:.86;
    font-weight:900;
    letter-spacing:.025em;
    text-transform:uppercase;
    white-space:nowrap;
    color:#fff3ff;
    text-shadow:
        0 0 10px rgba(255,255,255,.78),
        0 0 26px rgba(190,91,255,.78),
        0 0 58px rgba(95,210,255,.38);
}

.pk-misc-skyline__copy strong{
    display:block;
    font-family:'PautinkaMisc','PautinkaSciFi',Inter,Arial,sans-serif;
    margin:clamp(13px,1.35vw,26px) 0 clamp(8px,.75vw,14px);
    color:#44f7ff;
    font-size:clamp(13px,1vw,34px);
    font-weight:900;
    letter-spacing:.56em;
    line-height:1.25;
    text-transform:uppercase;
    text-shadow:0 0 22px rgba(31,234,255,.88);
}

.pk-misc-skyline__copy p{
    width:min(640px,66vw);
    margin:0 auto;
    color:#edf6ff;
    font-size:clamp(13px,.72vw,22px);
    line-height:1.72;
    font-weight:500;
    text-shadow:0 2px 14px rgba(0,0,0,.72);
}

.pk-misc-skyline__cta{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:clamp(170px,10vw,230px);
    margin-top:clamp(18px,1.45vw,34px);
    padding:clamp(13px,.82vw,18px) clamp(26px,1.8vw,40px);
    overflow:hidden;
    border:1px solid rgba(141,102,255,.42);
    border-radius:18px;
    background:
        linear-gradient(135deg,rgba(35,18,65,.72),rgba(7,20,43,.58) 58%,rgba(20,10,38,.72)),
        radial-gradient(circle at 50% 0,rgba(166,64,255,.22),transparent 48%),
        radial-gradient(circle at 100% 100%,rgba(64,228,255,.12),transparent 36%);
    box-shadow:0 18px 50px rgba(0,0,0,.3),inset 0 0 30px rgba(122,80,255,.08),0 0 24px rgba(130,78,255,.14);
    color:#fff;
    font-family:'PautinkaMisc','PautinkaSciFi',Inter,Arial,sans-serif;
    font-size:clamp(11px,.62vw,14px);
    font-weight:400;
    letter-spacing:.2em;
    line-height:1;

    text-transform:uppercase;
    text-decoration:none;
}

.pk-misc-skyline__cta::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(98,239,255,.34),transparent 16%,transparent 82%,rgba(226,96,255,.28)),
        repeating-linear-gradient(180deg,rgba(196,245,255,.04) 0 1px,transparent 1px 6px);
    opacity:.42;
}

.pk-misc-skyline__cta:hover{
    color:#fff;
    border-color:rgba(110,234,255,.72);
    box-shadow:0 20px 54px rgba(0,0,0,.34),0 0 34px rgba(93,229,255,.22),0 0 28px rgba(190,76,255,.16) inset;
}

.pk-misc-skyline__cta span{
    position:relative;
    z-index:1;
}

.pk-misc-skyline__cta i{
    display:none;
}

.pk-misc-city{
    position:absolute;
    left:-10vw;
    right:-10vw;
    bottom:0;
    height:70svh;
    min-height:520px;
    z-index:8;
    perspective:1900px;
    perspective-origin:calc(50% + var(--misc-perspective-x)) calc(48% + var(--misc-perspective-y));
}

.pk-misc-city__rig{
    position:absolute;
    inset:0;
    transform-style:preserve-3d;
    transform:translate3d(calc(var(--misc-drift-x) * .035),calc(var(--misc-drift-y) * .035),var(--misc-drift-z)) rotateX(var(--misc-camera-tilt-x)) rotateY(var(--misc-camera-tilt-y));
    transform-origin:50% 78%;
    will-change:transform;
}

.pk-misc-city-layer{
    position:absolute;
    left:50%;
    bottom:var(--b);
    width:var(--w);
    transform-style:preserve-3d;
    transform:translate3d(calc(-50% + var(--x) + var(--misc-layer-x,0px)),var(--misc-layer-y,0px),calc(var(--z) + var(--misc-layer-z,0px))) scale(calc(var(--s) * var(--misc-layer-scale,1)));
    transform-origin:50% 100%;
    will-change:transform;
}

.pk-misc-city-layer img{
    display:block;
    width:100%;
    height:auto;
    max-width:none;
    user-select:none;
    transform:translateZ(0);
}

.pk-misc-city-layer--far{
    z-index:1;
    filter:brightness(.76) saturate(.95) contrast(.96);
}

.pk-misc-city-layer--mid{
    z-index:3;
    filter:brightness(.98) saturate(1.06) contrast(1.04);
}

.pk-misc-city-layer--side{
    z-index:4;
    filter:brightness(.88) saturate(1.04) contrast(1.06);
}

.pk-misc-city-layer--anchor{
    z-index:5;
    filter:brightness(1.02) saturate(1.08) contrast(1.09);
}

.pk-misc-city-layer--foreground{
    z-index:7;
    filter:brightness(.78) saturate(.98) contrast(1.04);
}

.pk-misc-city-layer--ship{
    z-index:6;
    filter:brightness(.9) saturate(1.1) contrast(1.08) drop-shadow(0 0 16px rgba(83,215,255,.2));
    animation:pkMiscShipDrift 14s ease-in-out infinite;
}

.pk-misc-city-layer--far-left{--w:66vw;--x:-42vw;--b:19%;--z:-660px;--s:.94;}
.pk-misc-city-layer--far-center{--w:78vw;--x:0vw;--b:18%;--z:-720px;--s:.95;}
.pk-misc-city-layer--far-right{--w:66vw;--x:42vw;--b:19%;--z:-660px;--s:.94;}

.pk-misc-city-layer--mid-left{--w:76vw;--x:-43vw;--b:10%;--z:-250px;--s:1;}
.pk-misc-city-layer--mid-center{--w:86vw;--x:0vw;--b:8%;--z:-180px;--s:1;}
.pk-misc-city-layer--mid-right{--w:76vw;--x:43vw;--b:10%;--z:-250px;--s:1;}
.pk-misc-city-layer--mid-low-left{--w:64vw;--x:-29vw;--b:6%;--z:-70px;--s:1;}
.pk-misc-city-layer--mid-low-right{--w:64vw;--x:29vw;--b:6%;--z:-70px;--s:1;}

.pk-misc-city-layer--side-left{--w:clamp(130px,11vw,500px);--x:-65vw;--b:5%;--z:60px;--s:1;}
.pk-misc-city-layer--side-right{--w:clamp(160px,12vw,560px);--x:63vw;--b:5%;--z:60px;--s:1;}

.pk-misc-city-layer--anchor-core{--w:clamp(190px,13.5vw,620px);--x:0vw;--b:6%;--z:90px;--s:1;}
.pk-misc-city-layer--anchor-shadow{--w:clamp(150px,9.4vw,430px);--x:12.8vw;--b:12%;--z:-20px;--s:1;filter:brightness(.78) saturate(.96) contrast(1.02);}

.pk-misc-city-layer--foreground-left{--w:82vw;--x:-40vw;--b:-17%;--z:360px;--s:1;}
.pk-misc-city-layer--foreground-right{--w:82vw;--x:40vw;--b:-17%;--z:360px;--s:1;}
.pk-misc-city-layer--foreground-center{--w:76vw;--x:0vw;--b:-19%;--z:420px;--s:1;}

.pk-misc-city-layer--ship-one{--w:clamp(58px,4.5vw,150px);--x:25vw;--b:55%;--z:-30px;--s:1;}

.pk-misc-aerial-traffic{
    position:absolute;
    inset:0;
    z-index:13;
    pointer-events:none;
    overflow:hidden;
}

.pk-misc-aerial-ship{
    --ship-y:28svh;
    --ship-scale:1;
    --ship-opacity:.58;
    --ship-drift:2svh;
    --ship-duration:52s;
    position:absolute;
    left:0;
    top:0;
    width:var(--ship-width,90px);
    height:auto;
    opacity:0;
    filter:drop-shadow(0 0 8px rgba(75,220,255,.18)) saturate(1.08) brightness(.86);
    transform:translate3d(-20vw,var(--ship-y),0) scale(var(--ship-scale));
    will-change:transform,opacity;
}

.pk-misc-aerial-ship--cruiser{
    --ship-width:clamp(78px,5.1vw,170px);
}

.pk-misc-aerial-ship--fighter{
    --ship-width:clamp(48px,3.6vw,118px);
}

.pk-misc-aerial-ship.is-flying{
    opacity:var(--ship-opacity,.58);
}

.pk-misc-aerial-ship[data-ship-direction="ltr"].is-flying{
    animation:pkMiscAerialFlyLtr var(--ship-duration,52s) linear forwards;
}

.pk-misc-aerial-ship[data-ship-direction="rtl"].is-flying{
    animation:pkMiscAerialFlyRtl var(--ship-duration,52s) linear forwards;
}

@keyframes pkMiscAerialFlyLtr{
    0%{opacity:0;transform:translate3d(-18vw,var(--ship-y),0) scale(var(--ship-scale));}
    8%{opacity:var(--ship-opacity,.58);}
    88%{opacity:var(--ship-opacity,.58);}
    100%{opacity:0;transform:translate3d(118vw,calc(var(--ship-y) + var(--ship-drift)),0) scale(var(--ship-scale));}
}

@keyframes pkMiscAerialFlyRtl{
    0%{opacity:0;transform:translate3d(118vw,var(--ship-y),0) scale(var(--ship-scale));}
    8%{opacity:var(--ship-opacity,.58);}
    88%{opacity:var(--ship-opacity,.58);}
    100%{opacity:0;transform:translate3d(-18vw,calc(var(--ship-y) + var(--ship-drift)),0) scale(var(--ship-scale));}
}

.pk-misc-mobile-showcase{
    display:none;
}

.pk-misc-mobile-showcase__track{
    position:relative;
    width:100%;
    height:100%;
}

.pk-misc-mobile-holo{
    position:absolute;
    left:50%;
    top:50%;
    width:min(78vw,350px);
    aspect-ratio:16/9;
    opacity:0;
    pointer-events:none;
    transform:translate3d(-50%,-50%,0) scale(.64);
    transition:transform .48s ease,opacity .48s ease,filter .48s ease;
    filter:brightness(.7) saturate(.72);
}

.pk-misc-mobile-holo__image{
    position:absolute;
    inset:0;
    overflow:hidden;
    border:1px solid rgba(101,239,255,.48);
    background:rgba(5,18,34,.48);
    box-shadow:0 0 22px rgba(61,231,255,.18),0 0 34px rgba(182,75,255,.12) inset;
}

.pk-misc-mobile-holo__image::before,
.pk-misc-mobile-holo__image::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
}

.pk-misc-mobile-holo__image::before{
    background:
        linear-gradient(90deg,rgba(57,229,255,.26),transparent 16%,transparent 82%,rgba(219,84,255,.2)),
        linear-gradient(180deg,rgba(58,238,255,.14),rgba(12,44,94,.18) 42%,rgba(111,37,168,.16));
}

.pk-misc-mobile-holo__image::after{
    background:
        repeating-linear-gradient(180deg,rgba(180,248,255,.13) 0 1px,transparent 1px 4px),
        linear-gradient(90deg,transparent,rgba(76,235,255,.28),transparent);
    background-size:100% 5px,210% 100%;
    opacity:.52;
    animation:pkMiscMobileScan 4.8s linear infinite;
}

.pk-misc-mobile-holo__image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center 58%;
    filter:grayscale(.12) sepia(.18) hue-rotate(150deg) saturate(.48) brightness(.86) contrast(1.08);
}

.pk-misc-mobile-holo__view{
    position:absolute;
    top:10px;
    right:10px;
    z-index:6;
    display:none;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 16px;
    border:1px solid rgba(101,239,255,.52);
    border-radius:2px;
    background:linear-gradient(135deg,rgba(8,35,58,.72),rgba(39,18,70,.66));
    color:rgba(238,253,255,.96);
    font-family:'PautinkaMisc','PautinkaSciFi',Inter,Arial,sans-serif;
    font-size:10px;
    font-weight:400;
    line-height:1;
    letter-spacing:.16em;
    text-transform:uppercase;
    text-decoration:none;
    text-shadow:0 0 14px rgba(102,239,255,.42);
    box-shadow:0 0 20px rgba(77,229,255,.08) inset,0 0 18px rgba(56,222,255,.12);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate3d(0,-2px,0);
    transition:opacity .24s ease,visibility .24s ease,transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
}

.pk-misc-mobile-holo__view::before,
.pk-misc-mobile-holo__view::after{
    content:"";
    position:absolute;
    width:9px;
    height:9px;
    pointer-events:none;
    opacity:.82;
}

.pk-misc-mobile-holo__view::before{
    top:4px;
    left:4px;
    border-top:1px solid rgba(166,249,255,.66);
    border-left:1px solid rgba(166,249,255,.66);
}

.pk-misc-mobile-holo__view::after{
    right:4px;
    bottom:4px;
    border-right:1px solid rgba(214,104,255,.56);
    border-bottom:1px solid rgba(214,104,255,.56);
}

.pk-misc-mobile-holo__view:focus-visible{
    outline:2px solid rgba(238,255,255,.9);
    outline-offset:3px;
}

.pk-misc-mobile-holo__body{
    position:absolute;
    left:16px;
    right:16px;
    bottom:14px;
    z-index:4;
    display:flex;
    flex-direction:column;
    gap:5px;
    text-transform:uppercase;
    text-shadow:0 2px 12px rgba(0,0,0,.82),0 0 16px rgba(75,229,255,.42);
}

.pk-misc-mobile-holo__body span{
    color:#93f9ff;
    font-size:9px;
    font-weight:900;
    letter-spacing:.22em;
}

.pk-misc-mobile-holo__body b{
    color:#fff;
    font-family:'PautinkaMisc','PautinkaSciFi',Inter,Arial,sans-serif;
    font-size:clamp(14px,4.7vw,20px);
    font-weight:400;
    line-height:1.05;
    letter-spacing:.06em;
}

.pk-misc-mobile-holo::before{
    content:"";
    position:absolute;
    inset:-8px;
    z-index:3;
    pointer-events:none;
    background:
        linear-gradient(90deg,#71f3ff 0 26px,transparent 26px) left top/82px 2px no-repeat,
        linear-gradient(180deg,#71f3ff 0 26px,transparent 26px) left top/2px 82px no-repeat,
        linear-gradient(270deg,#e67cff 0 26px,transparent 26px) right top/82px 2px no-repeat,
        linear-gradient(180deg,#e67cff 0 26px,transparent 26px) right top/2px 82px no-repeat,
        linear-gradient(90deg,#e67cff 0 26px,transparent 26px) left bottom/82px 2px no-repeat,
        linear-gradient(0deg,#e67cff 0 26px,transparent 26px) left bottom/2px 82px no-repeat,
        linear-gradient(270deg,#71f3ff 0 26px,transparent 26px) right bottom/82px 2px no-repeat,
        linear-gradient(0deg,#71f3ff 0 26px,transparent 26px) right bottom/2px 82px no-repeat;
    filter:drop-shadow(0 0 8px rgba(95,231,255,.54));
}

.pk-misc-mobile-holo.is-active{
    z-index:4;
    opacity:1;
    pointer-events:auto;
    transform:translate3d(-50%,-50%,0) scale(1);
    filter:brightness(1) saturate(1);
}

.pk-misc-mobile-holo.is-prev{
    z-index:2;
    opacity:.38;
    transform:translate3d(calc(-50% - 34vw),-50%,0) scale(.68);
}

.pk-misc-mobile-holo.is-next{
    z-index:2;
    opacity:.38;
    transform:translate3d(calc(-50% + 34vw),-50%,0) scale(.68);
}

@keyframes pkMiscMobileScan{
    0%{background-position:0 0,-120% 0;}
    100%{background-position:0 28px,120% 0;}
}

.pk-misc-features{
    position:absolute;
    left:50%;
    bottom:clamp(58px,7svh,104px);
    z-index:24;
    width:min(78vw,1480px);
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:clamp(10px,1vw,18px);
    transform:translateX(-50%);
    pointer-events:auto;
    transition:opacity .36s ease,transform .36s ease;
}

.pk-misc-feature-card{
    position:relative;
    min-height:clamp(78px,8.3svh,116px);
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:clamp(12px,.9vw,18px);
    padding:clamp(14px,1.05vw,22px) clamp(15px,1.15vw,24px);
    overflow:hidden;
    border:1px solid rgba(141,102,255,.38);
    border-radius:18px;
    background:
        linear-gradient(135deg,rgba(35,18,65,.72),rgba(7,20,43,.56) 58%,rgba(20,10,38,.72)),
        radial-gradient(circle at 12% 50%,rgba(166,64,255,.2),transparent 34%),
        radial-gradient(circle at 100% 0,rgba(64,228,255,.13),transparent 34%);
    box-shadow:0 18px 50px rgba(0,0,0,.28),inset 0 0 30px rgba(122,80,255,.08),0 0 22px rgba(130,78,255,.12);
}

.pk-misc-feature-card::before,
.pk-misc-feature-card::after{
    content:"";
    position:absolute;
    pointer-events:none;
}

.pk-misc-feature-card::before{
    inset:0;
    background:
        linear-gradient(90deg,rgba(87,230,255,.12),transparent 18% 82%,rgba(228,91,255,.14)),
        repeating-linear-gradient(180deg,rgba(160,238,255,.035) 0 1px,transparent 1px 9px);
    opacity:.62;
}

.pk-misc-feature-card::after{
    left:14px;
    right:14px;
    top:8px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(107,238,255,.5),transparent 42%,rgba(226,95,255,.36),transparent);
    opacity:.72;
}

.pk-misc-feature-card__icon{
    position:relative;
    z-index:1;
    width:clamp(42px,3.1vw,58px);
    height:clamp(42px,3.1vw,58px);
    display:grid;
    place-items:center;
    border-radius:50%;
    border:1px solid rgba(189,91,255,.48);
    background:radial-gradient(circle,rgba(186,62,255,.3),rgba(43,15,74,.48) 58%,rgba(5,15,33,.78));
    box-shadow:0 0 20px rgba(181,71,255,.24),inset 0 0 18px rgba(126,235,255,.08);
}

.pk-misc-feature-card__icon::before,
.pk-misc-feature-card__icon::after,
.pk-misc-feature-card__icon i{
    content:"";
    position:absolute;
    border:2px solid rgba(210,92,255,.9);
    box-shadow:0 0 10px rgba(203,92,255,.42);
}

.pk-misc-feature-card__icon::before{
    width:46%;
    height:46%;
    border-radius:8px;
    transform:rotate(45deg);
}

.pk-misc-feature-card__icon::after{
    width:18%;
    height:18%;
    border-radius:50%;
    border-color:rgba(123,244,255,.9);
}

.pk-misc-feature-card__icon i{
    width:72%;
    height:2px;
    border:0;
    background:linear-gradient(90deg,transparent,rgba(123,244,255,.78),transparent);
}

.pk-misc-feature-card div,
.pk-misc-feature-card b{
    position:relative;
    z-index:1;
}

.pk-misc-feature-card h3{
    margin:0 0 5px;
    font-family:'PautinkaMisc','PautinkaSciFi',Inter,Arial,sans-serif;
    color:#fff;
    font-size:clamp(13px,.82vw,18px);
    line-height:1.12;
    font-weight:400;
    letter-spacing:.045em;
    text-transform:uppercase;
}

.pk-misc-feature-card p{
    margin:0;
    max-width:28em;
    color:rgba(231,239,255,.78);
    font-size:clamp(11px,.68vw,14px);
    line-height:1.45;
}

.pk-misc-feature-card b{
    align-self:start;
    color:#d36cff;
    font-size:20px;
    line-height:1;
    text-shadow:0 0 12px rgba(205,84,255,.72);
}

.pk-misc-feature-card:hover{
    border-color:rgba(114,232,255,.42);
    box-shadow:0 20px 54px rgba(0,0,0,.34),inset 0 0 34px rgba(92,235,255,.08),0 0 28px rgba(111,226,255,.13);
}

.pk-misc-skyline-screen.is-target-lock .pk-misc-features,
.pk-misc-skyline-screen.is-docked .pk-misc-features{
    opacity:0;
    transform:translateX(-50%) translateY(18px);
    pointer-events:none;
}

.pk-misc-skyline__base-shadow{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:20svh;
    z-index:4;
    background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%);
}

.pk-misc-hologram-stage{
    position:absolute;
    inset:0;
    z-index:16;
    perspective:1700px;
    perspective-origin:50% 48%;
}

.pk-misc-holo-panel{
    --misc-panel-x:0px;
    --misc-panel-y:0px;
    --misc-panel-scale:1;
    --misc-panel-tilt-x:0deg;
    --misc-panel-tilt-y:0deg;
    position:absolute;
    left:0;
    top:0;
    width:var(--slot-width,clamp(320px,23vw,760px));
    aspect-ratio:16/9;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    color:#fff;
    opacity:0;
    visibility:hidden;
    z-index:var(--slot-z-index,18);
    cursor:default;
    transform:translate3d(calc(var(--slot-panel-x,50vw) - 50% + var(--misc-panel-x)),calc(var(--slot-panel-y,42svh) + var(--misc-panel-y)),var(--slot-z,0px)) scale(var(--slot-scale,1)) scale(var(--misc-panel-scale));
    transform-style:preserve-3d;
    transform-origin:50% 58%;
    will-change:transform;
}

.pk-misc-holo-panel--slot-hero-center{
    --slot-left:50%;
    --slot-top:clamp(360px,43.5svh,900px);
    --slot-width:clamp(300px,19.5vw,620px);
    --slot-opacity:.84;
    --slot-z-index:22;
    --slot-scale:1;
    --slot-image-position:center center;
}

.pk-misc-holo-panel--slot-left-top-far{
    --slot-left:20%;
    --slot-top:clamp(300px,34svh,660px);
    --slot-width:clamp(220px,14.2vw,500px);
    --slot-opacity:.52;
    --slot-z-index:14;
    --slot-scale:.86;
    --slot-image-position:center 46%;
}

.pk-misc-holo-panel--slot-right-top-far{
    --slot-left:79%;
    --slot-top:clamp(310px,34.8svh,680px);
    --slot-width:clamp(220px,14.4vw,510px);
    --slot-opacity:.5;
    --slot-z-index:14;
    --slot-scale:.84;
    --slot-image-position:center 46%;
}

.pk-misc-holo-panel--slot-left-mid{
    --slot-left:18.5%;
    --slot-top:clamp(390px,47.2svh,980px);
    --slot-width:clamp(245px,16.4vw,560px);
    --slot-opacity:.7;
    --slot-z-index:17;
    --slot-scale:.93;
    --slot-image-position:48% center;
}

.pk-misc-holo-panel--slot-right-mid{
    --slot-left:81.5%;
    --slot-top:clamp(398px,47.6svh,990px);
    --slot-width:clamp(245px,16.4vw,560px);
    --slot-opacity:.68;
    --slot-z-index:17;
    --slot-scale:.92;
    --slot-image-position:52% center;
}

.pk-misc-holo-panel--slot-left-low-near{
    --slot-left:30%;
    --slot-top:clamp(500px,56.5svh,1220px);
    --slot-width:clamp(245px,15.2vw,540px);
    --slot-opacity:.58;
    --slot-z-index:19;
    --slot-scale:.9;
    --slot-image-position:center 54%;
}

.pk-misc-holo-panel--slot-right-low-near{
    --slot-left:70%;
    --slot-top:clamp(505px,57svh,1230px);
    --slot-width:clamp(245px,15.2vw,540px);
    --slot-opacity:.56;
    --slot-z-index:19;
    --slot-scale:.9;
    --slot-image-position:center 54%;
}

.pk-misc-holo-panel--slot-aux-left-edge{
    --slot-left:-1.5%;
    --slot-top:clamp(420px,48svh,1050px);
    --slot-width:clamp(210px,13vw,460px);
    --slot-opacity:.36;
    --slot-z-index:12;
    --slot-scale:.8;
    --slot-image-position:58% center;
}

.pk-misc-holo-panel--slot-aux-right-edge{
    --slot-left:101.5%;
    --slot-top:clamp(425px,48.6svh,1060px);
    --slot-width:clamp(210px,13vw,460px);
    --slot-opacity:.34;
    --slot-z-index:12;
    --slot-scale:.78;
    --slot-image-position:42% center;
}

.pk-misc-holo-panel--slot-aux-deep-center{
    --slot-left:50%;
    --slot-top:clamp(335px,38.5svh,820px);
    --slot-width:clamp(215px,13.2vw,460px);
    --slot-opacity:.28;
    --slot-z-index:13;
    --slot-scale:.76;
    --slot-z:-120px;
    --slot-image-position:center 45%;
}

.pk-misc-holo-panel--slot-left-top-far,
.pk-misc-holo-panel--slot-right-top-far,
.pk-misc-holo-panel--slot-aux-left-edge,
.pk-misc-holo-panel--slot-aux-right-edge,
.pk-misc-holo-panel--slot-aux-deep-center{
    --beam-opacity:.34;
    --beam-hover-opacity:.48;
}

.pk-misc-holo-panel--slot-left-low-near,
.pk-misc-holo-panel--slot-right-low-near{
    --beam-opacity:.38;
    --beam-hover-opacity:.52;
}

.pk-misc-holo-panel:not(.is-visible){
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    animation:none!important;
}

.pk-misc-holo-panel:not(.is-visible) .pk-misc-holo-panel__beam{
    opacity:0!important;
    animation:none!important;
}

.pk-misc-holo-panel.is-preflash,
.pk-misc-holo-panel.is-entering,
.pk-misc-holo-panel.is-active,
.pk-misc-holo-panel.is-exiting{
    visibility:visible;
}

.pk-misc-holo-panel.is-preflash{
    opacity:1;
    pointer-events:none;
    animation:none;
}

.pk-misc-holo-panel.is-preflash .pk-misc-holo-panel__surface{
    opacity:0;
    animation:none;
}

.pk-misc-holo-panel.is-preflash .pk-misc-holo-panel__beam{
    opacity:.16;
    animation:pkMiscBeamPreflash var(--holo-preflash-duration,.72s) steps(1,end) forwards;
}

.pk-misc-holo-panel.is-entering{
    pointer-events:none;
    animation:pkMiscPanelBlinkIn var(--holo-enter-duration,.72s) steps(1,end) forwards;
}

.pk-misc-holo-panel.is-entering .pk-misc-holo-panel__beam,
.pk-misc-holo-panel.is-active .pk-misc-holo-panel__beam{
    opacity:var(--beam-opacity,.32);
    animation:pkMiscBeamPulse 5.2s ease-in-out infinite;
}

.pk-misc-holo-panel.is-active{
    opacity:var(--slot-opacity,.86);
    pointer-events:auto;
    cursor:pointer;
    animation:pkMiscPanelLive 6.2s ease-in-out infinite;
}

.pk-misc-holo-panel.is-active.is-hovered{
    opacity:.94;
    z-index:30;
}

.pk-misc-holo-panel.is-exiting{
    pointer-events:none;
    animation:pkMiscPanelBlinkOut var(--holo-exit-duration,.62s) steps(1,end) forwards;
}

.pk-misc-holo-panel.is-exiting .pk-misc-holo-panel__beam{
    opacity:calc(var(--beam-opacity,.32) * .56);
    animation:pkMiscBeamPulse 5.2s ease-in-out infinite;
}

.pk-misc-holo-panel__surface{
    position:absolute;
    inset:0;
    z-index:4;
    overflow:hidden;
    border:0;
    border-radius:0;
    background:
        linear-gradient(135deg,rgba(35,226,255,.04),rgba(148,50,255,.055)),
        radial-gradient(ellipse at 18% 10%,rgba(104,240,255,.09),transparent 40%),
        radial-gradient(ellipse at 86% 96%,rgba(212,80,255,.09),transparent 44%);
    box-shadow:
        -2px 0 0 rgba(55,238,255,.12),
        2px 0 0 rgba(232,72,255,.1),
        0 0 24px rgba(62,214,255,.22),
        0 0 52px rgba(168,61,255,.18),
        0 22px 54px rgba(0,0,0,.2);
    transform:translateZ(26px);
    clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
    animation:pkMiscHoloBreath 5.8s ease-in-out infinite,pkMiscHoloFlicker 7.4s steps(1,end) infinite;
}

.pk-misc-holo-panel__surface::before,
.pk-misc-holo-panel__surface::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:5;
}

.pk-misc-holo-panel__surface::before{
    border-radius:0;
    background:
        linear-gradient(90deg,rgba(55,231,255,.62),transparent 8%,transparent 92%,rgba(220,79,255,.58)),
        linear-gradient(180deg,rgba(255,255,255,.1),transparent 18%,transparent 82%,rgba(56,222,255,.1));
    opacity:.24;
}

.pk-misc-holo-panel__surface::after{
    inset:8px;
    border-radius:0;
    background:
        linear-gradient(90deg,rgba(115,244,255,.34) 0 18%,transparent 18% 44%,rgba(229,94,255,.24) 44% 58%,transparent 58% 82%,rgba(115,244,255,.3) 82% 100%) left top/100% 1px no-repeat,
        linear-gradient(90deg,rgba(229,94,255,.26) 0 15%,transparent 15% 82%,rgba(115,244,255,.3) 82% 100%) left bottom/100% 1px no-repeat,
        linear-gradient(180deg,rgba(115,244,255,.28) 0 28%,transparent 28% 72%,rgba(229,94,255,.22) 72% 100%) left top/1px 100% no-repeat,
        linear-gradient(180deg,rgba(229,94,255,.22) 0 30%,transparent 30% 70%,rgba(115,244,255,.26) 70% 100%) right top/1px 100% no-repeat;
    box-shadow:
        0 0 16px rgba(90,221,255,.12) inset,
        0 0 26px rgba(201,78,255,.07) inset;
    animation:pkMiscHoloFrameFlicker 4.8s steps(1,end) infinite;
}

.pk-misc-holo-panel__image{
    position:absolute;
    inset:9px;
    overflow:hidden;
    border-radius:0;
    z-index:1;
    background:rgba(3,11,24,.35);
}

.pk-misc-holo-panel__image::before,
.pk-misc-holo-panel__image::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
}

.pk-misc-holo-panel__image::before{
    background:
        linear-gradient(90deg,rgba(38,214,255,.34),rgba(9,44,96,.18) 18%,rgba(11,33,76,.14) 82%,rgba(182,74,255,.16)),
        linear-gradient(180deg,rgba(58,238,255,.24),rgba(19,60,136,.22) 38%,rgba(80,34,159,.18) 100%);
    opacity:.72;
    transition:opacity .34s ease;
}

.pk-misc-holo-panel__image::after{
    inset:0 -3px;
    background:
        linear-gradient(90deg,rgba(42,234,255,.18),transparent 4% 96%,rgba(237,75,255,.16)),
        repeating-linear-gradient(90deg,rgba(92,238,255,.035) 0 1px,transparent 1px 8px);
    opacity:.32;
    animation:pkMiscHoloEdge 3.2s ease-in-out infinite;
    transition:opacity .34s ease;
}

.pk-misc-holo-panel__image img{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    object-position:var(--slot-image-position,center center);
    opacity:.82;
    filter:grayscale(.16) sepia(.2) hue-rotate(150deg) saturate(.42) brightness(.84) contrast(1.08);
    transform:scale(1);
    transition:filter .34s ease,opacity .34s ease,transform .34s ease;
}

.pk-misc-holo-panel__shade{
    position:absolute;
    inset:9px;
    z-index:2;
    border-radius:0;
    background:
        radial-gradient(ellipse at 48% 58%,transparent 22%,rgba(4,8,24,.05) 62%,rgba(2,5,15,.24) 100%),
        linear-gradient(180deg,rgba(85,245,255,.16),rgba(10,38,88,.14) 36%,rgba(114,36,184,.14));
    transition:opacity .34s ease;
}

.pk-misc-holo-panel__chrome{
    position:absolute;
    inset:0;
    z-index:4;
    border-radius:inherit;
    background:
        linear-gradient(115deg,transparent 0 32%,rgba(255,255,255,.22) 36%,transparent 43% 100%),
        radial-gradient(ellipse at 16% 0%,rgba(70,221,255,.18),transparent 36%),
        radial-gradient(ellipse at 100% 100%,rgba(204,71,255,.17),transparent 40%);
    opacity:.48;
    animation:pkMiscHoloSweep 6.8s ease-in-out infinite;
}

.pk-misc-holo-panel__scan{
    position:absolute;
    inset:9px;
    z-index:6;
    border-radius:0;
    background:
        repeating-linear-gradient(180deg,rgba(172,246,255,.2) 0 1px,transparent 1px 4px),
        linear-gradient(90deg,transparent,rgba(70,226,255,.25),transparent);
    background-size:100% 5px,230% 100%;
    opacity:.32;
    animation:pkMiscHoloScan 4.8s linear infinite;
}

.pk-misc-holo-panel__noise{
    position:absolute;
    inset:9px;
    z-index:7;
    border-radius:0;
    background:
        url("../../images/pautinka-home/screen-04-magic/magic-candle-flame-mask.webp"),
        radial-gradient(circle at 12% 18%,rgba(255,255,255,.18) 0 1px,transparent 1.55px),
        radial-gradient(circle at 68% 32%,rgba(101,236,255,.16) 0 1px,transparent 1.65px),
        radial-gradient(circle at 37% 73%,rgba(231,91,255,.14) 0 1px,transparent 1.7px),
        repeating-linear-gradient(90deg,rgba(95,230,255,.02) 0 1px,transparent 1px 10px);
    background-size:180% 180%,72px 58px,96px 76px,84px 68px,100% 100%;
    background-position:0 0,0 0,0 0,0 0,0 0;
    opacity:0;
    filter:contrast(1.04) brightness(.92) saturate(.98);
    animation:pkMiscHoloNoise 42s linear infinite,pkMiscHoloNoisePulse 4.8s ease-in-out infinite,pkMiscHoloStatic 8.5s ease-in-out infinite;
}

.pk-misc-holo-panel__interference{
    position:absolute;
    inset:9px;
    z-index:8;
    border-radius:0;
    background:
        linear-gradient(180deg,transparent 0 22%,rgba(102,238,255,.18) 23%,transparent 25% 56%,rgba(217,85,255,.16) 57%,transparent 59% 100%),
        repeating-linear-gradient(180deg,transparent 0 17px,rgba(255,255,255,.035) 17px 18px,transparent 18px 34px);
    opacity:.46;
    animation:pkMiscHoloInterference 4.8s linear infinite;
}

.pk-misc-holo-panel__glitch{
    position:absolute;
    z-index:11;
    height:4px;
    border-radius:0;
    background:
        linear-gradient(90deg,transparent,rgba(65,232,255,.92),rgba(226,83,255,.8),transparent),
        repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 2px,transparent 2px 7px);
    box-shadow:0 0 14px rgba(79,232,255,.46),2px 0 0 rgba(238,83,255,.3),-2px 0 0 rgba(62,235,255,.3);
    opacity:.4;
}

.pk-misc-holo-panel__glitch--a{
    left:8%;
    right:12%;
    top:31%;
    animation:pkMiscHoloGlitchA 5.9s steps(1,end) infinite;
}

.pk-misc-holo-panel__glitch--b{
    left:16%;
    right:38%;
    top:57%;
    height:4px;
    animation:pkMiscHoloGlitchB 7.1s steps(1,end) infinite;
}

.pk-misc-holo-panel__glitch--c{
    left:46%;
    right:8%;
    top:74%;
    animation:pkMiscHoloGlitchC 6.6s steps(1,end) infinite;
}

.pk-misc-holo-panel__corners{
    position:absolute;
    inset:0;
    z-index:12;
    border-radius:0;
    background:
        linear-gradient(90deg,#71f3ff 0 28px,transparent 28px) left 0 top 0/92px 2px no-repeat,
        linear-gradient(180deg,#71f3ff 0 28px,transparent 28px) left 0 top 0/2px 92px no-repeat,
        linear-gradient(270deg,#e67cff 0 28px,transparent 28px) right 0 top 0/92px 2px no-repeat,
        linear-gradient(180deg,#e67cff 0 28px,transparent 28px) right 0 top 0/2px 92px no-repeat,
        linear-gradient(90deg,#e67cff 0 28px,transparent 28px) left 0 bottom 0/92px 2px no-repeat,
        linear-gradient(0deg,#e67cff 0 28px,transparent 28px) left 0 bottom 0/2px 92px no-repeat,
        linear-gradient(270deg,#71f3ff 0 28px,transparent 28px) right 0 bottom 0/92px 2px no-repeat,
        linear-gradient(0deg,#71f3ff 0 28px,transparent 28px) right 0 bottom 0/2px 92px no-repeat,
        linear-gradient(90deg,transparent 0 18%,rgba(113,243,255,.74) 18% 27%,transparent 27% 70%,rgba(230,124,255,.66) 70% 81%,transparent 81%) left 5px top 7px/100% 1px no-repeat,
        linear-gradient(90deg,transparent 0 14%,rgba(230,124,255,.58) 14% 25%,transparent 25% 72%,rgba(113,243,255,.58) 72% 86%,transparent 86%) left 5px bottom 7px/100% 1px no-repeat;
    filter:drop-shadow(0 0 8px rgba(95,231,255,.62));
    opacity:.94;
    animation:pkMiscHoloFrameFlicker 4.2s steps(1,end) infinite;
}

.pk-misc-holo-panel__content{
    position:absolute;
    left:24px;
    top:20px;
    z-index:13;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    text-align:left;
    text-transform:uppercase;
    text-shadow:0 2px 12px rgba(0,0,0,.82),0 0 12px rgba(75,229,255,.58);
    opacity:0;
    transform:translate3d(0,8px,0);
    transition:opacity .28s ease,transform .28s ease;
}

.pk-misc-holo-panel__category{
    font-family:'PautinkaMisc','PautinkaSciFi',Inter,Arial,sans-serif;
    color:#91f9ff;
    font-size:clamp(9px,.45vw,13px);
    font-weight:900;
    letter-spacing:.22em;
}

.pk-misc-holo-panel__title{
    font-family:'PautinkaMisc','PautinkaSciFi',Inter,Arial,sans-serif;
    max-width:18em;
    color:#fff;
    font-size:clamp(13px,.72vw,22px);
    font-weight:900;
    letter-spacing:.08em;
    line-height:1.05;
}

.pk-misc-holo-panel__beam{
    position:absolute;
    left:50%;
    top:calc(100% - 1px);
    z-index:1;
    width:calc(100% - 18px);
    height:var(--beam-height,260px);
    transform:translate3d(-50%,0,-24px);
    transform-origin:50% 0;
    clip-path:polygon(0 0,100% 0,50% 100%,50% 100%);
    background:
        linear-gradient(90deg,rgba(102,242,255,.22) 0%,rgba(102,242,255,.085) 9%,transparent 27%,transparent 73%,rgba(229,102,255,.08) 91%,rgba(229,102,255,.2) 100%),
        radial-gradient(ellipse at 50% 10%,rgba(92,232,255,.075),transparent 54%),
        linear-gradient(180deg,rgba(84,231,255,.09),rgba(114,89,255,.035) 48%,rgba(0,0,0,0) 100%);
    opacity:0;
    filter:drop-shadow(0 0 12px rgba(82,232,255,.18));
    animation:none;
}

.pk-misc-holo-panel__beam::before,
.pk-misc-holo-panel__beam::after{
    content:"";
    position:absolute;
    inset:0;
    clip-path:inherit;
}

.pk-misc-holo-panel__beam::before{
    background:
        linear-gradient(90deg,rgba(158,255,255,.54) 0%,rgba(94,242,255,.19) 4.5%,transparent 14%,transparent 86%,rgba(230,102,255,.18) 95.5%,rgba(245,138,255,.5) 100%);
    opacity:.72;
    filter:blur(.22px);
}

.pk-misc-holo-panel__beam::after{
    background:
        radial-gradient(circle at 50% 72%,rgba(158,255,255,.12) 0 1px,transparent 1.9px),
        repeating-linear-gradient(180deg,transparent 0 22px,rgba(141,242,255,.018) 22px 23px,transparent 23px 44px);
    background-size:58px 112px,100% 100%;
    opacity:.16;
    animation:pkMiscBeamParticles 7.8s linear infinite;
}

.pk-misc-holo-panel:hover .pk-misc-holo-panel__surface{
    box-shadow:
        -2px 0 0 rgba(55,238,255,.16),
        2px 0 0 rgba(232,72,255,.14),
        0 0 34px rgba(67,227,255,.34),
        0 0 66px rgba(179,70,255,.22),
        0 25px 60px rgba(0,0,0,.28);
}

.pk-misc-holo-panel:hover .pk-misc-holo-panel__image::before{
    opacity:.18;
}

.pk-misc-holo-panel:hover .pk-misc-holo-panel__image::after{
    opacity:.22;
}

.pk-misc-holo-panel:hover .pk-misc-holo-panel__image img{
    filter:brightness(1.02) saturate(.98) contrast(1.06);
    opacity:.96;
    transform:scale(1);
}

.pk-misc-holo-panel:hover .pk-misc-holo-panel__shade{
    opacity:.5;
}

.pk-misc-holo-panel:hover .pk-misc-holo-panel__content{
    opacity:1;
    transform:translate3d(0,0,0);
}

.pk-misc-holo-panel.is-active:hover .pk-misc-holo-panel__beam{
    opacity:var(--beam-hover-opacity,.58);
    filter:drop-shadow(0 0 20px rgba(105,244,255,.34));
}

.pk-misc-holo-panel.is-active.is-hovered .pk-misc-holo-panel__surface,
.pk-misc-holo-panel.is-active:hover .pk-misc-holo-panel__surface{
    transform:translateZ(34px) scale(1.018);
    box-shadow:
        -2px 0 0 rgba(55,238,255,.22),
        2px 0 0 rgba(232,72,255,.2),
        0 0 38px rgba(67,227,255,.42),
        0 0 76px rgba(179,70,255,.28),
        0 25px 66px rgba(0,0,0,.34);
}

.pk-misc-holo-panel.is-active.is-hovered .pk-misc-holo-panel__image::before,
.pk-misc-holo-panel.is-active:hover .pk-misc-holo-panel__image::before{
    opacity:.14;
}

.pk-misc-holo-panel.is-active.is-hovered .pk-misc-holo-panel__image::after,
.pk-misc-holo-panel.is-active:hover .pk-misc-holo-panel__image::after{
    opacity:.2;
}

.pk-misc-holo-panel.is-active.is-hovered .pk-misc-holo-panel__image img,
.pk-misc-holo-panel.is-active:hover .pk-misc-holo-panel__image img{
    filter:brightness(1.04) saturate(1.04) contrast(1.08);
    opacity:.98;
    transform:scale(1.012);
}

.pk-misc-holo-panel.is-active.is-hovered .pk-misc-holo-panel__shade,
.pk-misc-holo-panel.is-active:hover .pk-misc-holo-panel__shade{
    opacity:.46;
}

.pk-misc-holo-panel.is-active.is-hovered .pk-misc-holo-panel__scan,
.pk-misc-holo-panel.is-active:hover .pk-misc-holo-panel__scan{
    opacity:.46;
}

.pk-misc-holo-panel.is-active.is-hovered .pk-misc-holo-panel__interference,
.pk-misc-holo-panel.is-active:hover .pk-misc-holo-panel__interference{
    opacity:.58;
}

.pk-misc-holo-panel.is-active.is-hovered .pk-misc-holo-panel__content,
.pk-misc-holo-panel.is-active:hover .pk-misc-holo-panel__content{
    opacity:1;
    transform:translate3d(0,0,0);
}

.pk-misc-holo-panel.is-active.is-hovered .pk-misc-holo-panel__corners,
.pk-misc-holo-panel.is-active:hover .pk-misc-holo-panel__corners{
    opacity:1;
    filter:drop-shadow(0 0 11px rgba(95,231,255,.82));
}

.pk-misc-holo-panel.is-active.is-hovered .pk-misc-holo-panel__glitch,
.pk-misc-holo-panel.is-active:hover .pk-misc-holo-panel__glitch{
    opacity:.58;
}

.pk-misc-holo-panel.is-active.is-hovered .pk-misc-holo-panel__beam,
.pk-misc-holo-panel.is-active:hover .pk-misc-holo-panel__beam{
    opacity:var(--beam-hover-opacity,.56);
    filter:drop-shadow(0 0 20px rgba(105,244,255,.34));
}

@keyframes pkMiscPanelPreflash{
    0%,18%,38%,58%,100%{opacity:0;filter:drop-shadow(0 0 0 rgba(90,232,255,0));}
    10%,30%,50%,72%{opacity:.54;filter:drop-shadow(0 0 18px rgba(95,235,255,.38));}
}

@keyframes pkMiscBeamPreflash{
    0%,18%,38%,58%,100%{opacity:0;}
    10%,30%,50%,72%{opacity:.24;}
}

@keyframes pkMiscPanelBlinkIn{
    0%{opacity:0;filter:brightness(.78);}
    12%{opacity:.62;filter:brightness(1.16);}
    22%{opacity:0;filter:brightness(.72);}
    36%{opacity:.42;filter:brightness(1.08);}
    48%{opacity:0;filter:brightness(.78);}
    64%{opacity:.78;filter:brightness(1.18);}
    76%{opacity:.1;filter:brightness(.82);}
    100%{opacity:var(--slot-opacity,.86);filter:brightness(1);}
}

@keyframes pkMiscPanelBlinkOut{
    0%{opacity:var(--slot-opacity,.86);filter:brightness(1);}
    18%{opacity:.14;filter:brightness(.86);}
    34%{opacity:.72;filter:brightness(1.12);}
    48%{opacity:0;filter:brightness(.72);}
    62%{opacity:.48;filter:brightness(1.08);}
    78%,100%{opacity:0;filter:brightness(.72);}
}

@keyframes pkMiscPanelLive{
    0%,100%{filter:brightness(1);}
    50%{filter:brightness(1.06);}
}

@keyframes pkMiscHoloBreath{
    0%,100%{filter:brightness(1);}
    50%{filter:brightness(1.1);}
}

@keyframes pkMiscHoloFlicker{
    0%,12%,15%,53%,56%,100%{opacity:1;}
    13%{opacity:.9;}
    54%{opacity:.94;}
}

@keyframes pkMiscHoloSweep{
    0%,100%{transform:translateX(-2%);opacity:.42;}
    50%{transform:translateX(2%);opacity:.58;}
}

@keyframes pkMiscHoloScan{
    0%{background-position:0 0,0 0;}
    100%{background-position:0 32px,230% 0;}
}

@keyframes pkMiscHoloNoise{
    0%{background-position:0% 0%,0 0,0 0,0 0,0 0;}
    100%{background-position:100% 54%,16px -12px,-18px 14px,10px 22px,0 0;}
}

@keyframes pkMiscHoloStatic{
    0%,100%{transform:translate3d(0,0,0);}
    50%{transform:translate3d(.18px,-.18px,0);}
}

@keyframes pkMiscHoloNoisePulse{
    0%,39%,100%{opacity:0;}
    44%{opacity:.015;}
    48%{opacity:.055;}
    52%{opacity:.07;}
    56%{opacity:.03;}
    61%{opacity:0;}
}

@keyframes pkMiscHoloFrameFlicker{
    0%,42%,46%,72%,76%,100%{opacity:.94;filter:drop-shadow(0 0 8px rgba(95,231,255,.62));}
    43%{opacity:.68;filter:drop-shadow(0 0 5px rgba(230,124,255,.42));}
    73%{opacity:.78;filter:drop-shadow(0 0 10px rgba(95,231,255,.72));}
}

@keyframes pkMiscHoloInterference{
    0%{background-position:0 -48px,0 0;}
    100%{background-position:0 64px,0 38px;}
}

@keyframes pkMiscHoloEdge{
    0%,100%{transform:translateX(0);opacity:.32;}
    48%{transform:translateX(-2px);opacity:.45;}
    52%{transform:translateX(2px);opacity:.42;}
}

@keyframes pkMiscHoloGlitchA{
    0%,70%,100%{opacity:.24;transform:translateX(0) scaleX(.9);}
    71%{opacity:.72;transform:translateX(16px) scaleX(1.08);}
    72%{opacity:.18;transform:translateX(-5px) scaleX(.8);}
    73%{opacity:.62;transform:translateX(24px) scaleX(1.18);}
    74%{opacity:.24;transform:translateX(0) scaleX(.9);}
}

@keyframes pkMiscHoloGlitchB{
    0%,58%,100%{opacity:.2;transform:translateX(0) scaleX(.8);}
    59%{opacity:.58;transform:translateX(-18px) scaleX(1.2);}
    60%{opacity:.16;transform:translateX(8px) scaleX(.9);}
    61%{opacity:.48;transform:translateX(-10px) scaleX(1.05);}
    62%{opacity:.2;transform:translateX(0) scaleX(.8);}
}

@keyframes pkMiscHoloGlitchC{
    0%,84%,100%{opacity:.2;transform:translateX(0) scaleX(.75);}
    85%{opacity:.54;transform:translateX(12px) scaleX(1.1);}
    86%{opacity:.2;transform:translateX(-8px) scaleX(.86);}
    87%{opacity:.2;transform:translateX(0) scaleX(.75);}
}

@keyframes pkMiscBeamPulse{
    0%,100%{filter:drop-shadow(0 0 8px rgba(79,232,255,.12));}
    50%{filter:drop-shadow(0 0 13px rgba(100,238,255,.2));}
}

@keyframes pkMiscBeamParticles{
    0%{background-position:0 0,0 0;}
    100%{background-position:0 78px,0 98px;}
}

@keyframes pkMiscFlarePulse{
    0%,100%{opacity:.46;transform:translate(-50%,-50%) scaleX(.94);}
    50%{opacity:.62;transform:translate(-50%,-50%) scaleX(1.08);}
}

.pk-misc-skyline-screen.is-target-lock .pk-misc-holo-panel.is-visible:not(.is-selected){
    opacity:.1!important;
    pointer-events:none!important;
    filter:brightness(.72) saturate(.72);
}

.pk-misc-holo-panel.is-selected{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
    z-index:38!important;
}

.pk-misc-holo-panel.is-selected .pk-misc-holo-panel__surface{
    box-shadow:
        -2px 0 0 rgba(55,238,255,.24),
        2px 0 0 rgba(232,72,255,.22),
        0 0 44px rgba(67,227,255,.42),
        0 0 86px rgba(179,70,255,.3),
        0 28px 76px rgba(0,0,0,.38);
}

.pk-misc-skyline-screen.is-approaching .pk-misc-holo-panel.is-selected{
    animation:pkMiscTargetApproach .76s cubic-bezier(.2,.84,.22,1) both;
}

.pk-misc-skyline-screen.is-approaching::after{
    background:
        radial-gradient(ellipse at center,transparent 36%,rgba(0,0,0,.52) 100%),
        linear-gradient(180deg,rgba(0,0,0,.22),transparent 20%,transparent 68%,rgba(0,0,0,.56));
}

.pk-misc-dock-preview{
    position:absolute;
    left:50%;
    top:clamp(340px,42svh,860px);
    z-index:42;
    width:min(1180px,82vw);
    min-height:clamp(350px,25vw,500px);
    display:grid;
    grid-template-columns:minmax(0,2fr) minmax(280px,1fr);
    align-items:center;
    gap:clamp(14px,1vw,20px);
    overflow:visible;
    padding:clamp(14px,1vw,20px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate3d(-50%,28px,0) scale(.96);
    transform-origin:50% 50%;
    background:
        radial-gradient(ellipse at 30% 0%,rgba(70,230,255,.12),transparent 42%),
        radial-gradient(ellipse at 92% 88%,rgba(210,76,255,.13),transparent 46%),
        linear-gradient(135deg,rgba(5,20,38,.52),rgba(18,8,40,.5));
    border:0;
    box-shadow:
        0 0 0 1px rgba(95,237,255,.12) inset,
        0 0 34px rgba(75,222,255,.18),
        0 0 78px rgba(178,71,255,.16),
        0 34px 86px rgba(0,0,0,.54);
    transition:opacity .38s ease,visibility .38s ease,transform .5s cubic-bezier(.18,.82,.18,1);
}

.pk-misc-skyline-screen.is-docked .pk-misc-dock-preview{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate3d(-50%,0,0) scale(1);
}

.pk-misc-dock-preview::before,
.pk-misc-dock-preview::after{
    content:"";
    position:absolute;
    pointer-events:none;
}

.pk-misc-dock-preview::before{
    inset:-10px;
    z-index:6;
    background:
        linear-gradient(90deg,rgba(113,243,255,.78) 0 64px,transparent 64px calc(100% - 96px),rgba(230,124,255,.74) calc(100% - 96px) 100%) left top/100% 2px no-repeat,
        linear-gradient(90deg,rgba(230,124,255,.62) 0 76px,transparent 76px calc(100% - 70px),rgba(113,243,255,.6) calc(100% - 70px) 100%) left bottom/100% 2px no-repeat,
        linear-gradient(180deg,rgba(113,243,255,.76) 0 42px,transparent 42px calc(100% - 64px),rgba(230,124,255,.64) calc(100% - 64px) 100%) left top/2px 100% no-repeat,
        linear-gradient(180deg,rgba(230,124,255,.68) 0 50px,transparent 50px calc(100% - 52px),rgba(113,243,255,.6) calc(100% - 52px) 100%) right top/2px 100% no-repeat,
        linear-gradient(90deg,transparent 0 18%,rgba(101,238,255,.44) 18% 27%,transparent 27% 68%,rgba(226,86,255,.38) 68% 78%,transparent 78%) left 9px top 10px/100% 1px no-repeat,
        linear-gradient(90deg,transparent 0 11%,rgba(226,86,255,.34) 11% 23%,transparent 23% 73%,rgba(101,238,255,.34) 73% 85%,transparent 85%) left 9px bottom 10px/100% 1px no-repeat;
    filter:drop-shadow(0 0 10px rgba(92,235,255,.42));
    opacity:.92;
    animation:pkMiscDockFramePulse 5.4s steps(1,end) infinite;
}

.pk-misc-dock-preview::after{
    inset:0;
    z-index:5;
    border:1px solid rgba(126,244,255,.12);
    background:
        repeating-linear-gradient(180deg,rgba(190,250,255,.045) 0 1px,transparent 1px 5px),
        linear-gradient(90deg,rgba(68,231,255,.06),transparent 24%,transparent 76%,rgba(230,82,255,.06));
    box-shadow:
        0 0 26px rgba(99,232,255,.07) inset,
        0 0 42px rgba(203,75,255,.06) inset;
    opacity:.7;
    animation:pkMiscDockSignalDrift 7.8s linear infinite;
}

.pk-misc-dock-preview__image{
    position:relative;
    z-index:4;
    align-self:center;
    aspect-ratio:16/9;
    min-height:0;
    width:100%;
    overflow:hidden;
    background:rgba(2,8,18,.28);
    border:1px solid rgba(101,237,255,.22);
    box-shadow:
        0 0 0 1px rgba(230,107,255,.1) inset,
        0 0 28px rgba(76,225,255,.12),
        0 0 50px rgba(184,76,255,.09);
}

.pk-misc-dock-preview__image::before,
.pk-misc-dock-preview__image::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
}

.pk-misc-dock-preview__image::before{
    z-index:2;
    background:
        linear-gradient(90deg,rgba(58,231,255,.16),transparent 18%,transparent 80%,rgba(222,86,255,.14)),
        radial-gradient(ellipse at 22% 10%,rgba(102,238,255,.12),transparent 42%),
        repeating-linear-gradient(180deg,rgba(203,250,255,.09) 0 1px,transparent 1px 5px);
    opacity:.8;
}

.pk-misc-dock-preview__image::after{
    z-index:3;
    background:
        linear-gradient(115deg,transparent 0 34%,rgba(255,255,255,.2) 38%,transparent 45% 100%),
        repeating-linear-gradient(90deg,transparent 0 11px,rgba(96,238,255,.035) 11px 12px,transparent 12px 22px);
    opacity:.38;
    animation:pkMiscDockImageSweep 6.4s ease-in-out infinite;
}

.pk-misc-dock-preview__image img{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center center;
    opacity:.94;
    filter:brightness(.94) saturate(.9) contrast(1.06) hue-rotate(142deg);
    transform:none;
}

.pk-misc-dock-preview__body{
    position:relative;
    z-index:4;
    padding:clamp(18px,1.45vw,28px);
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:100%;
    background:
        linear-gradient(135deg,rgba(4,13,28,.34),rgba(24,9,42,.44)),
        repeating-linear-gradient(180deg,rgba(126,244,255,.035) 0 1px,transparent 1px 6px);
    border-left:1px solid rgba(117,238,255,.16);
    box-shadow:-20px 0 38px rgba(14,40,78,.13);
}

.pk-misc-dock-preview__body::before{
    content:"";
    position:absolute;
    inset:10px;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(106,240,255,.48) 0 42px,transparent 42px calc(100% - 52px),rgba(226,92,255,.42) calc(100% - 52px) 100%) left top/100% 1px no-repeat,
        linear-gradient(90deg,rgba(226,92,255,.3) 0 34px,transparent 34px calc(100% - 44px),rgba(106,240,255,.28) calc(100% - 44px) 100%) left bottom/100% 1px no-repeat,
        radial-gradient(ellipse at 90% 12%,rgba(218,78,255,.11),transparent 36%);
    opacity:.68;
}

.pk-misc-dock-preview__body::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        url("../../images/pautinka-home/screen-04-magic/magic-candle-flame-mask.webp") center/190% 190%,
        repeating-linear-gradient(90deg,rgba(95,230,255,.025) 0 1px,transparent 1px 10px);
    opacity:0;
    filter:contrast(1.03) brightness(.92) saturate(.95);
    animation:pkMiscDockNoisePulse 5.2s ease-in-out infinite,pkMiscDockNoiseMove 38s linear infinite;
}

.pk-misc-dock-preview__close{
    position:absolute;
    right:16px;
    top:14px;
    z-index:7;
    width:34px;
    height:34px;
    border:1px solid rgba(131,238,255,.36);
    border-radius:50%;
    background:rgba(5,14,30,.58);
    color:#eefdff;
    font-size:22px;
    line-height:1;
    cursor:pointer;
}

.pk-misc-dock-preview__label,
.pk-misc-dock-preview h3,
.pk-misc-dock-preview p,
.pk-misc-dock-preview__meta,
.pk-misc-dock-preview__actions{
    position:relative;
    z-index:6;
}

.pk-misc-dock-preview__label{
    font-family:'PautinkaMisc','PautinkaSciFi',Inter,Arial,sans-serif;
    color:#88f7ff;
    font-size:clamp(10px,.58vw,13px);
    font-weight:900;
    letter-spacing:.28em;
    text-transform:uppercase;
    text-shadow:0 0 18px rgba(69,232,255,.62);
}

.pk-misc-dock-preview h3{
    margin:10px 0 12px;
    font-family:'PautinkaMisc','PautinkaSciFi',Inter,Arial,sans-serif;
    color:#fff;
    font-size:clamp(18px,1.28vw,28px);
    line-height:1.08;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:.06em;
    text-shadow:0 0 22px rgba(179,85,255,.5),2px 0 0 rgba(80,235,255,.22),-2px 0 0 rgba(232,89,255,.2);
}

.pk-misc-dock-preview p{
    margin:0;
    color:rgba(236,247,255,.82);
    font-size:clamp(12px,.72vw,14px);
    line-height:1.58;
}

.pk-misc-dock-preview__meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:18px 0 20px;
}

.pk-misc-dock-preview__meta span{
    padding:7px 10px;
    border:1px solid rgba(104,232,255,.24);
    background:rgba(8,27,48,.28);
    color:rgba(210,249,255,.78);
    font-size:10px;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
    box-shadow:0 0 16px rgba(90,232,255,.06) inset;
}

.pk-misc-dock-preview__meta a{
    color:inherit;
    text-decoration:none;
}

.pk-misc-dock-preview__meta a:hover{
    color:#fff;
}

.pk-misc-dock-preview__actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.pk-misc-dock-preview__actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 16px;
    border:1px solid rgba(116,239,255,.48);
    background:linear-gradient(135deg,rgba(17,72,112,.52),rgba(54,22,91,.46));
    color:#fff;
    font-family:'PautinkaMisc','PautinkaSciFi',Inter,Arial,sans-serif;
    font-size:10px;
    font-weight:400;
    letter-spacing:.16em;

    text-transform:uppercase;
    text-decoration:none;
    box-shadow:0 0 20px rgba(77,229,255,.07) inset;
}

.pk-misc-dock-preview__actions a:hover{
    color:#fff;
    border-color:rgba(232,106,255,.62);
    box-shadow:0 0 24px rgba(118,234,255,.18),0 0 20px rgba(77,229,255,.08) inset;
}

@keyframes pkMiscDockFramePulse{
    0%,44%,48%,72%,76%,100%{opacity:.92;filter:drop-shadow(0 0 10px rgba(92,235,255,.42));}
    45%{opacity:.62;filter:drop-shadow(0 0 6px rgba(232,92,255,.28));}
    73%{opacity:.78;filter:drop-shadow(0 0 12px rgba(92,235,255,.46));}
}

@keyframes pkMiscDockSignalDrift{
    0%{background-position:0 0,0 0;}
    100%{background-position:0 36px,22px 0;}
}

@keyframes pkMiscDockImageSweep{
    0%,100%{transform:translateX(-16%);opacity:.3;}
    50%{transform:translateX(18%);opacity:.46;}
}

@keyframes pkMiscDockNoiseMove{
    0%{background-position:0% 0%,0 0;}
    100%{background-position:92% 46%,18px 0;}
}

@keyframes pkMiscDockNoisePulse{
    0%,38%,100%{opacity:0;}
    45%{opacity:.035;}
    51%{opacity:.065;}
    58%{opacity:.018;}
    64%{opacity:0;}
}

@keyframes pkMiscTargetApproach{
    0%{filter:brightness(1);transform:translate3d(calc(var(--slot-panel-x,50vw) - 50% + var(--misc-panel-x)),calc(var(--slot-panel-y,42svh) + var(--misc-panel-y)),var(--slot-z,0px)) scale(var(--slot-scale,1)) scale(var(--misc-panel-scale));}
    42%{filter:brightness(1.4);transform:translate3d(calc(var(--slot-panel-x,50vw) - 50% + var(--misc-panel-x)),calc(var(--slot-panel-y,42svh) + var(--misc-panel-y) - 10px),var(--slot-z,0px)) scale(calc(var(--slot-scale,1) * 1.08)) scale(var(--misc-panel-scale));}
    100%{filter:brightness(1.1);transform:translate3d(calc(var(--slot-panel-x,50vw) - 50% + var(--misc-panel-x)),calc(var(--slot-panel-y,42svh) + var(--misc-panel-y)),var(--slot-z,0px)) scale(var(--slot-scale,1)) scale(var(--misc-panel-scale));}
}

.pk-misc-skyline__scroll{
    position:absolute;
    left:50%;
    bottom:clamp(20px,2.5svh,36px);
    z-index:24;
    width:42px;
    height:42px;
    transform:translateX(-50%);
    border-radius:50%;
    border:1px solid rgba(111,229,255,.52);
    background:rgba(4,13,22,.54);
    box-shadow:0 0 22px rgba(80,220,255,.22),inset 0 0 18px rgba(80,220,255,.08);
}

.pk-misc-skyline__scroll span,
.pk-misc-skyline__scroll span::after{
    position:absolute;
    content:"";
    left:50%;
    top:50%;
    width:10px;
    height:10px;
    border-right:2px solid rgba(218,251,255,.9);
    border-bottom:2px solid rgba(218,251,255,.9);
    transform:translate(-50%,-62%) rotate(45deg);
}

.pk-misc-skyline__scroll span::after{
    top:12px;
    opacity:.38;
}

@keyframes pkMiscShipDrift{
    0%,100%{transform:translate3d(calc(-50% + var(--x) + var(--misc-layer-x,0px)),var(--misc-layer-y,0px),calc(var(--z) + var(--misc-layer-z,0px))) scale(calc(var(--s) * var(--misc-layer-scale,1)));}
    50%{transform:translate3d(calc(-50% + var(--x) + var(--misc-layer-x,0px) + 18px),calc(var(--misc-layer-y,0px) - 6px),calc(var(--z) + var(--misc-layer-z,0px))) scale(calc(var(--s) * var(--misc-layer-scale,1)));}
}

@media (max-width: 1280px){
    .pk-misc-holo-panel--slot-left-top-far,
    .pk-misc-holo-panel--slot-right-top-far,
    .pk-misc-holo-panel--slot-aux-deep-center{
        --slot-opacity:.22;
    }

    .pk-misc-holo-panel--slot-left-low-near,
    .pk-misc-holo-panel--slot-right-low-near{
        --slot-opacity:.42;
    }

    .pk-misc-holo-panel--slot-aux-left-edge,
    .pk-misc-holo-panel--slot-aux-right-edge{
        display:none;
    }
}

@media (max-width: 980px){
    .pk-misc-hologram-stage{
        display:none;
    }
}

@media (max-width: 1280px){
    .pk-misc-skyline__copy{top:clamp(68px,8svh,92px);}
    .pk-misc-skyline__copy h2{font-size:clamp(54px,6.4vw,86px);}
    .pk-misc-skyline__copy strong{font-size:clamp(12px,1.22vw,16px);}
    .pk-misc-city{left:-14vw;right:-14vw;height:69svh;min-height:470px;}
    .pk-misc-city-layer--anchor-core{--w:clamp(170px,13vw,230px);}
    .pk-misc-city-layer--side-left{--w:clamp(118px,10vw,170px);}
    .pk-misc-city-layer--side-right{--w:clamp(130px,11vw,190px);}
}

@media (max-width: 980px){
    .pk-misc-skyline-screen{
        min-height:100svh;
        padding:78px 0 58px;
        overflow:hidden;
        background:#020612;
    }

    .pk-misc-skyline-screen::before{
        inset:-15%;
        z-index:0;
        background:url("../../images/misc-skyline/mobile_asset_skyline_background.webp") center center/cover no-repeat;
        transform:scale(1);
        transform-origin:center center;
        animation:pkMiscMobileBackgroundZoom 60s ease-in-out infinite;
        will-change:transform;
    }

    .pk-misc-skyline-screen::after{
        z-index:1;
        background:
            linear-gradient(180deg,rgba(1,3,9,.58),rgba(1,5,16,.22) 28%,rgba(1,5,16,.16) 56%,rgba(1,4,12,.82) 100%),
            radial-gradient(ellipse at 50% 18%,rgba(24,12,60,.42),transparent 55%);
    }

    .pk-misc-skyline__sky,
    .pk-misc-skyline__stars,
    .pk-misc-skyline__horizon,
    .pk-misc-city,
    .pk-misc-hologram-stage,
    .pk-misc-aerial-traffic,
    .pk-misc-dock-preview,
    .pk-misc-skyline__base-shadow{
        display:none!important;
    }

    .pk-misc-skyline__copy{
        position:relative;
        left:auto;
        top:auto;
        z-index:22;
        width:min(92vw,620px);
        margin:0 auto;
        transform:none;
    }

    .pk-misc-skyline__label{
        gap:12px;
        font-size:10px;
        letter-spacing:.34em;
    }

    .pk-misc-skyline__copy h2{font-size:clamp(48px,13vw,86px);line-height:.82;}
    .pk-misc-skyline__copy strong{font-size:clamp(11px,3vw,14px);letter-spacing:.32em;}
    .pk-misc-skyline__copy p{width:min(92vw,520px);font-size:13px;line-height:1.55;}
    .pk-misc-skyline__cta{margin-top:18px;min-width:190px;padding:14px 24px;border-radius:16px;}

    .pk-misc-mobile-showcase{
        position:relative;
        z-index:22;
        display:block;
        width:100%;
        max-width:560px;
        height:clamp(230px,61vw,330px);
        margin:24px auto 18px;
        overflow:visible;
        pointer-events:auto;
        isolation:isolate;
    }

    .pk-misc-mobile-showcase:not(.is-ready) .pk-misc-mobile-holo:first-child{
        z-index:4;
        opacity:1;
        pointer-events:auto;
        transform:translate3d(-50%,-50%,0) scale(1);
        filter:brightness(1) saturate(1);
    }

    .pk-misc-mobile-holo__view{
        display:inline-flex;
    }

    .pk-misc-mobile-holo.is-active .pk-misc-mobile-holo__view,
    .pk-misc-mobile-showcase:not(.is-ready) .pk-misc-mobile-holo:first-child .pk-misc-mobile-holo__view{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:translate3d(0,0,0);
    }

    .pk-misc-mobile-holo.is-active .pk-misc-mobile-holo__view:hover,
    .pk-misc-mobile-holo.is-active .pk-misc-mobile-holo__view:focus-visible{
        border-color:rgba(232,106,255,.62);
        background:linear-gradient(135deg,rgba(17,72,112,.62),rgba(54,22,91,.56));
        box-shadow:0 0 24px rgba(118,234,255,.2),0 0 20px rgba(77,229,255,.1) inset;
    }

    .pk-misc-features{
        position:relative;
        left:auto;
        bottom:auto;
        z-index:22;
        width:min(92vw,520px);
        grid-template-columns:1fr;
        gap:12px;
        margin:18px auto 0;
        transform:none;
    }

    .pk-misc-feature-card{
        min-height:0;
        padding:14px 16px;
        border-radius:16px;
        gap:12px;
    }

    .pk-misc-feature-card__icon{
        width:38px;
        height:38px;
    }

    .pk-misc-feature-card h3{
        margin-bottom:4px;
        font-size:14px;
    }

    .pk-misc-feature-card p{
        font-size:12px;
        line-height:1.42;
    }

    .pk-misc-skyline__scroll{
        display:none;
    }
}

@media (prefers-reduced-motion: reduce){
    .pk-misc-city__rig{transform:none!important;}
    .pk-misc-city-layer--ship{animation:none;}
    .pk-misc-skyline-screen::before{animation:none!important;transform:scale(1.08);}
}