/*
Theme Name: Flatsome Child
Description: Child theme for Flatsome - Custom Profile Page for Phạm Văn Tuyên Brand Architect
Author: UX Themes & Custom Developer
Template: flatsome
Version: 3.0.0
*/

/* ==========================================================================
   0. DESIGN SYSTEM — CSS VARIABLES & FOUNDATIONS
   ========================================================================== */

:root {
    --gold-primary: #d4af37;
    --gold-light: #f5e5a3;
    --gold-dark: #aa7c11;
    --gold-gradient-h: linear-gradient(90deg, #d4af37 0%, #f6e6a5 50%, #b8860b 100%);
    --bg-dark-hero: #0c0e12;
    --text-body: #2b2b2b;
}


/* ==========================================================================
   0a. GLOBAL TYPOGRAPHY & RESETS
   ========================================================================== */

body,
body.flavor-flavor {
    color: var(--text-body);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

/* Override Flatsome default link colors inside our sections */
.pvt-profile a {
    color: var(--gold-primary);
    text-decoration: none;
    transition: color 0.2s ease;
}

.pvt-profile a:hover {
    color: var(--gold-light);
}

/* Ensure Flatsome sections respect full-width */
.pvt-profile .section,
.pvt-profile .row {
    max-width: 100%;
}


/* ==========================================================================
   FLATSOME OVERRIDES
   Carefully scoped to avoid breaking other pages
   ========================================================================== */

/* Force dark sections to respect bg color */
.pvt-profile [class*="bg-dark"],
.pvt-profile .section.dark {
    background-color: var(--bg-dark-hero);
}

/* Fix Flatsome section padding on profile */
.pvt-profile .section-content {
    max-width: 1200px;
    margin: 0 auto;
}


/* ==========================================================================
   11. PREMIUM PRO MAX INTERACTIVE & ANIMATION EFFECTS
   ========================================================================== */

/* Scroll Progress Bar */
.pvt-scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 2px;
    background: var(--gold-gradient-h);
    z-index: 99999;
    width: 0;
    transition: width 0.1s ease-out;
    box-shadow: none;
}

/* Gold Particles Canvas */
.pvt-particles-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .55;
    pointer-events: none;
}

/* Reveal Hidden Animations - Only active when JS is running successfully */
body.pvt-js-active .pvt-reveal-hidden {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
body.pvt-js-active .pvt-revealed {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* Luxury reveals use a shorter editorial motion and remain independent of scroll. */
body.pvt-js-active .pvt-luxury-reveal {
    opacity: 0 !important;
    filter: blur(3px);
    transition:
        opacity .78s cubic-bezier(.22,.7,.2,1),
        transform .88s cubic-bezier(.22,.7,.2,1),
        filter .72s ease !important;
    will-change: opacity, transform, filter;
}

body.pvt-js-active .pvt-luxury-reveal[data-pvt-direction="left"] {
    transform: translate3d(-34px, 18px, 0);
}

body.pvt-js-active .pvt-luxury-reveal[data-pvt-direction="right"] {
    transform: translate3d(34px, 18px, 0);
}

body.pvt-js-active .pvt-luxury-reveal.pvt-revealed {
    opacity: 1 !important;
    filter: blur(0);
    transform: translate3d(0,0,0) !important;
}

/* UX Builder editing safety: never hide editable content or cover its iframe. */
#pvt-loader,
body.ux-builder-iframe .pvt-scroll-progress,
body.ux-builder-iframe .pvt-particles-canvas {
    display: none !important;
}

body.ux-builder-iframe .pvt-reveal-hidden,
body.ux-builder-iframe .pvt-luxury-reveal,
body.ux-builder-iframe .pvt-revealed {
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
}

/* Card Hover 3D Tilt Effect */
[data-pvt-tilt] {
    transition: transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s ease;
    will-change: transform;
}
[data-pvt-tilt]:hover {
    box-shadow: 0 15px 35px rgba(212, 175, 55, 0.12) !important;
}

/* typing cursor blinking */
.pvt-typing-cursor {
    animation: pvt-blink 0.8s infinite;
}
@keyframes pvt-blink {
    50% { border-color: transparent; }
}

/* Layout-stable typing: reserve the full label from the first frame. */
.pvt-profile [data-pvt-typing] {
    position: relative;
    min-height: 1.4em;
    white-space: nowrap;
    vertical-align: top;
}

.pvt-profile [data-pvt-typing].pvt-typing-ready {
    color: transparent !important;
    -webkit-text-fill-color: transparent;
    border-right: 0 !important;
    animation: none;
}

.pvt-profile [data-pvt-typing].pvt-typing-ready::after {
    content: attr(data-pvt-typing);
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    color: #d7bd67;
    -webkit-text-fill-color: #d7bd67;
    border-right: 2px solid #d4af37;
    box-sizing: content-box;
}

.pvt-profile [data-pvt-typing].pvt-typing-running::after {
    animation:
        pvt-type-reveal 1.25s steps(var(--pvt-typing-steps), end) forwards,
        pvt-type-caret .72s step-end 3 forwards;
}

@keyframes pvt-type-reveal {
    from { width: 0; }
    to { width: 100%; }
}

@keyframes pvt-type-caret {
    0%, 49% { border-color: #d4af37; }
    50%, 100% { border-color: transparent; }
}

@media (prefers-reduced-motion: reduce) {
    .pvt-profile [data-pvt-typing].pvt-typing-ready::after {
        width: 100%;
        border-right: 0;
        animation: none;
    }
}

/* Luxury Glow Card Enhancements */
.pvt-glow-card {
    position: relative;
    overflow: hidden;
}
.pvt-glow-card::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(212,175,55,0.05), transparent);
    transform: rotate(45deg);
    transition: 0.8s;
    pointer-events: none;
}
.pvt-glow-card:hover::before {
    left: 120%;
}

/* ========================================================================== 
   12. EXECUTIVE SPEAKER POLISH — UX BUILDER SAFE OVERRIDES
   Keeps every section editable in Flatsome while creating a calmer,
   international-grade visual rhythm across desktop and mobile.
   ========================================================================== */

.pvt-profile {
    --gold-primary: #c9a64b;
    --gold-light: #f1df9a;
    --gold-dark: #8e6c1d;
    --bg-dark-hero: #090b0f;
    --text-body: #30343b;
    --pvt-image-radius: 22px;
    background: #fff;
}

/* Global Flatsome image treatment — applies automatically to future UX images. */
.pvt-profile .img,
.pvt-profile .img .img-inner,
.pvt-profile .img .image-cover,
.pvt-profile .img img {
    border-radius: var(--pvt-image-radius) !important;
}

.pvt-profile .img,
.pvt-profile .img .img-inner,
.pvt-profile .img .image-cover,
.pvt-profile .section {
    overflow: hidden;
}

.pvt-profile .section-content > .row,
.pvt-profile .section > .section-content > .row {
    width: min(100% - 48px, 1180px);
    margin-left: auto !important;
    margin-right: auto !important;
}

.pvt-profile .section:not(.pvt-hero-section) > .section-content {
    position: relative;
}

.pvt-profile h2 {
    text-wrap: balance;
}

.pvt-profile p {
    text-wrap: pretty;
}

/* Hero: editorial typography, balanced portrait and a restrained luxury mood. */
.pvt-profile .pvt-hero-section {
    min-height: min(820px, 100svh);
    display: flex;
    align-items: center;
    background:
        radial-gradient(circle at 78% 38%, rgba(201,166,75,.13), transparent 30%),
        linear-gradient(135deg, #07090c 0%, #0d1016 58%, #090b0f 100%) !important;
}

.pvt-profile .pvt-hero-section > .section-content {
    width: 100%;
}

.pvt-profile .pvt-hero-section .row {
    width: min(100% - 64px, 1180px);
    gap: 3.25rem;
}

.pvt-profile .pvt-hero-section .col:first-child {
    flex-basis: calc(58% - 1.625rem);
    max-width: calc(58% - 1.625rem);
}

.pvt-profile .pvt-hero-section .col:last-child {
    flex-basis: calc(42% - 1.625rem);
    max-width: calc(42% - 1.625rem);
}

.pvt-profile .pvt-hero-section h1 {
    font-size: clamp(3.35rem, 5.15vw, 5.1rem) !important;
    line-height: .98 !important;
    letter-spacing: 0 !important;
    width: auto !important;
    max-width: 790px;
    margin-bottom: 24px !important;
    background: linear-gradient(108deg, #f3dc91 0%, #d9ae54 55%, #b9832e 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

.pvt-profile .pvt-hero-name-light,
.pvt-profile .pvt-hero-name-strong {
    display: inline-block;
}

.pvt-profile .pvt-hero-name-light {
    font-weight: 400;
    letter-spacing: .015em;
}

.pvt-profile .pvt-hero-name-strong {
    font-weight: 900;
    letter-spacing: .12em;
}

.pvt-profile .pvt-hero-section [data-pvt-typing] {
    font-size: 15px !important;
    letter-spacing: .28em !important;
    color: #d7bd67 !important;
    margin-bottom: 24px !important;
}

.pvt-profile .pvt-hero-section .text > div:nth-of-type(2) {
    font-size: 15px !important;
    line-height: 1.95 !important;
    color: #b9bec8 !important;
}

.pvt-profile .pvt-hero-section .text > div:nth-of-type(3) {
    max-width: 670px;
    margin-top: 26px !important;
    padding: 4px 0 4px 24px !important;
}

.pvt-profile .pvt-hero-section .text > div:nth-of-type(3) p {
    font-size: clamp(16px, 1.4vw, 19px) !important;
    line-height: 1.72 !important;
}

.pvt-profile .pvt-hero-section .button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 52px;
    height: 52px;
    padding: 0 28px !important;
    border-width: 1px;
    border-color: rgba(255,255,255,.55) !important;
    font-size: 13px;
    line-height: 1 !important;
    letter-spacing: .12em;
    background: rgba(255,255,255,.035);
    backdrop-filter: blur(8px);
}

.pvt-profile .pvt-hero-section .button > span {
    display: block;
    line-height: 1 !important;
    margin: 0;
}

.pvt-profile .pvt-hero-section .button > i {
    position: static !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 8px;
    min-width: 8px;
    height: 14px;
    margin: 0 !important;
    padding: 0;
    line-height: 1 !important;
    transform: none !important;
}

.pvt-profile .pvt-hero-section .button:hover {
    color: #111 !important;
    border-color: #d6b75c !important;
    background: #d6b75c !important;
}

.pvt-profile .pvt-hero-image .img-inner {
    border-radius: 4px 56px 4px 4px !important;
    overflow: hidden;
    box-shadow: 0 32px 80px rgba(0,0,0,.48), 0 0 0 1px rgba(255,255,255,.1) !important;
}

.pvt-profile .pvt-hero-image .img-inner::after {
    content: '';
    position: absolute;
    inset: 0;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.09);
    pointer-events: none;
}

/* Section rhythm and hierarchy. */
.pvt-profile .section:not(.pvt-hero-section) {
    padding-top: clamp(72px, 7vw, 112px) !important;
    padding-bottom: clamp(72px, 7vw, 112px) !important;
}

.pvt-profile .section:not(.pvt-hero-section) h2 {
    font-size: clamp(30px, 3.1vw, 44px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.02em !important;
    margin-top: 5px !important;
}

/* Unified vertical chapter badge for every content section. */
.pvt-profile .section:not(.pvt-hero-section) > .section-content > .row:first-child > .col:first-child > .col-inner > div:first-child:not(.text),
.pvt-profile .section:not(.pvt-hero-section) > .section-content > .row:first-child > .col:first-child > .col-inner > .text:first-child > div:first-child,
body.ux-builder-iframe.pvt-profile .section:not(.pvt-hero-section) .col-inner > div:first-child:has(+ h2) {
    box-sizing: border-box;
    display: inline-flex !important;
    align-items: flex-end;
    justify-content: center;
    width: 52px !important;
    min-width: 52px !important;
    height: 94px !important;
    padding: 0 8px 13px !important;
    margin: 0 0 22px !important;
    border: 1px solid rgba(201,166,75,.22);
    border-radius: 0 !important;
    background: linear-gradient(180deg, #171a1f 0%, #090b0e 100%) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .08em !important;
    text-align: center;
    box-shadow: 0 12px 30px rgba(12,14,18,.10);
}

.pvt-profile .section.dark:not(.pvt-hero-section) > .section-content > .row:first-child > .col:first-child > .col-inner > div:first-child:not(.text),
.pvt-profile .section.dark:not(.pvt-hero-section) > .section-content > .row:first-child > .col:first-child > .col-inner > .text:first-child > div:first-child,
body.ux-builder-iframe.pvt-profile .section.dark:not(.pvt-hero-section) .col-inner > div:first-child:has(+ h2) {
    border-color: rgba(255,255,255,.18);
    background: linear-gradient(180deg, #fff 0%, #ece9df 100%) !important;
    color: #101216 !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.24);
}

.pvt-profile .pvt-about-main-img .img-inner,
.pvt-profile .pvt-about-sub-img .img-inner,
.pvt-profile .pvt-about-sub-img2 .img-inner,
.pvt-profile .edu-images .img-inner,
.pvt-profile .closing-portrait .img-inner {
    border-radius: 18px !important;
    overflow: hidden;
}

.pvt-profile [data-pvt-counter] {
    font-variant-numeric: tabular-nums;
}

/* About statistics — icon, color and proportions matched to the reference. */
.pvt-profile div:has(> [data-pvt-counter]) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    min-height: 142px;
    padding: 12px 28px 16px !important;
    border-right-color: rgba(216,166,64,.92) !important;
    text-align: left !important;
}

.pvt-profile div:has(> [data-pvt-counter])::before {
    content: '';
    display: block;
    width: 48px;
    height: 38px;
    margin-bottom: 11px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}

.pvt-profile div:has(> [data-pvt-counter="20"])::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 48' fill='none' stroke='%23d8a640' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 43h58M14 43V6h23v37M37 21h14v22'/%3E%3Cpath d='M20 12h5v5h-5zM29 12h4v5h-4zM20 22h5v5h-5zM29 22h4v5h-4zM20 32h5v5h-5zM42 27h4v4h-4zM42 35h4v4h-4z'/%3E%3C/svg%3E");
}

.pvt-profile div:has(> [data-pvt-counter="100"])::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 48' fill='none' stroke='%23d8a640' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5h22c3 0 5 2 5 5v34c-2-4-5-6-10-6H5zM59 5H37c-3 0-5 2-5 5v34c2-4 5-6 10-6h17zM32 10v34'/%3E%3Cpath d='M11 12h11M11 18h11M11 24h11M42 12h11M42 18h11M42 24h11'/%3E%3C/svg%3E");
}

.pvt-profile div:has(> [data-pvt-counter="10"])::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 48' fill='none' stroke='%23d8a640' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='22' r='6'/%3E%3Cpath d='M8 38c1-6 5-9 10-9s9 3 10 9M46 18a6 6 0 1 0 0 12 6 6 0 0 0 0-12zM36 41c1-6 5-9 10-9s9 3 10 9'/%3E%3Cpath d='M19 9c6-7 16-8 24-3M43 6l-1-5M43 6l5-1M45 43c-7 5-17 4-24-1M21 42l1 5M21 42l-5 1'/%3E%3C/svg%3E");
}

.pvt-profile div:has(> [data-pvt-counter="1000"])::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 48' fill='none' stroke='%23d8a640' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12c9 4 16 4 25 0v22c-9-4-16-4-25 0zM57 12c-9 4-16 4-25 0v22c9-4 16-4 25 0z'/%3E%3Cpath d='M7 12v-4c9 4 16 4 25 0v4M57 12v-4c-9 4-16 4-25 0v4M32 8v30M7 34v4c9-4 16-4 25 0M57 34v4c-9-4-16-4-25 0'/%3E%3C/svg%3E");
}

.pvt-profile [data-pvt-counter] {
    color: #07090c !important;
    font-size: 31px !important;
    font-weight: 900 !important;
    line-height: .95 !important;
}

.pvt-profile [data-pvt-counter] + div {
    margin-top: 7px !important;
    color: #07090c !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: .01em !important;
}

/* Section 03 — brochure-style brand philosophy flow. */
.pvt-profile .section[data-pvt-chapter="03"] .col.large-7 .pvt-glow-card,
body.ux-builder-iframe.pvt-profile .section:nth-of-type(3) .col.large-7 .pvt-glow-card {
    position: relative;
    display: flex !important;
    align-items: center !important;
    width: min(100%, 470px);
    min-height: 78px;
    padding: 0 20px 0 0 !important;
    margin: 0 auto 38px !important;
    overflow: visible !important;
    border: 2px solid #e2aa2f !important;
    border-radius: 42px !important;
    background: #fff !important;
    box-shadow: none !important;
    backdrop-filter: none;
    transform: none !important;
}

.pvt-profile .section[data-pvt-chapter="03"] .col.large-7 .pvt-glow-card:last-child,
body.ux-builder-iframe.pvt-profile .section:nth-of-type(3) .col.large-7 .pvt-glow-card:last-child {
    margin-bottom: 0 !important;
}

.pvt-profile .section[data-pvt-chapter="03"] .col.large-7 .pvt-glow-card::before,
body.ux-builder-iframe.pvt-profile .section:nth-of-type(3) .col.large-7 .pvt-glow-card::before {
    display: none !important;
}

.pvt-profile .section[data-pvt-chapter="03"] .col.large-7 .pvt-glow-card:not(:last-child)::after,
body.ux-builder-iframe.pvt-profile .section:nth-of-type(3) .col.large-7 .pvt-glow-card:not(:last-child)::after {
    content: '↓';
    position: absolute;
    z-index: 3;
    left: 50%;
    top: auto;
    right: auto;
    bottom: -35px;
    width: auto;
    height: auto;
    border: 0;
    background: transparent;
    color: #07090c;
    font-size: 25px;
    font-weight: 400;
    line-height: 1;
    opacity: 1;
    transform: translateX(-50%);
    pointer-events: none;
}

.pvt-profile .section[data-pvt-chapter="03"] .col.large-7 .pvt-glow-card:last-child::after,
body.ux-builder-iframe.pvt-profile .section:nth-of-type(3) .col.large-7 .pvt-glow-card:last-child::after {
    display: none !important;
}

.pvt-profile .section[data-pvt-chapter="03"] .col.large-7 .pvt-glow-card > div:first-child,
body.ux-builder-iframe.pvt-profile .section:nth-of-type(3) .col.large-7 .pvt-glow-card > div:first-child {
    display: flex !important;
    flex: 0 0 78px;
    align-items: center !important;
    justify-content: center !important;
    width: 78px !important;
    min-width: 78px !important;
    height: 78px !important;
    margin: -2px 18px -2px -2px !important;
    border-radius: 50% !important;
    background: #ddb461 !important;
    color: #07090c !important;
    font-size: 29px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

.pvt-profile .section[data-pvt-chapter="03"] .col.large-7 .pvt-glow-card > div:last-child,
body.ux-builder-iframe.pvt-profile .section:nth-of-type(3) .col.large-7 .pvt-glow-card > div:last-child {
    color: #07090c !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
}

.pvt-profile .section[data-pvt-chapter="03"] .col.large-7 .pvt-glow-card strong,
body.ux-builder-iframe.pvt-profile .section:nth-of-type(3) .col.large-7 .pvt-glow-card strong {
    color: #07090c !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

.pvt-profile .section[data-pvt-chapter="03"] .col.large-7 .pvt-glow-card span,
body.ux-builder-iframe.pvt-profile .section:nth-of-type(3) .col.large-7 .pvt-glow-card span {
    color: #07090c !important;
    font-size: 15px !important;
}

/* Section 05 — brochure-inspired white line icons on flat gold circles. */
.pvt-profile .section[data-pvt-chapter="05"] div[style*="position:absolute"][style*="top:50px"],
body.ux-builder-iframe.pvt-profile .section:nth-of-type(5) div[style*="position:absolute"][style*="top:50px"] {
    top: 49px !important;
    height: 2px !important;
    background: #d3a13a !important;
    box-shadow: none !important;
}

.pvt-profile .section[data-pvt-chapter="05"] .pvt-journey-step .pvt-step-icon,
body.ux-builder-iframe.pvt-profile .section:nth-of-type(5) .pvt-journey-step .pvt-step-icon {
    width: 58px !important;
    min-width: 58px !important;
    height: 58px !important;
    margin-bottom: 16px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background-color: #c79435 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 34px 34px !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
}

.pvt-profile .section[data-pvt-chapter="05"] .pvt-journey-step:nth-child(1) .pvt-step-icon,
body.ux-builder-iframe.pvt-profile .section:nth-of-type(5) .pvt-journey-step:nth-child(1) .pvt-step-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M34 9C19 9 8 20 8 34c0 11 8 20 18 20h5c4 0 6-4 4-7l-2-3c-2-3 0-7 4-7h8c7 0 11-5 11-11C56 17 46 9 34 9Z'/%3E%3Ccircle cx='20' cy='28' r='2.8'/%3E%3Ccircle cx='28' cy='20' r='2.8'/%3E%3Ccircle cx='39' cy='19' r='2.8'/%3E%3Ccircle cx='47' cy='27' r='2.8'/%3E%3Cpath d='M15 52 29 34M12 55l5-2-3-3z'/%3E%3C/svg%3E") !important;
}

.pvt-profile .section[data-pvt-chapter="05"] .pvt-journey-step:nth-child(2) .pvt-step-icon,
body.ux-builder-iframe.pvt-profile .section:nth-of-type(5) .pvt-journey-step:nth-child(2) .pvt-step-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M30 9v47M30 17H11l-6 7 6 7h19M34 31h19l6 7-6 7H34'/%3E%3Cpath d='M17 21h8M39 35h10M17 26h6M39 40h8'/%3E%3Cpath d='M22 56h16'/%3E%3C/svg%3E") !important;
}

.pvt-profile .section[data-pvt-chapter="05"] .pvt-journey-step:nth-child(3) .pvt-step-icon,
body.ux-builder-iframe.pvt-profile .section:nth-of-type(5) .pvt-journey-step:nth-child(3) .pvt-step-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='24' y='8' width='31' height='18' rx='3'/%3E%3Cpath d='M29 15h20M29 20h13M27 26l-5 6 8-3'/%3E%3Ccircle cx='18' cy='36' r='7'/%3E%3Cpath d='M7 56c1-9 5-14 11-14s10 5 11 14M35 34h19v20H35zM40 41h9M40 47h7'/%3E%3C/svg%3E") !important;
}

.pvt-profile .section[data-pvt-chapter="05"] .pvt-journey-step:nth-child(4) .pvt-step-icon,
body.ux-builder-iframe.pvt-profile .section:nth-of-type(5) .pvt-journey-step:nth-child(4) .pvt-step-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='10' y='10' width='44' height='43' rx='2'/%3E%3Cpath d='M18 10v43M46 10v43M10 22h44M10 42h44M23 28l7 7 12-12M24 47h16'/%3E%3Ccircle cx='18' cy='22' r='2' fill='%23fff' stroke='none'/%3E%3Ccircle cx='46' cy='42' r='2' fill='%23fff' stroke='none'/%3E%3C/svg%3E") !important;
}

.pvt-profile .section[data-pvt-chapter="05"] .pvt-journey-step:nth-child(5) .pvt-step-icon,
body.ux-builder-iframe.pvt-profile .section:nth-of-type(5) .pvt-journey-step:nth-child(5) .pvt-step-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M31 57c1-20 4-35 17-49M30 45c-8-3-12-8-13-15 8 0 13 4 15 10M35 36c8-2 13-7 16-14-8-1-14 3-17 9M39 24c-5-4-6-9-5-15 6 2 9 6 9 11M26 51c-7 0-12-3-16-9 7-2 13 0 17 5'/%3E%3Cpath d='M48 8c3 4 4 8 2 12M17 30c-2-4-1-8 1-11'/%3E%3C/svg%3E") !important;
}

.pvt-profile .pvt-glow-card {
    border-color: rgba(201,166,75,.62) !important;
    box-shadow: 0 12px 38px rgba(24,28,35,.06) !important;
    backdrop-filter: blur(3px);
}

.pvt-profile .pvt-partner-logos span {
    opacity: .72;
}

@media (hover: none), (prefers-reduced-motion: reduce) {
    .pvt-profile [data-pvt-tilt],
    .pvt-profile .button {
        transform: none !important;
    }
    .pvt-profile .pvt-glow-card::before,
    .pvt-profile .float-animation,
    .pvt-profile .gold-pulse {
        animation: none !important;
    }
}

@media (max-width: 849px) {
    .pvt-profile .section[data-pvt-chapter="05"] div[style*="position:absolute"][style*="top:50px"],
    body.ux-builder-iframe.pvt-profile .section:nth-of-type(5) div[style*="position:absolute"][style*="top:50px"] {
        display: none !important;
    }

    .pvt-profile .section-content > .row,
    .pvt-profile .section > .section-content > .row,
    .pvt-profile .pvt-hero-section .row {
        width: min(100% - 40px, 720px);
    }

    .pvt-profile .pvt-hero-section {
        min-height: auto;
        padding: 74px 0 62px !important;
    }

    .pvt-profile .pvt-hero-section .row {
        gap: 28px;
    }

    .pvt-profile .pvt-hero-section .col:first-child,
    .pvt-profile .pvt-hero-section .col:last-child {
        flex-basis: 100%;
        max-width: 100%;
    }

    .pvt-profile .pvt-hero-section h1 {
        font-size: clamp(3rem, 11vw, 4.6rem) !important;
        max-width: 680px;
    }

    .pvt-profile .pvt-hero-image {
        width: 72% !important;
        margin-left: auto;
        margin-right: auto;
    }

    .pvt-profile .pvt-hero-image .img-inner {
        border-radius: 4px 42px 4px 4px !important;
    }

    .pvt-profile .pvt-journey-step {
        flex: 0 0 50% !important;
        min-width: 0 !important;
        margin-bottom: 30px;
    }

    .pvt-profile .pvt-journey-step + div[style] {
        min-width: 0;
    }

    /* UX Builder inline grids need explicit breakpoint overrides. */
    .pvt-profile .pvt-framework-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: auto !important;
        gap: 18px !important;
        align-items: stretch !important;
    }

    .pvt-profile .pvt-framework-grid > .pvt-center-circle-animated {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
        order: -1;
        width: 174px !important;
        height: 174px !important;
        margin: 0 auto 10px;
        border-width: 3px !important;
    }

    .pvt-profile .pvt-framework-grid > .pvt-glow-card {
        min-width: 0;
        padding: 22px !important;
    }

    .pvt-profile .pvt-vtg-systems {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }

    .pvt-profile .pvt-vtg-systems > .pvt-glow-card {
        min-width: 0;
        padding: 20px !important;
    }
}

@media (max-width: 549px) {
    .pvt-profile {
        --pvt-image-radius: 16px;
    }

    .pvt-profile .section-content > .row,
    .pvt-profile .section > .section-content > .row,
    .pvt-profile .pvt-hero-section .row {
        width: calc(100% - 32px);
    }

    .pvt-profile .pvt-hero-section {
        padding: 48px 0 48px !important;
    }

    .pvt-profile .pvt-hero-section h1 {
        font-size: clamp(2.75rem, 14.5vw, 3.7rem) !important;
        line-height: .95 !important;
        letter-spacing: -.06em !important;
        margin-bottom: 18px !important;
    }

    .pvt-profile .pvt-hero-section [data-pvt-typing] {
        font-size: 12px !important;
        letter-spacing: .22em !important;
    }

    .pvt-profile .pvt-hero-section .text > div:nth-of-type(2) {
        font-size: 14px !important;
        line-height: 1.85 !important;
    }

    .pvt-profile .pvt-hero-section .text > div:nth-of-type(3) {
        padding-left: 18px !important;
        margin-top: 22px !important;
    }

    .pvt-profile .pvt-hero-section .text > div:nth-of-type(3) > span {
        font-size: 32px !important;
    }

    .pvt-profile .pvt-hero-section .button {
        width: 100%;
        min-height: 50px;
        padding: 0 15px;
        font-size: 12px;
        letter-spacing: .06em;
    }

    .pvt-profile .pvt-hero-image {
        width: 100% !important;
        margin-top: 8px;
    }

    .pvt-profile .section:not(.pvt-hero-section) {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }

    .pvt-profile .section:not(.pvt-hero-section) h2 {
        font-size: 28px !important;
    }

    .pvt-profile .section:not(.pvt-hero-section) > .section-content > .row:first-child > .col:first-child > .col-inner > div:first-child:not(.text),
    .pvt-profile .section:not(.pvt-hero-section) > .section-content > .row:first-child > .col:first-child > .col-inner > .text:first-child > div:first-child,
    body.ux-builder-iframe.pvt-profile .section:not(.pvt-hero-section) .col-inner > div:first-child:has(+ h2) {
        width: 44px !important;
        min-width: 44px !important;
        height: 78px !important;
        padding: 0 6px 10px !important;
        margin-bottom: 18px !important;
        font-size: 12px !important;
    }

    .pvt-profile .section:not(.pvt-hero-section) h2 + div {
        font-size: 15px !important;
        line-height: 1.45;
        margin-top: 8px;
    }

    .pvt-profile div:has(> [data-pvt-counter]) {
        min-height: 126px;
        padding: 10px 14px 14px !important;
        border-right: 0 !important;
    }

    .pvt-profile div:has(> [data-pvt-counter])::before {
        width: 40px;
        height: 31px;
        margin-bottom: 9px;
    }

    .pvt-profile [data-pvt-counter] {
        font-size: 27px !important;
    }

    .pvt-profile [data-pvt-counter] + div {
        font-size: 10px !important;
    }

    .pvt-profile .row > .col:nth-child(odd) div:has(> [data-pvt-counter]) {
        border-right: 1px solid rgba(216,166,64,.72) !important;
    }

    .pvt-profile .section[data-pvt-chapter="03"] .col.large-7 .pvt-glow-card,
    body.ux-builder-iframe.pvt-profile .section:nth-of-type(3) .col.large-7 .pvt-glow-card {
        width: 100%;
        min-height: 68px;
        margin-bottom: 34px !important;
        padding-right: 14px !important;
        border-radius: 36px !important;
    }

    .pvt-profile .section[data-pvt-chapter="03"] .col.large-7 .pvt-glow-card:not(:last-child)::after,
    body.ux-builder-iframe.pvt-profile .section:nth-of-type(3) .col.large-7 .pvt-glow-card:not(:last-child)::after {
        bottom: -31px;
        font-size: 22px;
    }

    .pvt-profile .section[data-pvt-chapter="03"] .col.large-7 .pvt-glow-card > div:first-child,
    body.ux-builder-iframe.pvt-profile .section:nth-of-type(3) .col.large-7 .pvt-glow-card > div:first-child {
        flex-basis: 68px;
        width: 68px !important;
        min-width: 68px !important;
        height: 68px !important;
        margin-right: 13px !important;
        font-size: 24px !important;
    }

    .pvt-profile .section[data-pvt-chapter="03"] .col.large-7 .pvt-glow-card strong,
    body.ux-builder-iframe.pvt-profile .section:nth-of-type(3) .col.large-7 .pvt-glow-card strong {
        font-size: 14px !important;
    }

    .pvt-profile .section[data-pvt-chapter="03"] .col.large-7 .pvt-glow-card span,
    body.ux-builder-iframe.pvt-profile .section:nth-of-type(3) .col.large-7 .pvt-glow-card span {
        font-size: 13px !important;
    }

    .pvt-profile .pvt-glow-card[style*="border-radius:50px"],
    .pvt-profile .pvt-glow-card[style*="border-radius: 50px"] {
        border-radius: 18px !important;
        padding: 14px !important;
    }

    .pvt-profile div[style*="grid-template-columns:1fr 1fr"] {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .pvt-profile div[style*="justify-content:space-between"][style*="flex-wrap:wrap"] {
        align-items: flex-start !important;
    }

    .pvt-profile .pvt-journey-step {
        flex: 0 0 100% !important;
        text-align: left !important;
        display: grid;
        grid-template-columns: 54px 1fr;
        column-gap: 15px;
        padding: 0 !important;
    }

    .pvt-profile .pvt-journey-step .pvt-step-icon {
        grid-row: 1 / span 3;
        width: 48px !important;
        height: 48px !important;
        margin: 0 !important;
        font-size: 19px !important;
    }

    .pvt-profile .pvt-journey-step div:not(.pvt-step-icon) {
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: left;
    }

    .pvt-profile .pvt-partner-logos {
        gap: 18px 24px !important;
    }

    .pvt-profile .pvt-partner-logos span {
        font-size: 14px !important;
    }

    .pvt-profile .pvt-framework-grid {
        display: flex !important;
        flex-direction: column;
        gap: 14px !important;
    }

    .pvt-profile .pvt-framework-grid > .pvt-center-circle-animated {
        order: -1;
        width: 154px !important;
        height: 154px !important;
        flex: 0 0 154px;
        margin: 0 auto 12px;
        box-shadow: 0 18px 44px rgba(12,14,18,.18) !important;
    }

    .pvt-profile .pvt-framework-grid > .pvt-center-circle-animated > div {
        font-size: 13px !important;
        line-height: 1.28 !important;
    }

    .pvt-profile .pvt-framework-grid > .pvt-glow-card {
        width: 100%;
        height: auto !important;
        min-height: 0;
        padding: 20px 20px 19px !important;
        border-width: 1px !important;
        border-radius: 16px !important;
    }

    .pvt-profile .pvt-framework-grid > .pvt-glow-card > div:first-child {
        font-size: 27px !important;
        margin-bottom: 8px !important;
    }

    .pvt-profile .pvt-framework-grid > .pvt-glow-card > div:nth-child(2) {
        font-size: 17px !important;
    }

    .pvt-profile .pvt-framework-grid > .pvt-glow-card > div:last-child {
        line-height: 1.7 !important;
    }

    .pvt-profile .pvt-vtg-systems {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin-bottom: 20px !important;
    }

    .pvt-profile .pvt-vtg-systems > .pvt-glow-card {
        width: 100%;
        min-height: 0;
        padding: 19px 20px !important;
        border-radius: 14px !important;
    }

    .pvt-profile .pvt-vtg-systems > .pvt-glow-card > div:first-child {
        font-size: 14px !important;
        letter-spacing: .02em;
        margin-bottom: 7px !important;
    }

    .pvt-profile .pvt-vtg-systems > .pvt-glow-card > div:last-child {
        font-size: 14px !important;
        line-height: 1.7 !important;
    }
}

/* ========================================================================== 
   15. EDUCATION — UX BUILDER IMAGE SLIDER
   ========================================================================== */

.pvt-profile .pvt-education-section-premium .pvt-edu-main-row {
    align-items: center !important;
}

.pvt-profile .pvt-edu-slider {
    position: relative;
    aspect-ratio: 4 / 3;
    min-height: 440px;
    overflow: hidden;
    border-radius: 22px;
    background: #11151a;
    box-shadow: 0 24px 65px rgba(20,24,30,.16), 0 0 0 1px rgba(201,166,75,.16);
}

.pvt-profile .pvt-edu-slider::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 3;
    background: linear-gradient(180deg, transparent 60%, rgba(7,9,12,.62) 100%);
    pointer-events: none;
}

.pvt-profile .pvt-edu-slide {
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.035);
    transition: opacity .7s ease, visibility .7s ease, transform 1.1s cubic-bezier(.2,.65,.25,1) !important;
    pointer-events: none;
}

.pvt-profile .pvt-edu-slide.is-active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    pointer-events: auto;
}

.pvt-profile .pvt-edu-slide .img-inner,
.pvt-profile .pvt-edu-slide .image-cover,
.pvt-profile .pvt-edu-slide img {
    width: 100% !important;
    height: 100% !important;
    border-radius: var(--pvt-image-radius) !important;
}

.pvt-profile .pvt-edu-slide img {
    object-fit: cover;
    object-position: center;
}

.pvt-profile .pvt-edu-slider-controls {
    position: absolute;
    z-index: 5;
    left: 20px;
    right: 20px;
    bottom: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
}

.pvt-profile .pvt-edu-arrow,
.pvt-profile .pvt-edu-dot {
    appearance: none;
    border: 0;
    cursor: pointer;
}

.pvt-profile .pvt-edu-arrow {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(255,255,255,.34);
    border-radius: 50%;
    background: rgba(9,11,15,.46);
    color: #fff;
    font-size: 17px;
    line-height: 1;
    backdrop-filter: blur(8px);
    transition: background .25s ease, border-color .25s ease, color .25s ease;
}

.pvt-profile .pvt-edu-arrow:hover {
    border-color: #d4af37;
    background: #d4af37;
    color: #111;
}

.pvt-profile .pvt-edu-dots {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pvt-profile .pvt-edu-dot {
    flex: 0 0 6px;
    width: 6px !important;
    min-width: 6px !important;
    height: 6px !important;
    min-height: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50%;
    background: rgba(255,255,255,.45);
    box-shadow: none;
    transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.pvt-profile .pvt-edu-dot.is-active {
    width: 8px !important;
    min-width: 8px !important;
    height: 8px !important;
    min-height: 8px !important;
    border-radius: 50%;
    background: #d4af37;
    box-shadow: 0 0 0 3px rgba(212,175,55,.16);
}

.pvt-profile .pvt-edu-counter {
    margin-left: auto;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .14em;
    color: rgba(255,255,255,.68);
}

.pvt-profile .pvt-edu-counter b {
    color: #fff;
    font-size: 14px;
}

@media (max-width: 849px) {
    .pvt-profile .pvt-edu-slider {
        min-height: 0;
        margin-top: 28px;
        aspect-ratio: 4 / 3;
        border-radius: 18px;
    }
}

@media (max-width: 549px) {
    .pvt-profile .pvt-edu-slider {
        aspect-ratio: 4 / 3.15;
        border-radius: 16px;
    }

    .pvt-profile .pvt-edu-slider-controls {
        left: 14px;
        right: 14px;
        bottom: 13px;
    }

    .pvt-profile .pvt-edu-arrow {
        width: 34px;
        height: 34px;
    }
}

/* ========================================================================== 
   13. LUXURY EDITORIAL DETAILS
   Subtle chapter marks, depth and cinematic media treatment.
   ========================================================================== */

.pvt-profile .section[data-pvt-chapter] {
    position: relative;
    isolation: isolate;
}

.pvt-profile .section[data-pvt-chapter]::after {
    content: attr(data-pvt-chapter);
    position: absolute;
    z-index: 0;
    right: max(2.5vw, 24px);
    top: 50%;
    transform: translateY(-50%);
    font-size: clamp(150px, 18vw, 290px);
    font-weight: 900;
    line-height: .75;
    letter-spacing: -.08em;
    color: rgba(17,17,17,.022);
    pointer-events: none;
    user-select: none;
}

.pvt-profile .section[data-pvt-chapter].dark::after,
.pvt-profile .section[style*="background-color: rgb(18, 21, 25)"]::after,
.pvt-profile .section[style*="background-color:#121519"]::after {
    color: rgba(255,255,255,.065);
}

.pvt-profile .section[data-pvt-chapter] > .section-content {
    z-index: 2;
}

.pvt-profile .pvt-cinematic-media .img-inner {
    position: relative;
    transform: translateZ(0);
}

.pvt-profile .pvt-cinematic-media .img-inner::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(110deg, rgba(201,166,75,.24), transparent 38%, rgba(255,255,255,.09));
    opacity: 0;
    transition: opacity .55s ease;
    pointer-events: none;
}

.pvt-profile .pvt-cinematic-media img {
    transition: transform 1.15s cubic-bezier(.2,.65,.25,1), filter .8s ease !important;
}

.pvt-profile .pvt-cinematic-media:hover img {
    transform: scale(1.025);
    filter: saturate(1.04) contrast(1.025);
}

.pvt-profile .pvt-glow-card::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(420px circle at var(--pvt-card-x, 50%) var(--pvt-card-y, 50%), rgba(212,175,55,.095), transparent 44%);
    opacity: 0;
    transition: opacity .35s ease;
    pointer-events: none;
}

.pvt-profile .pvt-cinematic-media:hover .img-inner::before,
.pvt-profile .pvt-glow-card:hover::after {
    opacity: 1;
}

@media (max-width: 849px) {
    .pvt-profile .section[data-pvt-chapter]::after {
        right: 12px;
        top: 84px;
        transform: none;
        font-size: 112px;
        color: rgba(17,17,17,.018);
    }

    .pvt-profile .section[data-pvt-chapter].dark::after {
        color: rgba(255,255,255,.055);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.pvt-js-active .pvt-luxury-reveal {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        transition: none !important;
    }
    .pvt-profile .pvt-cinematic-media img { transition: none !important; }
}

/* ========================================================================== 
   14. SECTION 04 — CHALLENGE TO TRANSFORMATION
   ========================================================================== */

.pvt-profile .section[data-pvt-chapter="04"] {
    background:
        radial-gradient(circle at 88% 18%, rgba(201,166,75,.08), transparent 24%),
        linear-gradient(180deg, #fff 0%, #fbfbfa 100%) !important;
}

/* ==========================================================================
   16. BIG UPDATE — EDITORIAL COMPONENT SYSTEM
   Homepage-only, UX Builder-safe and dependency-free.
   ========================================================================== */

.pvt-profile {
    --pvt-gold: #d3a13a;
    --pvt-gold-soft: #f2dfaa;
    --pvt-ink: #0b0e12;
    --pvt-slate: #667085;
    --pvt-line: #e7e1d3;
    --pvt-panel: #f8f7f3;
}

.pvt-profile .pvt-eyebrow,
.pvt-profile .pvt-content-label {
    display: block;
    margin: 0 0 8px;
    color: #97701e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .18em;
    line-height: 1.4;
    text-transform: uppercase;
}

/* One SVG icon language for all redesigned content clusters. */
.pvt-profile .pvt-ui-icon {
    --pvt-icon-size: 22px;
    display: inline-grid;
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid rgba(211,161,58,.34);
    border-radius: 14px;
    background: rgba(211,161,58,.1);
    color: var(--pvt-gold);
}

.pvt-profile .pvt-ui-icon::before {
    content: '';
    width: var(--pvt-icon-size);
    height: var(--pvt-icon-size);
    background: currentColor;
    -webkit-mask: var(--pvt-icon) center / contain no-repeat;
    mask: var(--pvt-icon) center / contain no-repeat;
}

.pvt-icon-spark { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l1.7 5.3L19 9l-5.3 1.7L12 16l-1.7-5.3L5 9l5.3-1.7L12 2zm7 13 .8 2.2L22 18l-2.2.8L19 21l-.8-2.2L16 18l2.2-.8L19 15zM5 14l1.1 3.1L9 18l-2.9.9L5 22l-1.1-3.1L1 18l2.9-.9L5 14z'/%3E%3C/svg%3E"); }
.pvt-icon-product { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 9 5-9 5-9-5 9-5zm-9 5v10l9 5 9-5V7M12 12v10' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.pvt-icon-award { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3h8v3c0 3-1.8 5-4 5S8 9 8 6V3zm0 2H4v2c0 2.2 1.5 4 4 4m8-6h4v2c0 2.2-1.5 4-4 4m-4 0v5m-4 5h8m-6-5h4v5h-4z' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.pvt-icon-diamond { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 8 4-5h10l4 5-9 13L3 8zm0 0h18M7 3l5 18 5-18' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.pvt-icon-search { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m15.5 15.5 5 5M8 8h5M8 11h3' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); }
.pvt-icon-transform { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h13l-3-3m3 3-3 3M20 17H7l3 3m-3-3 3-3' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.pvt-icon-shield { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 20 5v6c0 5-3.3 9.1-8 11-4.7-1.9-8-6-8-11V5l8-3zm-4 10 2.5 2.5L16 9' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.pvt-icon-link { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 15 6-6m-8.5 9.5-1 1a3.5 3.5 0 0 1-5-5l4-4a3.5 3.5 0 0 1 5 0m8-5 1-1a3.5 3.5 0 0 1 5 5l-4 4a3.5 3.5 0 0 1-5 0' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E"); }
.pvt-icon-system { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/g%3E%3C/svg%3E"); }
.pvt-icon-team,.pvt-icon-coaching { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Ccircle cx='17' cy='9' r='2.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M3 20c.3-4 2.3-6 6-6s5.7 2 6 6m0-5c3.7 0 5.7 1.7 6 5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E"); }
.pvt-icon-network { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='4' r='2.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Ccircle cx='5' cy='18' r='2.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Ccircle cx='19' cy='18' r='2.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='m10.8 6.2-4.6 9.6m7-9.6 4.6 9.6M7.5 18h9' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E"); }
.pvt-icon-idea { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 18h6m-5 3h4M8.5 15.5C6.9 14.3 6 12.4 6 10.5a6 6 0 0 1 12 0c0 1.9-.9 3.8-2.5 5-.8.6-1.2 1.3-1.3 2.5H9.8c-.1-1.2-.5-1.9-1.3-2.5zM12 1V0m8 10h3M1 10h3m1.3-5.7L3.2 2.2m15.5 2.1 2.1-2.1' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E"); }
.pvt-icon-identity { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='7' cy='7' r='4' fill='none' stroke='black' stroke-width='1.7'/%3E%3Crect x='13' y='3' width='8' height='8' rx='1' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='m3 21 4-7 4 7H3zm11-7h7v7h-7z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.pvt-icon-package { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7.5 12 3l8 4.5v9L12 21l-8-4.5v-9zM4 7.5l8 4.5 8-4.5M12 12v9m-4-16.3 8 4.5' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.pvt-icon-print { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 8V3h10v5M7 17H4V9h16v8h-3M7 14h10v7H7v-7zm10-2h1' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.pvt-icon-eye { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12z' fill='none' stroke='black' stroke-width='1.7'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E"); }
.pvt-icon-compass { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='m15.5 8.5-2 5-5 2 2-5 5-2z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.pvt-icon-palette { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18h1.5a2 2 0 0 0 1.6-3.2l-.5-.6A2 2 0 0 1 16.2 14H18a3 3 0 0 0 3-3c0-4.4-4-8-9-8z' fill='none' stroke='black' stroke-width='1.7'/%3E%3Ccircle cx='7.5' cy='10' r='1'/%3E%3Ccircle cx='10' cy='6.5' r='1'/%3E%3Ccircle cx='15' cy='7' r='1'/%3E%3C/svg%3E"); }
.pvt-icon-puzzle { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h6a2.5 2.5 0 1 1 4 0h6v6a2.5 2.5 0 1 0 0 4v6h-6a2.5 2.5 0 1 0-4 0H4v-6a2.5 2.5 0 1 1 0-4V4z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.pvt-icon-pen { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 20 4.5-1 11-11-3.5-3.5-11 11L4 20zm10.5-14 3.5 3.5M4 20l4.5-1L5 15.5 4 20z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.pvt-icon-megaphone { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 10v4h4l9 4V6l-9 4H4zm4 4 2 6h4l-2-4.2M20 9v6' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.pvt-icon-building { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 21V4h10v17M14 9h6v12M2 21h20M7 8h2m2 0h1M7 12h2m2 0h1M7 16h2m2 0h1m6-3h1m-1 4h1' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E"); }
.pvt-icon-graduation { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m2 8 10-5 10 5-10 5L2 8zm4 2.2V16c3.5 2.5 8.5 2.5 12 0v-5.8M22 8v7' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.pvt-icon-handshake { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 7 4-2 4 3 2-1 4 2 4-1v8l-4 2-5-4-2 2-5-4-2 1V7zm4-2 3-2 4 2m-6 8 2-2m1 4 2-2m1 4 2-2' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.pvt-icon-growth { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20V10m6 10V5m6 15v-7m5 7V2M3 7l6-4 5 4 7-5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.pvt-icon-phone { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h4l2 5-3 2c1.4 3 2.8 4.4 5 5l2-3 5 2v4c0 2-1.5 3-3.5 3C9 21 3 15 3 6.5 3 4.5 4 3 6 3z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.pvt-icon-mail { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='14' rx='2' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='m4 7 8 6 8-6' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.pvt-icon-pin { --pvt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22s7-6.5 7-13A7 7 0 0 0 5 9c0 6.5 7 13 7 13z' fill='none' stroke='black' stroke-width='1.7'/%3E%3Ccircle cx='12' cy='9' r='2.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E"); }

/* About signature. */
.pvt-profile .pvt-about-signature {
    position: relative;
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    min-height: 122px;
    margin-top: 28px !important;
    padding: 22px 190px 22px 24px !important;
    border: 1px solid rgba(211,161,58,.42) !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg,#fff 0%,#fbf8ef 100%) !important;
}

.pvt-profile .pvt-about-signature > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
    min-width: 0;
}

.pvt-profile .pvt-about-signature > div > br {
    display: none;
}

.pvt-profile .pvt-about-signature::after {
    content: 'THẨM MỸ  →  GIÁ TRỊ';
    position: absolute;
    z-index: 1;
    inset: 18px 18px 18px auto;
    width: 148px;
    display: grid;
    place-items: center;
    padding: 14px;
    border-radius: 13px;
    background: #11151a;
    color: var(--pvt-gold-soft);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .13em;
    line-height: 1.45;
    text-align: center;
    opacity: 1 !important;
}

.pvt-profile .pvt-about-signature strong {
    display: block;
    color: #15181d;
    font-size: 19px;
    line-height: 1.35;
}

/* Section 04: product-to-brand transformation architecture. */
.pvt-profile .pvt-solution-stage-premium {
    display: grid !important;
    grid-template-columns: minmax(210px,.72fr) minmax(0,1.8fr) !important;
    gap: 28px 34px !important;
    align-items: center !important;
    margin-top: 24px !important;
    padding: 30px 32px !important;
    overflow: hidden;
    border: 1px solid rgba(211,161,58,.35) !important;
    border-radius: 22px !important;
    background: radial-gradient(circle at 92% 0%,rgba(211,161,58,.14),transparent 28%),#0b0e12 !important;
    box-shadow: 0 24px 58px rgba(11,14,18,.2) !important;
}

.pvt-profile .pvt-solution-intro strong {
    display: block;
    max-width: 270px;
    color: #fff;
    font-size: 20px;
    line-height: 1.45;
}

.pvt-profile .pvt-solution-stage-premium .pvt-eyebrow { color: var(--pvt-gold-soft); }

.pvt-profile .pvt-solution-flow {
    display: grid;
    grid-template-columns: repeat(5,auto);
    align-items: center;
    justify-content: end;
    gap: 13px;
}

.pvt-profile .pvt-solution-flow > p {
    margin: 0;
}

.pvt-profile .pvt-solution-node {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 148px;
}

.pvt-profile .pvt-solution-node .pvt-ui-icon {
    width: 44px;
    height: 44px;
    border-color: rgba(211,161,58,.42);
    background: rgba(211,161,58,.12);
}

.pvt-profile .pvt-solution-node small,
.pvt-profile .pvt-solution-node b { display: block; }
.pvt-profile .pvt-solution-node small { margin-bottom: 2px; color: #87909d; font-size: 9px; font-weight: 700; letter-spacing: .12em; }
.pvt-profile .pvt-solution-node b { color: #f7f7f5; font-size: 14px; white-space: nowrap; }
.pvt-profile .pvt-flow-arrow { color: var(--pvt-gold); font-size: 20px; }

.pvt-profile .pvt-solution-meta {
    grid-column: 2;
    display: flex;
    align-items: center;
    gap: 13px;
    color: #98a0ad;
    font-size: 13px;
}

.pvt-profile .pvt-solution-meta i { flex: 1; min-width: 36px; height: 1px; background: linear-gradient(90deg,rgba(211,161,58,.25),var(--pvt-gold)); }
.pvt-profile .pvt-solution-meta strong { color: var(--pvt-gold-soft); }

/* Section 07: clearer strategic case-study storytelling. */
.pvt-profile .pvt-case-card {
    position: relative;
    min-height: 315px !important;
    padding: 30px !important;
    overflow: hidden;
    border: 1px solid rgba(211,161,58,.28) !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg,#171b20,#101318) !important;
}

.pvt-profile .pvt-case-card::before {
    content: '';
    position: absolute;
    right: -48px;
    bottom: -66px;
    width: 180px;
    height: 180px;
    border: 1px solid rgba(211,161,58,.12);
    border-radius: 50%;
}

.pvt-profile .pvt-case-kicker { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; }
.pvt-profile .pvt-case-kicker .pvt-ui-icon { background: var(--pvt-gold); color: #101318; }
.pvt-profile .pvt-case-kicker small,.pvt-profile .pvt-case-kicker strong { display: block; }
.pvt-profile .pvt-case-kicker small { margin-bottom: 3px; color: #818a97; font-size: 9px; letter-spacing: .18em; }
.pvt-profile .pvt-case-kicker strong { color: var(--pvt-gold-soft); font-size: 14px; letter-spacing: .07em; }
.pvt-profile .pvt-case-card > p { max-width: 500px; margin-bottom: 18px; color: #f0f1f2; font-size: 16px; line-height: 1.7; }
.pvt-profile .pvt-case-label { margin-bottom: 8px; color: var(--pvt-gold); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.pvt-profile .pvt-clean-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.pvt-profile .pvt-clean-list li { position: relative; padding-left: 22px; color: #cbd0d7; font-size: 14px; }
.pvt-profile .pvt-clean-list li::before { content: ''; position: absolute; left: 0; top: .72em; width: 10px; height: 1px; background: var(--pvt-gold); }
.pvt-profile .pvt-case-path { display: grid; grid-template-columns: 1fr 64px 1.25fr; align-items: center; gap: 12px; margin: 8px 0 24px; }
.pvt-profile .pvt-case-path span,.pvt-profile .pvt-case-path strong { padding: 12px 14px; border: 1px solid #323842; border-radius: 10px; color: #c4cad2; font-size: 12px; text-align: center; text-transform: uppercase; }
.pvt-profile .pvt-case-path strong { border-color: rgba(211,161,58,.55); color: #fff; }
.pvt-profile .pvt-case-path i { height: 1px; background: var(--pvt-gold); position: relative; }
.pvt-profile .pvt-case-path i::after { content: ''; position: absolute; right: 0; top: -3px; width: 7px; height: 7px; border-top: 1px solid var(--pvt-gold); border-right: 1px solid var(--pvt-gold); transform: rotate(45deg); }
.pvt-profile .pvt-case-result { display: grid; grid-template-columns: auto 1fr; gap: 1px 16px; align-items: center; padding: 17px 19px; border-radius: 14px; background: linear-gradient(120deg,#d2a13a,#f0d98d); color: #11151a; }
.pvt-profile .pvt-case-result small { grid-column: 1/-1; font-size: 9px; font-weight: 800; letter-spacing: .16em; opacity: .65; }
.pvt-profile .pvt-case-result b { font-size: 21px; letter-spacing: .04em; }
.pvt-profile .pvt-case-result span { font-size: 13px; font-weight: 700; }

/* Section 09: leadership value with icon-led hierarchy. */
.pvt-profile .pvt-steward-card {
    margin-bottom: 24px !important;
    padding: 28px 30px !important;
    border: 1px solid rgba(211,161,58,.34) !important;
    border-left: 0 !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg,#fbfaf6,#f3efe4) !important;
}
.pvt-profile .pvt-steward-head { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
.pvt-profile .pvt-steward-head .pvt-ui-icon { background: var(--pvt-gold); color: #fff; }
.pvt-profile .pvt-steward-head small,.pvt-profile .pvt-steward-head strong { display: block; }
.pvt-profile .pvt-steward-head small { color: #81775f; font-size: 9px; letter-spacing: .17em; }
.pvt-profile .pvt-steward-head strong { color: #15181d; font-size: 21px; }
.pvt-profile .pvt-steward-title { margin-bottom: 10px; color: #98701d; font-size: 13px; font-weight: 800; letter-spacing: .1em; }
.pvt-profile .pvt-steward-card p { margin: 0; color: #4d5663; font-size: 16px; font-style: italic; line-height: 1.7; }
.pvt-profile .pvt-leadership-row {
    display: grid !important;
    grid-template-columns: 52px 1fr;
    align-items: center !important;
    gap: 16px;
    margin: 0 0 12px !important;
    padding: 17px 18px;
    border: 1px solid #ebe7de;
    border-radius: 16px;
    background: rgba(255,255,255,.82);
    box-shadow: 0 9px 28px rgba(20,24,30,.045);
    transition: transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.pvt-profile .pvt-leadership-row:hover { transform: translateX(5px); border-color: rgba(211,161,58,.48); box-shadow: 0 14px 34px rgba(20,24,30,.08); }
.pvt-profile .pvt-leadership-row .pvt-ui-icon { width: 52px; height: 52px; border-radius: 15px; }
.pvt-profile .pvt-leadership-row small,.pvt-profile .pvt-leadership-row strong { display: block; }
.pvt-profile .pvt-leadership-row small { margin-bottom: 3px; color: #9a7a33; font-size: 9px; font-weight: 800; letter-spacing: .15em; }
.pvt-profile .pvt-leadership-row strong { color: #242a33; font-size: 15px; line-height: 1.45; }

/* Section 10: design capability cards instead of loose text tabs. */
.pvt-profile .pvt-creative-manifesto { display: flex; align-items: center; gap: 18px; max-width: 850px; margin: 24px 0 18px; padding: 20px 22px; border: 1px solid rgba(211,161,58,.3); border-radius: 18px; background: #fff; }
.pvt-profile .pvt-creative-manifesto .pvt-ui-icon { width: 54px; height: 54px; --pvt-icon-size: 25px; }
.pvt-profile .pvt-creative-manifesto p { margin: 0; color: #4d5663; font-size: 16px; line-height: 1.7; }
.pvt-profile .pvt-creative-manifesto strong { color: #12161b; }
.pvt-profile .pvt-design-values { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 26px; }
.pvt-profile .pvt-design-values span { padding: 7px 12px; border-radius: 99px; background: #eee9dc; color: #72571c; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.pvt-profile .pvt-creative-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; }
.pvt-profile .pvt-creative-tab { position: relative; min-width: 0; min-height: 142px; padding: 20px 17px !important; border: 1px solid #e6e2d8 !important; border-left: 1px solid #e6e2d8 !important; border-radius: 16px; background: rgba(255,255,255,.8); transition: transform .28s ease,border-color .28s ease,box-shadow .28s ease; }
.pvt-profile .pvt-creative-tab:hover { transform: translateY(-5px); border-color: rgba(211,161,58,.52) !important; box-shadow: 0 16px 36px rgba(20,24,30,.08); }
.pvt-profile .pvt-creative-tab .pvt-ui-icon { width: 42px; height: 42px; margin-bottom: 18px; border: 0; border-radius: 12px; background: #11151a; color: var(--pvt-gold-soft); }
.pvt-profile .pvt-creative-tab small { position: absolute; right: 15px; top: 15px; color: #b5ad9b; font-size: 10px; font-weight: 800; }
.pvt-profile .pvt-creative-tab strong { display: block; color: #1d222a; font-size: 12px; letter-spacing: .04em; line-height: 1.45; }

/* Section 11: education/service cards and real audience icons. */
.pvt-profile .pvt-content-label { margin: 0 0 13px; color: #171b20; font-size: 12px; }
.pvt-profile .pvt-education-list { display: grid; gap: 10px; margin-bottom: 30px; }
.pvt-profile .pvt-education-list > div { display: grid; grid-template-columns: 48px 1fr; align-items: center; gap: 14px; padding: 13px 15px; border: 1px solid #ebe7de; border-radius: 15px; background: #fff; }
.pvt-profile .pvt-education-list .pvt-ui-icon { width: 48px; height: 48px; border: 0; background: #f1ead8; color: #a7791a; }
.pvt-profile .pvt-education-list small,.pvt-profile .pvt-education-list strong { display: block; }
.pvt-profile .pvt-education-list small { margin-bottom: 2px; color: #9299a4; font-size: 9px; font-weight: 800; letter-spacing: .13em; }
.pvt-profile .pvt-education-list strong { color: #242a33; font-size: 15px; }
.pvt-profile .pvt-audience-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px !important; }
.pvt-profile .pvt-audience-grid > br,
.pvt-profile .pvt-closing-values > br,
.pvt-profile .pvt-contact-bar > p > br { display: none !important; }
.pvt-profile .pvt-audience-grid .pvt-target-pill { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 10px 12px !important; border: 1px solid #e4e1da !important; border-radius: 12px !important; background: #f8f7f3 !important; color: #222831 !important; font-size: 13px !important; }
.pvt-profile .pvt-audience-grid .pvt-ui-icon { width: 30px; height: 30px; --pvt-icon-size: 16px; border: 0; border-radius: 8px; background: #fff; }

/* Section 12: outcome cards and a scalable contact footer. */
.pvt-profile .pvt-closing-intro { margin-bottom: 17px !important; color: #9aa2ae !important; font-size: 16px !important; }
.pvt-profile .pvt-closing-values { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px !important; }
.pvt-profile .pvt-closing-values .pvt-target-pill { position: relative; display: grid; grid-template-columns: 40px 1fr; align-items: center; gap: 10px; min-width: 0; padding: 14px !important; border: 1px solid rgba(255,255,255,.13) !important; border-radius: 14px !important; background: rgba(255,255,255,.035); color: #fff !important; }
.pvt-profile .pvt-closing-values .pvt-ui-icon { grid-row: 1/span 2; width: 40px; height: 40px; --pvt-icon-size: 19px; border: 0; border-radius: 11px; background: rgba(211,161,58,.14); }
.pvt-profile .pvt-closing-values small { color: #7d8693; font-size: 8px; font-weight: 800; letter-spacing: .14em; }
.pvt-profile .pvt-closing-values strong { color: var(--pvt-gold-soft); font-size: 12px; line-height: 1.3; }
.pvt-profile .pvt-contact-bar { display: grid !important; grid-template-columns: 1.15fr repeat(3,1fr); gap: 12px !important; align-items: stretch !important; padding-top: 26px !important; border-top: 1px solid rgba(255,255,255,.1) !important; }
.pvt-profile .pvt-contact-bar > p { display: contents; }
.pvt-profile .pvt-contact-brand,.pvt-profile .pvt-contact-item { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 16px; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(255,255,255,.025); }
.pvt-profile .pvt-monogram { display: grid; flex: 0 0 44px; width: 44px; height: 52px; place-items: end center; padding-bottom: 7px; background: #f1eee5; color: #11151a; font-size: 10px; font-weight: 900; letter-spacing: .05em; }
.pvt-profile .pvt-contact-brand strong,.pvt-profile .pvt-contact-brand small,.pvt-profile .pvt-contact-item strong,.pvt-profile .pvt-contact-item small { display: block; }
.pvt-profile .pvt-contact-brand strong { color: var(--pvt-gold-soft); font-size: 14px; }
.pvt-profile .pvt-contact-brand small,.pvt-profile .pvt-contact-item small { color: #727b88; font-size: 8px; font-weight: 800; letter-spacing: .14em; }
.pvt-profile .pvt-contact-item { color: #fff !important; transition: border-color .25s ease,background .25s ease; }
.pvt-profile .pvt-contact-item:hover { border-color: rgba(211,161,58,.5); background: rgba(211,161,58,.06); }
.pvt-profile .pvt-contact-item .pvt-ui-icon { width: 36px; height: 36px; --pvt-icon-size: 17px; border: 0; border-radius: 10px; background: rgba(211,161,58,.12); }
.pvt-profile .pvt-contact-item strong { overflow-wrap: anywhere; color: #e7e9ec; font-size: 11px; line-height: 1.35; }

@media (max-width: 849px) {
    .pvt-profile .section[data-pvt-chapter="02"] .col.large-7,
    .pvt-profile .section[data-pvt-chapter="02"] .col.large-5,
    body.ux-builder-iframe.pvt-profile .section:nth-of-type(2) .col.large-7,
    body.ux-builder-iframe.pvt-profile .section:nth-of-type(2) .col.large-5 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .pvt-profile .pvt-solution-stage-premium { grid-template-columns: 1fr !important; }
    .pvt-profile .pvt-solution-intro strong { max-width: 520px; }
    .pvt-profile .pvt-solution-flow { justify-content: start; }
    .pvt-profile .pvt-solution-meta { grid-column: 1; }
    .pvt-profile .pvt-creative-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .pvt-profile .pvt-contact-bar { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 549px) {
    .pvt-profile .pvt-ui-icon { width: 42px; height: 42px; border-radius: 12px; }
    .pvt-profile .pvt-about-signature { align-items: flex-start !important; min-height: 0; padding: 18px !important; }
    .pvt-profile .pvt-about-signature::after { display: none; }
    .pvt-profile .pvt-about-signature strong { font-size: 16px; }
    .pvt-profile .pvt-solution-stage-premium { gap: 24px !important; padding: 23px 20px !important; border-radius: 18px !important; }
    .pvt-profile .pvt-solution-flow { grid-template-columns: 1fr; gap: 8px; width: 100%; }
    .pvt-profile .pvt-solution-node { width: 100%; min-width: 0; padding: 10px; border: 1px solid rgba(255,255,255,.08); border-radius: 13px; }
    .pvt-profile .pvt-flow-arrow { height: 14px; margin-left: 31px; font-size: 0; border-left: 1px solid var(--pvt-gold); }
    .pvt-profile .pvt-solution-meta { display: grid; grid-template-columns: 1fr; gap: 6px; padding-top: 4px; }
    .pvt-profile .pvt-solution-meta i { width: 45px; min-width: 0; }
    .pvt-profile .pvt-case-card { min-height: 0 !important; padding: 22px !important; }
    .pvt-profile .pvt-case-path { grid-template-columns: 1fr; }
    .pvt-profile .pvt-case-path i { width: 1px; height: 16px; margin: 0 auto; }
    .pvt-profile .pvt-case-path i::after { right: -3px; top: auto; bottom: 0; transform: rotate(135deg); }
    .pvt-profile .pvt-case-result { grid-template-columns: 1fr; }
    .pvt-profile .pvt-case-result span { margin-top: 4px; }
    .pvt-profile .pvt-steward-card { padding: 22px !important; }
    .pvt-profile .pvt-leadership-row { grid-template-columns: 46px 1fr; gap: 13px; padding: 14px; }
    .pvt-profile .pvt-leadership-row .pvt-ui-icon { width: 46px; height: 46px; }
    .pvt-profile .pvt-creative-manifesto { align-items: flex-start; padding: 17px; }
    .pvt-profile .pvt-design-values { display: grid; grid-template-columns: 1fr; }
    .pvt-profile .pvt-creative-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .pvt-profile .pvt-creative-tab { min-height: 132px; padding: 17px 14px !important; }
    .pvt-profile .pvt-audience-grid { grid-template-columns: 1fr !important; }
    .pvt-profile .pvt-closing-values { grid-template-columns: 1fr !important; }
    .pvt-profile .pvt-contact-bar { grid-template-columns: 1fr; }
    .pvt-profile .pvt-contact-brand,.pvt-profile .pvt-contact-item { padding: 14px; }
}

/* Hero expertise — compact icon-led credentials. */
.pvt-profile .pvt-hero-specialties {
    display: grid !important;
    gap: 7px;
    width: min(100%, 420px);
    margin: 0 !important;
}

.pvt-profile .pvt-hero-specialties > span {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 5px 11px 5px 6px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 11px;
    background: rgba(255,255,255,.025);
    color: #b9bec8;
    font-size: 14px;
    font-style: italic;
    line-height: 1.45;
    transition: border-color .25s ease,background .25s ease,transform .25s ease;
}

.pvt-profile .pvt-hero-specialties > span:hover {
    transform: translateX(4px);
    border-color: rgba(211,161,58,.32);
    background: rgba(211,161,58,.055);
}

.pvt-profile .pvt-hero-specialties .pvt-ui-icon {
    width: 28px;
    height: 28px;
    --pvt-icon-size: 14px;
    border: 0;
    border-radius: 8px;
    background: rgba(211,161,58,.12);
    color: #e0bd62;
}

@media (max-width: 549px) {
    .pvt-profile .pvt-hero-specialties {
        width: 100%;
    }

    .pvt-profile .pvt-hero-specialties > span {
        min-height: 40px;
        font-size: 13px;
    }
}