a {
    text-decoration-thickness: 1px !important;
    text-underline-offset: .1em
}

:where(.wp-site-blocks :focus) {
    outline-width: 2px;
    outline-style: solid
}

.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
    margin-bottom: 3px
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
    outline-offset: 4px
}

.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    outline-offset: 0
}

blockquote,
caption,
figcaption,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    text-wrap: pretty
}

.more-link {
    display: block
}

:where(pre) {
    overflow-x: auto
}



/* ////////////////////////// */


.logo_m {
    max-width: 360px;
    width: 100%;
}

.wp-block-post-template {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.wp-block-post-template {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}
.entry-content {

    border: 1px #000 solid;
    display: inline-flex;
    flex-direction: column;
    padding: 20px;

}

body {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
}

:root :where(.is-layout-flow)> :first-child {
    margin-block-start: 0;
    padding: 0;
}

:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--color--base: #FFFFFF;
    --wp--preset--color--contrast: #111111;
    --wp--preset--color--accent-1: #FFEE58;
    --wp--preset--color--accent-2: #F6CFF4;
    --wp--preset--color--accent-3: #503AA8;
    --wp--preset--color--accent-4: #686868;
    --wp--preset--color--accent-5: #FBFAF3;
    --wp--preset--color--accent-6: color-mix(in srgb, currentColor 20%, transparent);
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgb(6, 147, 227) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgb(252, 185, 0) 0%, rgb(255, 105, 0) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgb(255, 105, 0) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--font-size--small: 0.875rem;
    --wp--preset--font-size--medium: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.196), 1.125rem);
    --wp--preset--font-size--large: clamp(1.125rem, 1.125rem + ((1vw - 0.2rem) * 0.392), 1.375rem);
    --wp--preset--font-size--x-large: clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 0.392), 2rem);
    --wp--preset--font-size--xx-large: clamp(2.15rem, 2.15rem + ((1vw - 0.2rem) * 1.333), 3rem);
    --wp--preset--font-family--manrope: Manrope, sans-serif;
    --wp--preset--font-family--fira-code: "Fira Code", monospace;
    --wp--preset--spacing--20: 10px;
    --wp--preset--spacing--30: 20px;
    --wp--preset--spacing--40: 30px;
    --wp--preset--spacing--50: clamp(30px, 5vw, 50px);
    --wp--preset--spacing--60: clamp(32px, 1vw, 20px);
    --wp--preset--spacing--70: clamp(50px, 7vw, 90px);
    --wp--preset--spacing--80: clamp(70px, 10vw, 140px);
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
    --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
}

:root :where(.is-layout-flow)> :first-child {
    margin-block-start: 19px !important;
}

.wp-block-heading {
    font-size: 15px;
    background: #000;
    color: #fff;
    padding: 10px;
}

.wp-block-post {
    position: relative;
}

.wp-block-post a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
}

/* карточка */
.wp-block-post {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    transition: all 0.35s ease;
    cursor: pointer;
}

/* подъём + тень */
.wp-block-post:hover {
    transform: translateY(-10px);
    /* box-shadow: 0 25px 50px rgba(0,0,0,0.2); */
}

/* картинка */
.wp-block-post img {
    transition: transform 0.4s ease;
}

/* 🔥 ЗУМ картинки */
.wp-block-post:hover img {
    transform: scale(1.08);
}

/* лёгкое затемнение */
.wp-block-post::before {
    content: "";
    position: absolute;
    inset: 0;
    /* background: rgba(0,0,0,0); */
    transition: 0.3s ease;
    z-index: -3;
    background: #000000;
}

.wp-block-post:hover::before {
    /* background: rgba(0,0,0,0.15); */
}

/* ✨ БЛИК */
.wp-block-post::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.3) 50%,
            rgba(255, 255, 255, 0) 100%);
    transform: skewX(-25deg);
}

/* движение блика */
.wp-block-post:hover::after {
    left: 125%;
    transition: 0.7s ease;
}

/* текст поверх затемнения */
.wp-block-post a {
    position: relative;
    z-index: 2;
    text-decoration: none;
}

.log_tg {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.tg_m {
    max-width: 39px;
}




/* ///////////////////////////////////// */

.tg_link {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.tg_m {
    display: block;
    transition: transform .3s ease;
}

.tg_link:hover .tg_m {
    transform: scale(1.15);
}

.tg_link::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, .6),
            transparent);
    transform: skewX(-20deg);
    pointer-events: none;
}

.tg_link:hover::before {
    animation: tgShine .7s ease;
}

@keyframes tgShine {
    from {
        left: -100%;
    }

    to {
        left: 150%;
    }
}

.tg_link {
    display: inline-block;
}

.tg_m {
    display: block;
    transition: transform .3s ease;
}

.tg_link:hover .tg_m {
    transform: scale(1.2);
}

.tg_link:hover img {
    transform: scale(1.2);
    transition: .3s ease;
}

.tg_m {
    transition: .3s ease;
}

.tg_m:hover {
    transform: scale(1.2);
}

.tg_link {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.tg_m {
    transition: .3s ease;
}

.tg_m:hover {
    transform: scale(1.2);
}

.tg_link::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 40%;
    height: 100%;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, .7),
            transparent);
    transform: skewX(-20deg);
    pointer-events: none;
}

.tg_link:hover::after {
    animation: shine .7s ease;
}

@keyframes shine {
    from {
        left: -100%;
    }

    to {
        left: 150%;
    }
}

.tg_link {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.tg_link::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -150%;
    width: 60%;
    height: 200%;
    background: rgba(255, 255, 255, .5);
    transform: rotate(25deg);
    pointer-events: none;
}

.tg_link:hover::before {
    animation: tgShine .6s linear;
}

.tg_m {
    transition: transform .3s ease;
}

.tg_link:hover .tg_m {
    transform: scale(1.15);
}

@keyframes tgShine {
    from {
        left: -150%;
    }

    to {
        left: 250%;
    }
}

.tg_link {
    border: 1px solid red;
}

.tg_m {
    transition: all .3s ease;
}

.tg_m:hover {
    transform: scale(1.15);
    filter:
        drop-shadow(0 0 5px rgba(255, 255, 255, .8)) drop-shadow(0 0 15px rgba(255, 255, 255, .6));
}

.tg_m {
    transition: .3s ease;
}

.tg_m:hover {
    transform: scale(1.15);
    filter:
        drop-shadow(0 0 8px rgba(0, 0, 0, 0.438)) drop-shadow(0 0 20px rgba(0, 0, 0, 0.397));
}  

.wp-block-template-part {
    /* background: #eee; */
    border-top: 1px #000 solid;
}

.wp-container-core-group-is-layout-bf19e0b3 {
    gap: var(--wp--preset--spacing--80);
    justify-content: space-between;
    align-items: flex-start;
    background: #000;
    color: #fff;
    padding: 15px 50px;
}

/* ********************* */
.wp-block-navigation-item__content {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.wp-block-navigation-item__content::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, .8),
            transparent);
    transform: skewX(-20deg);
}

.wp-block-navigation-item__content:hover::after {
    animation: shine .6s linear;
}

@keyframes shine {
    from {
        left: -150%;
    }

    to {
        left: 200%;
    }
}

body {
    background: #ffffff url(https://i.vgy.me/1itAbq.png);
    color: var(--wp--preset--color--contrast);
    font-family: var(--wp--preset--font-family--manrope);
    font-size: var(--wp--preset--font-size--large);
    font-weight: 300;
    letter-spacing: -0.1px;
    line-height: 1.4;
    --wp--style--root--padding-top: 0px;
    --wp--style--root--padding-right: var(--wp--preset--spacing--50);
    --wp--style--root--padding-bottom: 0px;
    --wp--style--root--padding-left: var(--wp--preset--spacing--50);
    background-attachment: fixed;
}


/* cursor */



.custom-heart-cursor {
    position: fixed;
    left: 0;
    top: 0;

    width: 32px;
    height: 32px;

    background: #222;

    pointer-events: none;
    z-index: 999999;

    transform: translate(-50%, -50%);

    clip-path: path('M16 29 C16 29, 2 20, 2 11 C2 6, 6 3, 10 3 C13 3, 15 5, 16 7 C17 5, 19 3, 22 3 C26 3, 30 6, 30 11 C30 20, 16 29, 16 29 Z'
        );

    animation: e4max-heartbeat 1s ease-in-out infinite;

    filter:
        drop-shadow(0 0 5px rgba(255, 255, 255, .4)) drop-shadow(0 0 12px rgba(120, 120, 120, .35));
}

@keyframes e4max-heartbeat {

    0%,
    40%,
    100% {
        transform: translate(-50%, -50%) scale(1);
    }

    20% {
        transform: translate(-50%, -50%) scale(1.28);
    }

    30% {
        transform: translate(-50%, -50%) scale(1.12);
    }
}

html,
body,
a,
button,
input,
textarea,
select {
    cursor: none !important;
}


/* logo */

/* Логотип */
.logo_m {
    display: block;
    transition: transform .3s ease;
}

/* Блеск */
.logo_m {
    position: relative;
}

/* Увеличение при наведении */
a:has(.logo_m) {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

/* Полоса блеска */
a:has(.logo_m)::after {
    content: "";
    position: absolute;
    top: -30%;
    left: -100%;
    width: 45%;
    height: 160%;

    background: linear-gradient(90deg,
            transparent 0%,
            rgba(255, 255, 255, .15) 35%,
            rgba(255, 255, 255, .9) 50%,
            rgba(255, 255, 255, .15) 65%,
            transparent 100%);

    transform: skewX(-25deg);
    pointer-events: none;
}

/* Запускаем блеск */
a:has(.logo_m):hover::after {
    animation: logoShine .8s ease;
}

/* Небольшой zoom */
a:has(.logo_m):hover .logo_m {
    transform: scale(1.03);
}

@keyframes logoShine {
    from {
        left: -100%;
    }

    to {
        left: 150%;
    }
}