:root{--color-background: #000000;--color-text-primary: #FFFAFA;--color-text-secondary: #F2F0EF;--color-accent: #E2A9F1;--color-accent-light: #EAD5FA;--color-accent-orchid: #E89FE4;--color-accent-violet: #CCA8F9;--color-accent-mauve: #D8A5D8;--color-accent-vibrant: #EE98E6;--color-accent-cool: #BFA2F6;--color-accent-amethyst: #D485F8;--color-pink: #F2A7C4;--color-lemon: #F2EDCB;--color-disabled: #C4C4C4;--color-surface: rgba(255, 255, 255, .04);--color-surface-hover: rgba(255, 255, 255, .07);--color-surface-elevated: rgba(255, 255, 255, .06);--color-surface-flat: rgba(20, 12, 16, .95);--color-border-subtle: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .15);--color-border-focus: #E2A9F1;--color-border-flat: rgba(255, 255, 255, .1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px;--space-9: 64px;--space-10: 80px;--space-11: 96px;--space-12: 128px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1440px;--container-max-width: 1280px;--container-padding-mobile: var(--space-4);--container-padding-tablet: var(--space-6);--container-padding-desktop: var(--space-8);--container-padding-wide: var(--space-9);--container-padding: var(--container-padding-mobile);--radius-none: 0px;--radius-sm: 4px;--radius-md: 8px;--radius-card: 20px;--radius-media: 14px;--radius-button: 9999px;--radius-pill: 9999px;--touch-target-min: 44px}@media(min-width:768px){:root{--container-padding: var(--container-padding-tablet)}}@media(min-width:1024px){:root{--container-padding: var(--container-padding-desktop)}}@media(min-width:1440px){:root{--container-padding: var(--container-padding-wide)}}@font-face{font-family:MADE Okine Sans;src:url(/fonts/MADEOkineSansPERSONALUSE-Thin.otf) format("opentype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:MADE Okine Sans;src:url(/fonts/MADEOkineSansPERSONALUSE-Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:MADE Okine Sans;src:url(/fonts/MADEOkineSansPERSONALUSE-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MADE Okine Sans;src:url(/fonts/MADEOkineSansPERSONALUSE-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:MADE Okine Sans;src:url(/fonts/MADEOkineSansPERSONALUSE-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:MADE Okine Sans;src:url(/fonts/MADEOkineSansPERSONALUSE-Black.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}:root{--font-family-primary: "MADE Okine Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--line-height-tight: 1.08;--line-height-heading: 1.15;--line-height-subheading: 1.25;--line-height-body: 1.55;--line-height-relaxed: 1.65;--type-display-size: clamp(1.6rem, 5vw + .5rem, 4.5rem);--type-display-weight: 700;--type-display-line-height: 1.1;--type-display-letter-spacing: -.025em;--type-h1-size: clamp(2rem, 3.8vw + .75rem, 3.75rem);--type-h1-weight: 700;--type-h1-line-height: var(--line-height-tight);--type-h1-letter-spacing: -.025em;--type-h2-size: clamp(1.75rem, 3vw + .75rem, 2.75rem);--type-h2-weight: 700;--type-h2-line-height: var(--line-height-heading);--type-h2-letter-spacing: -.02em;--type-h3-size: clamp(1.35rem, 2vw + .5rem, 2rem);--type-h3-weight: 500;--type-h3-line-height: var(--line-height-subheading);--type-h3-letter-spacing: -.015em;--type-h4-size: clamp(1.15rem, 1.25vw + .5rem, 1.45rem);--type-h4-weight: 500;--type-h4-line-height: var(--line-height-subheading);--type-h4-letter-spacing: -.01em;--type-hero-sub-size: clamp(1rem, 1.1vw + .65rem, 1.45rem);--type-hero-sub-weight: 300;--type-hero-sub-line-height: 1.2;--type-hero-sub-letter-spacing: -.015em;--type-body-large-size: clamp(1.125rem, .75vw + .875rem, 1.35rem);--type-body-large-weight: 400;--type-body-large-line-height: var(--line-height-body);--type-body-large-letter-spacing: -.005em;--type-body-size: 1rem;--type-body-weight: 400;--type-body-line-height: var(--line-height-body);--type-body-letter-spacing: 0;--type-body-small-size: .875rem;--type-body-small-weight: 400;--type-body-small-line-height: var(--line-height-body);--type-body-small-letter-spacing: .005em;--type-caption-size: .75rem;--type-caption-weight: 400;--type-caption-line-height: 1.4;--type-caption-letter-spacing: .02em;--type-label-size: .8125rem;--type-label-weight: 500;--type-label-line-height: 1.3;--type-label-letter-spacing: .04em;--type-button-size: .9375rem;--type-button-weight: 500;--type-button-line-height: 1;--type-button-letter-spacing: .01em;--type-link-size: 1rem;--type-link-weight: 400;--type-link-line-height: inherit;--type-link-letter-spacing: inherit}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family-primary);font-feature-settings:"cv02","cv03","cv04","cv11";font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh;background-color:var(--color-background);color:var(--color-text-primary);line-height:var(--line-height-body);overflow-x:hidden}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}img,video{display:block;max-width:100%;height:auto}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}.app-root{display:flex;flex-direction:column;min-height:100vh;width:100%}.prose{max-width:68ch}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer-base{background-color:#ffffff0d;background-image:linear-gradient(90deg,#ffffff0a,#ffffff17,#ffffff0a);background-size:200% 100%;background-repeat:no-repeat;animation:skeleton-shimmer 2.2s cubic-bezier(.4,0,.2,1) infinite;border-radius:var(--radius-sm, 4px);position:relative;overflow:hidden}@media(prefers-reduced-motion:reduce){.skeleton-shimmer-base{animation:none!important;background-image:none!important;background-color:#ffffff12!important}}.portfolio-skeleton-root{width:100%;min-height:100vh;background-color:var(--color-background, #000000);color:var(--color-text-primary, #FFFAFA);overflow-x:hidden;-webkit-user-select:none;user-select:none;pointer-events:none}.portfolio-loading-container{position:relative;width:100%;min-height:100vh;background-color:var(--color-background, #000000)}.portfolio-content-layer{width:100%;transition:opacity .4s ease-in-out}.portfolio-content-layer.is-hidden{opacity:0;pointer-events:none}.portfolio-content-layer.is-visible{opacity:1}.portfolio-skeleton-layer{position:absolute;top:0;left:0;width:100%;z-index:999;transition:opacity .4s ease-in-out,visibility .4s ease-in-out}.portfolio-skeleton-layer.is-fading{opacity:0;visibility:hidden;pointer-events:none}.sk-navbar{position:sticky;top:0;left:0;width:100%;height:60px;background-color:var(--color-background, #000000);border-bottom:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));display:flex;align-items:center;z-index:1000;box-sizing:border-box}.sk-navbar-inner{display:flex;align-items:center;justify-content:space-between;width:100%}.sk-navbar-star{width:22px;height:22px;border-radius:4px}.sk-navbar-links{display:flex;align-items:center;gap:var(--space-6, 32px)}.sk-navbar-link-pill{width:52px;height:14px;border-radius:3px}@media(max-width:860px){.sk-navbar-links{display:none}.sk-navbar-mobile-toggle{width:28px;height:14px;border-radius:2px}}@media(min-width:861px){.sk-navbar-mobile-toggle{display:none}}.sk-hero-section{padding-top:calc(var(--space-9, 64px) + 10px);padding-bottom:var(--space-6, 32px);display:flex;flex-direction:column;align-items:center}@media(max-width:768px){.sk-hero-section{padding-top:calc(var(--space-7, 40px) + 10px)}}.sk-hero-title-group{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-4, 16px);width:100%;margin-bottom:var(--space-6, 32px)}.sk-hero-title-pill{width:min(340px,70vw);height:clamp(32px,5vw,48px);border-radius:8px}.sk-hero-subtitle-pill{width:min(260px,60vw);height:clamp(20px,3vw,28px);border-radius:6px}.sk-hero-media{width:80%;max-width:1200px;aspect-ratio:16 / 9;border-radius:var(--radius-media, 12px);margin-left:auto;margin-right:auto;border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08))}.sk-hero-cta{width:120px;height:42px;border-radius:var(--radius-full, 9999px);margin-top:var(--space-5, 24px);margin-left:auto;margin-right:auto}.sk-question-section{padding-top:var(--space-9, 64px);padding-bottom:var(--space-9, 64px);display:flex;flex-direction:column;align-items:center;text-align:center}.sk-question-lead{width:min(420px,80vw);height:28px;border-radius:6px;margin-bottom:var(--space-8, 48px)}.sk-question-sequence{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:var(--space-5, 24px);width:100%}.sk-q-word-1{width:90px;height:38px;border-radius:6px}.sk-q-word-2{width:85px;height:38px;border-radius:6px}.sk-q-word-3{width:80px;height:38px;border-radius:6px}.sk-q-word-4{width:65px;height:30px;border-radius:5px}.sk-q-word-5{width:55px;height:24px;border-radius:4px}.sk-q-word-6{width:60px;height:18px;border-radius:4px}.sk-projects-section{padding-top:var(--space-9, 64px);padding-bottom:var(--space-9, 64px)}.sk-projects-grid{display:flex;flex-direction:column;gap:var(--space-10, 80px);width:100%}.sk-project-bento{display:grid;grid-template-columns:1fr;gap:var(--space-4, 16px);width:100%}@media(min-width:1024px){.sk-project-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;column-gap:var(--space-5, 24px);row-gap:var(--space-4, 16px)}.sk-project-info-block{grid-column:1 / 2;grid-row:1 / 4}.sk-project-qa-1{grid-column:2 / 3;grid-row:1 / 2}.sk-project-qa-2{grid-column:2 / 3;grid-row:2 / 3}.sk-project-qa-3{grid-column:2 / 3;grid-row:3 / 4}.sk-project-cta-full{grid-column:1 / 3;grid-row:4 / 5}}.sk-project-info-block{border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));border-radius:var(--radius-media, 12px);padding:var(--space-6, 32px);display:flex;flex-direction:column;gap:var(--space-4, 16px);background:#ffffff05}.sk-project-title-pill{width:140px;height:32px;border-radius:6px}.sk-project-tagline-pill{width:220px;height:16px;border-radius:4px}.sk-project-media-box{width:100%;aspect-ratio:16 / 9;border-radius:8px}.sk-project-about-line{width:100%;height:14px;border-radius:3px}.sk-project-qa-card{border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));border-radius:var(--radius-media, 12px);padding:var(--space-5, 24px);display:flex;flex-direction:column;gap:var(--space-3, 12px);background:#ffffff05}.sk-qa-title{width:180px;height:18px;border-radius:4px}.sk-qa-body{width:90%;height:14px;border-radius:3px}.sk-project-cta-full{width:100%;height:54px;border-radius:8px;border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08))}.sk-mind-section{padding-top:var(--space-9, 64px);padding-bottom:var(--space-9, 64px);display:flex;flex-direction:column;align-items:center}.sk-mind-header{width:240px;height:32px;border-radius:6px;margin-bottom:var(--space-8, 48px)}.sk-mind-canvas{width:100%;max-width:1000px;height:480px;border-radius:var(--radius-media, 12px);border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));display:flex;align-items:center;justify-content:center;position:relative;background:#ffffff05}.sk-mind-center-node{width:48px;height:48px;border-radius:50%}.sk-mind-cluster-node{position:absolute;border-radius:50%}.sk-mc-1{top:20%;left:20%;width:28px;height:28px}.sk-mc-2{top:15%;right:25%;width:32px;height:32px}.sk-mc-3{bottom:25%;left:30%;width:30px;height:30px}.sk-mc-4{bottom:20%;right:20%;width:28px;height:28px}@media(max-width:768px){.sk-mind-canvas{height:340px}}.sk-essays-section{padding-top:var(--space-9, 64px);padding-bottom:var(--space-9, 64px)}.sk-essays-title{width:180px;height:32px;border-radius:6px;margin-bottom:var(--space-7, 40px)}.sk-essays-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6, 32px);width:100%}@media(min-width:768px){.sk-essays-grid{grid-template-columns:1fr 1fr}}.sk-essay-card{border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));border-radius:var(--radius-media, 12px);padding:var(--space-6, 32px);display:flex;flex-direction:column;gap:var(--space-5, 24px);background:#ffffff05}.sk-essay-year{width:45px;height:16px;border-radius:3px}.sk-essay-image-box{width:100%;aspect-ratio:4 / 3;border-radius:8px}.sk-essay-title-line{width:85%;height:22px;border-radius:4px}.sk-testimonials-section{padding-top:var(--space-9, 64px);padding-bottom:var(--space-9, 64px)}.sk-testimonials-title{width:200px;height:32px;border-radius:6px;margin-bottom:var(--space-7, 40px)}.sk-testimonials-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5, 24px);width:100%}@media(min-width:768px){.sk-testimonials-grid{grid-template-columns:1fr 1fr}}.sk-test-card{border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));border-radius:var(--radius-media, 12px);padding:var(--space-6, 32px);display:flex;flex-direction:column;gap:var(--space-4, 16px);background:#ffffff05}.sk-test-badge{width:100px;height:14px;border-radius:3px}.sk-test-quote-1{width:100%;height:16px;border-radius:3px}.sk-test-quote-2{width:85%;height:16px;border-radius:3px}.sk-test-author-row{display:flex;align-items:center;gap:var(--space-3, 12px);margin-top:var(--space-3, 12px)}.sk-test-avatar{width:36px;height:36px;border-radius:50%}.sk-test-name{width:110px;height:14px;border-radius:3px}.sk-gallery-section{padding-top:var(--space-9, 64px);padding-bottom:var(--space-9, 64px)}.sk-gallery-title{width:220px;height:28px;border-radius:6px;margin-bottom:var(--space-7, 40px)}.sk-gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4, 16px);width:100%}@media(min-width:768px){.sk-gallery-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.sk-gallery-grid{grid-template-columns:repeat(4,1fr)}}.sk-gallery-card{aspect-ratio:4 / 5;border-radius:var(--radius-media, 12px);border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08))}.sk-footer-section{padding-top:var(--space-9, 64px);padding-bottom:var(--space-8, 48px);border-top:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08))}.sk-footer-layout{display:grid;grid-template-columns:1fr;gap:var(--space-7, 40px);width:100%}@media(min-width:1024px){.sk-footer-layout{grid-template-columns:1fr 1.35fr;column-gap:var(--space-9, 64px);align-items:center}}.sk-footer-question{width:min(320px,80vw);height:48px;border-radius:8px}.sk-footer-form{display:flex;flex-direction:column;gap:var(--space-4, 16px);width:100%;max-width:620px}.sk-footer-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4, 16px)}@media(max-width:640px){.sk-footer-row{grid-template-columns:1fr}}.sk-footer-input{width:100%;height:48px;border-radius:8px;border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08))}.sk-footer-textarea{width:100%;height:120px;border-radius:8px;border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08))}.sk-footer-submit{width:110px;height:44px;border-radius:8px}.sk-footer-bottom-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3, 12px);margin-top:var(--space-9, 64px);padding-top:var(--space-6, 32px);border-top:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08))}.sk-footer-tagline{width:280px;height:20px;border-radius:4px}.sk-footer-copyright{width:220px;height:14px;border-radius:3px}.sk-case-study{width:100%;padding-top:var(--space-9, 64px);padding-bottom:var(--space-10, 80px)}.sk-cs-nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-4, 16px);margin-bottom:var(--space-8, 48px);border-bottom:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08))}.sk-cs-back{width:90px;height:18px;border-radius:4px}.sk-cs-badge{width:120px;height:18px;border-radius:4px}.sk-cs-header{display:flex;flex-direction:column;gap:var(--space-3, 12px);margin-bottom:var(--space-8, 48px)}.sk-cs-title{width:min(380px,75vw);height:48px;border-radius:8px}.sk-cs-tagline{width:min(480px,90vw);height:24px;border-radius:6px}.sk-cs-hero-media{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-media, 12px);margin-bottom:var(--space-9, 64px);border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08))}.sk-cs-body-block{display:flex;flex-direction:column;gap:var(--space-4, 16px);max-width:800px}.sk-cs-text-1{width:100%;height:20px;border-radius:4px}.sk-cs-text-2{width:90%;height:20px;border-radius:4px}.sk-cs-text-3{width:75%;height:20px;border-radius:4px}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.system-section{width:100%;position:relative}.section-pt-default{padding-top:var(--space-9)}.section-pb-default{padding-bottom:var(--space-9)}.section-pt-hero{padding-top:var(--space-7)}.section-pb-hero{padding-bottom:var(--space-10)}.section-pt-none{padding-top:0}.section-pb-none{padding-bottom:0}@media(min-width:768px){.section-pt-hero{padding-top:var(--space-9)}.section-pb-hero{padding-bottom:var(--space-11)}.section-pt-default{padding-top:var(--space-10)}.section-pb-default{padding-bottom:var(--space-10)}}@media(min-width:1024px){.section-pt-hero{padding-top:var(--space-11)}.section-pb-hero{padding-bottom:var(--space-12)}}.media-placeholder-container{width:100%;position:relative;background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-media);overflow:hidden;display:flex;align-items:center;justify-content:center}.media-placeholder-image{width:100%;height:100%;object-fit:cover;display:block}.media-placeholder-content{display:flex;align-items:center;justify-content:center;padding:var(--space-4);text-align:center}.media-placeholder-label{font-family:var(--font-family-primary);font-size:var(--type-label-size);font-weight:400;letter-spacing:var(--type-label-letter-spacing);color:var(--color-disabled);-webkit-user-select:none;user-select:none}.system-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;font-family:var(--font-family-primary);font-size:var(--type-button-size);font-weight:var(--type-button-weight);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-button);text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;transition:transform .12s cubic-bezier(.25,1,.5,1),color .15s ease,border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.system-btn-content{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin:0;padding:0;line-height:1}.system-btn:hover:not(.is-disabled):not(:disabled){color:var(--color-accent);border-color:var(--color-accent);background-color:var(--color-surface-hover);transform:scale(1.02)}.system-btn:active:not(.is-disabled):not(:disabled){transform:scale(.97)}.system-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:3px}.system-btn-apple-linkedin{background-color:#0b71d6;color:#fff;border:1.5px solid rgba(255,255,255,.22);border-radius:9999px;height:50px;padding:0 28px;box-shadow:0 4px 16px #0b71d659}.system-btn-apple-linkedin:hover:not(.is-disabled):not(:disabled){background-color:#127fe8;color:#fff;border-color:#ffffff59;box-shadow:0 6px 20px #0b71d673;transform:scale(1.02)}.system-btn-apple-linkedin:active:not(.is-disabled):not(:disabled){transform:scale(.97);background-color:#095fb5}.system-btn-apple-linkedin:focus-visible{outline:3px solid rgba(11,113,214,.65);outline-offset:3px}.system-btn:disabled,.system-btn.is-disabled{color:var(--color-disabled);border-color:var(--color-disabled);background-color:transparent;cursor:not-allowed;opacity:.5;pointer-events:none}.system-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;margin:0;padding:0;line-height:0}.system-btn-icon svg{width:22px;height:22px;display:block;flex-shrink:0}.system-btn-icon img{width:22px;height:22px;object-fit:contain;display:block;flex-shrink:0}.system-btn-accent{background-color:var(--color-accent);color:#000;border:1.5px solid var(--color-accent);border-radius:var(--radius-pill);height:48px;min-height:48px;padding:0 28px;box-shadow:0 4px 16px #e2a9f140}.system-btn-accent .system-btn-label{font-size:1.0625rem;font-weight:700;letter-spacing:-.015em;color:#000}.system-btn-accent:hover:not(.is-disabled):not(:disabled){background-color:#ecbcf8;border-color:#ecbcf8;color:#000;box-shadow:0 6px 20px #e2a9f159}.system-btn-accent:active:not(.is-disabled):not(:disabled){transform:scale(.96);background-color:#d698e6;border-color:#d698e6}.system-btn-accent:focus-visible{outline:3px solid rgba(226,169,241,.65);outline-offset:3px}.system-btn-label{display:inline-flex;align-items:center;margin:0;padding:0;font-family:var(--font-family-primary);font-size:var(--type-button-size);font-weight:var(--type-button-weight);line-height:1;letter-spacing:var(--type-button-letter-spacing);color:inherit}.system-btn-apple-linkedin .system-btn-label{font-size:1.125rem;font-weight:700;letter-spacing:-.015em;color:#fff;transform:translateY(1.5px)}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-heading-composition{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;column-gap:var(--space-6);row-gap:var(--space-5);width:100%;margin-bottom:var(--space-7)}.hero-title{margin:0;padding:0;font-family:var(--font-family-primary);font-size:var(--type-display-size);font-weight:700;line-height:var(--type-display-line-height);letter-spacing:var(--type-display-letter-spacing);color:var(--color-accent);font-style:normal;display:inline}.hero-title-circled{position:relative;display:inline-block;white-space:nowrap;padding:.12em .22em}.hero-pen-stroke{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-5deg);width:114%;height:auto;aspect-ratio:543 / 180;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.92}.hero-subtitle{margin:0;padding:0;font-family:var(--font-family-primary);font-size:var(--type-hero-sub-size);font-weight:var(--type-hero-sub-weight);font-style:italic;line-height:var(--type-hero-sub-line-height);letter-spacing:var(--type-hero-sub-letter-spacing);color:var(--color-text-secondary);display:inline;white-space:nowrap}@media(min-width:768px){.hero-heading-composition{column-gap:var(--space-5);margin-bottom:var(--space-9)}}@media(min-width:1024px){.hero-heading-composition{column-gap:var(--space-6);margin-bottom:var(--space-10)}}@media(max-width:640px){.hero-subtitle{white-space:normal}}@media(max-width:480px){.hero-heading-composition{margin-bottom:var(--space-6)}}.hero-media-wrapper{width:80%;margin-left:auto;margin-right:auto}.hero-actions{display:flex;align-items:center;justify-content:center;width:100%;margin-top:var(--space-5)}@media(min-width:768px){.hero-actions{margin-top:var(--space-6)}}.question-sequence-track{display:flex;align-items:baseline;justify-content:space-between;width:100%;margin:0;padding:0;box-sizing:border-box}.question-word{font-family:var(--font-family-primary);line-height:var(--line-height-tight);display:inline-block;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0}.question-word-primary{font-size:var(--type-h1-size);font-weight:700;letter-spacing:var(--type-h1-letter-spacing);color:var(--color-text-primary)}.question-word-step1{font-size:var(--type-h2-size);font-weight:600;letter-spacing:var(--type-h2-letter-spacing);color:var(--color-text-primary)}.question-word-step2{font-size:var(--type-h3-size);font-weight:500;letter-spacing:var(--type-h3-letter-spacing);color:var(--color-text-secondary)}.question-word-step3{font-size:var(--type-h4-size);font-weight:400;letter-spacing:var(--type-h4-letter-spacing);color:var(--color-disabled)}@media(max-width:640px){.question-word-primary{font-size:clamp(1.2rem,5vw,1.85rem)}.question-word-step1{font-size:clamp(1.05rem,4.3vw,1.6rem)}.question-word-step2{font-size:clamp(.9rem,3.5vw,1.3rem)}.question-word-step3{font-size:clamp(.8rem,2.8vw,1.1rem)}}@media(max-width:380px){.question-word-primary{font-size:clamp(1.02rem,4.5vw,1.18rem)}.question-word-step1{font-size:clamp(.92rem,3.9vw,1.05rem)}.question-word-step2{font-size:clamp(.8rem,3.1vw,.92rem)}.question-word-step3{font-size:clamp(.72rem,2.5vw,.8rem)}}.question-intro-section{position:relative}.question-intro-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.question-intro-lead{font-family:var(--font-family-primary);font-size:var(--type-h3-size);font-weight:300;font-style:italic;line-height:1.4;color:var(--color-text-secondary);letter-spacing:-.01em;margin:0;padding-top:2.2rem;padding-bottom:.5rem;position:relative;display:inline-flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.3em;text-align:center}.lead-text{display:inline;font-weight:300;font-style:italic}.caret-insertion{position:relative;display:inline-flex;align-items:baseline;line-height:1;margin:0;padding:0}.inserted-word{position:absolute;bottom:calc(100% + .48em);left:50%;transform:translate(-50%);font-family:var(--font-family-primary);font-size:.72em;font-style:italic;font-weight:500;color:var(--color-accent);white-space:nowrap;letter-spacing:-.01em;-webkit-user-select:none;user-select:none;pointer-events:none}.caret-svg{width:.46em;height:.58em;stroke:var(--color-accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block;flex-shrink:0;overflow:visible}.question-sequence-wrapper{margin-top:var(--space-8);width:100%;align-self:stretch}@media(min-width:768px){.question-sequence-wrapper{margin-top:var(--space-9)}}@media(min-width:1024px){.question-sequence-wrapper{margin-top:var(--space-10)}}.projects-section{position:relative}.projects-grid{display:grid;grid-template-columns:1fr;row-gap:var(--space-8);width:100%}@media(min-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr);column-gap:var(--container-padding);row-gap:var(--container-padding);align-items:start}}.project-bento-box{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.project-info-container{display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);padding:var(--space-6);box-sizing:border-box;transition:border-color .2s ease,background-color .2s ease}@media(min-width:768px){.project-info-container{padding:var(--space-7)}}.project-info-header{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.project-title{font-family:var(--font-family-primary);font-size:var(--type-h1-size, clamp(2rem, 3.2vw + .5rem, 2.75rem));font-weight:700;font-synthesis:none;line-height:1.12;letter-spacing:.04em;color:var(--color-accent, #E2A9F1);margin:0}.project-tagline{font-family:var(--font-family-primary);font-size:var(--type-body-size, 1rem);font-weight:400;font-style:normal;line-height:1.55;letter-spacing:.035em;color:var(--color-text-secondary);margin:0}@media(max-width:767px){.project-title{letter-spacing:.03em}.project-tagline{letter-spacing:.015em}}.project-media-wrapper{margin:var(--space-6) 0;width:100%}.project-about-layer{display:flex;flex-direction:column;margin-top:auto}.project-about-label{font-family:var(--font-family-primary);font-size:var(--type-label-size);font-weight:500;line-height:1.3;letter-spacing:var(--type-label-letter-spacing);color:var(--color-text-secondary);margin:0}.project-about-caption{font-family:var(--font-family-primary);font-size:var(--type-body-size);font-weight:400;line-height:var(--line-height-body);color:var(--color-disabled);margin:var(--space-2) 0 0 0}.project-qa-card{display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-media);padding:var(--space-5);box-sizing:border-box;transition:border-color .2s ease,background-color .2s ease}@media(min-width:768px){.project-qa-card{padding:var(--space-5) var(--space-6)}}.project-qa-question{font-family:var(--font-family-primary);font-size:var(--type-h4-size);font-weight:500;line-height:var(--line-height-subheading);letter-spacing:-.01em;color:var(--color-text-primary);margin:0}.project-qa-answer{font-family:var(--font-family-primary);font-size:var(--type-body-size);font-weight:300;line-height:var(--line-height-body);color:var(--color-disabled);margin:var(--space-2) 0 0 0}.project-why-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:16px var(--space-6);background-color:var(--color-accent);color:#000;font-family:var(--font-family-primary);font-size:var(--type-button-size);font-weight:700;line-height:1;letter-spacing:-.01em;border:none;border-radius:var(--radius-pill, 9999px);cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;box-shadow:none;background-image:none;box-sizing:border-box;transition:transform .14s cubic-bezier(.25,1,.5,1),background-color .14s ease}.project-why-cta:hover{background-color:#ecbcf8;transform:scale(1.02)}.project-why-cta:active{transform:scale(.97);background-color:#d698e6}.project-why-cta:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){.project-why-cta{transition:none;transform:none!important}.project-why-cta:hover,.project-why-cta:active{transform:none!important}}.essays-section{position:relative}.essays-header{margin-bottom:var(--space-7);display:flex;justify-content:center;text-align:center}@media(min-width:768px){.essays-header{margin-bottom:var(--space-8)}}.essays-section-title{font-family:var(--font-family-primary);font-size:var(--type-h2-size);font-weight:700;line-height:var(--line-height-heading);letter-spacing:-.02em;color:var(--color-text-primary);text-align:center;margin:0}.essays-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);width:100%}@media(min-width:1024px){.essays-grid{grid-template-columns:repeat(2,1fr);column-gap:var(--container-padding);row-gap:var(--container-padding);align-items:stretch}}.essay-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:var(--color-surface);border:none;border-radius:var(--radius-card);padding:var(--space-5);box-sizing:border-box;text-decoration:none;color:inherit;cursor:pointer;width:100%;min-width:0;min-height:250px;gap:var(--space-4);box-shadow:none;background-image:none;transition:background-color .2s ease}@media(min-width:768px){.essay-card{padding:var(--space-6);min-height:290px;gap:var(--space-6)}}.essay-card:hover{background-color:var(--color-surface-hover)}.essay-card:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:3px}.essay-card-left{display:flex;flex-direction:column;justify-content:center;flex:0 0 50%;max-width:50%;min-width:0;box-sizing:border-box}.essay-card-year{font-family:var(--font-family-primary);font-size:var(--type-label-size);font-weight:500;line-height:1.3;letter-spacing:var(--type-label-letter-spacing);color:var(--color-disabled);text-transform:uppercase;margin:0 0 var(--space-2) 0}.essay-card-title{font-family:var(--font-family-primary);font-size:var(--type-h4-size);font-weight:400;line-height:var(--line-height-subheading);letter-spacing:-.01em;color:var(--color-text-primary);margin:0}.essay-card-right{display:flex;align-items:center;justify-content:center;flex:0 0 50%;max-width:50%;width:50%;height:100%;color:var(--color-disabled);opacity:.95;box-sizing:border-box;transition:opacity .2s ease,color .2s ease}.essay-card:hover .essay-card-right{opacity:1;color:var(--color-text-primary)}.essay-illustration-svg,.essay-illustration-img{width:100%;height:auto;max-height:190px;max-width:100%;object-fit:contain;display:block}@media(min-width:768px){.essay-illustration-svg,.essay-illustration-img{max-height:230px}}.observations-section{position:relative}.observations-header{margin-bottom:var(--space-7);display:flex;justify-content:center;text-align:center}@media(min-width:768px){.observations-header{margin-bottom:var(--space-8)}}.observations-section-title{font-family:var(--font-family-primary);font-size:var(--type-h2-size);font-weight:700;line-height:var(--line-height-heading);letter-spacing:-.02em;color:var(--color-text-primary);text-align:center;margin:0}.observations-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);width:100%}@media(min-width:1024px){.observations-grid{grid-template-columns:repeat(12,1fr);column-gap:var(--container-padding);row-gap:var(--container-padding);align-items:stretch}}.observation-card{display:flex;flex-direction:column;justify-content:space-between;background-color:var(--color-surface);border:none;border-radius:var(--radius-card);padding:var(--space-6);box-sizing:border-box;width:100%;min-width:0;gap:var(--space-5);box-shadow:none;background-image:none;transition:background-color .2s ease}.observation-card:hover{background-color:var(--color-surface-hover)}@media(min-width:1024px){.observation-card--compact{grid-column:span 5;padding:var(--space-6)}}@media(min-width:1280px){.observation-card--compact{padding:var(--space-7)}}@media(min-width:1024px){.observation-card--medium{grid-column:span 7;padding:var(--space-6)}}@media(min-width:1280px){.observation-card--medium{padding:var(--space-7)}}@media(min-width:1024px){.observation-card--wide{grid-column:span 12;padding:var(--space-7);gap:var(--space-6)}}@media(min-width:1280px){.observation-card--wide{padding:var(--space-8)}}.observation-card-header{display:flex;justify-content:space-between;align-items:center;width:100%}.observation-card-id,.observation-card-source{font-family:var(--font-family-primary);font-size:var(--type-label-size);font-weight:500;line-height:1.3;letter-spacing:var(--type-label-letter-spacing);color:var(--color-disabled);text-transform:uppercase}.observation-card-quote{margin:0;padding:0;flex-grow:1}.observation-card-quote p{font-family:var(--font-family-primary);font-size:clamp(1.025rem,.45vw + .825rem,1.15rem);font-weight:400;line-height:var(--line-height-body);letter-spacing:-.01em;color:var(--color-text-primary);margin:0}.observation-card--wide .observation-card-quote p{font-size:clamp(1.15rem,.75vw + .85rem,1.35rem);line-height:1.55;max-width:1000px}.observation-card-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-top:auto;width:100%}.observation-card-author{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.observation-card-name{font-family:var(--font-family-primary);font-size:var(--type-body-size);font-weight:500;font-style:normal;line-height:1.3;color:var(--color-text-primary)}.observation-card-role{font-family:var(--font-family-primary);font-size:var(--type-body-small-size);font-weight:400;line-height:1.4;color:var(--color-disabled)}.observation-card-photo-wrapper{width:72px;height:72px;flex-shrink:0;border-radius:16px;overflow:hidden;background-color:#ffffff0d}@media(min-width:768px){.observation-card-photo-wrapper{width:80px;height:80px;border-radius:16px}}.observation-card--wide .observation-card-photo-wrapper{width:80px;height:80px}@media(min-width:1280px){.observation-card--wide .observation-card-photo-wrapper{width:88px;height:88px;border-radius:18px}}.observation-card-photo{width:100%;height:100%;object-fit:cover;display:block}.personal-gallery-section{position:relative;width:100%;background-color:var(--color-background, #000000)}.personal-gallery-title{margin:0 0 var(--space-4, 16px) 0;font-family:var(--font-family-primary);font-size:var(--type-h4-size, clamp(1.15rem, 1.25vw + .5rem, 1.45rem));font-weight:300;font-style:italic;line-height:var(--line-height-subheading, 1.25);letter-spacing:var(--type-h4-letter-spacing, -.01em);text-align:left;color:var(--color-text-secondary, #F2F0EF)}.personal-gallery-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5, 20px);width:100%;box-sizing:border-box}@media(min-width:640px)and (max-width:1023px){.personal-gallery-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5, 20px)}}@media(min-width:1024px){.personal-gallery-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-5, 20px);align-items:start}}.personal-gallery-card{position:relative;width:100%;overflow:hidden;border-radius:var(--radius-media, 14px);background-color:var(--color-surface, rgba(255, 255, 255, .04));box-sizing:border-box;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.personal-gallery-card:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.personal-gallery-card--span-1,.personal-gallery-card--span-2{grid-column:span 1}@media(min-width:640px)and (max-width:1023px){.personal-gallery-card--span-2{grid-column:span 2}}@media(min-width:1024px){.personal-gallery-card--span-2{grid-column:span 2}}.personal-gallery-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-media, 14px);user-select:none;-webkit-user-select:none;filter:grayscale(100%);transition:filter .4s cubic-bezier(.16,1,.3,1)}.personal-gallery-card.is-active .personal-gallery-img,.personal-gallery-card:focus-visible .personal-gallery-img{filter:grayscale(0%)}@media(hover:hover)and (pointer:fine){.personal-gallery-card:hover .personal-gallery-img{filter:grayscale(0%)}}.personal-gallery-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-4, 16px);background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.15) 80%,transparent 100%);border-radius:var(--radius-media, 14px);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease;box-sizing:border-box;pointer-events:none}.personal-gallery-card.is-active .personal-gallery-overlay,.personal-gallery-card:focus-visible .personal-gallery-overlay{opacity:1;visibility:visible}@media(hover:hover)and (pointer:fine){.personal-gallery-card:hover .personal-gallery-overlay{opacity:1;visibility:visible}}.personal-gallery-caption{margin:0;font-family:var(--font-family-primary);font-size:.8125rem;font-weight:400;line-height:1.45;color:snow;white-space:normal;overflow-wrap:break-word;word-break:normal;letter-spacing:.01em;text-align:left;transform:translateY(6px);transition:transform .35s cubic-bezier(.16,1,.3,1)}.personal-gallery-card.is-active .personal-gallery-caption,.personal-gallery-card:focus-visible .personal-gallery-caption{transform:translateY(0)}@media(hover:hover)and (pointer:fine){.personal-gallery-card:hover .personal-gallery-caption{transform:translateY(0)}}@media(min-width:1024px){.personal-gallery-caption{font-size:.84rem;line-height:1.5}}.footer-section{background-color:var(--color-background, #000000);border-top:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08))}.footer-layout{display:flex;flex-direction:column;gap:var(--space-7, 40px);width:100%;box-sizing:border-box}@media(min-width:1024px){.footer-layout{display:grid;grid-template-columns:1fr 1.35fr;column-gap:var(--space-9, 64px);align-items:center}}.footer-left{display:flex;flex-direction:column;justify-content:center}.footer-question{margin:0;font-family:var(--font-family-primary);font-size:clamp(2.275rem,3.9vw + .975rem,3.575rem);font-weight:500;line-height:var(--line-height-heading, 1.15);letter-spacing:-.025em;color:var(--color-text-primary, #FFFAFA);text-align:left}.footer-name-highlight{color:var(--color-accent, #E2A9F1)}.footer-right{display:flex;flex-direction:column;width:100%;max-width:620px}.footer-form{display:flex;flex-direction:column;gap:var(--space-4, 16px);width:100%;box-sizing:border-box}.footer-form-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4, 16px);width:100%}@media(min-width:640px){.footer-form-grid{grid-template-columns:1fr 1fr}}.footer-field{display:flex;flex-direction:column;gap:6px;width:100%}.footer-field--full{width:100%}.footer-label{font-family:var(--font-family-primary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#ffffff80}.footer-input,.footer-textarea{width:100%;padding:13px 16px;font-family:var(--font-family-primary);font-size:.9375rem;font-weight:400;line-height:1.5;color:var(--color-text-primary, #FFFAFA);background-color:var(--color-surface, rgba(255, 255, 255, .04));border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .1));border-radius:8px;box-sizing:border-box;outline:none;transition:border-color .2s ease,background-color .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.footer-textarea{min-height:140px;resize:vertical}.footer-input::placeholder,.footer-textarea::placeholder{color:#ffffff4d}.footer-input:hover:not(:disabled),.footer-textarea:hover:not(:disabled){border-color:#fff3;background-color:var(--color-surface-hover, rgba(255, 255, 255, .06))}.footer-input:focus,.footer-textarea:focus{border-color:var(--color-accent, #E2A9F1);background-color:var(--color-surface, rgba(255, 255, 255, .04))}.footer-input.is-invalid,.footer-textarea.is-invalid{border-color:var(--color-pink, #F2A7C4)}.footer-input:disabled,.footer-textarea:disabled{opacity:.5;cursor:not-allowed}.footer-field-error{font-family:var(--font-family-primary);font-size:.75rem;font-weight:400;color:var(--color-pink, #F2A7C4);line-height:1.3}.footer-status-alert{padding:12px 16px;font-family:var(--font-family-primary);font-size:.875rem;line-height:1.4;border-radius:8px;box-sizing:border-box}.footer-status-alert.is-success{color:snow;background-color:#e2a9f11a;border:1px solid rgba(226,169,241,.3)}.footer-status-alert.is-error{color:var(--color-pink, #F2A7C4);background-color:#f2a7c414;border:1px solid rgba(242,167,196,.3)}.footer-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4, 16px);margin-top:4px}.footer-submit-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 28px;font-family:var(--font-family-primary);font-size:var(--type-button-size, .9375rem);font-weight:600;color:#000;background-color:var(--color-text-primary, #FFFAFA);border:1px solid var(--color-text-primary, #FFFAFA);border-radius:var(--radius-pill, 9999px);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:transform .14s cubic-bezier(.25,1,.5,1),background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}.footer-submit-btn:hover:not(:disabled){background-color:var(--color-accent, #E2A9F1);border-color:var(--color-accent, #E2A9F1);color:#000;transform:scale(1.02)}.footer-submit-btn:active:not(:disabled){transform:scale(.97)}.footer-submit-btn:focus-visible{outline:2px solid var(--color-accent, #E2A9F1);outline-offset:3px}.footer-submit-btn:disabled{opacity:.5;cursor:not-allowed}.footer-secondary-wrapper{display:inline-flex;align-items:center;gap:8px}.footer-secondary-separator{font-family:var(--font-family-primary);font-size:.875rem;color:#ffffffc7}.footer-secondary-link{font-family:var(--font-family-primary);font-size:.9375rem;font-weight:500;color:var(--color-text-secondary, #F2F0EF);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:1px;transition:color .15s ease,border-color .15s ease}.footer-secondary-link:hover{color:var(--color-accent, #E2A9F1);border-color:var(--color-accent, #E2A9F1)}.footer-secondary-link:focus-visible{outline:2px solid var(--color-accent, #E2A9F1);outline-offset:2px}.footer-bottom-bar{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3, 12px);margin-top:var(--space-9, 64px);padding-top:var(--space-6, 32px);border-top:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08))}.footer-tagline{margin:0;font-family:var(--font-family-primary);font-size:clamp(1rem,1.2vw + .65rem,1.35rem);font-weight:400;line-height:var(--line-height-subheading, 1.25);letter-spacing:-.015em;color:var(--color-text-secondary, #F2F0EF);text-align:center}.footer-copyright{margin:0;font-family:var(--font-family-primary);font-size:.8125rem;font-weight:300;line-height:1.5;letter-spacing:.01em;color:var(--color-disabled, #C4C4C4);opacity:.75;text-align:center}.footer-heart-icon{display:inline-block;vertical-align:-1.5px;margin:0 2px;stroke:currentColor}.portfolio-navbar{position:sticky;top:0;left:0;width:100%;height:60px;background-color:var(--color-background, #000000);border-bottom:1px solid transparent;z-index:1000;box-sizing:border-box;transition:border-color .25s ease}.portfolio-navbar.is-scrolled{border-bottom-color:var(--color-border-subtle, rgba(255, 255, 255, .08))}.navbar-container{display:flex;align-items:center;justify-content:space-between;height:100%;box-sizing:border-box}.navbar-brand{display:inline-flex;align-items:center;justify-content:center;padding:8px;margin-left:-8px;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s cubic-bezier(.25,1,.5,1)}.navbar-brand:hover{transform:scale(1.08)}.navbar-brand:active{transform:scale(.95)}.navbar-brand:focus-visible{outline:2px solid var(--color-accent, #E2A9F1);outline-offset:3px;border-radius:4px}.navbar-star-icon{display:block;flex-shrink:0}.navbar-desktop-nav{display:none}.navbar-links-list{display:flex;align-items:center;gap:var(--space-6, 32px);list-style:none;margin:0;padding:0}.navbar-link-item{display:flex;align-items:center}.navbar-nav-link{font-family:var(--font-family-primary);font-size:.875rem;font-weight:400;letter-spacing:-.01em;color:var(--color-text-secondary, #F2F0EF);opacity:.75;text-decoration:none;cursor:pointer;padding:4px 0;position:relative;transition:opacity .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}.navbar-nav-link:hover{opacity:1;color:var(--color-text-primary, #FFFAFA)}.navbar-nav-link.is-active{opacity:1;color:var(--color-accent, #E2A9F1);font-weight:500}.navbar-nav-link:focus-visible{outline:2px solid var(--color-accent, #E2A9F1);outline-offset:3px;border-radius:2px}@media(min-width:860px){.navbar-desktop-nav{display:block}}.navbar-mobile-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;margin-right:-8px;background:transparent;border:none;cursor:pointer;color:var(--color-text-primary, #FFFAFA);-webkit-tap-highlight-color:transparent}.navbar-mobile-toggle:focus-visible{outline:2px solid var(--color-accent, #E2A9F1);outline-offset:2px;border-radius:4px}.navbar-toggle-line{position:relative;width:18px;height:1.5px;background-color:currentColor;transition:background-color .2s ease}.navbar-toggle-line:before,.navbar-toggle-line:after{content:"";position:absolute;left:0;width:100%;height:1.5px;background-color:currentColor;transition:transform .2s ease,top .2s ease}.navbar-toggle-line:before{top:-5px}.navbar-toggle-line:after{top:5px}.navbar-toggle-line.is-open{background-color:transparent}.navbar-toggle-line.is-open:before{top:0;transform:rotate(45deg)}.navbar-toggle-line.is-open:after{top:0;transform:rotate(-45deg)}@media(min-width:860px){.navbar-mobile-toggle{display:none}}.navbar-mobile-drawer{display:none;position:absolute;top:60px;left:0;width:100%;background-color:var(--color-background, #000000);border-bottom:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));box-sizing:border-box}.navbar-mobile-drawer.is-open{display:block}.navbar-mobile-list{display:flex;flex-direction:column;list-style:none;margin:0;padding:12px var(--container-padding, 20px) 20px;gap:2px}.navbar-mobile-item{width:100%}.navbar-mobile-link{display:flex;align-items:center;min-height:46px;font-family:var(--font-family-primary);font-size:1rem;font-weight:400;color:var(--color-text-secondary, #F2F0EF);opacity:.85;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s ease,opacity .15s ease}.navbar-mobile-link:hover,.navbar-mobile-link:active{opacity:1;color:var(--color-text-primary, #FFFAFA)}.navbar-mobile-link.is-active{opacity:1;color:var(--color-accent, #E2A9F1);font-weight:500}@media(min-width:860px){.navbar-mobile-drawer{display:none!important}}.case-study-page{width:100%;min-height:100vh;background-color:var(--color-background, #000000);color:var(--color-text-primary, #FFFAFA);padding-top:var(--space-9, 64px);padding-bottom:var(--space-10, 80px);box-sizing:border-box}.case-study-nav-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8, 48px);padding-bottom:var(--space-4, 16px);border-bottom:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08))}.case-study-back-btn{display:inline-flex;align-items:center;gap:var(--space-2, 8px);font-family:var(--font-family-primary);font-size:var(--type-body-small-size, .875rem);font-weight:500;color:var(--color-text-secondary, #F2F0EF);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;letter-spacing:var(--type-label-letter-spacing, .04em);transition:color .15s ease,transform .15s ease}.case-study-back-btn:hover{color:var(--color-accent, #E2A9F1);transform:translate(-3px)}.case-study-back-btn:focus-visible{outline:2px solid var(--color-accent, #E2A9F1);outline-offset:4px}.case-study-category-badge{font-family:var(--font-family-primary);font-size:var(--type-label-size, .8125rem);font-weight:500;letter-spacing:var(--type-label-letter-spacing, .04em);text-transform:uppercase;color:var(--color-accent, #E2A9F1)}.case-study-header{margin-bottom:var(--space-9, 64px)}.case-study-project-title{font-family:var(--font-family-primary);font-size:var(--type-display-size, clamp(2.5rem, 5.5vw, 4.25rem));font-weight:700;line-height:1.12;letter-spacing:.04em;color:var(--color-accent, #E2A9F1);margin:0 0 var(--space-3, 12px) 0}.case-study-meta-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-4, 16px);margin-top:0}.case-study-tagline{font-family:var(--font-family-primary);font-size:var(--type-body-large-size, clamp(1rem, .5vw + .875rem, 1.25rem));font-weight:400;font-style:normal;line-height:var(--line-height-body, 1.6);letter-spacing:.035em;color:var(--color-text-secondary, #D0CCC8);margin:0}.case-study-meta-divider{color:var(--color-border-hover, rgba(255, 255, 255, .2));-webkit-user-select:none;user-select:none}.case-study-meta-author{font-family:var(--font-family-primary);font-size:var(--type-body-small-size, .875rem);font-weight:400;letter-spacing:var(--type-label-letter-spacing, .04em);text-transform:uppercase;color:var(--color-disabled, #C4C4C4)}.case-study-content{display:flex;flex-direction:column;gap:var(--space-9, 64px);width:100%}@media(min-width:1024px){.case-study-content{gap:var(--space-9, 64px)}}.case-study-section{display:flex;flex-direction:column;align-items:stretch;position:relative;width:100%}.case-study-section-indicator{display:inline-block;align-self:flex-start;font-family:var(--font-family-primary);font-size:var(--type-label-size, .8125rem);font-weight:500;letter-spacing:var(--type-label-letter-spacing, .04em);text-transform:uppercase;color:var(--color-accent, #E2A9F1);margin-bottom:14px}.case-study-section-heading{align-self:flex-start;font-family:var(--font-family-primary);font-size:var(--type-h2-size, clamp(1.75rem, 3vw, 2.5rem));font-weight:700;line-height:var(--line-height-heading, 1.15);letter-spacing:.04em;color:var(--color-text-primary, #FFFAFA);max-width:900px;margin:0 0 var(--space-5, 24px) 0}.case-study-section-heading--single-line{white-space:nowrap;font-size:clamp(1.2rem,2.6vw,2.5rem);letter-spacing:.03em}.case-study-supporting-text{align-self:flex-start;font-family:var(--font-family-primary);font-size:var(--type-h4-size, clamp(1.15rem, 1.25vw + .5rem, 1.45rem));font-weight:500;line-height:var(--line-height-subheading, 1.25);letter-spacing:.02em;color:var(--color-text-secondary, #F2F0EF);max-width:860px;margin:0 0 16px}.case-study-supporting-text--italic{font-weight:300;font-style:italic;color:var(--color-text-secondary, #F2F0EF)}.case-study-body-text{align-self:flex-start;font-family:var(--font-family-primary);font-size:var(--type-body-large-size, 1.125rem);font-weight:400;line-height:var(--line-height-relaxed, 1.65);letter-spacing:var(--type-body-large-letter-spacing, -.005em);color:var(--color-text-secondary, #F2F0EF);max-width:860px;width:100%;margin:0}.case-study-text-accent{color:var(--color-accent, #E2A9F1)}.case-study-placeholder{font-family:var(--font-family-primary);font-size:var(--type-body-large-size, 1.125rem);font-weight:400;line-height:var(--line-height-relaxed, 1.65);letter-spacing:var(--type-body-large-letter-spacing, -.005em);color:var(--color-disabled, #C4C4C4);background-color:var(--color-surface, rgba(255, 255, 255, .04));border-left:2px solid var(--color-border-subtle, rgba(255, 255, 255, .08));padding:var(--space-5, 24px) var(--space-6, 32px);border-radius:0 var(--radius-md, 8px) var(--radius-md, 8px) 0;max-width:860px;width:100%;margin:0;box-sizing:border-box}.case-study-extension-slot{display:none}.case-study-extension-slot:not(:empty){display:block;margin-top:var(--space-5, 24px)}.case-study-media-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3, 12px);width:100%;align-self:stretch;margin-top:var(--space-2, 8px)}.case-study-media-box{position:relative;width:100%;min-width:0;aspect-ratio:4 / 3;border-radius:var(--radius-card, 16px);overflow:hidden;background-color:var(--color-surface, rgba(255, 255, 255, .04));border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));box-shadow:0 4px 20px #00000040;transition:border-color .25s ease,transform .25s ease}.case-study-media-box:hover{border-color:var(--color-border-hover, rgba(255, 255, 255, .2));transform:translateY(-2px)}.case-study-media-img{position:absolute;top:0;left:0;width:100%!important;height:100%!important;max-width:none!important;min-width:100%;min-height:100%;object-fit:cover!important;object-position:center 25%;display:block;transition:transform .35s ease}.case-study-media-box:hover .case-study-media-img{transform:scale(1.04)}.beec-framework-group{width:100%;margin-top:var(--space-6, 32px);margin-bottom:var(--space-8, 48px);display:flex;justify-content:center;align-items:center}.beec-blocks-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:center;gap:clamp(24px,4.5vw,64px);width:auto;max-width:100%;margin:0 auto}.beec-unit{display:flex;flex-direction:column;align-items:center;text-align:center;flex:0 0 auto;width:clamp(90px,12vw,124px)}.beec-box{width:58px;height:58px;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface, rgba(255, 255, 255, .04));border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .12));border-radius:var(--radius-sm, 8px);box-sizing:border-box;transition:border-color .2s ease,transform .2s ease}.beec-box:hover{border-color:var(--color-border-hover, rgba(255, 255, 255, .25));transform:translateY(-2px)}.beec-letter{font-family:var(--font-family-primary);font-size:1.875rem;font-weight:700;line-height:1;letter-spacing:.02em;color:var(--color-accent, #E2A9F1)}.beec-label{font-family:var(--font-family-primary);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary, #F2F0EF);line-height:1.35;margin-top:var(--space-3, 12px);text-align:center;width:100%}.beec-system-container{width:100%;border-top:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));padding-top:var(--space-6, 32px);margin-bottom:var(--space-9, 64px)}.beec-system-caption{display:block;font-family:var(--font-family-primary);font-size:var(--type-label-size, .8125rem);font-weight:500;letter-spacing:var(--type-label-letter-spacing, .04em);text-transform:uppercase;color:var(--color-disabled, #C4C4C4);margin-bottom:var(--space-4, 16px)}.beec-system-flow{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2, 8px);width:100%}.beec-system-node{flex:1;min-width:0;background-color:var(--color-surface, rgba(255, 255, 255, .04));border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));border-radius:var(--radius-md, 8px);padding:var(--space-4, 16px) var(--space-4, 16px);display:flex;flex-direction:column;gap:var(--space-1, 4px);box-sizing:border-box}.beec-node-step{font-family:var(--font-family-primary);font-size:var(--type-label-size, .75rem);font-weight:600;letter-spacing:.08em;color:var(--color-accent, #E2A9F1)}.beec-node-title{font-family:var(--font-family-primary);font-size:clamp(.9rem,1vw + .5rem,1.05rem);font-weight:600;letter-spacing:.01em;color:var(--color-text-primary, #FFFAFA);white-space:nowrap}.beec-system-connector{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 var(--space-1, 4px);-webkit-user-select:none;user-select:none}.beec-connector-tag{font-family:var(--font-family-primary);font-size:.6875rem;font-weight:400;letter-spacing:.04em;text-transform:lowercase;color:var(--color-disabled, #C4C4C4);font-style:italic}.beec-connector-line{display:none}.beec-connector-arrow{font-size:1rem;color:var(--color-accent, #E2A9F1);line-height:1}.beec-mapping-container{width:100%;border-top:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));padding-top:var(--space-7, 40px);margin-bottom:var(--space-8, 48px)}.beec-mapping-header{margin-bottom:var(--space-5, 24px);max-width:860px}.beec-subheading{font-family:var(--font-family-primary);font-size:var(--type-h3-size, clamp(1.35rem, 2vw + .5rem, 1.85rem));font-weight:700;line-height:var(--line-height-heading, 1.15);letter-spacing:.03em;color:var(--color-text-primary, #FFFAFA);margin:0 0 var(--space-3, 12px) 0}.beec-chart-wrapper{width:100%;background-color:var(--color-surface, rgba(255, 255, 255, .03));border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));border-radius:var(--radius-card, 16px);padding:var(--space-6, 32px) var(--space-6, 32px) var(--space-5, 24px);box-sizing:border-box}.beec-chart-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6, 32px);padding-bottom:var(--space-3, 12px);border-bottom:1px solid var(--color-border-subtle, rgba(255, 255, 255, .06))}.beec-chart-axis-label{font-family:var(--font-family-primary);font-size:var(--type-label-size, .75rem);font-weight:600;letter-spacing:.06em;color:var(--color-text-secondary, #F2F0EF);text-transform:uppercase}.beec-chart-state-badge{font-family:var(--font-family-primary);font-size:.6875rem;font-weight:500;letter-spacing:.04em;color:var(--color-accent, #E2A9F1);text-transform:uppercase}.beec-chart-stage{position:relative;height:240px;width:100%}.beec-chart-gridlines{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.beec-gridline{width:100%;border-bottom:1px dashed rgba(255,255,255,.06);position:relative}.beec-gridline-val{position:absolute;right:0;bottom:4px;font-family:var(--font-family-primary);font-size:.6875rem;color:#ffffff40;letter-spacing:.04em}.beec-chart-bars{position:relative;height:100%;width:100%;display:flex;align-items:flex-end;justify-content:space-around;gap:var(--space-4, 16px);z-index:1}.beec-bar-col{flex:1;max-width:90px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.beec-bar-col--featured{max-width:105px}.beec-bar-badge{font-family:var(--font-family-primary);font-size:.6875rem;font-weight:600;letter-spacing:.04em;color:var(--color-background, #000000);background-color:var(--color-accent, #E2A9F1);padding:2px 8px;border-radius:var(--radius-button, 9999px);margin-bottom:8px;text-transform:uppercase;white-space:nowrap}.beec-bar-track{width:100%;flex:1;min-height:0;display:flex;align-items:flex-end;border-radius:var(--radius-sm, 4px) var(--radius-sm, 4px) 0 0;border-bottom:1px solid rgba(255,255,255,.2);overflow:hidden}.beec-bar-fill{width:100%;background-color:#ffffff24;border-radius:var(--radius-sm, 4px) var(--radius-sm, 4px) 0 0;transition:height .3s ease,background-color .2s ease}.beec-bar-fill--fear{background-color:var(--color-accent, #E2A9F1);box-shadow:0 0 20px #e2a9f14d}.beec-bar-col:hover .beec-bar-fill:not(.beec-bar-fill--fear){background-color:#ffffff3d}.beec-bar-label{font-family:var(--font-family-primary);font-size:.8125rem;font-weight:500;color:var(--color-text-secondary, #F2F0EF);margin-top:var(--space-3, 12px);text-align:center;white-space:nowrap}.beec-bar-label--featured{font-weight:700;letter-spacing:.04em;color:var(--color-accent, #E2A9F1)}.beec-chart-footer{margin-top:var(--space-4, 16px);padding-top:var(--space-3, 12px);border-top:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));text-align:center}.beec-chart-caption{font-family:var(--font-family-primary);font-size:.75rem;font-weight:500;letter-spacing:.06em;color:var(--color-disabled, #C4C4C4);text-transform:uppercase}.beec-insight-block{width:100%;max-width:860px;background-color:var(--color-surface, rgba(255, 255, 255, .04));border-left:3px solid var(--color-accent, #E2A9F1);padding:var(--space-6, 32px);border-radius:0 var(--radius-md, 8px) var(--radius-md, 8px) 0;box-sizing:border-box}.beec-insight-heading{font-family:var(--font-family-primary);font-size:var(--type-h3-size, clamp(1.35rem, 2vw + .5rem, 1.85rem));font-weight:700;line-height:var(--line-height-heading, 1.15);letter-spacing:.03em;color:var(--color-text-primary, #FFFAFA);margin:0 0 var(--space-3, 12px) 0}.case-study-footer-nav{margin-top:var(--space-10, 80px);padding-top:var(--space-8, 48px);border-top:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4, 16px)}.case-study-return-link{display:inline-flex;align-items:center;gap:var(--space-2, 8px);font-family:var(--font-family-primary);font-size:var(--type-body-size, 1rem);font-weight:600;color:var(--color-accent, #E2A9F1);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.case-study-return-link:hover{opacity:.85;transform:translate(-3px)}.case-study-return-link:focus-visible{outline:2px solid var(--color-accent, #E2A9F1);outline-offset:4px}@media(max-width:767px){.case-study-page{padding-top:var(--space-7, 40px);padding-bottom:var(--space-8, 48px)}.case-study-nav-bar{margin-bottom:var(--space-6, 32px)}.case-study-header{margin-bottom:var(--space-8, 48px)}.case-study-project-title{letter-spacing:.03em}.case-study-tagline{letter-spacing:.015em}.case-study-content{gap:var(--space-8, 48px)}.case-study-section-indicator{margin-bottom:10px}.case-study-section-heading{letter-spacing:.03em;margin-bottom:18px}.case-study-supporting-text{margin-bottom:12px}.case-study-media-grid{grid-template-columns:repeat(5,1fr)!important;gap:var(--space-1, 4px)}.case-study-media-box{border-radius:var(--radius-sm, 4px)}.case-study-footer-nav{margin-top:var(--space-8, 48px);padding-top:var(--space-6, 32px)}.beec-blocks-row{gap:var(--space-2, 8px);justify-content:center}.beec-unit{width:clamp(68px,20vw,84px)}.beec-box{width:48px;height:48px;border-radius:6px}.beec-letter{font-size:1.5rem}.beec-label{font-size:.625rem;letter-spacing:.04em;margin-top:8px}.beec-system-flow{flex-direction:column;align-items:stretch;gap:var(--space-2, 8px)}.beec-system-connector{flex-direction:row;gap:var(--space-2, 8px);padding:var(--space-1, 4px) 0}.beec-connector-arrow{transform:rotate(90deg)}.beec-chart-wrapper{padding:var(--space-4, 16px) var(--space-3, 12px) var(--space-4, 16px)}.beec-chart-stage{height:190px}.beec-bar-badge{font-size:.5625rem;padding:1px 5px;margin-bottom:4px}.beec-bar-label{font-size:.6875rem;margin-top:6px}.beec-insight-block{padding:var(--space-4, 16px) var(--space-5, 20px)}}.user-seg-section{display:flex;flex-direction:column;align-items:stretch;position:relative;width:100%}.user-seg-system-caption{display:block;font-family:var(--font-family-primary);font-size:var(--type-label-size, .8125rem);font-weight:600;letter-spacing:var(--type-label-letter-spacing, .04em);text-transform:uppercase;color:var(--color-disabled, #C4C4C4);margin-bottom:var(--space-4, 16px)}.user-seg-parameters-block{width:100%;border-top:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));padding-top:var(--space-6, 32px);margin-bottom:var(--space-6, 32px)}.user-seg-parameters-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-4, 16px);width:100%}.user-seg-param-card{background-color:var(--color-surface, rgba(255, 255, 255, .03));border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));border-radius:var(--radius-md, 8px);padding:var(--space-5, 20px) var(--space-5, 20px);display:flex;flex-direction:column;gap:var(--space-2, 8px);box-sizing:border-box}.user-seg-param-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1, 4px)}.user-seg-param-index{font-family:var(--font-family-primary);font-size:var(--type-label-size, .75rem);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-disabled, #C4C4C4)}.user-seg-param-type{font-family:var(--font-family-primary);font-size:.6875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-disabled, #C4C4C4);padding:2px 8px;background-color:#ffffff0a;border-radius:var(--radius-full, 9999px);border:1px solid rgba(255,255,255,.06)}.user-seg-param-title{font-family:var(--font-family-primary);font-size:clamp(1.05rem,1.25vw + .5rem,1.25rem);font-weight:600;line-height:1.25;letter-spacing:.01em;color:var(--color-text-primary, #FFFAFA);margin:0}.user-seg-param-scale{display:flex;align-items:center;gap:var(--space-3, 12px);margin-top:var(--space-2, 8px);padding-top:var(--space-2, 8px);border-top:1px dashed var(--color-border-subtle, rgba(255, 255, 255, .08))}.user-seg-scale-end{font-family:var(--font-family-primary);font-size:.75rem;font-weight:500;letter-spacing:.04em;color:var(--color-disabled, #C4C4C4);text-transform:uppercase;white-space:nowrap}.user-seg-scale-line{flex:1;display:flex;align-items:center;position:relative;color:var(--color-border-hover, rgba(255, 255, 255, .2));-webkit-user-select:none;user-select:none}.user-seg-scale-bar{flex:1;height:1px;background-color:var(--color-border-hover, rgba(255, 255, 255, .15))}.user-seg-scale-arrow-left,.user-seg-scale-arrow-right{font-size:.75rem;line-height:1}.user-seg-param-operator{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.user-seg-operator-symbol{font-family:var(--font-family-primary);font-size:1.5rem;font-weight:300;color:var(--color-disabled, #C4C4C4);opacity:.8}.user-seg-system-transition{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2, 8px);margin:0 0 var(--space-6, 32px) 0;-webkit-user-select:none;user-select:none}.user-seg-transition-line{width:1px;height:24px;background-color:var(--color-border-hover, rgba(255, 255, 255, .15))}.user-seg-transition-badge{font-family:var(--font-family-primary);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-disabled, #C4C4C4);padding:3px 10px;background-color:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full, 9999px)}.user-seg-transition-arrow{font-size:.875rem;color:var(--color-disabled, #C4C4C4);line-height:1}.user-seg-matrix-container{width:100%;border-top:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));padding-top:var(--space-6, 32px);margin-bottom:var(--space-6, 32px)}.user-seg-matrix-layout{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4, 16px);width:100%;align-items:stretch}.user-seg-axis-y{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:var(--space-4, 16px) 0;width:28px;-webkit-user-select:none;user-select:none}.user-seg-axis-title{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font-family-primary);font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-disabled, #C4C4C4)}.user-seg-axis-dir{font-family:var(--font-family-primary);font-size:.6875rem;font-weight:500;color:var(--color-disabled, #C4C4C4);letter-spacing:.04em;white-space:nowrap}.user-seg-stage-wrapper{display:flex;flex-direction:column;gap:var(--space-3, 12px);width:100%}.user-seg-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;min-height:300px;background-color:var(--color-surface, rgba(255, 255, 255, .02));border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px);overflow:hidden;box-sizing:border-box}.user-seg-stage-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.user-seg-stage-split-h{position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--color-border-subtle, rgba(255, 255, 255, .08))}.user-seg-stage-split-v{position:absolute;left:50%;top:0;bottom:0;width:1px;background-color:var(--color-border-subtle, rgba(255, 255, 255, .08))}.user-seg-quadrant{position:relative;padding:var(--space-4, 16px);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.user-seg-quadrant--q1{grid-column:2 / 3;grid-row:1 / 2;background:radial-gradient(circle at center,rgba(255,255,255,.03) 0%,transparent 70%)}.user-seg-quadrant--q2{grid-column:1 / 2;grid-row:1 / 2}.user-seg-quadrant--q3{grid-column:1 / 2;grid-row:2 / 3;background:radial-gradient(circle at center,rgba(255,255,255,.03) 0%,transparent 70%)}.user-seg-quadrant--q4{grid-column:2 / 3;grid-row:2 / 3}.user-seg-empty-indicator{font-family:var(--font-family-primary);font-size:.6875rem;font-weight:400;letter-spacing:.04em;color:#ffffff26;text-transform:uppercase;-webkit-user-select:none;user-select:none}.user-seg-node{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-3, 12px) var(--space-4, 16px);background-color:#000000b3;border-radius:var(--radius-md, 8px);border:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.user-seg-node--user1{border:none;box-shadow:none}.user-seg-node-marker{position:relative;display:flex;align-items:center;justify-content:center;width:14px;height:14px}.user-seg-node-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-text-primary, #FFFAFA)}.user-seg-node-dot--secondary{background-color:var(--color-disabled, #C4C4C4)}.user-seg-node-pulse{position:absolute;width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.25);opacity:.4}.user-seg-node-info{display:flex;flex-direction:column;gap:2px}.user-seg-node-tag{font-family:var(--font-family-primary);font-size:.8125rem;font-weight:700;letter-spacing:.06em;color:var(--color-text-primary, #FFFAFA)}.user-seg-node-tag--secondary{color:var(--color-text-primary, #FFFAFA)}.user-seg-node-sub{font-family:var(--font-family-primary);font-size:.6875rem;font-weight:400;letter-spacing:.02em;color:var(--color-text-secondary, #D0CCC8);white-space:nowrap}.user-seg-axis-x{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4, 16px);-webkit-user-select:none;user-select:none}.user-seg-axis-title-x{font-family:var(--font-family-primary);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-disabled, #C4C4C4);text-align:center}.user-seg-axis-dir-x{font-family:var(--font-family-primary);font-size:.6875rem;font-weight:500;color:var(--color-disabled, #C4C4C4);letter-spacing:.04em;white-space:nowrap}.user-seg-groups-container{width:100%;border-top:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));padding-top:var(--space-6, 32px);margin-bottom:var(--space-6, 32px)}.user-seg-groups-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4, 16px);width:100%}.user-seg-group-col{background-color:var(--color-surface, rgba(255, 255, 255, .03));border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));border-radius:var(--radius-md, 8px);padding:var(--space-5, 20px);display:flex;flex-direction:column;gap:var(--space-4, 16px);box-sizing:border-box}.user-seg-group-col--primary{border-color:var(--color-border-subtle, rgba(255, 255, 255, .08))}.user-seg-group-header{display:flex;justify-content:space-between;align-items:center}.user-seg-group-badge{font-family:var(--font-family-primary);font-size:.8125rem;font-weight:700;letter-spacing:.06em;color:var(--color-text-primary, #FFFAFA)}.user-seg-group-badge--primary{color:var(--color-text-primary, #FFFAFA)}.user-seg-group-state{font-family:var(--font-family-primary);font-size:.6875rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-disabled, #C4C4C4)}.user-seg-group-attributes{display:flex;flex-direction:column;gap:var(--space-3, 12px)}.user-seg-attr-row{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.user-seg-attr-label{font-family:var(--font-family-primary);font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-disabled, #C4C4C4)}.user-seg-attr-val{font-family:var(--font-family-primary);font-size:.9375rem;font-weight:600;letter-spacing:.02em;color:var(--color-text-primary, #FFFAFA)}.user-seg-attr-val--accent{color:var(--color-text-primary, #FFFAFA)}.user-seg-attr-divider{width:100%;height:1px;background-color:var(--color-border-subtle, rgba(255, 255, 255, .06))}.user-seg-insight-block,.user-seg-insight-placeholder{width:100%;padding:var(--space-5, 20px) var(--space-6, 24px);background-color:var(--color-surface, rgba(255, 255, 255, .03));border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));border-radius:var(--radius-md, 8px);display:flex;flex-direction:column;gap:var(--space-2, 8px);box-sizing:border-box}.user-seg-insight-tag{font-family:var(--font-family-primary);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-disabled, #C4C4C4)}@media(max-width:768px){.user-seg-parameters-row{grid-template-columns:1fr;gap:var(--space-3, 12px)}.user-seg-param-operator{padding:var(--space-1, 4px) 0}.user-seg-matrix-layout{grid-template-columns:20px 1fr;gap:var(--space-2, 8px)}.user-seg-stage{min-height:280px}.user-seg-quadrant{padding:var(--space-2, 8px)}.user-seg-node{padding:var(--space-2, 8px) var(--space-3, 12px);gap:var(--space-2, 8px)}.user-seg-node-sub{font-size:.625rem}.user-seg-groups-grid{grid-template-columns:1fr;gap:var(--space-3, 12px)}}@media(max-width:480px){.user-seg-axis-title-x,.user-seg-axis-dir-x,.user-seg-axis-title,.user-seg-axis-dir,.user-seg-empty-indicator{font-size:.5625rem}}