/* === GLOBAL RESETS === */
        * { -webkit-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; }

        /* Fun fact icon: bounce animation */
        @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { transform: translateY(0); animation-timing-function: cubic-bezier(0,0,0.2,1); } }
        .animate-bounce { animation: bounce 1s infinite; }
        @media (min-width: 768px) { .md\:animate-none { animation: none; } .group:hover .md\:group-hover\:animate-bounce { animation: bounce 1s infinite; } }
        .material-symbols-outlined {
            font-family: 'Material Symbols Outlined', sans-serif;
            font-weight: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            text-transform: none;
            display: inline-block;
            white-space: nowrap;
            word-wrap: normal;
            direction: ltr;
            -webkit-font-smoothing: antialiased;
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        body { font-family: 'Inter', sans-serif; overflow-wrap: break-word; word-wrap: break-word; }
        h1, h2, h3, h4, h5, .headline-font { font-family: 'Playfair Display', serif; overflow-wrap: normal; word-break: keep-all; }
        .hero-headline { word-break: keep-all; overflow-wrap: normal; }
        @media (max-width: 767px) {
            h1, h2 { font-size: clamp(2rem, 10vw, 4rem); }
            h3, h4 { font-size: clamp(1.25rem, 5vw, 1.75rem); }
            /* Portfolio hero title: scale down to fit viewport with punctuation */
            .portfolio-hero-title { font-size: clamp(2.2rem, 11vw, 4rem) !important; padding-right: 4px; }
        }

        #hero-canvas-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }
        canvas { display: block; width: 100%; height: 100%; }
        .section-rounded { border-radius: 1.5rem; }

        .timeline-path {
            stroke-dasharray: 8;
            animation: dash 20s linear infinite;
        }
        @keyframes dash { to { stroke-dashoffset: -160; } }

        /* Container padding for < 1200px */
        @media (max-width: 1200px) {
            .max-w-7xl { padding-left: 20px !important; padding-right: 20px !important; }
        }

        /* Fluid body text */
        .text-on-surface-variant {
            font-size: clamp(0.938rem, 0.85rem + 0.4vw, 1.125rem);
            line-height: 1.6;
        }

        /* Hero text responsive sizing */
        @media (max-width: 480px) {
            .hero-headline { font-size: clamp(3.5rem, 16vw, 6rem) !important; line-height: 0.85; }
        }

        /* Hero bottom spacing */
        #hero > div { padding-bottom: max(5vh, 40px); }

        /* Press grid: uniform height on desktop, slider on mobile */
        @media (min-width: 768px) {
            .press-grid { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 15px; align-items: stretch; }
            .press-grid > a { min-height: 120px; display: flex; align-items: center; justify-content: center; padding: 20px !important; }
        }
        @media (max-width: 767px) {
            .press-grid {
                display: flex !important;
                overflow-x: auto;
                scroll-snap-type: x mandatory;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
                gap: 12px;
                padding: 0;
                scroll-padding: 0;
            }
            .press-grid::-webkit-scrollbar { display: none; }
            .press-grid > a:first-child { margin-left: 29%; }
            .press-grid > a:last-child { margin-right: 29%; }
            .press-grid > a {
                flex: 0 0 42%;
                scroll-snap-align: center;
                min-height: 100px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 16px !important;
            }
        }
        /* Press slider arrows */
        .press-slider-wrapper { position: relative; }
        .press-arrow {
            display: none; position: absolute; top: 50%; transform: translateY(-50%);
            width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.2);
            background: rgba(19,19,19,0.7); backdrop-filter: blur(4px); color: white;
            align-items: center; justify-content: center; cursor: pointer; z-index: 10;
            transition: background 0.2s, border-color 0.2s;
        }
        .press-arrow:hover { background: rgba(247,94,54,0.8); border-color: #f75e36; }
        .press-arrow--left { left: -4px; }
        .press-arrow--right { right: -4px; }
        @media (max-width: 767px) {
            .press-slider-wrapper {
                display: flex; flex-direction: column; position: static;
            }
            .press-arrow {
                display: flex; position: static; top: auto; transform: none;
            }
            .press-arrows-row {
                display: flex; justify-content: center; gap: 16px; margin-top: 16px; order: 2;
            }
            .press-grid { order: 1; }
        }
        /* Siekopai card — mobile stacking */
        .siekopai-img-wrap { width: 33.333%; height: 128px; }
        @media (max-width: 767px) {
            .siekopai-layout { flex-direction: column; gap: 16px; }
            .siekopai-img-wrap { width: 100%; height: 160px; }
        }
        /* Lifecycle mobile nav */
        .lc-nav-row { display: none; }
        @media (max-width: 767px) {
            .lc-nav-row {
                display: flex; justify-content: center; gap: 16px; margin-top: 16px;
            }
            .lc-nav-btn {
                display: flex; width: 36px; height: 36px; border-radius: 50%;
                border: 1px solid rgba(255,255,255,0.2); background: rgba(19,19,19,0.7);
                backdrop-filter: blur(4px); color: white; align-items: center;
                justify-content: center; cursor: pointer; transition: background 0.2s;
            }
            .lc-nav-btn:hover { background: rgba(247,94,54,0.8); border-color: #f75e36; }
        }

        /* Shiny CTA button effect */
        @property --shiny-cta-bg { syntax: '<color>'; inherits: true; initial-value: #000000; }
        @property --shiny-cta-fg { syntax: '<color>'; inherits: true; initial-value: #ffffff; }
        @property --shiny-cta-bg-subtle { syntax: '<color>'; inherits: true; initial-value: #F04C21; }

        @keyframes shiny-cta-shimmer {
            0%   { background-position: -100% 0; }
            50%  { background-position: 200% 0; }
            100% { background-position: -100% 0; }
        }

        .shiny-cta {
            position: relative;
            overflow: hidden;
            background: var(--shiny-cta-bg) !important;
            color: var(--shiny-cta-fg) !important;
            border-color: var(--shiny-cta-bg-subtle) !important;
        }
        .shiny-cta::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(
                120deg,
                transparent 20%,
                var(--shiny-cta-bg-subtle) 40%,
                var(--shiny-cta-bg-subtle) 60%,
                transparent 80%
            );
            opacity: 0.25;
            background-size: 200% 100%;
            background-position: -100% 0;
            animation: shiny-cta-shimmer 2s ease-in-out infinite;
            pointer-events: none;
            border-radius: inherit;
        }
        .shiny-cta:hover::after { opacity: 0.4; }
        .shiny-cta {
            box-shadow: 0 0 18px 4px rgba(240,76,33,0.35), inset 0 0 10px 2px rgba(240,76,33,0.15);
        }
        .shiny-cta:hover {
            box-shadow: 0 0 28px 6px rgba(240,76,33,0.55), inset 0 0 14px 3px rgba(240,76,33,0.2);
        }
        .shiny-cta-dark {
            --shiny-cta-bg: #000000;
            --shiny-cta-fg: #ffffff;
            --shiny-cta-bg-subtle: #F04C21;
            border-color: rgba(240,76,33,0.5) !important;
        }
        .shiny-cta-orange {
            --shiny-cta-bg: #F04C21;
            --shiny-cta-fg: #F3F4F6;
            --shiny-cta-bg-subtle: #ffffff;
        }
        /* Phase 1: Hide Knowledge Transfer image when container squeezes */
        @media (min-width: 768px) and (max-width: 1023px) {
            .kt-img-wrap { display: none; }
        }
        /* Icon mobile reflow — place above h4, inline with label */
        @media (max-width: 767px) {
            .method-icon-wrap {
                position: static !important; opacity: 1 !important;
                display: inline-flex; align-items: center; margin-bottom: 0;
            }
            .method-icon-wrap .material-symbols-outlined {
                font-size: 28px !important;
            }
            .method-label-row {
                display: flex; align-items: center; gap: 8px; margin-bottom: 16px;
            }
        }

        /* Mobile card inner padding */
        @media (max-width: 767px) {
            .bg-surface-container:not(.w-10):not(.w-12):not(.w-16) { padding: 20px !important; }
            .bg-surface-container-high:not(.w-10):not(.w-12):not(.w-16) { padding: 20px !important; }
            .bg-primary-container { padding: 20px !important; }
        }

        /* Large icon sizing — all breakpoints */
        .material-symbols-outlined.text-8xl { font-size: 10rem; }

        /* Play button: always visible on mobile */
        @media (max-width: 767px) {
            .play-overlay { opacity: 1 !important; }
        }

        /* Responsive line-break utility */
        .mobile-break { display: none; }
        @media (max-width: 767px) { .mobile-break { display: inline; } }

        /* Blog reading container mobile */
        @media (max-width: 767px) {
            .blog-reading-container { padding-left: 2vw !important; padding-right: 2vw !important; }
        }

        /* Mobile menu active state */
        .mobile-nav-active { color: #f75e36 !important; }

        /* Nav active underline (replaces dot) */
        .nav-link-active {
            color: #ffb4a2 !important;
            border-bottom: 2px solid #f75e36;
            padding-bottom: 2px;
        }
        .md-nav-link {
            transition: color 0.3s ease, border-color 0.3s ease;
            border-bottom: 2px solid transparent;
            padding-bottom: 2px;
            padding-top: 2px;
        }
        .md-nav-link:hover {
            color: #ffb4a2 !important;
            border-bottom-color: #ffb4a2;
        }

        /* Credential marquee */
        @keyframes marquee-scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        .marquee-track {
            display: flex;
            animation: marquee-scroll 20s linear infinite;
            width: max-content;
        }

        /* Mobile carousel — mirrored from working .press-grid architecture */
        @media (max-width: 767px) {
            .lifecycle-carousel {
                display: flex !important;
                grid-template-columns: none !important;
                overflow-x: auto;
                scroll-snap-type: x mandatory;
                scroll-behavior: smooth;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
                gap: 16px;
                padding: 0;
                scroll-padding: 0;
                touch-action: pan-x;
            }
            .lifecycle-carousel::-webkit-scrollbar { display: none; }
            .lifecycle-carousel > div {
                flex: 0 0 70%;
                scroll-snap-align: center;
                min-width: 0;
                margin-top: 0 !important;
            }
            .lifecycle-carousel > div:first-child { margin-left: 15%; }
            .lifecycle-carousel > div:last-child { margin-right: 15%; }
        }

        .lc-wrapper { position: relative; }

        /* Mobile menu transitions */
        #md-mobile-menu { transition: transform 0.3s ease, opacity 0.3s ease; }
        #md-mobile-menu.closed { transform: translateX(100%); opacity: 0; pointer-events: none; }
        #md-mobile-menu.open { transform: translateX(0); opacity: 1; pointer-events: auto; }

        /* Phase 2: Blog WP paragraph padding fix — force tight mobile padding on inline-styled WP blocks */
        @media (max-width: 767px) {
            .blog-reading-container .has-foreground-background-color.has-background,
            .blog-reading-container .has-medium-font-size {
                padding-left: max(5px, 1vw) !important;
                padding-right: max(5px, 1vw) !important;
            }
        }

        /* Phase 2: Icon obstruction fix — ensure trap-card icons don't overlap text on mobile */
        @media (max-width: 767px) {
            .bg-surface-container > .absolute.top-0.right-0 {
                opacity: 0.04;
                font-size: 4rem;
                top: 8px;
                right: 8px;
            }
            .bg-surface-container > .absolute.top-0.right-0 .material-symbols-outlined {
                font-size: 4rem !important;
            }
        }

        /* Phase 3: Audiotrack jiggle animation */
        @keyframes md-jiggle {
            0%, 100% { transform: rotate(0deg); }
            15% { transform: rotate(12deg); }
            30% { transform: rotate(-10deg); }
            45% { transform: rotate(8deg); }
            60% { transform: rotate(-6deg); }
            75% { transform: rotate(3deg); }
        }
        .md-jiggle { animation: md-jiggle 2.5s ease-in-out infinite; display: inline-block; }

        /* Phase 3: Odometer CSS */
        .odometer { font-size: inherit; display: inline-block; vertical-align: middle; position: relative; font-family: "Helvetica Neue", sans-serif; line-height: 1.1em; text-align: center; }
        .odometer .odometer-digit { display: inline-block; vertical-align: middle; position: relative; }
        .odometer .odometer-digit .odometer-digit-spacer { display: inline-block; vertical-align: middle; visibility: hidden; }
        .odometer .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }
        .odometer .odometer-digit .odometer-ribbon { display: block; }
        .odometer .odometer-digit .odometer-ribbon-inner { display: block; -webkit-backface-visibility: hidden; transition: transform 2s cubic-bezier(0.23, 1, 0.32, 1); }
        .odometer .odometer-digit .odometer-value { display: block; -webkit-transform: translateZ(0); }
        .odometer.odometer-animating-up .odometer-ribbon-inner { transition: transform 2s; transform: translateY(-100%); }
        .odometer.odometer-animating-down .odometer-ribbon-inner { transition: transform 2s; transform: translateY(0); }
        .odometer .odometer-suffix { display: inline; vertical-align: baseline; }
        /* View All Entries — mobile: text link */
        @media (max-width: 767px) {
            .view-entries-link {
                background: none !important;
                padding: 0 !important;
                border-radius: 0 !important;
                color: #E5E7EB !important;
                text-decoration: underline !important;
                text-underline-offset: 4px;
            }
        }
        /* View All Entries — desktop: off-white */
        .view-entries-link { color: #E5E7EB; }

        /* YouTube iframe constraint */
        @media (max-width: 767px) {
            iframe { max-width: 100% !important; }
            .wp-block-embed,
            .wp-block-embed__wrapper,
            figure.wp-block-embed { padding-left: 4vw !important; padding-right: 4vw !important; max-width: 100% !important; overflow: hidden; box-sizing: border-box; }
            .wp-block-embed iframe { width: 100% !important; }
            /* YouTube lite/cued overlay constraint */
            lite-youtube, .lty-playbtn, ytmCuedOverlayHost,
            .ytmCuedOverlayHost, cued-overlay {
                max-width: 100% !important;
                width: 100% !important;
                box-sizing: border-box !important;
            }
            /* Generic YouTube player container */
            .wp-block-embed-youtube,
            .wp-block-embed-youtube .wp-block-embed__wrapper {
                max-width: 100% !important;
                overflow: hidden;
                box-sizing: border-box;
                padding: 0 4vw;
            }
            .wp-block-embed-youtube iframe {
                max-width: 100% !important;
                width: 100% !important;
                height: auto !important;
                aspect-ratio: 16 / 9;
            }
            /* YouTube mobile player controls — prevent horizontal overflow */
            #player-controls,
            .ytPlayerControlsContainerHost,
            .ytPlayerControlsContainerRendered,
            ytm-custom-control,
            .cued-overlay,
            .ytmCuedOverlayHost {
                max-width: 100vw !important;
                width: 100% !important;
                box-sizing: border-box !important;
                overflow: hidden;
            }
            /* Catch-all: prevent ANY child of an embed from causing horizontal scroll */
            .wp-block-embed * {
                max-width: 100% !important;
                box-sizing: border-box !important;
            }
        }

        /* Blog post responsive iframes (single.php) */
        .blog-reading-container iframe,
        .blog-reading-container .wp-block-embed iframe {
            max-width: 100% !important;
            width: 100% !important;
            height: auto !important;
            aspect-ratio: 16 / 9;
            border-radius: 20px;
        }
        /* Blog post mobile: force bare iframes (non-embed-wrapped) to scale */
        @media (max-width: 767px) {
            .blog-reading-container iframe {
                max-width: calc(100vw - 8vw) !important;
                width: 100% !important;
                height: auto !important;
                aspect-ratio: 16 / 9;
                margin-left: auto;
                margin-right: auto;
                display: block;
            }
            /* Blog post mobile: tighter padding & forced 18px font */
            .blog-reading-container {
                padding-left: 2vw !important;
                padding-right: 2vw !important;
            }
            .blog-reading-container p,
            .blog-reading-container .has-medium-font-size,
            .blog-reading-container .wp-block-paragraph {
                font-size: 18px !important;
                line-height: 1.75 !important;
            }
        }

        /* Creator Trap / Brand Blindspot icon overlap fix */
        .trap-card { position: relative; overflow: hidden; }
        .trap-card .trap-icon {
            position: absolute;
            top: 12px;
            right: 12px;
            opacity: 0.06;
            z-index: 0;
        }
        .trap-card .trap-content {
            position: relative;
            z-index: 1;
        }
        @media (max-width: 767px) {
            .trap-card .trap-icon {
                position: static; opacity: 1; display: inline-flex;
                align-items: center; margin-bottom: 0;
            }
            .trap-card .trap-icon .material-symbols-outlined {
                font-size: 3.5rem !important;
            }
            .trap-card .trap-content label {
                display: inline; margin-bottom: 0;
            }
            .trap-card .trap-content {
                display: block;
            }
            .trap-card {
                display: flex; flex-direction: column;
            }
            .trap-card .trap-icon {
                order: -1; margin-bottom: 4px;
            }
        }

        /* Privacy Policy paragraph spacing */
        .privacy-content p {
            margin-bottom: 1.25em !important;
        }
        .privacy-content h2 {
            margin-top: 2.5em !important;
            margin-bottom: 0.75em !important;
            padding-bottom: 0.5em;
            border-bottom: 1px solid rgba(194,188,164,0.2);
        }
        .privacy-content h3 {
            margin-top: 2em !important;
            margin-bottom: 0.5em !important;
        }
        .privacy-content h4 {
            margin-top: 1.5em !important;
            margin-bottom: 0.5em !important;
        }


        /* === BLOG === */
        .blog-hero-title { font-size: clamp(2.5rem, 8vw, 6rem); }
        .blog-hero-note { margin-top: 1.5rem; }
        .post-article { max-width: 46rem; margin: 0 auto; }
        .post-title { font-size: clamp(2rem, 5.5vw, 3.5rem); line-height: 1.08; margin: 1.5rem 0 1rem; }
        .post-hero-img { max-height: 480px; }
        .post-back { margin-top: 4rem; }
        .post-content { font-size: 1.0625rem; line-height: 1.75; }
        .post-content p { margin-bottom: 1.5em; }
        .post-content h2 { font-size: 1.9rem; margin: 2.5em 0 0.75em; padding-bottom: 0.5em; border-bottom: 1px solid rgba(194,188,164,0.2); }
        .post-content h3 { font-size: 1.5rem; margin: 2em 0 0.5em; }
        .post-content h4 { font-size: 1.2rem; margin: 1.5em 0 0.5em; }
        .post-content a { color: #EF5831; text-decoration: underline; text-underline-offset: 3px; }
        .post-content a:hover { opacity: 0.8; }
        .post-content strong { color: #fff; font-weight: 600; }
        .post-content ul, .post-content ol { margin: 0 0 1.5em 1.25em; }
        .post-content ul li { list-style: disc; margin-bottom: 0.5em; padding-left: 0.25em; }
        .post-content ol li { list-style: decimal; margin-bottom: 0.5em; padding-left: 0.25em; }
        .post-content blockquote { border-left: 3px solid #EF5831; padding-left: 1.25em; margin: 2em 0; font-style: italic; opacity: 0.9; }
        .post-content img { border-radius: 1rem; margin: 2em auto; display: block; max-width: 100%; height: auto; }
        .post-content .post-embed { position: relative; aspect-ratio: 16/9; margin: 2em 0; border-radius: 1.25rem; overflow: hidden; }
        .post-content .post-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
        .error-404 { min-height: 50vh; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 0.5rem; }