/* ─── TOKENS ─────────────────────────────────────────────── */
        :root {
            --navy: #0D1B2A;
            --navy-mid: #122336;
            --navy-lt: #1A3049;
            --gold: #8A6829;
            --gold-lt: #CFAE70;
            --ivory: #FCFAF5;
            --ivory-dk: #F6F1E7;
            --text: #1A1208;
            --text-md: #4A4035;
            --text-lt: #6A6056;
            --white: #FFFFFF;

            --serif: 'Playfair Display', Georgia, serif;
            --sans: 'Jost', sans-serif;

            --max: 1280px;
            --gutter: 80px;
            --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        /* ─── RESET ──────────────────────────────────────────────── */
        *,
        *::before,
        *::after {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
            font-size: 16px;
            cursor: auto;
        }

        body {
            background: var(--ivory);
            color: var(--text);
            font-family: var(--sans);
            font-weight: 300;
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden;
        }

        img {
            display: block;
            max-width: 100%;
        }

        a {
            text-decoration: none;
            color: inherit;
        }

        .skip-link {
            position: absolute;
            left: 16px;
            top: -48px;
            background: var(--navy);
            color: var(--white);
            padding: 10px 14px;
            z-index: 10001;
            font-size: .8rem;
            letter-spacing: .04em;
            transition: top .2s ease;
        }

        .skip-link:focus {
            top: 12px;
        }

        /* ─── CURSOR ─────────────────────────────────────────────── */

        .c-dot {
            position: fixed;
            z-index: 9999;
            pointer-events: none;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--gold);
            transform: translate(-50%, -50%);
        }

        .c-ring {
            position: fixed;
            z-index: 9998;
            pointer-events: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            border: 1px solid rgba(184, 154, 94, .4);
            transform: translate(-50%, -50%);
            transition: width .35s var(--ease), height .35s var(--ease);
        }

        /* Keep clear keyboard focus indicators site-wide */
        a:focus-visible,
        button:focus-visible {
            outline: 2px solid var(--gold);
            outline-offset: 3px;
        }

        .nav-links a:focus-visible::after {
            width: 100%;
        }

        /* ─── NOISE OVERLAY ──────────────────────────────────────── */
        body::after {
            content: '';
            position: fixed;
            inset: 0;
            z-index: 9990;
            pointer-events: none;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
            opacity: .025;
        }

        /* ─── NAVIGATION ─────────────────────────────────────────── */
        nav {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 500;
            padding: 0 var(--gutter);
            height: 72px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: rgba(247, 244, 238, .92);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(184, 154, 94, .18);
            transition: background .4s;
        }

        .nav-brand {
            font-family: var(--serif);
            font-size: .95rem;
            font-weight: 400;
            letter-spacing: .08em;
            color: var(--navy);
        }

        .nav-brand span {
            display: inline-block;
            width: 28px;
            height: 1px;
            background: var(--gold);
            vertical-align: middle;
            margin: 0 10px;
        }

        .nav-links {
            display: flex;
            gap: 36px;
            list-style: none;
        }

        .nav-toggle {
            display: none;
            border: 1px solid rgba(184, 154, 94, .35);
            background: var(--ivory);
            width: 42px;
            height: 42px;
            padding: 10px 8px;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 5px;
            cursor: pointer;
        }

        .nav-toggle span {
            width: 100%;
            height: 1.5px;
            background: var(--navy);
            transition: transform .2s var(--ease), opacity .2s var(--ease);
        }

        .nav-links a {
            font-size: .78rem;
            font-weight: 400;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: var(--text-md);
            transition: color .25s;
            position: relative;
        }

        .nav-links a::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -3px;
            width: 0;
            height: 1px;
            background: var(--gold);
            transition: width .3s var(--ease);
        }

        .nav-links a:hover {
            color: var(--text);
        }

        .nav-links a:hover::after {
            width: 100%;
        }

        .nav-cta {
            font-size: .68rem;
            font-weight: 400;
            letter-spacing: .18em;
            text-transform: uppercase;
            color: var(--white);
            background: var(--navy);
            padding: 10px 22px;
            transition: background .3s;
        }

        .nav-cta:hover {
            background: var(--navy-lt);
        }

        .nav-open .nav-toggle span:nth-child(1) {
            transform: translateY(6px) rotate(45deg);
        }

        .nav-open .nav-toggle span:nth-child(2) {
            opacity: 0;
        }

        .nav-open .nav-toggle span:nth-child(3) {
            transform: translateY(-6px) rotate(-45deg);
        }

        /* ─── HERO ───────────────────────────────────────────────── */
        .hero {
            min-height: calc(100vh - 60px);
            max-height: 820px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            padding-top: 0px;
            overflow: hidden;
        }

        .hero-left {
            background: var(--navy);
            padding: 60px var(--gutter) 60px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }

        .hero-left::before {
            content: 'S';
            position: absolute;
            top: -20px;
            right: -40px;
            font-family: var(--serif);
            font-size: 42vmin;
            font-weight: 700;
            color: rgba(255, 255, 255, .025);
            line-height: 1;
            pointer-events: none;
            user-select: none;
        }

        .hero-eyebrow {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 28px;
            opacity: 0;
            animation: fadeUp .9s var(--ease) .3s forwards;
        }

        .hero-eyebrow-line {
            width: 40px;
            height: 1px;
            background: var(--gold);
        }

        .hero-eyebrow span {
            font-size: .76rem;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: var(--gold);
            font-weight: 400;
        }

        .hero-name {
            font-family: var(--serif);
            font-size: clamp(3rem, 5vw, 5.5rem);
            font-weight: 400;
            line-height: 1.0;
            color: var(--white);
            margin-bottom: 24px;
            opacity: 0;
            animation: fadeUp .9s var(--ease) .5s forwards;
        }

        .hero-name em {
            display: block;
            font-style: italic;
            color: var(--gold-lt);
            font-weight: 400;
        }

        .hero-divider {
            width: 60px;
            height: 1px;
            background: rgba(255, 255, 255, .15);
            margin-bottom: 32px;
            opacity: 0;
            animation: fadeUp .9s var(--ease) .65s forwards;
        }

        .hero-desc {
            font-size: .9rem;
            line-height: 1.95;
            color: rgba(255, 255, 255, .78);
            max-width: 360px;
            opacity: 0;
            animation: fadeUp .9s var(--ease) .75s forwards;
            margin-bottom: 10px;
        }

        .hero-actions {
            display: flex;
            align-items: center;
            gap: 32px;
            opacity: 0;
            animation: fadeUp .9s var(--ease) .9s forwards;
        }

        .btn-primary {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            padding: 14px 32px;
            background: var(--gold);
            color: var(--navy);
            font-size: .7rem;
            letter-spacing: .18em;
            text-transform: uppercase;
            font-weight: 500;
            font-family: var(--sans);
            transition: background .3s, transform .2s;
        }

        .btn-primary:hover {
            background: var(--gold-lt);
            transform: translateY(-1px);
        }

        .btn-primary svg {
            width: 14px;
            transition: transform .3s;
        }

        .btn-primary:hover svg {
            transform: translateX(4px);
        }

        .btn-ghost {
            font-size: .7rem;
            letter-spacing: .18em;
            text-transform: uppercase;
            color: rgba(255, 255, 255, .5);
            font-weight: 400;
            transition: color .3s;
        }

        .btn-ghost:hover {
            color: var(--white);
        }

        .hero-right {
            background: var(--ivory-dk);
            position: relative;
            overflow: hidden;
            opacity: 0;
            animation: fadeIn 1.2s var(--ease) .2s forwards;
            /* margin: 80px 0px 50px 0; */
            /* padding: 80px 0px 50px 0;; */
        }

        .hero-photo-frame {
            position: absolute;
            inset: 40px 40px 40px 0;
            background: linear-gradient(135deg, #C8BDB0 0%, #A89880 50%, #8C7B65 100%);
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            padding-left: 20px;
            margin: 80px 0px 50px 0;
        }

        .hero-photo {
            width: min(320px, 72vw);
            height: auto;
            aspect-ratio: 1 / 1;
            object-fit: cover;
            object-position: center top;
            border-radius: 50%;
            display: block;
        }

        .hero-photo-frame::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse at center, rgba(13, 27, 42, .15) 0%, rgba(13, 27, 42, .55) 100%);
        }

        .hero-photo-content {
            position: relative;
            z-index: 1;
            padding: 40px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 24px;
        }

        .hero-photo-content blockquote {
            font-family: var(--serif);
            font-style: italic;
            font-size: 1.15rem;
            line-height: 1.75;
            color: rgba(255, 255, 255, .92);
            border-left: 2px solid var(--gold);
            padding-left: 24px;
        }

        .hero-photo-content cite {
            font-size: .68rem;
            letter-spacing: .18em;
            text-transform: uppercase;
            color: var(--gold);
            font-style: normal;
            padding-left: 24px;
        }

        .hero-scroll {
            position: absolute;
            bottom: 40px;
            right: 40px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            color: var(--text-md);
            font-size: .65rem;
            letter-spacing: .2em;
            text-transform: uppercase;
            writing-mode: vertical-rl;
        }

        .hero-scroll::after {
            content: '';
            display: block;
            width: 1px;
            height: 60px;
            background: linear-gradient(to bottom, var(--text-lt), transparent);
            margin-top: 6px;
        }

        .hero-credentials {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 0 var(--gutter);
            background: var(--ivory);
            display: flex;
            gap: 0;
            border-top: 1px solid rgba(184, 154, 94, .2);
            opacity: 0;
            animation: fadeUp .8s var(--ease) 1.1s forwards;
        }

        .cred-item {
            flex: 1;
            padding: 24px 0;
            border-right: 1px solid rgba(184, 154, 94, .2);
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

        .cred-item:last-child {
            border-right: none;
            padding-left: 32px;
        }

        .cred-item+.cred-item {
            padding-left: 32px;
        }

        .cred-num {
            font-family: var(--serif);
            font-size: 1.6rem;
            font-weight: 400;
            color: var(--navy);
            line-height: 1;
        }

        .cred-label {
            font-size: .76rem;
            letter-spacing: .08em;
            text-transform: uppercase;
            color: var(--text-md);
        }

        /* ─── SECTION UTILITIES ───────────────────────────────────── */
        .section-wrap {
            max-width: var(--max);
            margin: 0 auto;
            padding-left: var(--gutter);
            padding-right: var(--gutter);
        }

        .label {
            display: inline-flex;
            align-items: center;
            gap: 14px;
            font-size: .76rem;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: var(--gold);
            margin-bottom: 20px;
            font-family: var(--sans);
        }

        .label::before {
            content: '';
            display: block;
            width: 24px;
            height: 1px;
            background: var(--gold);
        }

        .heading-xl {
            font-family: var(--serif);
            font-size: clamp(2.4rem, 3.8vw, 4rem);
            font-weight: 400;
            line-height: 1.12;
            color: var(--navy);
        }

        .heading-xl em {
            font-style: italic;
            color: var(--gold);
        }

        .heading-xl.light {
            color: var(--white);
        }

        .heading-xl.light em {
            color: var(--gold-lt);
        }

        /* ─── REVEAL ──────────────────────────────────────────────── */
        .reveal {
            opacity: 0;
            transform: translateY(22px);
            transition: opacity .75s var(--ease), transform .75s var(--ease);
        }

        .reveal.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* ─── ABOUT ───────────────────────────────────────────────── */
        .about {
            padding: 140px 0;
            background: var(--ivory);
        }

        .about-inner {
            display: grid;
            grid-template-columns: 5fr 7fr;
            gap: 120px;
            align-items: start;
        }

        .about-left {
            position: sticky;
            top: 100px;
        }

        .about-text p {
            font-size: .97rem;
            line-height: 2.0;
            color: var(--text-md);
            margin-bottom: 22px;
        }

        .about-text p:last-child {
            margin-bottom: 0;
        }

        .about-signature {
            margin-top: 48px;
            padding-top: 40px;
            border-top: 1px solid rgba(184, 154, 94, .25);
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .sig-avatar {
            width: 52px;
            height: 52px;
            border-radius: 50%;
            background: var(--navy-lt);
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .sig-avatar span {
            font-family: var(--serif);
            font-size: 1.1rem;
            color: var(--gold);
            font-style: italic;
        }

        .sig-name {
            font-family: var(--serif);
            font-size: 1rem;
            font-weight: 400;
            color: var(--navy);
        }

        .sig-title {
            font-size: .7rem;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: var(--text-md);
        }

        /* ─── EXPERTISE ───────────────────────────────────────────── */
        .expertise {
            padding: 140px 0;
            background: var(--navy);
        }

        .expertise-header {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 80px;
            margin-bottom: 80px;
            align-items: end;
        }

        .expertise-intro {
            font-size: .92rem;
            line-height: 1.9;
            color: rgba(255, 255, 255, .75);
            margin-top: 24px;
        }

        .expertise-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1px;
            background: rgba(255, 255, 255, .06);
        }

        .expertise-card {
            background: var(--navy);
            padding: 52px 44px 44px;
            position: relative;
            overflow: hidden;
            transition: background .35s;
        }

        .expertise-card:hover {
            background: var(--navy-mid);
        }

        .expertise-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: var(--gold);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform .45s var(--ease);
        }

        .expertise-card:hover::before {
            transform: scaleX(1);
        }

        .exp-num {
            font-family: var(--serif);
            font-size: .8rem;
            font-style: italic;
            color: var(--gold);
            margin-bottom: 28px;
            opacity: .7;
        }

        .exp-title {
            font-family: var(--serif);
            font-size: 1.45rem;
            font-weight: 400;
            color: var(--white);
            line-height: 1.3;
            margin-bottom: 16px;
        }

        .exp-desc {
            font-size: .83rem;
            line-height: 1.85;
            color: rgba(255, 255, 255, .74);
        }

        /* ─── EXPERIENCE ─────────────────────────────────────────── */
        .experience {
            padding: 140px 0;
            background: var(--ivory-dk);
        }

        .exp-layout {
            display: grid;
            grid-template-columns: 1fr 2fr;
            gap: 100px;
            align-items: start;
        }

        .exp-sticky {
            position: sticky;
            top: 100px;
        }

        .exp-item {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 32px;
            padding: 44px 0;
            border-bottom: 1px solid rgba(184, 154, 94, .18);
        }

        .exp-item:first-child {
            padding-top: 0;
        }

        .exp-item:last-child {
            border-bottom: none;
        }

        .exp-meta {
            padding-top: 6px;
        }

        .exp-date {
            font-size: .76rem;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: var(--gold);
            white-space: nowrap;
        }

        .exp-role {
            font-family: var(--serif);
            font-size: 1.55rem;
            font-weight: 400;
            color: var(--navy);
            margin-bottom: 6px;
            line-height: 1.2;
        }

        .exp-org {
            margin-bottom: 0;
        }

        .exp-org-top {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            gap: 16px;
            flex-wrap: wrap;
            margin-bottom: 3px;
        }

        .exp-org-name {
            font-size: .88rem;
            font-weight: 500;
            color: var(--navy);
            letter-spacing: .02em;
        }

        .exp-org-dept {
            font-size: .78rem;
            letter-spacing: .06em;
            color: #6A4A17;
            font-weight: 500;
            white-space: nowrap;
            text-transform: uppercase;
        }

        .exp-org-location {
            display: flex;
            align-items: center;
            gap: 5px;
            font-size: .75rem;
            color: #4E4438;
            letter-spacing: .02em;
            margin-bottom: 18px;
        }

        .exp-org-location svg {
            flex-shrink: 0;
            opacity: .45;
        }

        .exp-detail {
            font-size: .88rem;
            line-height: 1.9;
            color: #2E2419;
        }

        .exp-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 20px;
        }

        .tag {
            font-size: .72rem;
            letter-spacing: .08em;
            text-transform: uppercase;
            padding: 5px 12px;
            border: 1px solid rgba(106, 74, 23, .5);
            color: #43392E;
        }

        /* ─── SKILLS ─────────────────────────────────────────────── */
        .skills {
            padding: 140px 0;
            background: var(--ivory);
        }

        .skills-layout {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 80px;
            align-items: center;
        }

        .skill-list {
            margin-top: 20px;
        }

        .skill-row {
            display: grid;
            grid-template-columns: 1fr auto;
            align-items: center;
            gap: 20px;
            padding: 22px 0;
            border-bottom: 1px solid rgba(184, 154, 94, .18);
        }

        .skill-row:first-child {
            border-top: 1px solid rgba(184, 154, 94, .18);
        }

        .skill-name {
            font-size: .85rem;
            font-weight: 400;
            color: var(--text-md);
            letter-spacing: .04em;
        }

        .skill-track {
            width: 120px;
            height: 2px;
            background: var(--ivory-dk);
            position: relative;
        }

        .skill-fill {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            background: var(--gold);
            transition: width 1.4s var(--ease);
        }

        .skills-visual {
            background: var(--navy);
            padding: 60px 50px;
            display: flex;
            flex-direction: column;
        }

        .sv-heading {
            font-family: var(--serif);
            font-size: 1.1rem;
            font-style: italic;
            color: var(--gold-lt);
            margin-bottom: 40px;
        }

        .sv-item {
            padding: 24px 0;
            border-bottom: 1px solid rgba(255, 255, 255, .06);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .sv-item:last-child {
            border-bottom: none;
        }

        .sv-left {
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .sv-dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--gold);
            flex-shrink: 0;
        }

        .sv-label {
            font-size: .78rem;
            color: rgba(255, 255, 255, .74);
        }

        .sv-value {
            font-family: var(--serif);
            font-size: .95rem;
            color: var(--white);
        }

        /* ─── EDUCATION ──────────────────────────────────────────── */
        .education {
            padding: 140px 0;
            background: var(--navy);
        }

        .edu-grid {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 1px;
            background: rgba(255, 255, 255, .07);
            margin-top: 80px;
        }

        .edu-row-certs {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1px;
            background: rgba(255, 255, 255, .07);
            margin-top: 1px;
        }

        .edu-row-pubs {
            display: grid;
            grid-template-columns: 1fr;
            gap: 1px;
            background: rgba(255, 255, 255, .07);
            margin-top: 1px;
        }

        .edu-row-label {
            grid-column: 1/-1;
            padding: 28px 44px 20px;
            background: var(--navy);
            border-top: 1px solid rgba(255, 255, 255, .07);
        }

        .edu-row-label-text {
            font-size: .76rem;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: var(--gold);
            display: inline-flex;
            align-items: center;
            gap: 12px;
        }

        .edu-row-label-text::before {
            content: '';
            display: block;
            width: 20px;
            height: 1px;
            background: var(--gold);
        }

        .pub-list {
            display: flex;
            flex-direction: column;
            gap: 0;
        }

        .pub-item {
            padding: 22px 0;
            border-bottom: 1px solid rgba(255, 255, 255, .07);
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 24px;
            align-items: start;
        }

        .pub-item:first-child {
            padding-top: 0;
        }

        .pub-item:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }

        .pub-title {
            font-family: var(--serif);
            font-size: .95rem;
            font-style: italic;
            color: rgba(255, 255, 255, .85);
            line-height: 1.45;
            margin-bottom: 5px;
        }

        .pub-journal {
            font-size: .75rem;
            letter-spacing: .04em;
            color: var(--gold);
            margin-bottom: 3px;
        }

        .pub-meta {
            font-size: .7rem;
            color: rgba(255, 255, 255, .7);
            letter-spacing: .03em;
        }

        .pub-badge {
            font-size: .72rem;
            letter-spacing: .08em;
            text-transform: uppercase;
            padding: 4px 10px;
            border: 1px solid rgba(184, 154, 94, .35);
            color: var(--gold);
            white-space: nowrap;
            align-self: start;
            margin-top: 4px;
        }

        .edu-card {
            background: var(--navy);
            padding: 52px 44px;
            position: relative;
            overflow: hidden;
            transition: background .3s;
        }

        .edu-card:hover {
            background: var(--navy-mid);
        }

        .edu-card::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 44px;
            right: 44px;
            height: 1px;
            background: var(--gold);
            opacity: 0;
            transition: opacity .3s;
        }

        .edu-card:hover::after {
            opacity: 1;
        }

        .edu-icon {
            width: 36px;
            height: 36px;
            margin-bottom: 32px;
            opacity: .35;
        }

        .edu-degree {
            font-family: var(--serif);
            font-size: 1.3rem;
            font-weight: 400;
            color: var(--white);
            line-height: 1.3;
            margin-bottom: 10px;
        }

        .edu-school {
            font-size: .78rem;
            letter-spacing: .08em;
            color: var(--gold);
            margin-bottom: 6px;
        }

        .edu-year {
            font-size: .76rem;
            letter-spacing: .08em;
            text-transform: uppercase;
            color: rgba(255, 255, 255, .62);
            margin-bottom: 24px;
        }

        .edu-detail {
            font-size: .83rem;
            line-height: 1.85;
            color: rgba(255, 255, 255, .72);
        }

        .cert-list {
            display: flex;
            flex-direction: column;
            gap: 0;
            margin-top: 4px;
        }

        .cert-item {
            padding: 16px 0;
            border-bottom: 1px solid rgba(255, 255, 255, .07);
        }

        .cert-item:first-child {
            padding-top: 0;
        }

        .cert-item:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }

        .cert-name {
            font-size: .88rem;
            font-weight: 400;
            color: rgba(255, 255, 255, .85);
            margin-bottom: 3px;
            line-height: 1.3;
        }

        .cert-issuer {
            font-size: .75rem;
            letter-spacing: .04em;
            color: var(--gold);
            margin-bottom: 4px;
        }

        .cert-dates {
            font-size: .76rem;
            color: rgba(255, 255, 255, .68);
            letter-spacing: .02em;
        }

        /* ─── CONTACT ────────────────────────────────────────────── */
        .contact {
            padding: 160px 0 120px;
            background: var(--ivory);
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .contact::before {
            content: 'SK';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-family: var(--serif);
            font-size: 40vw;
            font-weight: 700;
            color: rgba(13, 27, 42, .03);
            pointer-events: none;
            white-space: nowrap;
            line-height: 1;
            user-select: none;
        }

        .contact-inner {
            position: relative;
            z-index: 1;
        }

        .contact-heading {
            font-family: var(--serif);
            font-size: clamp(2.8rem, 5vw, 5.5rem);
            font-weight: 400;
            color: var(--navy);
            line-height: 1.1;
            margin-bottom: 20px;
        }

        .contact-heading em {
            font-style: italic;
            color: var(--gold);
        }

        .contact-sub {
            font-size: .9rem;
            color: #3D3329;
            max-width: 440px;
            margin: 0 auto 60px;
            line-height: 1.8;
        }

        .contact-email-link {
            display: inline-block;
            position: relative;
            font-family: var(--serif);
            font-size: clamp(1.4rem, 2.5vw, 2.2rem);
            color: var(--navy);
            font-weight: 400;
            padding-bottom: 10px;
            transition: color .3s;
        }

        .contact-email-link::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, var(--gold), transparent);
        }

        .contact-email-link:hover {
            color: var(--gold);
        }

        .contact-grid {
            display: flex;
            justify-content: center;
            gap: 80px;
            margin-top: 80px;
            padding-top: 60px;
            border-top: 1px solid rgba(184, 154, 94, .2);
        }

        .contact-item {
            text-align: center;
        }

        .ci-label {
            font-size: .76rem;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: var(--text-md);
            margin-bottom: 10px;
            display: block;
        }

        .ci-value {
            font-family: var(--serif);
            font-size: 1rem;
            color: var(--navy);
        }

        /* ─── FOOTER ──────────────────────────────────────────────── */
        footer {
            background: var(--navy);
            padding: 28px var(--gutter);
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-top: 1px solid rgba(255, 255, 255, .05);
        }

        .footer-brand {
            font-family: var(--serif);
            font-size: .85rem;
            color: rgba(255, 255, 255, .78);
        }

        .footer-reg {
            font-size: .72rem;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: rgba(255, 255, 255, .68);
        }

        .footer-copy {
            font-size: .72rem;
            color: rgba(255, 255, 255, .68);
            letter-spacing: .06em;
        }

        /* ─── ANIMATIONS ─────────────────────────────────────────── */
        @keyframes fadeUp {
            from {
                opacity: 0;
                transform: translateY(28px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            html {
                scroll-behavior: auto;
            }

            *,
            *::before,
            *::after {
                animation: none !important;
                transition: none !important;
            }

            .c-dot,
            .c-ring {
                display: none;
            }
        }

        /* ─── RESPONSIVE ─────────────────────────────────────────── */
        @media (max-width:1024px) {
            :root {
                --gutter: 40px;
            }

            .about,
            .expertise,
            .experience,
            .skills,
            .education {
                padding: 96px 0;
            }

            .contact {
                padding: 110px 0 88px;
            }

            .hero {
                grid-template-columns: 1fr;
                max-height: none;
                overflow: visible;
            }

            .hero-left {
                min-height: auto;
                padding-top: 36px;
                padding-bottom: 36px;
            }

            .hero-right {
                min-height: auto;
                padding: 24px 0 0;
            }

            .hero-photo-frame {
                position: relative;
                inset: auto;
                margin: 0;
                min-height: 360px;
                padding: 24px;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 20px;
            }

            .hero-credentials {
                position: static;
                flex-wrap: wrap;
            }

            .cred-item+.cred-item,
            .cred-item:last-child {
                padding-left: 20px;
            }

            .about-inner,
            .exp-layout,
            .skills-layout {
                grid-template-columns: 1fr;
                gap: 48px;
            }

            .about-left,
            .exp-sticky {
                position: static;
            }

            .expertise-grid,
            .edu-grid {
                grid-template-columns: 1fr;
            }

            .expertise-header {
                grid-template-columns: 1fr;
                margin-bottom: 56px;
            }

            .contact-grid {
                flex-wrap: wrap;
                gap: 40px;
                margin-top: 56px;
                padding-top: 40px;
            }

            .expertise-card,
            .edu-card {
                padding: 40px 32px;
            }

            .skills-visual {
                padding: 44px 34px;
            }

            .exp-item {
                padding: 34px 0;
            }

            .edu-grid {
                margin-top: 56px;
            }

            .edu-row-label {
                padding: 22px 32px 16px;
            }

            footer {
                flex-direction: column;
                gap: 12px;
                text-align: center;
            }
        }

        @media (max-width:640px) {
            :root {
                --gutter: 24px;
            }

            .about,
            .expertise,
            .experience,
            .skills,
            .education {
                padding: 64px 0;
            }

            .contact {
                padding: 78px 0 62px;
            }

            nav {
                height: 64px;
                padding-top: 0;
                padding-bottom: 0;
                align-items: center;
                gap: 0;
            }

            .nav-links {
                display: none;
                position: absolute;
                top: 64px;
                left: 0;
                right: 0;
                width: 100%;
                background: rgba(247, 244, 238, .98);
                backdrop-filter: blur(16px);
                border-bottom: 1px solid rgba(184, 154, 94, .2);
                padding: 14px var(--gutter) 18px;
                gap: 12px;
                flex-direction: column;
            }

            .nav-links a {
                font-size: .8rem;
                letter-spacing: .06em;
            }

            .nav-cta {
                display: none;
            }

            .nav-toggle {
                display: inline-flex;
            }

            .nav-open .nav-links {
                display: flex;
            }

            .hero-photo-frame {
                min-height: 300px;
                margin: 0;
                padding: 18px;
            }

            .hero-left {
                padding-top: 44px;
                padding-bottom: 28px;
            }

            .hero-photo-content {
                padding: 20px;
                width: 100%;
                max-width: 560px;
                align-items: center;
            }

            .hero-photo-content blockquote {
                font-size: 1rem;
                line-height: 1.6;
                padding-left: 0;
                text-align: center;
                border-left: none;
                border-top: 2px solid var(--gold);
                padding-top: 16px;
            }

            .hero-scroll {
                display: none;
            }

            .hero-credentials {
                display: grid;
                grid-template-columns: 1fr 1fr;
            }

            .cred-item {
                padding: 18px 0;
            }

            .cred-item+.cred-item,
            .cred-item:last-child {
                padding-left: 16px;
            }

            .cred-num {
                font-size: 1.35rem;
            }

            .expertise-header {
                margin-bottom: 36px;
            }

            .contact-sub {
                margin: 0 auto 36px;
            }

            .contact-grid {
                margin-top: 36px;
                padding-top: 28px;
                gap: 28px;
            }

            .expertise-card,
            .edu-card {
                padding: 28px 22px;
            }

            .skills-visual {
                padding: 30px 22px;
            }

            .skill-row,
            .sv-item,
            .pub-item,
            .exp-item {
                padding-top: 16px;
                padding-bottom: 16px;
            }

            .edu-grid {
                margin-top: 36px;
            }

            .edu-row-label {
                padding: 18px 22px 14px;
            }

            footer {
                padding: 20px var(--gutter);
            }
        }