/* kp-papertiger-features.css - Externalized 2026-04-08 22:00:50 */
/* 11 Paper Tiger UI features - see kp-papertiger-features.php for docs */

/* === Feature block 1 === */
.kp-stats-marquee {
        background: #0B0E1A;
        overflow: hidden;
        white-space: nowrap;
        padding: 18px 0;
        position: relative;
        z-index: 10;
    }
    .kp-stats-marquee::before,
    .kp-stats-marquee::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 80px;
        z-index: 2;
        pointer-events: none;
    }
    .kp-stats-marquee::before {
        left: 0;
        background: linear-gradient(to right, #0B0E1A, transparent);
    }
    .kp-stats-marquee::after {
        right: 0;
        background: linear-gradient(to left, #0B0E1A, transparent);
    }
    .kp-stats-track {
        display: inline-flex;
        align-items: center;
        gap: 0;
        animation: kp-marquee-h 35s linear infinite;
        will-change: transform;
    }
    .kp-stats-item {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 0 32px;
        font-family: 'Source Sans 3', sans-serif;
        font-size: 15px;
        color: rgba(255,255,255,0.7);
        letter-spacing: 0.5px;
        text-transform: uppercase;
    }
    .kp-stats-item strong {
        font-family: 'Playfair Display', serif;
        font-size: 28px;
        font-weight: 700;
        color: #D4812A;
        letter-spacing: -0.5px;
        text-transform: none;
    }
    .kp-stats-sep {
        display: inline-block;
        width: 6px;
        height: 6px;
        background: rgba(212,129,42,0.4);
        border-radius: 50%;
        flex-shrink: 0;
    }
    @keyframes kp-marquee-h {
        0% { transform: translateX(0); }
        100% { transform: translateX(-50%); }
    }
    @media (prefers-reduced-motion: reduce) {
        .kp-stats-track { animation: none; }
    }
    @media (max-width: 768px) {
        .kp-stats-item { padding: 0 20px; font-size: 13px; }
        .kp-stats-item strong { font-size: 22px; }
        .kp-stats-marquee { padding: 14px 0; }
    }

/* === Feature block 2 === */
.kp-view-toggle {
        display: flex;
        justify-content: center;
        gap: 4px;
        padding: 16px 0 8px;
        position: relative;
        z-index: 100;
    }
    .kp-view-btn {
        background: transparent;
        border: 1.5px solid rgba(11,14,26,0.2);
        color: #1A1F35;
        font-family: 'Source Sans 3', sans-serif;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        padding: 8px 20px;
        cursor: pointer;
        transition: all 0.3s cubic-bezier(0.16,1,0.3,1);
        border-radius: 0;
    }
    .kp-view-btn:first-child { border-radius: 4px 0 0 4px; }
    .kp-view-btn:last-child { border-radius: 0 4px 4px 0; }
    .kp-view-btn.active {
        background: #0B0E1A;
        border-color: #0B0E1A;
        color: #fff;
    }
    .kp-view-btn:not(.active):hover {
        border-color: #D4812A;
        color: #D4812A;
    }
    /* Grid View */
    .kp-media-grid {
        display: none;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
        padding: 24px 5%;
        max-width: 1200px;
        margin: 0 auto;
    }
    .kp-media-grid.active { display: grid; }
    .kp-media-grid-item {
        background: #fff;
        border: 1px solid rgba(11,14,26,0.08);
        border-radius: 6px;
        padding: 20px;
        text-decoration: none;
        color: #1A1F35;
        transition: all 0.35s cubic-bezier(0.16,1,0.3,1);
        position: relative;
        overflow: hidden;
    }
    .kp-media-grid-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        transition: width 0.3s cubic-bezier(0.16,1,0.3,1);
    }
    .kp-media-grid-item[data-cat="Television"]::before { background: #4A9FE5; }
    .kp-media-grid-item[data-cat="Podcasts"]::before { background: #9B59B6; }
    .kp-media-grid-item[data-cat="Print"]::before { background: #D4812A; }
    .kp-media-grid-item[data-cat="Legal"]::before { background: #E74C3C; }
    .kp-media-grid-item:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 32px rgba(11,14,26,0.12);
    }
    .kp-media-grid-item:hover::before { width: 6px; }
    .kp-media-grid-outlet {
        font-family: 'Playfair Display', serif;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 4px;
    }
    .kp-media-grid-title {
        font-size: 13px;
        color: rgba(26,31,53,0.6);
        line-height: 1.4;
    }
    .kp-media-grid-cat {
        display: inline-block;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        margin-top: 8px;
        padding: 2px 8px;
        border-radius: 3px;
        background: rgba(11,14,26,0.04);
    }
    /* List View */
    .kp-media-list {
        display: none;
        max-width: 1000px;
        margin: 0 auto;
        padding: 24px 5%;
    }
    .kp-media-list.active { display: block; }
    .kp-media-list-row {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 14px 16px;
        text-decoration: none;
        color: #1A1F35;
        border-bottom: 1px solid rgba(11,14,26,0.06);
        transition: all 0.25s ease;
        position: relative;
    }
    .kp-media-list-row:hover {
        background: rgba(212,129,42,0.04);
        padding-left: 24px;
    }
    .kp-media-list-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        flex-shrink: 0;
    }
    .kp-media-list-dot[data-cat="Television"] { background: #4A9FE5; }
    .kp-media-list-dot[data-cat="Podcasts"] { background: #9B59B6; }
    .kp-media-list-dot[data-cat="Print"] { background: #D4812A; }
    .kp-media-list-dot[data-cat="Legal"] { background: #E74C3C; }
    .kp-media-list-outlet {
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        font-size: 15px;
        min-width: 180px;
    }
    .kp-media-list-title {
        font-size: 14px;
        color: rgba(26,31,53,0.6);
        flex: 1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .kp-media-list-arrow {
        font-size: 18px;
        color: #D4812A;
        opacity: 0;
        transform: translateX(-8px);
        transition: all 0.25s ease;
    }
    .kp-media-list-row:hover .kp-media-list-arrow {
        opacity: 1;
        transform: translateX(0);
    }
    @media (max-width: 768px) {
        .kp-media-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
        .kp-media-list-outlet { min-width: 120px; font-size: 13px; }
        .kp-media-list-title { font-size: 12px; }
    }
    @media (max-width: 480px) {
        .kp-media-grid { grid-template-columns: 1fr; }
    }

/* === Feature block 3 === */
/* ---- FEATURE 3: Clip-path Slide-ins ---- */
    .kp-clip-left {
        clip-path: inset(0 100% 0 0);
        transition: clip-path 0.9s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .kp-clip-left.kp-visible {
        clip-path: inset(0 0% 0 0);
    }
    .kp-clip-right {
        clip-path: inset(0 0 0 100%);
        transition: clip-path 0.9s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .kp-clip-right.kp-visible {
        clip-path: inset(0 0 0 0%);
    }
    .kp-clip-diagonal {
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
        transition: clip-path 1.1s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .kp-clip-diagonal.kp-visible {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    @media (prefers-reduced-motion: reduce) {
        .kp-clip-left, .kp-clip-right, .kp-clip-diagonal {
            clip-path: none !important;
            transition: none !important;
        }
    }

    /* ---- FEATURE 6: Header Color Inversion ---- */
    .kp-header.kp-header-transparent, #kp-header.kp-header-transparent {
        background: transparent !important;
        box-shadow: none !important;
        transition: background 0.4s ease, box-shadow 0.4s ease;
    }
    .kp-header.kp-header-transparent, #kp-header.kp-header-transparent .kp-nav-links a,
    .kp-header.kp-header-transparent, #kp-header.kp-header-transparent .kp-nav-logo,
    .kp-header.kp-header-transparent, #kp-header.kp-header-transparent nav a,
    .kp-header.kp-header-transparent, #kp-header.kp-header-transparent .kp-nav-inner a {
        color: #fff !important;
        transition: color 0.4s ease;
    }
    .kp-header.kp-header-transparent, #kp-header.kp-header-transparent .kp-nav-cta {
        border-color: #fff !important;
        color: #fff !important;
    }
    .kp-header.kp-header-transparent, #kp-header.kp-header-transparent .kp-nav-cta:hover {
        background: #fff !important;
        color: #0B0E1A !important;
    }
    /* When scrolled past hero, revert to normal */
    .kp-header.kp-header-solid, #kp-header.kp-header-solid {
        background: #FAF8F5 !important;
        box-shadow: 0 1px 8px rgba(11,14,26,0.06) !important;
        transition: background 0.4s ease, box-shadow 0.4s ease;
    }

    /* ---- FEATURE 8: 3D Text Flip Button Hover ---- */
    .kp-btn, .wp-block-button__link, .kp-nav-cta,
    .kp-btn-primary, .kp-hero-cta-dominant, .cta-button,
    .kp-footer-cta a[class*="btn"], .spk-cta a {
        position: relative;
        overflow: hidden;
        perspective: 600px;
    }
    /* Fix: perspective breaks overflow:hidden in 3D context. clip-path works. */
    .kp-btn, .wp-block-button__link, .kp-nav-cta,
    .kp-btn-primary, .kp-hero-cta-dominant, .cta-button,
    .kp-footer-cta a[class*="btn"], .spk-cta a {
        clip-path: inset(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0);
    }
    .kp-btn .kp-flip-front,
    .kp-btn .kp-flip-back,
    .wp-block-button__link .kp-flip-front,
    .wp-block-button__link .kp-flip-back,
    .kp-nav-cta .kp-flip-front,
    .kp-nav-cta .kp-flip-back,
    .kp-btn-primary .kp-flip-front,
    .kp-btn-primary .kp-flip-back,
    .kp-hero-cta-dominant .kp-flip-front,
    .kp-hero-cta-dominant .kp-flip-back,
    .cta-button .kp-flip-front,
    .cta-button .kp-flip-back {
        display: block;
        transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }
    .kp-flip-front {
        transform: translateY(0);
    }
    .kp-flip-back {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        text-align: center;
        transform: translate(-50%, 100%) rotateX(-90deg);
        transform-origin: center top;
    }
    /* Hover state */
    .kp-btn:hover .kp-flip-front,
    .wp-block-button__link:hover .kp-flip-front,
    .kp-nav-cta:hover .kp-flip-front,
    .kp-btn-primary:hover .kp-flip-front,
    .kp-hero-cta-dominant:hover .kp-flip-front,
    .cta-button:hover .kp-flip-front {
        transform: translateY(-100%) rotateX(90deg);
        transform-origin: center bottom;
    }
    .kp-btn:hover .kp-flip-back,
    .wp-block-button__link:hover .kp-flip-back,
    .kp-nav-cta:hover .kp-flip-back,
    .kp-btn-primary:hover .kp-flip-back,
    .kp-hero-cta-dominant:hover .kp-flip-back,
    .cta-button:hover .kp-flip-back {
        transform: translate(-50%, -50%) rotateX(0deg);
    }
    @media (prefers-reduced-motion: reduce) {
        .kp-flip-front, .kp-flip-back { transition: none !important; transform: none !important; }
        .kp-flip-back { display: none !important; }
    }

    /* ---- FEATURE 9: Mask Gradient Fade ---- */
    .kp-gradient-mask {
        position: relative;
        max-height: 320px;
        overflow: hidden;
        transition: max-height 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .kp-gradient-mask::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 120px;
        background: linear-gradient(to bottom, transparent, #FAF8F5);
        pointer-events: none;
        transition: opacity 0.4s ease;
    }
    .kp-gradient-mask.expanded {
        max-height: 5000px;
    }
    .kp-gradient-mask.expanded::after {
        opacity: 0;
    }
    .kp-gradient-expand {
        display: block;
        background: none;
        border: none;
        color: #D4812A;
        font-family: 'Source Sans 3', sans-serif;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        cursor: pointer;
        padding: 12px 0;
        transition: color 0.3s ease;
    }
    .kp-gradient-expand:hover { color: #0B0E1A; }
    .kp-gradient-expand::after {
        content: ' \2193';
        transition: transform 0.3s ease;
        display: inline-block;
    }
    .kp-gradient-expand.expanded::after {
        transform: rotate(180deg);
    }

/* === Feature block 4 === */
.kp-card-stack-section {
        padding: 80px 5%;
        text-align: center;
        background: #0B0E1A;
        position: relative;
        overflow: hidden;
    }
    .kp-card-stack-label {
        font-family: 'Source Sans 3', sans-serif;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #D4812A;
        margin-bottom: 12px;
    }
    .kp-card-stack-heading {
        font-family: 'Playfair Display', serif;
        font-size: clamp(28px, 4vw, 44px);
        font-weight: 700;
        color: #FAF8F5;
        margin-bottom: 48px;
    }
    .kp-card-stack {
        position: relative;
        width: 360px;
        height: 240px;
        margin: 0 auto;
        perspective: 1000px;
    }
    .kp-stack-card {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #FAF8F5;
        border-radius: 10px;
        padding: 32px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: left;
        cursor: pointer;
        transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
        box-shadow: 0 8px 32px rgba(0,0,0,0.3);
    }
    .kp-stack-card:nth-child(1) { transform: rotate(-8deg) translateY(20px); z-index: 5; }
    .kp-stack-card:nth-child(2) { transform: rotate(-4deg) translateY(10px); z-index: 4; }
    .kp-stack-card:nth-child(3) { transform: rotate(0deg) translateY(0); z-index: 3; }
    .kp-stack-card:nth-child(4) { transform: rotate(4deg) translateY(10px); z-index: 2; }
    .kp-stack-card:nth-child(5) { transform: rotate(8deg) translateY(20px); z-index: 1; }
    .kp-stack-card:hover {
        transform: rotate(0deg) translateY(-16px) scale(1.04) !important;
        z-index: 20 !important;
        box-shadow: 0 20px 60px rgba(0,0,0,0.4);
    }
    .kp-stack-quote {
        font-family: 'Playfair Display', serif;
        font-size: 16px;
        font-style: italic;
        line-height: 1.5;
        color: #1A1F35;
        margin-bottom: 16px;
    }
    .kp-stack-author {
        font-family: 'Source Sans 3', sans-serif;
        font-size: 13px;
        font-weight: 600;
        color: #D4812A;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    @media (max-width: 768px) {
        .kp-card-stack { width: 280px; height: 200px; }
        .kp-stack-card { padding: 20px; }
        .kp-stack-quote { font-size: 14px; }
    }
    @media (prefers-reduced-motion: reduce) {
        .kp-stack-card { transition: none; }
    }

/* === Feature block 5 === */
.kp-cursor-preview {
        position: fixed;
        width: 160px;
        height: 100px;
        background: #0B0E1A;
        border-radius: 6px;
        pointer-events: none;
        z-index: 9999;
        opacity: 0;
        transform: scale(0.8);
        transition: opacity 0.2s ease, transform 0.2s ease;
        overflow: hidden;
        box-shadow: 0 8px 32px rgba(0,0,0,0.3);
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'Playfair Display', serif;
        font-size: 14px;
        font-weight: 700;
        color: #D4812A;
        text-align: center;
        padding: 12px;
        line-height: 1.3;
    }
    .kp-cursor-preview.visible {
        opacity: 1;
        transform: scale(1);
    }

/* === Feature block 6 === */
.kp-vert-marquee-wrap {
        position: fixed;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 36px;
        height: 300px;
        overflow: hidden;
        z-index: 50;
        pointer-events: none;
        opacity: 0.55;
        transition: opacity 0.3s ease;
        mix-blend-mode: multiply;
    }
    .kp-vert-marquee-wrap:hover {
        opacity: 0.8;
        pointer-events: auto;
    }
    .kp-vert-marquee-track {
        display: flex;
        flex-direction: column;
        animation: kp-marquee-v 20s linear infinite;
    }
    .kp-vert-marquee-item {
        writing-mode: vertical-rl;
        text-orientation: mixed;
        font-family: 'Source Sans 3', sans-serif;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        color: #1A1F35;
        padding: 16px 8px;
        white-space: nowrap;
    }
    @keyframes kp-marquee-v {
        0% { transform: translateY(0); }
        100% { transform: translateY(-50%); }
    }
    @media (prefers-reduced-motion: reduce) {
        .kp-vert-marquee-track { animation: none; }
    }
    @media (max-width: 1024px) {
        .kp-vert-marquee-wrap { display: none; }
    }

/* === Feature block 7 === */
.kp-word-flipper {
        display: inline-block;
        position: relative;
        overflow: hidden;
        vertical-align: bottom;
        height: 1.15em;
        line-height: 1.15em;
    }
    .kp-word-flipper-track {
        display: flex;
        flex-direction: column;
        transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .kp-word-flip {
        display: block;
        height: 1.15em;
        line-height: 1.15em;
        color: #D4812A;
        white-space: nowrap;
    }
    /* Underline accent */
    .kp-word-flipper::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: #D4812A;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
    }
    .kp-word-flipper.active::after {
        transform: scaleX(1);
    }
    @media (prefers-reduced-motion: reduce) {
        .kp-word-flipper-track { transition: none; }
    }

/* === Feature block 8 === */
.kp-menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #0B0E1A;
        z-index: 99999;
        clip-path: circle(0% at calc(100% - 48px) 32px);
        transition: clip-path 0.7s cubic-bezier(0.16, 1, 0.3, 1);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        pointer-events: none;
        opacity: 0;
    }
    .kp-menu-overlay.open {
        clip-path: circle(150% at calc(100% - 48px) 32px);
        pointer-events: auto;
        opacity: 1;
    }
    .kp-menu-overlay-close {
        position: absolute;
        top: 20px;
        right: 24px;
        background: none;
        border: none;
        color: #FAF8F5;
        font-size: 32px;
        cursor: pointer;
        padding: 8px;
        line-height: 1;
        z-index: 10;
        transition: transform 0.3s ease;
    }
    .kp-menu-overlay-close:hover {
        transform: rotate(90deg);
    }
    .kp-menu-overlay-nav {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .kp-menu-overlay-link {
        font-family: 'Playfair Display', serif;
        font-size: clamp(32px, 6vw, 64px);
        font-weight: 700;
        color: rgba(250,248,245,0.3);
        text-decoration: none;
        padding: 8px 24px;
        display: block;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        transform: translateY(30px);
        opacity: 0;
        position: relative;
    }
    .kp-menu-overlay.open .kp-menu-overlay-link {
        transform: translateY(0);
        opacity: 1;
    }
    .kp-menu-overlay.open .kp-menu-overlay-link:nth-child(1) { transition-delay: 0.1s; }
    .kp-menu-overlay.open .kp-menu-overlay-link:nth-child(2) { transition-delay: 0.15s; }
    .kp-menu-overlay.open .kp-menu-overlay-link:nth-child(3) { transition-delay: 0.2s; }
    .kp-menu-overlay.open .kp-menu-overlay-link:nth-child(4) { transition-delay: 0.25s; }
    .kp-menu-overlay.open .kp-menu-overlay-link:nth-child(5) { transition-delay: 0.3s; }
    .kp-menu-overlay.open .kp-menu-overlay-link:nth-child(6) { transition-delay: 0.35s; }
    .kp-menu-overlay.open .kp-menu-overlay-link:nth-child(7) { transition-delay: 0.4s; }
    .kp-menu-overlay.open .kp-menu-overlay-link:nth-child(8) { transition-delay: 0.45s; }
    .kp-menu-overlay-link:hover {
        color: #FAF8F5;
        padding-left: 40px;
    }
    .kp-menu-overlay-link:hover::before {
        content: '';
        position: absolute;
        left: 16px;
        top: 50%;
        width: 12px;
        height: 3px;
        background: #D4812A;
        transform: translateY(-50%);
    }
    /* Menu trigger button */
    .kp-menu-trigger {
        position: fixed;
        top: 16px;
        right: 16px;
        z-index: 100000;
        width: 44px;
        height: 44px;
        background: #0B0E1A;
        border: none;
        border-radius: 50%;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        transition: all 0.3s ease;
        box-shadow: 0 2px 12px rgba(11,14,26,0.15);
    }
    .kp-menu-trigger:hover {
        transform: scale(1.08);
        box-shadow: 0 4px 20px rgba(11,14,26,0.25);
    }
    .kp-menu-trigger span {
        display: block;
        width: 18px;
        height: 2px;
        background: #FAF8F5;
        border-radius: 1px;
        transition: all 0.3s ease;
    }
    .kp-menu-trigger.open span:first-child {
        transform: rotate(45deg) translate(2.5px, 2.5px);
    }
    .kp-menu-trigger.open span:nth-child(2) {
        opacity: 0;
        transform: scaleX(0);
    }
    .kp-menu-trigger.open span:last-child {
        transform: rotate(-45deg) translate(2.5px, -2.5px);
    }
    .kp-menu-trigger.open {
        background: transparent;
        box-shadow: none;
    }
    /* Footer info in overlay */
    .kp-menu-overlay-footer {
        position: absolute;
        bottom: 40px;
        display: flex;
        gap: 32px;
        font-family: 'Source Sans 3', sans-serif;
        font-size: 13px;
        color: rgba(250,248,245,0.4);
    }
    .kp-menu-overlay-footer a {
        color: #D4812A;
        text-decoration: none;
    }
    @media (prefers-reduced-motion: reduce) {
        .kp-menu-overlay { transition: opacity 0.3s ease; clip-path: none !important; }
        .kp-menu-overlay:not(.open) { opacity: 0; }
        .kp-menu-overlay-link { transform: none !important; transition: opacity 0.3s ease !important; }
    }