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

        :root {
            color-scheme: dark;
            --alabaster: #0b0d0e;
            --graphite: #eee8de;
            --brass: #c3a476;
            --brass-light: #e1c89f;
            --brass-mid: #c7a97b;
            --brass-dark: #b99a6d;
            --brass-deep: #d2b88e;
        }

        html,
        body {
            width: 100%;
            height: auto;
            min-height: 100%;
            overflow-x: hidden;
            background: var(--alabaster);
            color: var(--graphite);
            font-family: 'Cormorant Garamond', Georgia, serif;
            cursor: none;
        }

        html {
            scroll-behavior: smooth;
        }

        #sea-canvas {
            position: fixed;
            inset: 0;
            z-index: 2;
            pointer-events: none;
            filter: opacity(.72) blur(.18px);
            transform: translateZ(0);
        }

        #canvas-bg {
            position: fixed;
            inset: 0;
            z-index: 3;
            pointer-events: none;
        }

        #caustic {
            position: fixed;
            inset: 0;
            z-index: 4;
            pointer-events: none;
        }

        .caustic-pool {
            position: absolute;
            border-radius: 50%;
            pointer-events: none;
        }

        .cp1 {
            width: 70vw;
            height: 70vw;
            top: -20vw;
            right: -10vw;
            background: radial-gradient(circle, rgba(212, 188, 154, .09)0%, rgba(212, 188, 154, .03)45%, transparent 70%);
            animation: driftPool1 32s ease-in-out infinite;
        }

        .cp2 {
            width: 55vw;
            height: 55vw;
            bottom: -15vw;
            left: 10vw;
            background: radial-gradient(circle, rgba(251, 248, 240, .12)0%, rgba(251, 248, 240, .04)40%, transparent 68%);
            animation: driftPool2 28s ease-in-out infinite;
        }

        @keyframes driftPool1 {

            0%,
            100% {
                transform: translate(0, 0)scale(1)
            }

            33% {
                transform: translate(-5vw, 4vh)scale(1.08)
            }

            66% {
                transform: translate(3vw, -6vh)scale(.95)
            }
        }

        @keyframes driftPool2 {

            0%,
            100% {
                transform: translate(0, 0)scale(1)
            }

            40% {
                transform: translate(6vw, -5vh)scale(1.1)
            }

            70% {
                transform: translate(-4vw, 3vh)scale(.92)
            }
        }

        #grain {
            position: fixed;
            inset: 0;
            z-index: 15;
            pointer-events: none;
            opacity: .028;
            mix-blend-mode: multiply;
        }

        /* Paper texture via SVG turbulence filter */
        #paper-texture {
            position: fixed;
            inset: 0;
            z-index: 14;
            pointer-events: none;
            opacity: .018;
            mix-blend-mode: multiply;
        }

        /* Vignette */
        #vignette {
            position: fixed;
            inset: 0;
            z-index: 16;
            pointer-events: none;
            background: radial-gradient(ellipse 90% 80% at 50% 50%, transparent 38%, rgba(10, 8, 6, .07) 65%, rgba(10, 8, 6, .22) 100%);
        }

        #sweep-line {
            position: fixed;
            top: 0;
            left: -2px;
            width: 1px;
            height: 100%;
            background: linear-gradient(to bottom, transparent 0%, rgba(189, 162, 126, .4)30%, rgba(189, 162, 126, .7)50%, rgba(189, 162, 126, .4)70%, transparent 100%);
            z-index: 100;
            pointer-events: none;
            animation: sweepAcross 1.4s cubic-bezier(.76, 0, .24, 1) 1.5s forwards;
            filter: blur(.5px);
        }

        @keyframes sweepAcross {
            0% {
                left: -2px;
                opacity: 1
            }

            85% {
                opacity: 1
            }

            100% {
                left: calc(100vw + 2px);
                opacity: 0
            }
        }

        #custom-cursor {
            position: fixed;
            width: 18px;
            height: 18px;
            pointer-events: none;
            z-index: 9999;
            transform: translate(-50%, -50%);
        }

        #custom-cursor svg {
            display: block;
            transition: opacity .25s ease;
        }

        #custom-cursor .cur-cross {
            opacity: 1;
        }

        #custom-cursor .cur-arrow {
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
        }

        body.cursor-link #custom-cursor .cur-cross {
            opacity: 0;
        }

        body.cursor-link #custom-cursor .cur-arrow {
            opacity: 1;
        }

        #cursor-glow {
            position: fixed;
            width: 360px;
            height: 360px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(189, 162, 126, .05)0%, transparent 65%);
            pointer-events: none;
            z-index: 4;
            transform: translate(-50%, -50%);
        }

        #ghost-numeral {
            position: fixed;
            right: 5vw;
            bottom: -2vh;
            font-family: 'Cinzel', serif;
            font-weight: 400;
            font-size: clamp(200px, 30vw, 420px);
            line-height: 1;
            color: transparent;
            -webkit-text-stroke: 1px rgba(189, 162, 126, .055);
            z-index: 5;
            pointer-events: none;
            user-select: none;
            letter-spacing: -.04em;
            opacity: 0;
            animation: fadeIn 2s ease 4.2s forwards;
        }

        #breathe-ring {
            position: fixed;
            pointer-events: none;
            z-index: 5;
            border-radius: 50%;
            border: 1px solid rgba(189, 162, 126, .06);
            width: clamp(300px, 38vw, 560px);
            height: clamp(300px, 38vw, 560px);
            left: 3vw;
            bottom: -8vh;
            opacity: 0;
            animation: fadeIn .5s ease 4.9s forwards, breatheRingLoop 5s ease-in-out 4.9s infinite;
        }

        #breathe-ring::before {
            content: '';
            position: absolute;
            inset: 14px;
            border-radius: 50%;
            border: 1px solid rgba(189, 162, 126, .035);
        }

        #breathe-ring::after {
            content: '';
            position: absolute;
            inset: 32px;
            border-radius: 50%;
            border: 1px solid rgba(189, 162, 126, .018);
        }

        @keyframes breatheRingLoop {

            0%,
            100% {
                transform: scale(1)
            }

            50% {
                transform: scale(1.025)
            }
        }

        #coords {
            position: fixed;
            left: 8vw;
            bottom: 3.5vh;
            z-index: 10;
            pointer-events: none;
            display: flex;
            align-items: center;
            gap: 1.6em;
            opacity: 0;
            animation: riseIn 1s cubic-bezier(.16, 1, .3, 1) 5.8s forwards;
        }

        .coord-block {
            display: flex;
            flex-direction: column;
            gap: 2px;
        }

        .coord-label {
            font-family: 'Cormorant Garamond', serif;
            font-weight: 300;
            font-size: 8px;
            letter-spacing: .3em;
            text-transform: uppercase;
            color: #ccc7bc;
        }

        .coord-value {
            font-family: 'Cinzel', serif;
            font-weight: 400;
            font-size: clamp(9px, .9vw, 11px);
            letter-spacing: .12em;
            color: #b8b2a8;
        }

        .coord-sep {
            width: 1px;
            height: 26px;
            background: linear-gradient(to bottom, transparent, rgba(189, 162, 126, .3), transparent);
        }

        #timeline {
            position: fixed;
            bottom: 3.5vh;
            left: 50%;
            transform: translateX(-50%);
            z-index: 10;
            display: flex;
            align-items: center;
            opacity: 0;
            animation: riseIn 1s cubic-bezier(.16, 1, .3, 1) 6s forwards;
        }

        .tl-node {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 5px;
            position: relative;
            cursor: default;
        }

        .tl-dot {
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background: var(--brass);
            opacity: .4;
            transition: opacity .3s ease, transform .3s ease;
        }

        .tl-node.active .tl-dot {
            opacity: 1;
            transform: scale(1.4);
            box-shadow: 0 0 0 3px rgba(189, 162, 126, .15);
        }

        .tl-line {
            width: clamp(28px, 4vw, 60px);
            height: 1px;
            background: linear-gradient(to right, rgba(189, 162, 126, .2), rgba(189, 162, 126, .4), rgba(189, 162, 126, .2));
        }

        .tl-tooltip {
            position: absolute;
            bottom: calc(100% + 18px);
            left: 50%;
            transform: translateX(-50%) translateY(6px);
            pointer-events: none;
            opacity: 0;
            transition: opacity .35s cubic-bezier(.16, 1, .3, 1), transform .35s cubic-bezier(.16, 1, .3, 1);
            white-space: nowrap;
            z-index: 20;
        }

        .tl-node:hover .tl-tooltip {
            opacity: 1;
            transform: translateX(-50%) translateY(0);
        }

        .tl-node:hover .tl-dot {
            opacity: 1;
            transform: scale(1.7);
            box-shadow: 0 0 0 4px rgba(189, 162, 126, .2);
        }

        .tl-tooltip-inner {
            background: rgba(251, 250, 248, .92);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: .5px solid rgba(189, 162, 126, .35);
            border-radius: 2px;
            padding: 8px 14px 9px;
            position: relative;
            box-shadow: 0 8px 32px rgba(10, 10, 10, .07), 0 1px 0 rgba(189, 162, 126, .12) inset;
        }

        .tl-tooltip-text {
            font-family: 'Cormorant Garamond', serif;
            font-weight: 300;
            font-style: italic;
            font-size: 11.5px;
            letter-spacing: .06em;
            color: #4a4740;
            display: block;
            line-height: 1.4;
        }

        .tl-tooltip-inner::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 50%;
            transform: translateX(-50%) rotate(45deg);
            width: 7px;
            height: 7px;
            background: rgba(251, 250, 248, .95);
            border-right: .5px solid rgba(189, 162, 126, .35);
            border-bottom: .5px solid rgba(189, 162, 126, .35);
        }

        .tl-tooltip-inner::before {
            content: '';
            position: absolute;
            top: 0;
            left: 14px;
            right: 14px;
            height: .5px;
            background: linear-gradient(90deg, transparent, rgba(189, 162, 126, .5), transparent);
        }

        .scene {
            position: relative;
            min-height: 100vh;
            z-index: 8;
            display: flex;
            align-items: flex-end;
            padding: 0 0 10vh 8vw;
            overflow: hidden;
        }

        .tilt-wrap {
            transform-style: preserve-3d;
            will-change: transform;
        }

        .content {
            display: flex;
            flex-direction: column;
            max-height: 94vh;
            justify-content: flex-end;
        }

        .label-top {
            font-family: 'Cormorant Garamond', serif;
            font-weight: 300;
            font-size: clamp(10px, 1.1vw, 13px);
            text-transform: uppercase;
            color: var(--brass);
            margin-bottom: clamp(12px, 2vh, 24px);
            opacity: 0;
            transform: translateY(20px);
            animation: riseIn 1.2s cubic-bezier(.16, 1, .3, 1) 3.1s forwards;
            display: flex;
            gap: .28em;
            align-items: center;
        }

        .lt-ch {
            display: inline-block;
            opacity: 0;
            transform: translateY(14px);
            letter-spacing: .3em;
            transition: letter-spacing 1.4s cubic-bezier(.16, 1, .3, 1);
        }

        .lt-ch.lt-ready {
            opacity: 1;
            transform: translateY(0);
        }

        .name-block {
            margin-bottom: clamp(16px, 2.8vh, 36px);
            position: relative;
        }

        .name-first-wrap {
            overflow: hidden;
            display: block;
            line-height: 1.4;
        }

        .name-first {
            display: block;
            font-family: 'Cinzel', serif;
            font-weight: 400;
            font-size: clamp(32px, 4.8vw, 72px);
            text-transform: uppercase;
            letter-spacing: -.03em;
            line-height: 1.5;
            background: linear-gradient(175deg, #ddd0ba 0%, #e0d4bf 30%, #d8cbb4 55%, #ddd0ba 80%, #d9ccb6 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            clip-path: inset(0 100% 0 0);
            animation: curtainReveal 1.2s cubic-bezier(.76, 0, .24, 1) 2.9s forwards;
        }

        .name-last-wrap {
            display: block;
            padding-left: clamp(32px, 5vw, 88px);
            line-height: 1;
        }

        .name-last-inner {
            display: inline-block;
        }

        .nl {
            display: inline-block;
            font-family: 'Cinzel', serif;
            font-weight: 400;
            font-size: clamp(58px, 9vw, 138px);
            text-transform: uppercase;
            letter-spacing: -.03em;
            line-height: 1;
            background: linear-gradient(160deg, #c9b597 0%, #d4c1a3 20%, #c2ae8e 42%, #cfc0a0 62%, #c9b597 78%, #bfab8b 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            opacity: 0;
            transform: translateY(48px) rotate(-2deg);
            transition: transform .55s cubic-bezier(.16, 1, .3, 1), filter .45s ease;
            will-change: transform, filter;
        }

        .nl.nl-ready:hover {
            transform: translateY(-8px) scale(1.03);
            filter: brightness(1.25) drop-shadow(0 6px 16px rgba(189, 162, 126, .28));
        }

        .sep-quote {
            width: 100%;
            margin-bottom: clamp(14px, 2.5vh, 28px);
            opacity: 0;
            animation: fadeIn .1s ease 3.95s forwards;
        }

        .sq-left {
            stroke-dasharray: 145;
            stroke-dashoffset: 145;
            animation: sqDraw 1.6s cubic-bezier(.16, 1, .3, 1) 4.0s forwards;
        }

        .sq-right {
            stroke-dasharray: 145;
            stroke-dashoffset: -145;
            animation: sqDraw 1.6s cubic-bezier(.16, 1, .3, 1) 4.0s forwards;
        }

        .sq-tick {
            opacity: 0;
            transform-origin: 50% 50%;
            animation: ellipseReveal .7s cubic-bezier(.16, 1, .3, 1) 4.4s forwards;
        }

        .sq-shimmer-l {
            opacity: 0;
            stroke-dasharray: 40 105;
            stroke-dashoffset: 145;
            animation: sqShimmerFadeIn .01s linear 5.5s forwards, sqShimmerLeft 4.2s ease-in-out 5.5s infinite;
        }

        .sq-shimmer-r {
            opacity: 0;
            stroke-dasharray: 40 105;
            stroke-dashoffset: -145;
            animation: sqShimmerFadeIn .01s linear 5.5s forwards, sqShimmerRight 4.2s ease-in-out 5.5s infinite;
        }

        @keyframes sqDraw {
            to {
                stroke-dashoffset: 0
            }
        }

        @keyframes ellipseReveal {
            from {
                opacity: 0;
                transform: scaleX(0)
            }

            to {
                opacity: 1;
                transform: scaleX(1)
            }
        }

        @keyframes sqShimmerFadeIn {
            to {
                opacity: 1
            }
        }

        @keyframes sqShimmerLeft {
            0% {
                stroke-dashoffset: 70
            }

            50% {
                stroke-dashoffset: 0
            }

            100% {
                stroke-dashoffset: -70
            }
        }

        @keyframes sqShimmerRight {
            0% {
                stroke-dashoffset: -70
            }

            50% {
                stroke-dashoffset: 0
            }

            100% {
                stroke-dashoffset: 70
            }
        }

        .quote-text {
            font-family: 'Cormorant Garamond', serif;
            font-weight: 300;
            font-style: italic;
            font-size: clamp(13px, 1.4vw, 16px);
            letter-spacing: .12em;
            color: #b8b2a8;
            opacity: 0;
            transform: translateY(10px);
            animation: riseIn 1s cubic-bezier(.16, 1, .3, 1) 4.5s forwards;
            margin-bottom: clamp(12px, 2vh, 20px);
            text-align: center;
        }

        .qch {
            display: inline;
        }

        .bio-container {
            position: relative;
            margin-bottom: clamp(20px, 3vh, 40px);
        }

        .bio {
            font-family: 'Cormorant Garamond', serif;
            font-weight: 300;
            font-size: clamp(14px, 1.15vw, 17px);
            line-height: 1.82;
            color: #3a3935;
            max-width: clamp(260px, 28vw, 400px);
            position: relative;
        }

        .bio em {
            color: var(--brass-dark);
            font-style: italic;
        }

        .bio-word {
            display: inline-block;
            opacity: 0;
            transform: translateY(10px);
            animation: bioWordReveal 1s cubic-bezier(.16, 1, .3, 1) forwards;
            will-change: opacity, transform;
        }

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

        .contact-line {
            display: flex;
            align-items: center;
            gap: 2.4em;
            opacity: 0;
            transform: translateY(12px);
            animation: riseIn 1s cubic-bezier(.16, 1, .3, 1) 4.75s forwards;
            transition: transform .35s cubic-bezier(.16, 1, .3, 1);
            margin-bottom: clamp(30px, 5vh, 60px);
        }

        .email-link {
            position: relative;
            font-family: 'Cormorant Garamond', serif;
            font-weight: 300;
            font-size: clamp(11px, 1.05vw, 14px);
            letter-spacing: .16em;
            color: var(--graphite);
            text-decoration: none;
            padding-bottom: 4px;
            text-transform: lowercase;
            transition: color .35s ease;
        }

        .email-link::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: #ddd7cf;
        }

        .email-link::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: linear-gradient(90deg, var(--brass-dark), var(--brass-light), var(--brass-dark));
            transform: scaleX(0);
            transform-origin: left center;
            transition: transform .55s cubic-bezier(.16, 1, .3, 1);
        }

        .email-link:hover::after {
            transform: scaleX(1);
        }

        .email-link:hover {
            color: var(--brass-dark);
        }

        .email-link::before {
            background: #ddd7cf;
            transition: background .35s ease;
        }

        .email-link:hover {
            text-shadow: 0 2px 18px rgba(189, 162, 126, .22), 0 0 32px rgba(189, 162, 126, .1);
        }

        #status-badge {
            position: fixed;
            left: 8vw;
            top: 3.5vh;
            z-index: 12;
            pointer-events: none;
            display: flex;
            align-items: center;
            gap: 9px;
            opacity: 0;
            animation: fadeIn 1s ease 5.4s forwards;
        }

        .status-dot {
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: var(--brass);
            position: relative;
            flex-shrink: 0;
        }

        .status-dot::after {
            content: '';
            position: absolute;
            inset: -4px;
            border-radius: 50%;
            border: 1px solid rgba(189, 162, 126, .35);
            animation: statusPulse 2.4s ease-in-out infinite;
        }

        @keyframes statusPulse {

            0%,
            100% {
                transform: scale(1);
                opacity: .7
            }

            50% {
                transform: scale(1.8);
                opacity: 0
            }
        }

        .status-text {
            font-family: 'Cormorant Garamond', serif;
            font-weight: 300;
            font-size: 10px;
            letter-spacing: .22em;
            text-transform: uppercase;
            color: #b8b2a8;
        }

        .corner {
            position: fixed;
            z-index: 12;
            pointer-events: none;
        }

        .corner-tl {
            top: 3.5vh;
            right: 4vw;
            opacity: 0;
            text-align: right;
            animation: slideDownFade .9s cubic-bezier(.16, 1, .3, 1) 5.2s forwards;
        }

        .corner-br {
            bottom: 3.5vh;
            right: 4vw;
            opacity: 0;
            text-align: right;
            pointer-events: auto;
            animation: slideUpFade .9s cubic-bezier(.16, 1, .3, 1) 5.3s forwards;
        }

        .corner-eyebrow {
            font-family: 'Cormorant Garamond', serif;
            font-weight: 300;
            font-size: 7px;
            letter-spacing: .46em;
            text-transform: uppercase;
            color: #aaa49c;
            display: block;
            margin-bottom: 5px;
        }

        .corner-mark {
            font-family: 'Cinzel', serif;
            font-weight: 400;
            font-size: clamp(8.5px, .9vw, 10.5px);
            letter-spacing: .32em;
            text-transform: uppercase;
            color: #cac4bb;
            display: block;
        }

        .corner-link {
            display: block;
            text-decoration: none;
        }

        .corner-link .corner-mark,
        .corner-link .corner-eyebrow {
            transition: color .35s ease, text-shadow .35s ease;
        }

        .corner-link:hover .corner-mark,
        .corner-link:focus-visible .corner-mark {
            color: var(--brass);
            text-shadow: 0 0 20px rgba(189, 162, 126, .24);
        }

        .corner-link:hover .corner-eyebrow,
        .corner-link:focus-visible .corner-eyebrow {
            color: #bda27e;
        }

        .corner-sep {
            display: block;
            margin-left: auto;
            overflow: visible;
        }

        .corner-tl .corner-sep {
            margin-top: 10px;
        }

        .corner-br .corner-sep {
            margin-bottom: 10px;
        }

        .ca-main {
            stroke-dasharray: 108;
            stroke-dashoffset: 108;
            animation: drawLine 1.1s cubic-bezier(.16, 1, .3, 1) 5.45s forwards;
        }

        .ca-ghost {
            stroke-dasharray: 72;
            stroke-dashoffset: 72;
            animation: drawLine 1.35s cubic-bezier(.16, 1, .3, 1) 5.58s forwards;
        }

        .ca-gem {
            opacity: 0;
            animation: fadeIn .55s ease 6.05s forwards;
        }

        .ca-dot {
            opacity: 0;
            animation: fadeIn .35s ease 6.3s forwards;
        }

        .ca-shim {
            opacity: 0;
            stroke-dasharray: 24 84;
            stroke-dashoffset: 132;
            animation: fadeIn .01s linear 7s forwards, caShimSweep 7s cubic-bezier(.4, 0, .6, 1) 7s infinite;
        }

        @keyframes caShimSweep {
            0% {
                stroke-dashoffset: 132
            }

            45% {
                stroke-dashoffset: 0
            }

            100% {
                stroke-dashoffset: -132
            }
        }

        .vert-text {
            position: fixed;
            right: 4.5vw;
            top: 50%;
            transform: translateY(-50%) rotate(90deg);
            z-index: 12;
            pointer-events: none;
            opacity: 0;
            animation: fadeIn 1.2s ease 5.4s forwards;
        }

        .vert-text span {
            font-family: 'Cormorant Garamond', serif;
            font-weight: 300;
            font-size: 9px;
            letter-spacing: .32em;
            text-transform: uppercase;
            color: #c8c2b8;
        }

        /* ── Art Deco Grid ── */
        #artdeco-canvas {
            position: fixed;
            inset: 0;
            z-index: 1;
            pointer-events: none;
            opacity: 0;
            animation: fadeIn 3s ease 5.5s forwards;
            filter: opacity(.58);
            transform: translateZ(0);
        }

        /* ── Cursor Ring ── */
        #cursor-ring {
            position: fixed;
            width: 44px;
            height: 44px;
            pointer-events: none;
            z-index: 9997;
            transform: translate(-50%, -50%);
            opacity: 0;
            animation: fadeIn .8s ease 6.5s forwards;
        }

        #cursor-ring svg {
            display: block;
            width: 100%;
            height: 100%;
        }

        .cr-outer {
            transform-origin: 22px 22px;
            animation: ringRotate 18s linear infinite;
        }

        .cr-inner {
            transform-origin: 22px 22px;
            animation: ringRotate 28s linear infinite reverse;
        }

        body.cursor-link #cursor-ring {
            filter: drop-shadow(0 0 4px rgba(189, 162, 126, .3));
        }

        body.cursor-link .cr-outer {
            animation-duration: 9s;
        }

        @keyframes ringRotate {
            to {
                transform: rotate(360deg);
            }
        }



        /* ═══════════════════════════════════
           FOCUS CARDS
        ═══════════════════════════════════ */
        #focus-cards {
            position: fixed;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            z-index: 11;
            display: flex;
            flex-direction: column;
            gap: 3px;
        }

        .focus-card.fc-hidden {
            opacity: 0;
            transform: translateX(52px);
        }

        .focus-card.fc-visible {
            opacity: 1;
            transform: translateX(0);
            transition: opacity .75s cubic-bezier(.16, 1, .3, 1), transform .85s cubic-bezier(.16, 1, .3, 1);
        }

        .focus-card {
            position: relative;
            height: 70px;
            width: 44px;
            overflow: hidden;
            display: flex;
            align-items: stretch;
            background: rgba(251, 250, 248, .84);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            border-left: .5px solid rgba(189, 162, 126, .45);
            border-top: .5px solid rgba(189, 162, 126, .14);
            border-bottom: .5px solid rgba(189, 162, 126, .14);
            transition: width .62s cubic-bezier(.16, 1, .3, 1), background .3s ease, border-color .3s ease;
            cursor: default;
        }

        .focus-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: .5px;
            background: linear-gradient(to right, var(--brass), transparent);
            opacity: 0;
            transition: opacity .4s ease;
        }

        .focus-card:hover {
            width: 222px;
            background: rgba(251, 250, 248, .96);
            border-color: rgba(189, 162, 126, .6);
        }

        .focus-card:hover::before {
            opacity: 1;
        }

        .fc-tab {
            width: 44px;
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 5px;
            border-right: .5px solid rgba(189, 162, 126, .16);
            transition: border-color .3s ease;
        }

        .focus-card:hover .fc-tab {
            border-color: rgba(189, 162, 126, .28);
        }

        .fc-num {
            font-family: 'Cinzel', serif;
            font-weight: 400;
            font-size: 7px;
            letter-spacing: .22em;
            color: rgba(189, 162, 126, .38);
        }

        .fc-abbr {
            font-family: 'Cinzel', serif;
            font-weight: 400;
            font-size: 8px;
            letter-spacing: .16em;
            color: var(--brass-dark);
            writing-mode: vertical-rl;
            text-orientation: mixed;
            transform: rotate(180deg);
        }

        .fc-body {
            padding: 10px 14px 10px 12px;
            min-width: 174px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            opacity: 0;
            transform: translateX(14px);
            transition: opacity .38s ease .17s, transform .44s cubic-bezier(.16, 1, .3, 1) .15s;
        }

        .focus-card:hover .fc-body {
            opacity: 1;
            transform: translateX(0);
        }

        .fc-title {
            font-family: 'Cinzel', serif;
            font-weight: 400;
            font-size: 9px;
            letter-spacing: .2em;
            text-transform: uppercase;
            color: #3a3935;
            margin-bottom: 5px;
        }

        .fc-rule {
            width: 18px;
            height: .5px;
            background: linear-gradient(to right, var(--brass), transparent);
            margin-bottom: 6px;
        }

        .fc-desc {
            font-family: 'Cormorant Garamond', serif;
            font-weight: 300;
            font-style: italic;
            font-size: 10.5px;
            letter-spacing: .04em;
            color: #7a756e;
            line-height: 1.45;
        }

        /* ═══════════════════════════════════
           LOADER / CURTAIN — SIGNATURE
        ═══════════════════════════════════ */
        /* ── PREMIUM PRELOADER ── */
        #curtain {
            position: fixed;
            inset: 0;
            z-index: 99999;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            background: var(--alabaster);
        }

        #curtain.curtain-exit {
            animation: curtainFadeOut 1.4s cubic-bezier(.65, 0, .35, 1) forwards;
        }

        #curtain::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at center, transparent 30%, rgba(189, 162, 126, 0.03) 100%);
            pointer-events: none;
        }

        .ld-content {
            position: relative;
            z-index: 2;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            pointer-events: none;
        }

        #curtain.curtain-exit .ld-content {
            opacity: 0;
            transform: scale(1.02);
            transition: opacity 0.9s cubic-bezier(.4,0,.2,1), transform 0.9s cubic-bezier(.4,0,.2,1);
        }

        .ld-monogram {
            position: absolute;
            font-family: 'Cinzel', serif;
            font-size: 28vw;
            font-weight: 400;
            background: linear-gradient(160deg, #c9b597 0%, #d4c1a3 40%, #bfab8b 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            opacity: 0.035;
            letter-spacing: -0.05em;
            pointer-events: none;
            user-select: none;
            transform: scale(0.92);
            animation: ldMonogramScale 8s ease-out forwards;
        }

        @keyframes ldMonogramScale {
            to {
                transform: scale(1.15);
                opacity: 0.07;
            }
        }

        .ld-name-wrap {
            position: relative;
            padding: clamp(18px, 3.2vh, 38px) 0;
            margin-bottom: 18px;
        }

        .ld-greeting {
            font-family: 'Cinzel', serif;
            font-size: clamp(20px, 3.8vw, 48px);
            font-weight: 400;
            letter-spacing: 0.62em;
            background: linear-gradient(160deg, #c9b597 0%, #e2d0b8 30%, #c2ae8e 55%, #d4c1a3 78%, #bfab8b 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-transform: uppercase;
            margin: 0;
            clip-path: inset(0 100% 0 0);
            animation: ldNameReveal 2.2s cubic-bezier(.77, 0, .175, 1) 0.5s forwards;
            white-space: nowrap;
            filter: drop-shadow(0 2px 18px rgba(189, 162, 126, 0.22));
            padding-right: 0.62em;
        }

        @keyframes ldNameReveal {
            to {
                clip-path: inset(0 0 0 0);
            }
        }

        .ld-line {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 1px;
            background: linear-gradient(to right, transparent, var(--brass), transparent);
        }

        .ld-line-t {
            top: 0;
            animation: ldLineExpand 1.5s cubic-bezier(.77, 0, .175, 1) 0.2s forwards;
        }

        .ld-line-b {
            bottom: 0;
            animation: ldLineExpand 1.5s cubic-bezier(.77, 0, .175, 1) 0.6s forwards;
        }

        @keyframes ldLineExpand {
            to {
                width: clamp(140px, 28vw, 340px);
            }
        }

        .ld-tagline {
            display: flex;
            align-items: center;
            gap: clamp(12px, 2vw, 22px);
            font-family: 'Cormorant Garamond', serif;
            font-size: clamp(7.5px, 0.78vw, 9.5px);
            letter-spacing: 0.45em;
            color: var(--brass-dark);
            text-transform: uppercase;
            opacity: 0;
            transform: translateY(14px);
            animation: riseIn 1.4s cubic-bezier(.16, 1, .3, 1) 1.6s forwards;
        }

        .ld-sep {
            width: 1px;
            height: 12px;
            background: linear-gradient(to bottom, transparent, var(--brass), transparent);
            opacity: 0.6;
        }

        .ld-status {
            position: absolute;
            bottom: 8vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            opacity: 0;
            animation: fadeIn 1s ease 0.8s forwards;
        }

        .ld-ring-wrap {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            pointer-events: none;
            z-index: 1;
            opacity: 0.45;
        }

        .ld-ring-circle {
            position: absolute;
            border-radius: 50%;
            border: 0.5px solid rgba(189, 162, 126, 0.18);
            transition: all 1s ease;
        }

        .ld-ring-1 {
            width: clamp(220px, 32vw, 460px);
            height: clamp(220px, 32vw, 460px);
            border-style: dashed;
            border-width: 0.6px;
            animation: ldRingRotate 55s linear infinite;
        }

        .ld-ring-2 {
            width: clamp(170px, 24vw, 360px);
            height: clamp(170px, 24vw, 360px);
            border-style: dotted;
            border-width: 0.5px;
            opacity: 0.4;
            animation: ldRingRotate 38s linear infinite reverse;
        }

        @keyframes ldRingRotate {
            to {
                transform: rotate(360deg);
            }
        }

        .ld-perc {
            font-family: 'Cinzel', serif;
            font-size: 14px;
            letter-spacing: 0.2em;
            color: var(--brass);
        }

        .ld-loading-text {
            font-family: 'Cormorant Garamond', serif;
            font-size: 8px;
            letter-spacing: 0.3em;
            text-transform: uppercase;
            color: #b8b2a8;
        }

        @keyframes curtainFadeOut {
            0% {
                opacity: 1;
                filter: blur(0px);
            }
            60% {
                opacity: 0.6;
                filter: blur(0px);
            }
            100% {
                opacity: 0;
                filter: blur(6px);
                visibility: hidden;
            }
        }

        /* ═══════════════════════════════════
           KEYFRAMES
        ═══════════════════════════════════ */
        @keyframes riseIn {
            to {
                opacity: 1;
                transform: translateY(0)
            }
        }

        @keyframes fadeIn {
            to {
                opacity: 1
            }
        }

        @keyframes curtainReveal {
            from {
                clip-path: inset(0 100% 0 0)
            }

            to {
                clip-path: inset(0 0% 0 0)
            }
        }

        @keyframes drawLine {
            to {
                stroke-dashoffset: 0
            }
        }

        @keyframes slideDownFade {
            from {
                opacity: 0;
                transform: translateY(-8px)
            }

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

        @keyframes slideUpFade {
            from {
                opacity: 0;
                transform: translateY(8px)
            }

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

        @keyframes letterDrop {
            from {
                opacity: 0;
                transform: translateY(56px)rotate(-3deg)
            }

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

        /* ═══════════════════════════════════
           MOBILE
        ═══════════════════════════════════ */
        @media (max-width:768px) {

            html,
            body {
                cursor: default
            }

            #custom-cursor,
            #cursor-glow {
                display: none
            }

            #status-badge {
                top: 2vh;
            }

            .scene {
                padding: 6vh 6vw 6vh 6vw;
                align-items: center;
                justify-content: center
            }

            .content {
                align-items: center;
                text-align: center;
                width: 100%;
                justify-content: center;
                max-height: none
            }

            .label-top {
                font-size: clamp(8px, 2.4vw, 11px);
                letter-spacing: .18em;
                gap: .16em;
                flex-wrap: nowrap;
                white-space: nowrap;
                margin-bottom: clamp(18px, 3.5vh, 36px)
            }

            .name-first {
                font-size: clamp(26px, 9vw, 44px)
            }

            .nl {
                font-size: clamp(38px, 13vw, 72px)
            }

            .name-last-wrap {
                padding-left: 0
            }

            .name-block {
                margin-bottom: clamp(10px, 1.8vh, 22px)
            }

            .bio {
                font-size: clamp(13px, 3.6vw, 15px);
                max-width: 92%;
                line-height: 1.65;
                margin: 0 auto
            }

            .bio-container {
                margin-bottom: clamp(14px, 2vh, 24px)
            }

            .contact-line {
                flex-direction: column;
                align-items: center;
                gap: .9em;
                margin-bottom: 3vh
            }

            .email-link {
                font-size: clamp(11px, 3vw, 14px);
                letter-spacing: .1em
            }

            .sep-quote {
                max-width: 84vw;
                opacity: 0;
                transform-origin: center;
                animation: ellipseReveal 1.2s cubic-bezier(.16, 1, .3, 1) 4.0s forwards !important;
            }

            .sq-left,
            .sq-right,
            .sq-shimmer-l,
            .sq-shimmer-r {
                animation: none !important;
                stroke-dasharray: none !important;
                stroke-dashoffset: 0 !important;
            }

            .sq-shimmer-l,
            .sq-shimmer-r {
                display: none !important;
            }

            .sq-tick {
                animation: fadeIn .7s cubic-bezier(.16, 1, .3, 1) 4.4s forwards !important;
                transform: scale(1) !important;
            }

            .quote-text {
                font-size: clamp(12px, 3.5vw, 15px);
                max-width: 88vw;
                line-height: 1.6;
            }
        }

        /* ═══════════════════════════════════
           PROJECTS SECTION - REDESIGN
        ═══════════════════════════════════ */
        .projects-section {
            position: relative;
            min-height: 160vh;
            padding: 25vh 8vw;
            background: transparent;
            z-index: 10;
            overflow: hidden;
        }

        .projects-container {
            position: relative;
            max-width: 1400px;
            margin: 0 auto;
            z-index: 2;
        }

        .projects-header {
            margin-bottom: 15vh;
            opacity: 0;
            transform: translateY(40px);
            transition: opacity 1.5s cubic-bezier(.16, 1, .3, 1), transform 1.5s cubic-bezier(.16, 1, .3, 1);
        }

        .projects-header.revealed {
            opacity: 1;
            transform: translateY(0);
        }

        .projects-eyebrow {
            font-family: 'Cormorant Garamond', serif;
            font-weight: 300;
            font-size: 10px;
            letter-spacing: .5em;
            text-transform: uppercase;
            color: var(--brass);
            margin-bottom: 25px;
            display: block;
        }

        .projects-title {
            font-family: 'Cinzel', serif;
            font-weight: 400;
            font-size: clamp(22px, 3vw, 38px);
            text-transform: uppercase;
            letter-spacing: .12em;
            color: #3a3935;
            max-width: 16ch;
            line-height: 1.2;
            background: linear-gradient(160deg, #4a4540 0%, #3a3935 40%, #5a5550 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .projects-list {
            position: relative;
            display: flex;
            flex-direction: column;
            gap: 15vh;
        }

        .project-item {
            position: relative;
            width: 100%;
            display: flex;
            align-items: center;
        }

        .project-item:nth-child(even) {
            justify-content: flex-end;
        }

        .project-card {
            position: relative;
            width: clamp(300px, 40vw, 520px);
            padding: 0 50px 60px 50px;
            background: rgba(251, 250, 248, 0.2);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 0.5px solid rgba(189, 162, 126, 0.12);
            transition: all 1s cubic-bezier(.16, 1, .3, 1);
            opacity: 0;
            transform: translateY(100px);
            overflow: hidden;
        }

        .project-card.revealed {
            opacity: 1;
            transform: translateY(0);
        }

        .project-card:hover {
            background: rgba(251, 250, 248, 0.95);
            border-color: rgba(189, 162, 126, 0.4);
            transform: translateY(-20px) scale(1.01);
            box-shadow: 0 40px 80px rgba(10, 10, 10, 0.06);
        }

        /* Large ghost numeral in background */
        .pj-ghost-num {
            position: absolute;
            top: -20px;
            right: -10px;
            font-family: 'Cinzel', serif;
            font-size: 180px;
            line-height: 1;
            color: transparent;
            -webkit-text-stroke: 0.5px rgba(189, 162, 126, 0.08);
            pointer-events: none;
            transition: all 1s ease;
            transform: rotate(5deg);
        }

        .project-card:hover .pj-ghost-num {
            transform: rotate(0deg) scale(1.1);
            -webkit-text-stroke: 0.5px rgba(189, 162, 126, 0.15);
        }

        .pj-content {
            position: relative;
            z-index: 2;
        }

        .pj-num {
            font-family: 'Cinzel', serif;
            font-size: 9px;
            color: var(--brass);
            letter-spacing: 0.4em;
            margin-bottom: 35px;
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .pj-num::after {
            content: '';
            width: 40px;
            height: 1px;
            background: linear-gradient(to right, var(--brass), transparent);
        }

        .pj-title {
            font-family: 'Cinzel', serif;
            font-size: clamp(20px, 2vw, 26px);
            font-weight: 400;
            color: #3a3935;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            margin-bottom: 25px;
            line-height: 1.2;
        }

        .pj-desc {
            font-family: 'Cormorant Garamond', serif;
            font-size: 17px;
            line-height: 1.8;
            color: #4a4740;
            font-style: italic;
            opacity: 0.8;
            max-width: 90%;
        }

        /* Decorative Corners on Hover */
        .pj-corner {
            position: absolute;
            width: 20px;
            height: 20px;
            border: 0.5px solid var(--brass);
            opacity: 0;
            transition: all 0.6s cubic-bezier(.16, 1, .3, 1);
            pointer-events: none;
        }

        .pjc-tl {
            top: 15px;
            left: 15px;
            border-right: 0;
            border-bottom: 0;
            transform: translate(-10px, -10px);
        }

        .pjc-br {
            bottom: 15px;
            right: 15px;
            border-left: 0;
            border-top: 0;
            transform: translate(10px, 10px);
        }

        .project-card:hover .pj-corner {
            opacity: 0.6;
            transform: translate(0, 0);
        }

        /* ── Card Image ── */
        .pj-image {
            position: relative;
            width: calc(100% + 100px);
            margin: -60px -50px 40px -50px;
            height: 190px;
            overflow: hidden;
        }

        .pj-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            display: block;
            filter: grayscale(22%) brightness(0.88) sepia(12%);
            transform: scale(1.04);
            transition: transform 1.1s cubic-bezier(.16, 1, .3, 1),
                        filter 1.1s cubic-bezier(.16, 1, .3, 1);
        }

        .project-card:hover .pj-image img {
            transform: scale(1.0);
            filter: grayscale(8%) brightness(0.92) sepia(8%);
        }

        /* gradient overlay fading into card background */
        .pj-image::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(
                to bottom,
                transparent 0%,
                transparent 40%,
                rgba(251, 250, 248, 0.55) 72%,
                rgba(251, 250, 248, 0.96) 100%
            );
            pointer-events: none;
        }

        /* thin brass rule at top of image */
        .pj-image::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: linear-gradient(to right, transparent, rgba(189, 162, 126, 0.4), transparent);
            z-index: 2;
        }

        /* Connecting Line Ornament */
        .project-ornament {
            position: absolute;
            left: 50%;
            top: 0;
            bottom: 0;
            width: 1px;
            background: linear-gradient(to bottom, transparent, rgba(189, 162, 126, 0.15) 20%, rgba(189, 162, 126, 0.15) 80%, transparent);
            z-index: 1;
            pointer-events: none;
        }

        .po-dot {
            position: absolute;
            left: 50%;
            width: 6px;
            height: 6px;
            background: var(--alabaster);
            border: 0.5px solid var(--brass);
            border-radius: 50%;
            transform: translate(-50%, -50%);
        }

        @media (max-width: 1024px) {

            .project-item,
            .project-item:nth-child(even) {
                justify-content: center;
            }

            .project-card {
                width: 85vw;
            }

            .project-ornament {
                display: none;
            }
        }

        .scroll-indicator {
            position: absolute;
            bottom: 4vh;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
            opacity: 0;
            animation: fadeIn 1s ease 6.5s forwards;
            z-index: 100;
        }

        .si-text {
            font-family: 'Cormorant Garamond', serif;
            font-size: 9px;
            letter-spacing: 0.35em;
            text-transform: uppercase;
            color: var(--brass);
            opacity: 0.6;
        }

        .si-line {
            width: 1px;
            height: 40px;
            background: linear-gradient(to bottom, var(--brass), transparent);
            position: relative;
            overflow: hidden;
        }

        .si-line::after {
            content: '';
            position: absolute;
            top: -40px;
            left: 0;
            width: 100%;
            height: 100%;
            background: #fff;
            animation: siAnim 2s infinite;
        }

        @keyframes siAnim {
            0% {
                top: -40px;
            }

            100% {
                top: 40px;
            }
        }

        /* ═══════════════════════════════════
           ABOUT SECTION
        ═══════════════════════════════════ */
        .about-section {
            position: relative;
            min-height: 100vh;
            padding: 20vh 8vw 15vh;
            background: transparent;
            z-index: 10;
            overflow: hidden;
        }

        .about-container {
            position: relative;
            max-width: 1200px;
            margin: 0 auto;
        }

        .about-header {
            margin-bottom: 12vh;
            opacity: 0;
            transform: translateY(50px);
            transition: opacity 1.5s cubic-bezier(.16, 1, .3, 1), transform 1.5s cubic-bezier(.16, 1, .3, 1);
        }

        .about-header.revealed {
            opacity: 1;
            transform: translateY(0);
        }

        .about-eyebrow {
            font-family: 'Cormorant Garamond', serif;
            font-weight: 300;
            font-size: 10px;
            letter-spacing: .5em;
            text-transform: uppercase;
            color: var(--brass);
            margin-bottom: 25px;
            display: block;
        }

        .about-title {
            font-family: 'Cinzel', serif;
            font-weight: 400;
            font-size: clamp(32px, 5vw, 64px);
            text-transform: uppercase;
            letter-spacing: .08em;
            color: #3a3935;
            line-height: 1.1;
        }

        /* Horizontal divider with diamond */
        .about-divider {
            display: flex;
            align-items: center;
            gap: 20px;
            margin: 8vh 0;
            opacity: 0;
            transition: opacity 1.2s ease;
        }

        .about-divider.revealed {
            opacity: 1;
        }

        .about-divider-line {
            flex: 1;
            height: 1px;
            background: linear-gradient(to right, transparent, rgba(189, 162, 126, 0.25), transparent);
        }

        .about-divider-diamond {
            width: 8px;
            height: 8px;
            border: 0.5px solid var(--brass);
            transform: rotate(45deg);
            opacity: 0.5;
            flex-shrink: 0;
        }

        /* Two-column about layout */
        .about-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8vw;
            margin-bottom: 12vh;
        }

        .about-col {
            opacity: 0;
            transform: translateY(60px);
            transition: opacity 1.2s cubic-bezier(.16, 1, .3, 1), transform 1.2s cubic-bezier(.16, 1, .3, 1);
        }

        .about-col.revealed {
            opacity: 1;
            transform: translateY(0);
        }

        .about-col:nth-child(2) {
            transition-delay: 0.2s;
        }

        .about-col-label {
            font-family: 'Cinzel', serif;
            font-size: 9px;
            letter-spacing: 0.4em;
            text-transform: uppercase;
            color: var(--brass);
            margin-bottom: 30px;
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .about-col-label::after {
            content: '';
            width: 30px;
            height: 1px;
            background: linear-gradient(to right, var(--brass), transparent);
        }

        .about-text {
            font-family: 'Cormorant Garamond', serif;
            font-weight: 300;
            font-size: clamp(16px, 1.3vw, 19px);
            line-height: 1.9;
            color: #3a3935;
        }

        .about-text em {
            color: var(--brass-dark);
            font-style: italic;
        }

        .about-text p {
            margin-bottom: 1.5em;
        }

        /* Philosophy cards */
        .philosophy-cards {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            margin-bottom: 10vh;
        }

        .philosophy-card {
            position: relative;
            padding: 45px 35px;
            background: rgba(251, 250, 248, 0.3);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 0.5px solid rgba(189, 162, 126, 0.1);
            opacity: 0;
            transform: translateY(80px) scale(0.95);
            transition: all 1s cubic-bezier(.16, 1, .3, 1);
            overflow: hidden;
        }

        .philosophy-card.revealed {
            opacity: 1;
            transform: translateY(0) scale(1);
        }

        .philosophy-card:nth-child(2) {
            transition-delay: 0.15s;
        }

        .philosophy-card:nth-child(3) {
            transition-delay: 0.3s;
        }

        .philosophy-card:hover {
            background: rgba(251, 250, 248, 0.9);
            border-color: rgba(189, 162, 126, 0.35);
            transform: translateY(-8px) scale(1.02);
            box-shadow: 0 30px 60px rgba(10, 10, 10, 0.05);
        }

        .philosophy-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(189, 162, 126, 0.3), transparent);
            opacity: 0;
            transition: opacity 0.6s ease;
        }

        .philosophy-card:hover::before {
            opacity: 1;
        }

        .pc-icon {
            width: 40px;
            height: 40px;
            margin-bottom: 28px;
            opacity: 0.6;
        }

        .pc-num {
            font-family: 'Cinzel', serif;
            font-size: 48px;
            line-height: 1;
            color: transparent;
            -webkit-text-stroke: 0.5px rgba(189, 162, 126, 0.1);
            position: absolute;
            top: 15px;
            right: 20px;
            pointer-events: none;
            transition: all 0.6s ease;
        }

        .philosophy-card:hover .pc-num {
            -webkit-text-stroke: 0.5px rgba(189, 162, 126, 0.2);
        }

        .pc-title {
            font-family: 'Cinzel', serif;
            font-size: clamp(14px, 1.2vw, 17px);
            font-weight: 400;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: #3a3935;
            margin-bottom: 18px;
        }

        .pc-desc {
            font-family: 'Cormorant Garamond', serif;
            font-size: 15px;
            line-height: 1.75;
            color: #5a5550;
            font-style: italic;
        }

        /* Decorative corner for about section */
        .about-corner {
            position: absolute;
            width: 30px;
            height: 30px;
            border: 0.5px solid rgba(189, 162, 126, 0.15);
            pointer-events: none;
        }

        .about-corner-tl {
            top: 0;
            left: 0;
            border-right: 0;
            border-bottom: 0;
        }

        .about-corner-br {
            bottom: 0;
            right: 0;
            border-left: 0;
            border-top: 0;
        }

        /* ═══════════════════════════════════
           CONTACT SECTION
        ═══════════════════════════════════ */
        .contact-section {
            position: relative;
            min-height: 80vh;
            padding: 15vh 8vw 10vh;
            background: transparent;
            z-index: 10;
            overflow: hidden;
        }

        .contact-container {
            position: relative;
            max-width: 1200px;
            margin: 0 auto;
            z-index: 2;
        }

        .contact-header {
            text-align: center;
            margin-bottom: 10vh;
            opacity: 0;
            transform: translateY(50px);
            transition: opacity 1.5s cubic-bezier(.16, 1, .3, 1), transform 1.5s cubic-bezier(.16, 1, .3, 1);
        }

        .contact-header.revealed {
            opacity: 1;
            transform: translateY(0);
        }

        .contact-eyebrow {
            font-family: 'Cormorant Garamond', serif;
            font-weight: 300;
            font-size: 10px;
            letter-spacing: .5em;
            text-transform: uppercase;
            color: var(--brass);
            margin-bottom: 25px;
            display: block;
        }

        .contact-title {
            font-family: 'Cinzel', serif;
            font-weight: 400;
            font-size: clamp(28px, 4vw, 56px);
            text-transform: uppercase;
            letter-spacing: .08em;
            color: #3a3935;
            line-height: 1.1;
            margin-bottom: 20px;
        }

        .contact-subtitle {
            font-family: 'Cormorant Garamond', serif;
            font-weight: 300;
            font-style: italic;
            font-size: clamp(14px, 1.2vw, 17px);
            color: #8a8580;
            letter-spacing: 0.06em;
        }

        /* Contact split layout */
        .contact-grid {
            display: grid;
            grid-template-columns: 1fr 1.2fr;
            gap: 8vw;
            align-items: start;
        }

        .contact-info {
            opacity: 0;
            transform: translateX(-40px);
            transition: opacity 1.2s cubic-bezier(.16, 1, .3, 1), transform 1.2s cubic-bezier(.16, 1, .3, 1);
        }

        .contact-info.revealed {
            opacity: 1;
            transform: translateX(0);
        }

        .contact-info-label {
            font-family: 'Cinzel', serif;
            font-size: 9px;
            letter-spacing: 0.4em;
            text-transform: uppercase;
            color: var(--brass);
            margin-bottom: 35px;
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .contact-info-label::after {
            content: '';
            width: 40px;
            height: 1px;
            background: linear-gradient(to right, var(--brass), transparent);
        }

        .contact-detail {
            margin-bottom: 35px;
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.8s ease, transform 0.8s cubic-bezier(.16, 1, .3, 1);
        }

        .contact-detail.revealed {
            opacity: 1;
            transform: translateY(0);
        }

        .contact-detail:nth-child(3) {
            transition-delay: 0.1s;
        }

        .contact-detail:nth-child(4) {
            transition-delay: 0.2s;
        }

        .contact-detail:nth-child(5) {
            transition-delay: 0.3s;
        }

        .cd-label {
            font-family: 'Cormorant Garamond', serif;
            font-weight: 300;
            font-size: 10px;
            letter-spacing: 0.3em;
            text-transform: uppercase;
            color: #b8b2a8;
            margin-bottom: 8px;
        }

        .cd-value {
            font-family: 'Cormorant Garamond', serif;
            font-weight: 400;
            font-size: clamp(15px, 1.2vw, 18px);
            color: #3a3935;
            letter-spacing: 0.04em;
            line-height: 1.6;
        }

        .cd-value a {
            color: #3a3935;
            text-decoration: none;
            position: relative;
            transition: color 0.3s ease;
        }

        .cd-value a::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 1px;
            background: linear-gradient(90deg, var(--brass), transparent);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.5s cubic-bezier(.16, 1, .3, 1);
        }

        .cd-value a:hover {
            color: var(--brass-dark);
        }

        .cd-value a:hover::after {
            transform: scaleX(1);
        }

        /* Contact form side */
        .contact-form-wrap {
            position: relative;
            padding: 50px;
            background: rgba(251, 250, 248, 0.25);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 0.5px solid rgba(189, 162, 126, 0.12);
            opacity: 0;
            transform: translateX(40px);
            transition: opacity 1.2s cubic-bezier(.16, 1, .3, 1), transform 1.2s cubic-bezier(.16, 1, .3, 1);
        }

        .contact-form-wrap.revealed {
            opacity: 1;
            transform: translateX(0);
        }

        .contact-form-wrap:hover {
            border-color: rgba(189, 162, 126, 0.25);
            background: rgba(251, 250, 248, 0.5);
        }

        .cf-corner {
            position: absolute;
            width: 20px;
            height: 20px;
            border: 0.5px solid var(--brass);
            opacity: 0.3;
            pointer-events: none;
            transition: opacity 0.6s ease;
        }

        .contact-form-wrap:hover .cf-corner {
            opacity: 0.6;
        }

        .cf-corner-tl {
            top: 12px;
            left: 12px;
            border-right: 0;
            border-bottom: 0;
        }

        .cf-corner-br {
            bottom: 12px;
            right: 12px;
            border-left: 0;
            border-top: 0;
        }

        .cf-title {
            display: block;
            font-family: 'Cinzel', serif;
            font-size: 11px;
            letter-spacing: 0.3em;
            text-transform: uppercase;
            color: var(--brass);
            margin-bottom: 35px;
        }

        .cf-field {
            position: relative;
            margin-bottom: 28px;
        }

        .cf-field label {
            display: block;
            font-family: 'Cormorant Garamond', serif;
            font-weight: 300;
            font-size: 10px;
            letter-spacing: 0.25em;
            text-transform: uppercase;
            color: #b8b2a8;
            margin-bottom: 10px;
            transition: color 0.3s ease;
        }

        .cf-field:focus-within label {
            color: var(--brass);
        }

        .cf-field input,
        .cf-field textarea {
            width: 100%;
            background: transparent;
            border: none;
            border-bottom: 1px solid rgba(189, 162, 126, 0.15);
            padding: 10px 0;
            font-family: 'Cormorant Garamond', serif;
            font-size: 15px;
            color: #3a3935;
            outline: none;
            transition: border-color 0.4s ease;
            letter-spacing: 0.04em;
        }

        .cf-field input:focus,
        .cf-field textarea:focus {
            border-color: var(--brass);
        }

        .cf-field textarea {
            resize: none;
            min-height: 100px;
        }

        /* Animated underline for inputs */
        .cf-field .cf-underline {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: linear-gradient(90deg, var(--brass), var(--brass-light), var(--brass));
            transform: scaleX(0);
            transform-origin: center;
            transition: transform 0.5s cubic-bezier(.16, 1, .3, 1);
        }

        .cf-field:focus-within .cf-underline {
            transform: scaleX(1);
        }

        .cf-submit {
            display: inline-flex;
            align-items: center;
            gap: 14px;
            margin-top: 15px;
            padding: 14px 36px;
            background: transparent;
            border: 0.5px solid rgba(189, 162, 126, 0.4);
            font-family: 'Cinzel', serif;
            font-size: 10px;
            letter-spacing: 0.3em;
            text-transform: uppercase;
            color: var(--brass-dark);
            cursor: none;
            transition: all 0.5s cubic-bezier(.16, 1, .3, 1);
            position: relative;
            overflow: hidden;
        }

        .cf-submit::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, rgba(189, 162, 126, 0.08), rgba(189, 162, 126, 0.02));
            opacity: 0;
            transition: opacity 0.4s ease;
        }

        .cf-submit:hover {
            border-color: var(--brass);
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(189, 162, 126, 0.12);
        }

        .cf-submit:hover::before {
            opacity: 1;
        }

        .cf-submit-arrow {
            width: 20px;
            height: 1px;
            background: var(--brass);
            position: relative;
            transition: width 0.4s cubic-bezier(.16, 1, .3, 1);
        }

        .cf-submit-arrow::after {
            content: '';
            position: absolute;
            right: -1px;
            top: -3px;
            width: 7px;
            height: 7px;
            border-right: 1px solid var(--brass);
            border-top: 1px solid var(--brass);
            transform: rotate(45deg);
        }

        .cf-submit:hover .cf-submit-arrow {
            width: 28px;
        }

        /* Footer ornament */
        .footer-ornament {
            text-align: center;
            padding: 8vh 0 6vh;
            opacity: 0;
            transition: opacity 1s ease;
        }

        .footer-ornament.revealed {
            opacity: 1;
        }

        .fo-line {
            width: 60px;
            height: 1px;
            background: linear-gradient(to right, transparent, rgba(189, 162, 126, 0.3), transparent);
            margin: 0 auto 20px;
        }

        .fo-text {
            font-family: 'Cinzel', serif;
            font-size: 8px;
            letter-spacing: 0.5em;
            text-transform: uppercase;
            color: #ccc7bc;
        }

        /* ═══════════════════════════════════
           ABOUT + CONTACT MOBILE
        ═══════════════════════════════════ */
        @media (max-width: 768px) {
            .about-section {
                padding: 10vh 6vw;
            }

            .about-grid {
                grid-template-columns: 1fr;
                gap: 6vh;
            }

            .philosophy-cards {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .philosophy-card {
                padding: 30px 25px;
            }

            .contact-section {
                padding: 10vh 6vw 8vh;
            }

            .contact-grid {
                grid-template-columns: 1fr;
                gap: 6vh;
            }

            .contact-form-wrap {
                padding: 30px 25px;
            }

            .contact-info {
                transform: translateY(30px);
            }

            .contact-info.revealed {
                transform: translateY(0);
            }

            .contact-form-wrap {
                transform: translateY(30px);
            }

            .contact-form-wrap.revealed {
                transform: translateY(0);
            }
        }

        @media (max-width: 768px) {
            .projects-section {
                padding: 10vh 6vw;
            }

            .projects-list {
                grid-template-columns: 1fr;
                gap: 30px;
            }

            .project-card {
                padding: 30px;
            }

            #coords,
            #timeline,
            .vert-text,
            .corner-tl,
            .corner-br .corner-mark {
                display: none !important
            }

            .corner-br {
                right: 50%;
                transform: translateX(50%);
                bottom: 2vh
            }

            #custom-cursor,
            #cursor-glow,
            #cursor-ring {
                display: none !important;
            }

            body,
            html {
                cursor: auto !important;
                -webkit-overflow-scrolling: touch;
            }
        }

        /* ═══════════════════════════════════════
           PARALLAX BACKGROUNDS — sekcje 2 i 4
        ═══════════════════════════════════════ */
        .parallax-layer {
            position: absolute;
            inset: 0;
            overflow: hidden;
            pointer-events: none;
            z-index: 0;
        }

        .parallax-inner {
            position: absolute;
            left: 0;
            right: 0;
            top: -35%;
            bottom: -35%;
            will-change: transform;
        }

        /* Sekcja 2 — Projects */
        .projects-section .parallax-inner {
            background:
                radial-gradient(ellipse 110% 70% at 12% 18%, rgba(189, 162, 126, .035) 0%, transparent 55%),
                radial-gradient(ellipse 80% 90% at 88% 75%, rgba(10, 8, 6, .018) 0%, transparent 60%),
                linear-gradient(168deg,
                    rgba(251, 250, 248, 0) 0%,
                    rgba(240, 233, 220, .35) 45%,
                    rgba(251, 250, 248, 0) 100%);
        }

        .projects-section .parallax-inner::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image:
                repeating-linear-gradient(98deg,
                    transparent 0px,
                    transparent 87px,
                    rgba(189, 162, 126, .009) 87px,
                    rgba(189, 162, 126, .009) 88px),
                repeating-linear-gradient(8deg,
                    transparent 0px,
                    transparent 87px,
                    rgba(189, 162, 126, .007) 87px,
                    rgba(189, 162, 126, .007) 88px);
        }

        /* Sekcja 4 — Contact */
        .contact-section .parallax-inner {
            background:
                radial-gradient(ellipse 90% 80% at 82% 30%, rgba(189, 162, 126, .04) 0%, transparent 58%),
                radial-gradient(ellipse 70% 90% at 15% 75%, rgba(10, 8, 6, .015) 0%, transparent 55%),
                linear-gradient(15deg,
                    rgba(251, 250, 248, 0) 0%,
                    rgba(236, 225, 208, .30) 50%,
                    rgba(251, 250, 248, 0) 100%);
        }

        .contact-section .parallax-inner::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image:
                repeating-linear-gradient(45deg,
                    transparent 0px,
                    transparent 62px,
                    rgba(189, 162, 126, .007) 62px,
                    rgba(189, 162, 126, .007) 63px),
                repeating-linear-gradient(-45deg,
                    transparent 0px,
                    transparent 62px,
                    rgba(189, 162, 126, .006) 62px,
                    rgba(189, 162, 126, .006) 63px);
        }

        .site-nav {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 120;
            width: 100%;
            opacity: 0;
            animation: fadeIn .9s ease 5.05s forwards;
        }

        .nav-shell {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            min-height: 76px;
            padding: 0 clamp(28px, 3.5vw, 64px);
            background: rgba(251, 250, 248, .78);
            border-bottom: 1px solid rgba(138, 114, 85, .16);
            box-shadow: 0 12px 40px rgba(32, 26, 19, .025);
            backdrop-filter: blur(22px) saturate(115%);
            -webkit-backdrop-filter: blur(22px) saturate(115%);
        }

        .nav-brand {
            display: inline-flex;
            align-items: center;
            font-family: 'Cinzel', serif;
            text-transform: uppercase;
            color: #3f3932;
            text-decoration: none;
            white-space: nowrap;
        }

        .nav-brand-name {
            font-size: 10px;
            letter-spacing: .26em;
        }

        .nav-links {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: clamp(18px, 2.15vw, 38px);
        }

        .nav-links a {
            position: relative;
            padding: 29px 0 27px;
            font-family: 'Cinzel', serif;
            font-size: 9px;
            letter-spacing: .2em;
            text-transform: uppercase;
            color: #625a51;
            text-decoration: none;
            white-space: nowrap;
            transition: color .3s ease;
        }

        .nav-links a::after {
            content: '';
            position: absolute;
            right: .2em;
            bottom: 21px;
            left: 0;
            height: 1px;
            background: var(--brass-dark);
            transform: scaleX(0);
            transform-origin: right;
            transition: transform .4s cubic-bezier(.16, 1, .3, 1);
        }

        .nav-links a:hover,
        .nav-links a:focus-visible {
            color: #2f2a25;
        }

        .nav-links a:hover::after,
        .nav-links a:focus-visible::after {
            transform: scaleX(1);
            transform-origin: left;
        }

        .nav-tools {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .language-switch {
            display: inline-flex;
            align-items: center;
            gap: 1px;
        }

        .lang-btn,
        .nav-toggle,
        .cookie-btn {
            border: 0;
            font: inherit;
            color: inherit;
            background: transparent;
        }

        .lang-btn {
            position: relative;
            min-width: 32px;
            padding: 10px 8px;
            font-family: 'Cinzel', serif;
            font-size: 8px;
            letter-spacing: .14em;
            color: #9a9084;
            text-transform: uppercase;
            transition: background .25s ease, color .25s ease;
        }

        .lang-btn + .lang-btn::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            width: 1px;
            height: 12px;
            background: rgba(138, 114, 85, .24);
            transform: translateY(-50%);
        }

        .lang-btn.is-active {
            background: transparent;
            color: var(--brass-deep);
        }

        .nav-toggle {
            display: none;
            width: 38px;
            height: 38px;
            color: var(--brass-dark);
            align-items: center;
            justify-content: center;
            position: relative;
            flex-shrink: 0;
        }

        .nav-toggle-line {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 18px;
            height: 1px;
            background: currentColor;
            transform-origin: center;
            transition: transform .45s cubic-bezier(.16, 1, .3, 1), color .25s ease;
        }

        .nav-toggle-line:nth-child(1) {
            transform: translate(-50%, -4px);
        }

        .nav-toggle-line:nth-child(2) {
            transform: translate(-50%, 4px);
        }

        .seo-section {
            position: relative;
            z-index: 10;
            padding: 18vh 8vw 20vh;
            background: linear-gradient(180deg, rgba(251, 250, 248, 0), rgba(246, 241, 232, .64) 44%, rgba(251, 250, 248, 0));
            overflow: hidden;
        }

        .seo-section::before {
            content: '';
            position: absolute;
            inset: 8vh 0;
            background:
                linear-gradient(90deg, transparent, rgba(189, 162, 126, .06), transparent),
                repeating-linear-gradient(90deg, transparent 0 120px, rgba(189, 162, 126, .012) 120px 121px);
            pointer-events: none;
        }

        .seo-container {
            position: relative;
            max-width: 1180px;
            margin: 0 auto;
        }

        .seo-header {
            max-width: 820px;
            margin-bottom: 8vh;
            opacity: 0;
            transform: translateY(44px);
            transition: opacity 1.35s cubic-bezier(.16, 1, .3, 1), transform 1.35s cubic-bezier(.16, 1, .3, 1);
        }

        .seo-header.revealed {
            opacity: 1;
            transform: translateY(0);
        }

        .seo-eyebrow,
        .seo-kicker {
            display: block;
            font-family: 'Cormorant Garamond', serif;
            font-weight: 300;
            font-size: 10px;
            letter-spacing: .46em;
            text-transform: uppercase;
            color: var(--brass);
            margin-bottom: 22px;
        }

        .seo-title {
            font-family: 'Cinzel', serif;
            font-weight: 400;
            font-size: clamp(26px, 4.2vw, 54px);
            line-height: 1.08;
            letter-spacing: .08em;
            text-transform: uppercase;
            color: #34302c;
            max-width: 14ch;
        }

        .seo-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
            gap: clamp(36px, 7vw, 100px);
            align-items: start;
        }

        .seo-copy {
            display: grid;
            gap: 24px;
            font-size: clamp(17px, 1.55vw, 22px);
            line-height: 1.75;
            color: #3a3935;
            opacity: 0;
            transform: translateY(52px);
            transition: opacity 1.2s cubic-bezier(.16, 1, .3, 1), transform 1.2s cubic-bezier(.16, 1, .3, 1);
        }

        .seo-copy.revealed {
            opacity: 1;
            transform: translateY(0);
        }

        .seo-copy em,
        .seo-list strong {
            color: var(--brass-dark);
            font-style: italic;
        }

        .seo-panel {
            border-left: 1px solid rgba(189, 162, 126, .3);
            padding-left: clamp(24px, 3vw, 42px);
            opacity: 0;
            transform: translateX(36px);
            transition: opacity 1.2s cubic-bezier(.16, 1, .3, 1), transform 1.2s cubic-bezier(.16, 1, .3, 1);
        }

        .seo-panel.revealed {
            opacity: 1;
            transform: translateX(0);
        }

        .seo-list {
            display: grid;
            gap: 22px;
            list-style: none;
            color: #514b43;
            font-size: clamp(15px, 1.25vw, 18px);
            line-height: 1.58;
        }

        .seo-list li {
            position: relative;
            padding-left: 20px;
        }

        .seo-list li::before {
            content: '';
            position: absolute;
            left: 0;
            top: .72em;
            width: 6px;
            height: 6px;
            transform: rotate(45deg);
            background: rgba(189, 162, 126, .55);
        }

        .seo-resources {
            margin-top: 9vh;
            opacity: 0;
            transform: translateY(44px);
            transition: opacity 1.15s cubic-bezier(.16, 1, .3, 1), transform 1.15s cubic-bezier(.16, 1, .3, 1);
        }

        .seo-resources.revealed {
            opacity: 1;
            transform: translateY(0);
        }

        .seo-resource-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 18px;
        }

        .seo-resource {
            display: block;
            min-height: 160px;
            padding: 24px;
            border: 1px solid rgba(189, 162, 126, .18);
            border-radius: 8px;
            background: rgba(251, 250, 248, .62);
            color: #34302c;
            text-decoration: none;
            transition: transform .35s cubic-bezier(.16, 1, .3, 1), border-color .35s ease, background .35s ease;
        }

        .seo-resources:not(.revealed) .seo-resource {
            opacity: 0;
            transform: translateY(26px);
        }

        .seo-resources.revealed .seo-resource {
            opacity: 1;
            transform: translateY(0);
            transition: opacity .9s cubic-bezier(.16, 1, .3, 1), transform .9s cubic-bezier(.16, 1, .3, 1), border-color .35s ease, background .35s ease;
        }

        .seo-resources.revealed .seo-resource:nth-child(2) {
            transition-delay: .12s, .12s, 0s, 0s;
        }

        .seo-resources.revealed .seo-resource:nth-child(3) {
            transition-delay: .24s, .24s, 0s, 0s;
        }

        .seo-resource:hover,
        .seo-resource:focus-visible {
            transform: translateY(-6px);
            border-color: rgba(189, 162, 126, .44);
            background: rgba(251, 250, 248, .94);
        }

        .seo-resources.revealed .seo-resource:hover,
        .seo-resources.revealed .seo-resource:focus-visible {
            transform: translateY(-6px);
        }

        .seo-resource span {
            display: block;
            font-family: 'Cinzel', serif;
            font-size: 10px;
            letter-spacing: .24em;
            text-transform: uppercase;
            color: var(--brass-dark);
            margin-bottom: 18px;
        }

        .seo-resource strong {
            display: block;
            font-family: 'Cormorant Garamond', serif;
            font-size: 22px;
            font-weight: 300;
            line-height: 1.2;
            margin-bottom: 14px;
        }

        .seo-resource small {
            display: block;
            font-family: 'Cormorant Garamond', serif;
            font-size: 14px;
            line-height: 1.5;
            color: #6d655b;
        }

        .fund-section {
            position: relative;
            z-index: 10;
            padding: 18vh 8vw 20vh;
            background:
                radial-gradient(ellipse 80% 70% at 14% 18%, rgba(189, 162, 126, .08) 0%, transparent 58%),
                radial-gradient(ellipse 70% 90% at 86% 72%, rgba(10, 10, 10, .025) 0%, transparent 62%);
            overflow: hidden;
        }

        .fund-container {
            position: relative;
            max-width: 1320px;
            margin: 0 auto;
        }

        .fund-header {
            display: grid;
            grid-template-columns: minmax(0, .9fr) minmax(320px, .75fr);
            gap: clamp(36px, 6vw, 90px);
            align-items: end;
            margin-bottom: 8vh;
            opacity: 0;
            transform: translateY(46px);
            transition: opacity 1.35s cubic-bezier(.16, 1, .3, 1), transform 1.35s cubic-bezier(.16, 1, .3, 1);
        }

        .fund-header.revealed {
            opacity: 1;
            transform: translateY(0);
        }

        .fund-eyebrow,
        .fund-kicker {
            display: block;
            font-family: 'Cormorant Garamond', serif;
            font-weight: 300;
            font-size: 10px;
            letter-spacing: .46em;
            text-transform: uppercase;
            color: var(--brass);
            margin-bottom: 22px;
        }

        .fund-title {
            font-family: 'Cinzel', serif;
            font-weight: 400;
            font-size: clamp(26px, 4vw, 52px);
            line-height: 1.08;
            letter-spacing: .08em;
            text-transform: uppercase;
            color: #34302c;
            max-width: 14ch;
        }

        .fund-intro {
            font-size: clamp(17px, 1.4vw, 22px);
            line-height: 1.7;
            color: #4d4740;
        }

        .fund-intro.is-compact {
            max-width: 44ch;
            font-size: clamp(16px, 1.1vw, 19px);
            line-height: 1.55;
        }

        .fund-dashboard {
            display: grid;
            grid-template-columns: minmax(0, 1.22fr) minmax(300px, .78fr);
            gap: 22px;
            align-items: stretch;
            opacity: 0;
            transform: translateY(54px);
            transition: opacity 1.2s cubic-bezier(.16, 1, .3, 1), transform 1.2s cubic-bezier(.16, 1, .3, 1);
        }

        .fund-dashboard.revealed {
            opacity: 1;
            transform: translateY(0);
        }

        .fund-parameter-strip {
            position: relative;
            margin-bottom: 22px;
            padding: 10px 0;
            border-top: 1px solid rgba(189, 162, 126, .2);
            border-bottom: 1px solid rgba(189, 162, 126, .2);
            overflow: hidden;
            opacity: 0;
            transform: translateY(34px);
            transition: opacity 1s cubic-bezier(.16, 1, .3, 1), transform 1s cubic-bezier(.16, 1, .3, 1);
            mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
            -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
        }

        .fund-parameter-strip.revealed {
            opacity: 1;
            transform: translateY(0);
        }

        .fund-parameter-track {
            display: flex;
            width: max-content;
            gap: 14px;
            animation: parameterMarquee 34s linear infinite;
        }

        .fund-parameter-strip:hover .fund-parameter-track {
            animation-play-state: paused;
        }

        .fund-parameter-set {
            display: flex;
            gap: 14px;
            flex: 0 0 auto;
            padding-right: 14px;
        }

        @keyframes parameterMarquee {
            from {
                transform: translateX(0);
            }

            to {
                transform: translateX(calc(-50% - 14px));
            }
        }

        .fund-panel {
            border: 1px solid rgba(189, 162, 126, .18);
            border-radius: 8px;
            background: rgba(251, 250, 248, .68);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            box-shadow: 0 28px 80px rgba(10, 10, 10, .055);
            opacity: 0;
            transform: translateY(38px);
            transition: opacity 1s cubic-bezier(.16, 1, .3, 1), transform 1s cubic-bezier(.16, 1, .3, 1), border-color .35s ease, background .35s ease;
        }

        .fund-panel.revealed,
        .fund-dashboard.revealed .fund-panel {
            opacity: 1;
            transform: translateY(0);
        }

        .fund-dashboard.revealed .fund-panel:nth-child(2) {
            transition-delay: .12s, .12s, 0s, 0s;
        }

        .fund-panel-inner {
            padding: clamp(24px, 3.2vw, 42px);
        }

        .fund-metrics {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
            margin-bottom: 34px;
        }

        .fund-metric {
            position: relative;
            min-height: 124px;
            padding: 18px;
            border: 1px solid rgba(189, 162, 126, .14);
            border-radius: 8px;
            background: rgba(255, 255, 255, .38);
            overflow: hidden;
        }

        .fund-parameter-strip .fund-metric {
            width: clamp(250px, 24vw, 348px);
            min-height: 118px;
            background: rgba(255, 255, 255, .44);
            box-shadow: 0 18px 48px rgba(10, 10, 10, .035);
        }

        .fund-metric::after {
            content: '';
            position: absolute;
            right: -38px;
            bottom: -52px;
            width: 128px;
            height: 128px;
            border: 1px solid rgba(189, 162, 126, .16);
            border-radius: 50%;
            pointer-events: none;
        }

        .fund-dashboard.revealed .fund-metric {
            animation: riseIn .85s cubic-bezier(.16, 1, .3, 1) forwards;
            opacity: 0;
            transform: translateY(24px);
        }

        .fund-dashboard.revealed .fund-metric:nth-child(2) {
            animation-delay: .08s;
        }

        .fund-dashboard.revealed .fund-metric:nth-child(3) {
            animation-delay: .16s;
        }

        .fund-dashboard.revealed .fund-metric:nth-child(4) {
            animation-delay: .24s;
        }

        .fund-metric span,
        .asset-label,
        .market-symbol,
        .investor-label {
            display: block;
            font-family: 'Cinzel', serif;
            font-size: 9px;
            letter-spacing: .22em;
            text-transform: uppercase;
            color: #9a7f5f;
        }

        .fund-metric strong {
            display: block;
            margin: 18px 0 8px;
            font-family: 'Cormorant Garamond', serif;
            font-size: clamp(24px, 2.4vw, 34px);
            font-weight: 300;
            line-height: 1;
            color: #2f2a25;
        }

        .fund-metric small {
            display: block;
            color: #6d655b;
            font-size: 14px;
            line-height: 1.35;
        }

        .fund-parameter-strip .fund-metric strong {
            margin-top: 14px;
            font-size: clamp(25px, 2.1vw, 32px);
        }

        .asset-track {
            height: 7px;
            border-radius: 99px;
            background: rgba(189, 162, 126, .14);
            overflow: hidden;
        }

        .asset-fill {
            height: 100%;
            width: var(--asset-share);
            border-radius: inherit;
            background: linear-gradient(90deg, #8a7255, #d4bc9a);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 1s cubic-bezier(.16, 1, .3, 1);
        }

        .fund-dashboard.revealed .asset-fill {
            transform: scaleX(1);
        }

        .asset-note {
            margin-top: 18px;
            margin-bottom: 28px;
            color: #6d655b;
            font-size: 14px;
            line-height: 1.5;
        }

        .holdings-list {
            display: grid;
            gap: 12px;
            margin-top: 22px;
        }

        .holding-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto minmax(116px, auto) 92px;
            gap: 14px;
            align-items: center;
            min-height: 112px;
            padding: 16px;
            border: 1px solid rgba(189, 162, 126, .14);
            border-radius: 8px;
            background: linear-gradient(135deg, rgba(255, 255, 255, .48), rgba(251, 250, 248, .28));
            overflow: hidden;
        }

        .fund-dashboard.revealed .holding-row {
            animation: riseIn .75s cubic-bezier(.16, 1, .3, 1) forwards;
            opacity: 0;
            transform: translateY(18px);
        }

        .fund-dashboard.revealed .holding-row:nth-child(2) {
            animation-delay: .06s;
        }

        .fund-dashboard.revealed .holding-row:nth-child(3) {
            animation-delay: .12s;
        }

        .fund-dashboard.revealed .holding-row:nth-child(4) {
            animation-delay: .18s;
        }

        .fund-dashboard.revealed .holding-row:nth-child(5) {
            animation-delay: .24s;
        }

        .holding-main {
            display: grid;
            gap: 11px;
            min-width: 0;
        }

        .holding-title {
            display: grid;
            gap: 7px;
            min-width: 0;
        }

        .holding-symbol {
            display: block;
            color: #9a7f5f;
            font-family: 'Cinzel', serif;
            font-size: 11px;
            letter-spacing: .14em;
        }

        .holding-name {
            display: block;
            color: #3a3935;
            font-size: 18px;
            line-height: 1.2;
        }

        .holding-share {
            display: block;
            color: #2f2a25;
            font-family: 'Cormorant Garamond', serif;
            font-size: 26px;
            line-height: 1;
            white-space: nowrap;
        }

        .holding-market {
            display: grid;
            gap: 8px;
            justify-items: end;
            text-align: right;
        }

        .holding-price {
            color: #2f2a25;
            font-family: 'Cinzel', serif;
            font-size: clamp(18px, 1.55vw, 25px);
            font-weight: 400;
            line-height: 1;
            white-space: nowrap;
        }

        .holding-change {
            display: inline-flex;
            min-height: 23px;
            align-items: center;
            padding: 0 8px;
            border-radius: 99px;
            background: rgba(125, 104, 79, .1);
            color: #6d655b;
            font-size: 12px;
            line-height: 1;
            white-space: nowrap;
        }

        .holding-row.is-up .holding-change {
            background: rgba(62, 126, 92, .12);
            color: #32724f;
        }

        .holding-row.is-down .holding-change {
            background: rgba(150, 65, 55, .12);
            color: #9a4038;
        }

        .holding-spark {
            min-height: 34px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }

        .holding-sparkline {
            width: 92px;
            height: 34px;
            opacity: .78;
        }

        .allocation-chart-panel .fund-panel-inner {
            display: grid;
            min-height: 100%;
        }

        .allocation-chart-wrap {
            display: grid;
            gap: 26px;
            align-content: center;
            justify-items: center;
            min-height: 100%;
        }

        .allocation-donut {
            position: relative;
            display: grid;
            place-items: center;
            width: min(100%, 310px);
            aspect-ratio: 1;
            border-radius: 50%;
            background:
                conic-gradient(
                    #8a7255 0 14%,
                    #6f7f72 14% 25%,
                    #9a8c73 25% 34%,
                    #7f6874 34% 42%,
                    #bda27e 42% 49%,
                    rgba(189, 162, 126, .16) 49% 100%
                );
            box-shadow: inset 0 0 0 1px rgba(189, 162, 126, .16), 0 24px 64px rgba(10, 10, 10, .055);
        }

        .allocation-donut::before {
            content: '';
            position: absolute;
            inset: 14%;
            border-radius: 50%;
            background: rgba(251, 250, 248, .86);
            box-shadow: inset 0 0 0 1px rgba(189, 162, 126, .16);
        }

        .allocation-donut-core {
            position: relative;
            z-index: 1;
            display: grid;
            gap: 8px;
            justify-items: center;
            text-align: center;
        }

        .allocation-donut-core strong {
            color: #2f2a25;
            font-family: 'Cormorant Garamond', serif;
            font-size: clamp(42px, 5vw, 64px);
            font-weight: 300;
            line-height: .9;
        }

        .allocation-donut-core span {
            color: #9a7f5f;
            font-family: 'Cinzel', serif;
            font-size: 10px;
            letter-spacing: .18em;
            text-transform: uppercase;
        }

        .allocation-legend {
            display: grid;
            gap: 10px;
            width: 100%;
        }

        .allocation-legend-row {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr) auto;
            gap: 10px;
            align-items: center;
            color: #4d4740;
            font-size: 15px;
        }

        .allocation-swatch {
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background: var(--swatch);
        }

        .allocation-legend-name {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .allocation-legend-value {
            color: var(--brass-dark);
            font-family: 'Cinzel', serif;
            font-size: 10px;
            letter-spacing: .12em;
            white-space: nowrap;
        }

        .market-head {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 20px;
            margin-bottom: 22px;
        }

        .market-time {
            color: #7c7165;
            font-size: 13px;
            line-height: 1.4;
            text-align: right;
        }

        .fund-actions {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(280px, .72fr);
            gap: 22px;
            margin-top: 22px;
            opacity: 0;
            transform: translateY(42px);
            transition: opacity 1.1s cubic-bezier(.16, 1, .3, 1), transform 1.1s cubic-bezier(.16, 1, .3, 1);
        }

        .fund-actions.revealed {
            opacity: 1;
            transform: translateY(0);
        }

        .fund-actions.revealed .fund-panel {
            opacity: 1;
            transform: translateY(0);
        }

        .fund-actions.revealed .fund-panel:nth-child(2) {
            transition-delay: .12s, .12s, 0s, 0s;
        }

        .investor-form {
            display: grid;
            gap: 14px;
        }

        .investor-field {
            display: grid;
            gap: 7px;
        }

        .investor-field input,
        .investor-field select {
            width: 100%;
            border: 0;
            border-bottom: 1px solid rgba(189, 162, 126, .34);
            background: transparent;
            color: #2f2a25;
            font-family: 'Cormorant Garamond', serif;
            font-size: 18px;
            padding: 8px 0 10px;
            outline: none;
        }

        .fund-cta-row {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 8px;
        }

        .fund-cta {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 42px;
            padding: 11px 16px;
            border: 1px solid rgba(189, 162, 126, .36);
            border-radius: 8px;
            background: #3a332c;
            color: #fbfaf8;
            font-family: 'Cormorant Garamond', serif;
            font-size: 13px;
            letter-spacing: .16em;
            text-transform: uppercase;
            text-decoration: none;
            transition: background .25s ease, border-color .25s ease, transform .25s ease;
        }

        .fund-cta.secondary {
            background: transparent;
            color: #3a332c;
        }

        .fund-cta:hover,
        .fund-cta:focus-visible {
            background: var(--brass-dark);
            border-color: var(--brass-dark);
            transform: translateY(-2px);
        }

        .fund-cta.secondary:hover,
        .fund-cta.secondary:focus-visible {
            color: #fbfaf8;
        }

        .fund-disclaimer {
            color: #6d655b;
            font-size: 14px;
            line-height: 1.55;
        }

        .cookie-consent {
            position: fixed;
            left: 28px;
            bottom: 28px;
            z-index: 140;
            width: min(380px, calc(100vw - 56px));
            padding: 19px 20px 20px;
            border: 1px solid rgba(138, 114, 85, .2);
            border-radius: 3px;
            background: rgba(251, 250, 248, .72);
            box-shadow: 0 18px 55px rgba(31, 25, 19, .08);
            backdrop-filter: blur(26px) saturate(115%);
            -webkit-backdrop-filter: blur(26px) saturate(115%);
            transform: translateY(16px);
            opacity: 0;
            pointer-events: none;
            transition: opacity .4s ease, transform .5s cubic-bezier(.16, 1, .3, 1);
        }

        .cookie-consent.is-visible {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
        }

        .cookie-title {
            display: flex;
            align-items: center;
            gap: 12px;
            font-family: 'Cinzel', serif;
            font-size: 9px;
            letter-spacing: .28em;
            text-transform: uppercase;
            color: #4b433a;
            margin-bottom: 11px;
        }

        .cookie-title::after {
            content: '';
            width: 34px;
            height: 1px;
            background: rgba(138, 114, 85, .42);
        }

        .cookie-text {
            max-width: 39ch;
            font-size: 14px;
            line-height: 1.5;
            color: rgba(63, 57, 51, .86);
            margin-bottom: 16px;
        }

        .cookie-actions {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
        }

        .cookie-btn {
            min-height: 38px;
            padding: 9px 13px;
            border: 1px solid rgba(138, 114, 85, .28);
            border-radius: 2px;
            font-family: 'Cinzel', serif;
            font-size: 9px;
            letter-spacing: .18em;
            text-transform: uppercase;
            color: #463f38;
            transition: background .3s ease, color .3s ease, border-color .3s ease;
        }

        .cookie-btn.primary {
            background: rgba(48, 42, 36, .9);
            border-color: rgba(48, 42, 36, .9);
            color: #fbfaf8;
        }

        .cookie-btn:hover,
        .cookie-btn:focus-visible {
            border-color: var(--brass-dark);
            background: rgba(189, 162, 126, .1);
            color: #2d2823;
        }

        .cookie-btn.primary:hover,
        .cookie-btn.primary:focus-visible {
            background: var(--brass-dark);
            color: #fff;
        }

        @media (max-width: 960px) {
            .site-nav {
                top: 0;
                width: 100%;
            }

            .nav-shell {
                display: grid;
                grid-template-columns: minmax(0, 1fr) auto;
                align-items: center;
                gap: 10px;
                min-height: calc(66px + env(safe-area-inset-top));
                padding: env(safe-area-inset-top) 16px 0;
                background: rgba(251, 250, 248, .94);
                border-color: rgba(138, 114, 85, .18);
                box-shadow: 0 10px 30px rgba(39, 31, 22, .035);
            }

            .nav-brand {
                min-width: 0;
                overflow: hidden;
            }

            .nav-brand-name {
                overflow: hidden;
                font-size: clamp(8px, 2.45vw, 10px);
                letter-spacing: .2em;
                text-overflow: ellipsis;
            }

            .nav-tools {
                gap: 5px;
                justify-self: end;
            }

            .language-switch {
                gap: 0;
            }

            .lang-btn {
                min-width: 30px;
                min-height: 38px;
                padding: 0 7px;
                font-size: 8px;
                letter-spacing: .12em;
            }

            .nav-toggle {
                display: inline-flex;
                width: 38px;
                height: 38px;
                transition: color .25s ease;
            }

            .site-nav.is-open .nav-toggle {
                color: var(--brass-deep);
            }

            .site-nav.is-open .nav-toggle-line:nth-child(1) {
                transform: translate(-50%, 0) rotate(45deg);
            }

            .site-nav.is-open .nav-toggle-line:nth-child(2) {
                transform: translate(-50%, 0) rotate(-45deg);
            }

            .nav-links {
                counter-reset: nav-item;
                position: absolute;
                top: 100%;
                right: 0;
                bottom: auto;
                left: 0;
                display: flex;
                flex-direction: column;
                align-items: stretch;
                justify-content: center;
                gap: 0;
                width: 100%;
                height: calc(100dvh - 66px - env(safe-area-inset-top));
                min-height: calc(100vh - 66px - env(safe-area-inset-top));
                padding: clamp(20px, 5vh, 44px) 24px;
                overflow-y: auto;
                background: rgba(251, 250, 248, .98);
                backdrop-filter: blur(24px);
                -webkit-backdrop-filter: blur(24px);
                opacity: 0;
                visibility: hidden;
                pointer-events: none;
                transform: translateY(-14px);
                transition: opacity .35s ease, visibility .35s ease, transform .55s cubic-bezier(.16, 1, .3, 1);
            }

            .nav-links a {
                counter-increment: nav-item;
                display: grid;
                grid-template-columns: 38px minmax(0, 1fr);
                align-items: center;
                min-height: clamp(60px, 10vh, 82px);
                width: 100%;
                padding: 0 2px;
                border-top: 1px solid rgba(138, 114, 85, .16);
                font-family: 'Cormorant Garamond', serif;
                font-size: clamp(22px, 6.5vw, 31px);
                font-weight: 300;
                letter-spacing: .08em;
                color: #3e3832;
                transition: color .3s ease, padding .35s cubic-bezier(.16, 1, .3, 1);
            }

            .nav-links a:last-child {
                border-bottom: 1px solid rgba(138, 114, 85, .16);
            }

            .nav-links a::before {
                content: '0' counter(nav-item);
                font-family: 'Cinzel', serif;
                font-size: 8px;
                letter-spacing: .12em;
                color: var(--brass-dark);
            }

            .nav-links a::after {
                display: none;
            }

            .nav-links a:hover,
            .nav-links a:focus-visible {
                padding-left: 8px;
                color: var(--brass-deep);
            }

            .site-nav.is-open .nav-links {
                opacity: 1;
                visibility: visible;
                pointer-events: auto;
                transform: translateY(0);
            }

            body.nav-open {
                overflow: hidden;
            }

            .seo-grid,
            .seo-resource-grid,
            .fund-header,
            .fund-dashboard,
            .fund-actions {
                grid-template-columns: 1fr;
            }

            .seo-panel {
                border-left: 0;
                padding-left: 0;
                border-top: 1px solid rgba(189, 162, 126, .26);
                padding-top: 32px;
            }
        }

        @media (max-width: 768px) {
            .site-nav {
                animation-delay: 1.8s;
            }

            .seo-section {
                padding: 12vh 6vw;
            }

            .fund-section {
                padding: 12vh 6vw;
            }

            .fund-parameter-strip {
                margin-inline: -6vw;
                padding-inline: 6vw;
            }

            .fund-parameter-strip .fund-metric {
                width: min(74vw, 310px);
            }

            .fund-metrics {
                grid-template-columns: 1fr;
            }

            .holding-row {
                grid-template-columns: 1fr;
                align-items: start;
            }

            .holding-market {
                justify-items: start;
                text-align: left;
            }

            .holding-spark {
                justify-content: flex-start;
            }

            .market-head {
                align-items: flex-start;
                flex-direction: column;
            }

            .market-time {
                text-align: left;
            }

            .seo-title {
                max-width: 12ch;
            }

            .cookie-consent {
                left: 10px;
                bottom: max(10px, env(safe-area-inset-bottom));
                width: calc(100vw - 20px);
                padding: 17px;
                background: rgba(251, 250, 248, .78);
            }

            .cookie-text {
                font-size: 13.5px;
                margin-bottom: 14px;
            }

            .cookie-actions {
                display: grid;
                grid-template-columns: .9fr 1.35fr;
            }

            .cookie-btn {
                width: 100%;
                padding-inline: 8px;
                font-size: 8px;
                white-space: nowrap;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .fund-parameter-track {
                animation: none;
                transform: none;
            }
        }

        /* ═══════════════════════════════════════
           DARK THEME
        ═══════════════════════════════════════ */
        ::selection {
            background: rgba(195, 164, 118, .3);
            color: #fffaf2;
        }

        html,
        body {
            background: #0b0d0e;
            color: #eee8de;
        }

        body {
            background-image:
                radial-gradient(circle at 12% 8%, rgba(195, 164, 118, .07), transparent 32%),
                radial-gradient(circle at 88% 36%, rgba(195, 164, 118, .035), transparent 30%),
                linear-gradient(180deg, #0b0d0e 0%, #101213 52%, #090b0c 100%);
        }

        #grain {
            opacity: .055;
            mix-blend-mode: soft-light;
        }

        #paper-texture {
            opacity: .026;
            mix-blend-mode: screen;
            filter: invert(1);
        }

        #vignette {
            background: radial-gradient(ellipse 88% 78% at 50% 48%, transparent 35%, rgba(0, 0, 0, .22) 68%, rgba(0, 0, 0, .66) 100%);
        }

        .cp1 {
            background: radial-gradient(circle, rgba(195, 164, 118, .08) 0%, rgba(195, 164, 118, .025) 45%, transparent 70%);
        }

        .cp2 {
            background: radial-gradient(circle, rgba(121, 101, 75, .07) 0%, rgba(121, 101, 75, .02) 40%, transparent 68%);
        }

        #ghost-numeral,
        #breathe-ring {
            filter: opacity(.5);
        }

        .projects-section .parallax-inner::before,
        .contact-section .parallax-inner::before,
        .seo-section::before {
            opacity: .42;
        }

        .name-first {
            background-image: linear-gradient(175deg, #e6d5bb 0%, #cdb38d 42%, #f0dfc3 100%);
        }

        .nl {
            background-image: linear-gradient(160deg, #d8c09b 0%, #b79567 38%, #ead7b6 68%, #c09f71 100%);
        }

        .bio,
        .email-link,
        .fc-title,
        .projects-title,
        .pj-title,
        .about-title,
        .about-text,
        .pc-title,
        .contact-title,
        .cd-value,
        .cd-value a,
        .seo-title,
        .seo-copy,
        .seo-resource,
        .fund-title,
        .fund-metric strong,
        .holding-name,
        .holding-share,
        .holding-price,
        .allocation-donut-core strong,
        .investor-field input,
        .investor-field select,
        .cf-field input,
        .cf-field textarea {
            color: #e9e3d9;
        }

        .projects-title {
            background-image: linear-gradient(160deg, #f0e9df 0%, #c9bda9 46%, #e1d5c5 100%);
        }

        .quote-text,
        .coord-label,
        .coord-value,
        .status-text,
        .corner-eyebrow,
        .corner-mark,
        .vert-text span,
        .fc-desc,
        .pj-desc,
        .pc-desc,
        .contact-subtitle,
        .cd-label,
        .cf-field label,
        .fo-text,
        .seo-list,
        .seo-resource small,
        .fund-intro,
        .fund-metric small,
        .asset-note,
        .allocation-legend-row,
        .market-time,
        .fund-disclaimer,
        .cookie-text {
            color: #a9a197;
        }

        .about-text em,
        .seo-copy em,
        .seo-list strong,
        .bio em {
            color: #cdb083;
        }

        .email-link::before {
            background: rgba(232, 223, 210, .2);
        }

        .tl-tooltip-inner {
            background: rgba(16, 18, 19, .92);
            border-color: rgba(195, 164, 118, .3);
            box-shadow: 0 12px 36px rgba(0, 0, 0, .34);
        }

        .tl-tooltip-text {
            color: #d8d0c5;
        }

        .tl-tooltip-inner::after {
            background: #111314;
            border-color: rgba(195, 164, 118, .3);
        }

        .focus-card,
        .focus-card:hover {
            background: rgba(15, 17, 18, .84);
            border-color: rgba(195, 164, 118, .24);
            box-shadow: 0 18px 50px rgba(0, 0, 0, .22);
        }

        #curtain {
            background:
                radial-gradient(circle at center, rgba(195, 164, 118, .055), transparent 34%),
                #090b0c;
        }

        .site-nav .nav-shell {
            background: rgba(11, 13, 14, .8);
            border-color: rgba(195, 164, 118, .17);
            box-shadow: 0 14px 44px rgba(0, 0, 0, .18);
        }

        .nav-brand,
        .nav-links a {
            color: #dcd5cb;
        }

        .nav-links a:hover,
        .nav-links a:focus-visible {
            color: #fffaf2;
        }

        .lang-btn {
            color: #77736e;
        }

        .lang-btn.is-active,
        .nav-toggle {
            color: #cdb083;
        }

        .lang-btn + .lang-btn::before {
            background: rgba(195, 164, 118, .22);
        }

        .seo-section {
            background:
                radial-gradient(circle at 84% 24%, rgba(195, 164, 118, .05), transparent 34%),
                linear-gradient(180deg, rgba(11, 13, 14, 0), rgba(19, 21, 22, .78) 44%, rgba(11, 13, 14, 0));
        }

        .projects-section .parallax-inner {
            background:
                radial-gradient(ellipse 110% 70% at 12% 18%, rgba(195, 164, 118, .055) 0%, transparent 55%),
                radial-gradient(ellipse 80% 90% at 88% 75%, rgba(0, 0, 0, .2) 0%, transparent 60%),
                linear-gradient(168deg, rgba(11, 13, 14, 0) 0%, rgba(23, 25, 26, .78) 45%, rgba(11, 13, 14, 0) 100%);
        }

        .contact-section .parallax-inner {
            background:
                radial-gradient(ellipse 90% 80% at 82% 30%, rgba(195, 164, 118, .06) 0%, transparent 58%),
                radial-gradient(ellipse 70% 90% at 15% 75%, rgba(0, 0, 0, .18) 0%, transparent 55%),
                linear-gradient(15deg, rgba(11, 13, 14, 0) 0%, rgba(24, 25, 25, .76) 50%, rgba(11, 13, 14, 0) 100%);
        }

        .fund-section {
            background:
                radial-gradient(ellipse 80% 70% at 14% 18%, rgba(195, 164, 118, .07) 0%, transparent 58%),
                radial-gradient(ellipse 70% 90% at 86% 72%, rgba(0, 0, 0, .25) 0%, transparent 62%);
        }

        .project-card,
        .philosophy-card,
        .contact-form-wrap {
            background: rgba(17, 19, 20, .52);
            border-color: rgba(195, 164, 118, .16);
            box-shadow: 0 28px 70px rgba(0, 0, 0, .13);
        }

        .project-card:hover,
        .philosophy-card:hover,
        .contact-form-wrap:hover {
            background: rgba(24, 26, 27, .82);
            border-color: rgba(195, 164, 118, .34);
            box-shadow: 0 34px 78px rgba(0, 0, 0, .26);
        }

        .pj-image img {
            filter: grayscale(35%) brightness(.62) sepia(10%);
        }

        .project-card:hover .pj-image img {
            filter: grayscale(18%) brightness(.7) sepia(8%);
        }

        .pj-image::after {
            background: linear-gradient(to bottom, transparent 0%, transparent 38%, rgba(17, 19, 20, .58) 72%, rgba(17, 19, 20, .98) 100%);
        }

        .seo-resource,
        .seo-resource:hover,
        .seo-resource:focus-visible {
            background: rgba(17, 19, 20, .66);
            border-color: rgba(195, 164, 118, .2);
            box-shadow: 0 24px 60px rgba(0, 0, 0, .12);
        }

        .seo-resource:hover,
        .seo-resource:focus-visible {
            background: rgba(25, 27, 28, .9);
            border-color: rgba(195, 164, 118, .42);
        }

        .fund-panel {
            background: rgba(16, 18, 19, .72);
            border-color: rgba(195, 164, 118, .2);
            box-shadow: 0 30px 86px rgba(0, 0, 0, .24);
        }

        .fund-metric,
        .fund-parameter-strip .fund-metric {
            background: rgba(31, 33, 34, .58);
            border-color: rgba(195, 164, 118, .15);
            box-shadow: 0 16px 44px rgba(0, 0, 0, .14);
        }

        .holding-row {
            background: linear-gradient(135deg, rgba(32, 34, 35, .72), rgba(17, 19, 20, .74));
            border-color: rgba(195, 164, 118, .16);
        }

        .holding-change {
            background: rgba(195, 164, 118, .1);
            color: #b7ada0;
        }

        .holding-row.is-up .holding-change {
            background: rgba(78, 151, 108, .16);
            color: #78c396;
        }

        .holding-row.is-down .holding-change {
            background: rgba(186, 81, 69, .16);
            color: #d27b70;
        }

        .allocation-donut::before {
            background: #141617;
        }

        .investor-field input,
        .investor-field select,
        .cf-field input,
        .cf-field textarea {
            caret-color: var(--brass-light);
        }

        .investor-field select option {
            background: #151718;
            color: #e9e3d9;
        }

        .investor-field input::placeholder,
        .cf-field input::placeholder,
        .cf-field textarea::placeholder {
            color: #716c65;
        }

        .fund-cta {
            background: #c3a476;
            border-color: #c3a476;
            color: #0b0d0e;
        }

        .fund-cta.secondary {
            background: transparent;
            color: #ded7cd;
        }

        .fund-cta:hover,
        .fund-cta:focus-visible {
            background: #d1b588;
            border-color: #d1b588;
            color: #0b0d0e;
        }

        .cf-submit {
            color: #d0b384;
            border-color: rgba(195, 164, 118, .42);
        }

        .cookie-consent {
            background: rgba(14, 16, 17, .74);
            border-color: rgba(195, 164, 118, .22);
            box-shadow: 0 22px 64px rgba(0, 0, 0, .36);
        }

        .cookie-title {
            color: #ded7cd;
        }

        .cookie-btn {
            color: #d5cec4;
            border-color: rgba(195, 164, 118, .3);
        }

        .cookie-btn.primary {
            background: #c3a476;
            border-color: #c3a476;
            color: #0b0d0e;
        }

        .cookie-btn:hover,
        .cookie-btn:focus-visible {
            background: rgba(195, 164, 118, .14);
            color: #fffaf2;
        }

        .cookie-btn.primary:hover,
        .cookie-btn.primary:focus-visible {
            background: #d1b588;
            color: #0b0d0e;
        }

        @media (max-width: 960px) {
            .site-nav .nav-shell {
                background: rgba(11, 13, 14, .94);
            }

            .site-nav .nav-links {
                background: rgba(9, 11, 12, .98);
            }

            .site-nav .nav-links a {
                color: #ded7cd;
                border-color: rgba(195, 164, 118, .15);
            }

            .cookie-consent {
                background: rgba(14, 16, 17, .84);
            }
        }

        *,
        *::before,
        *::after {
            border-radius: 0 !important;
        }