/* Generated from DESIGN-TOKENS.md. Edit the registry, then regenerate. */
:root{
  --color-dark: #171615;
  --color-light: #F5EEEE;
  --color-accent: #EFAB18;
  --color-gradient-end: #E21C1C;
  --neutral-100: var(--color-light);
  --neutral-200: color-mix(in srgb, var(--color-dark) 10%, var(--color-light));
  --neutral-300: color-mix(in srgb, var(--color-dark) 25%, var(--color-light));
  --neutral-400: color-mix(in srgb, var(--color-dark) 40%, var(--color-light));
  --neutral-500: color-mix(in srgb, var(--color-dark) 55%, var(--color-light));
  --neutral-600: color-mix(in srgb, var(--color-dark) 70%, var(--color-light));
  --neutral-700: color-mix(in srgb, var(--color-dark) 85%, var(--color-light));
  --neutral-800: color-mix(in srgb, var(--color-dark) 92%, var(--color-light));
  --neutral-900: var(--color-dark);
  --surface-page: var(--neutral-900);
  --surface-panel: var(--neutral-800);
  --surface-raised: var(--neutral-700);
  --text-primary: var(--neutral-100);
  --text-secondary: var(--neutral-300);
  --border-decorative: var(--neutral-700);
  --border-control: var(--neutral-400);
  --focus-color: var(--color-accent);
  --surface-accent: var(--color-accent);
  --text-on-accent: var(--color-dark);
  --surface-case: var(--color-light);
  --text-case: var(--color-dark);
  --surface-overlay: color-mix(in srgb, var(--color-dark) 70%, transparent);
  --gradient-color-start: var(--color-accent);
  --gradient-color-end: var(--color-gradient-end);
  --gradient-stop-accent: 69%;
  --gradient-stop-end: 100%;
  --gradient-asset: url("./Assets/Ellipse 1.png");
  --gradient-hero: var(--gradient-asset);
  --gradient-center-x: var(--extent-half);
  --gradient-center-y: var(--extent-full);
  --gradient-diameter-factor: 1.5;
  --gradient-radius-y: var(--gradient-radius-x);
  --gradient-blur-reference: 300px;
  --gradient-runtime-blur: var(--length-zero);
  --texture-opacity: 0.21;
  --texture-scale: var(--fraction-half);
  --texture-source-width: 2752px;
  --texture-source-height: 1536px;
  --texture-mosaic-columns: 2;
  --texture-mosaic-rows: 2;
  --texture-blend-mode: overlay;
  --texture-repeat-mode: repeat;
  --texture-mirror-normal: var(--number-one);
  --texture-mirror-flipped: -1;
  --backdrop-name-opacity: 0.24;
  --backdrop-name-blend-mode: overlay;
  --backdrop-name-max: var(--container-max);
  --backdrop-name-width: min(var(--extent-full), var(--backdrop-name-max));
  --backdrop-name-origin-x: var(--extent-half);
  --backdrop-name-origin-y: var(--extent-half);
  --step--2: clamp(0.6944rem, 0.6859rem + 0.0379vw, 0.72rem);
  --step--1: clamp(0.8333rem, 0.8111rem + 0.0988vw, 0.9rem);
  --step-0: clamp(1rem, 0.9583rem + 0.1852vw, 1.125rem);
  --step-1: clamp(1.2rem, 1.1313rem + 0.3056vw, 1.4063rem);
  --step-2: clamp(1.44rem, 1.3341rem + 0.4708vw, 1.7578rem);
  --step-3: clamp(1.728rem, 1.5716rem + 0.6952vw, 2.1973rem);
  --step-4: clamp(2.0736rem, 1.8493rem + 0.997vw, 2.7466rem);
  --step-5: clamp(2.4883rem, 2.1734rem + 1.3999vw, 3.4332rem);
  --step-6: clamp(2.986rem, 2.5508rem + 1.9341vw, 4.2915rem);
  --step-7: clamp(3.5832rem, 2.9894rem + 2.6389vw, 5.3644rem);
  --font-display: Anton, var(--font-system-ui);
  --font-subtitle: Antonio, var(--font-system-ui);
  --font-label: var(--font-subtitle);
  --font-body: Poppins, var(--font-system-ui);
  --font-admin: var(--font-body);
  --type-hero: var(--step-7);
  --type-section: var(--step-5);
  --type-subsection: var(--step-3);
  --type-card: var(--step-2);
  --type-lead: var(--step-1);
  --type-body: var(--step-0);
  --type-nav: var(--step-0);
  --type-caption: var(--step--1);
  --weight-regular: var(--font-weight-4);
  --weight-medium: var(--font-weight-5);
  --weight-semibold: var(--font-weight-6);
  --leading-display: var(--font-lineheight-0);
  --leading-label: var(--font-lineheight-1);
  --leading-body: var(--font-lineheight-3);
  --tracking-normal: normal;
  --tracking-label: var(--font-letterspacing-1);
  --space-3xs: clamp(0.25rem, 0.2292rem + 0.0926vw, 0.3125rem);
  --space-2xs: clamp(0.5rem, 0.4792rem + 0.0926vw, 0.5625rem);
  --space-xs: clamp(0.75rem, 0.7083rem + 0.1852vw, 0.875rem);
  --space-s: clamp(1rem, 0.9583rem + 0.1852vw, 1.125rem);
  --space-m: clamp(1.5rem, 1.4375rem + 0.2778vw, 1.6875rem);
  --space-l: clamp(2rem, 1.9167rem + 0.3704vw, 2.25rem);
  --space-xl: clamp(3rem, 2.875rem + 0.5556vw, 3.375rem);
  --space-2xl: clamp(4rem, 3.8333rem + 0.7407vw, 4.5rem);
  --space-3xl: clamp(6rem, 5.75rem + 1.1111vw, 6.75rem);
  --space-3xs-2xs: clamp(0.25rem, 0.1458rem + 0.463vw, 0.5625rem);
  --space-2xs-xs: clamp(0.5rem, 0.375rem + 0.5556vw, 0.875rem);
  --space-xs-s: clamp(0.75rem, 0.625rem + 0.5556vw, 1.125rem);
  --space-s-m: clamp(1rem, 0.7708rem + 1.0185vw, 1.6875rem);
  --space-m-l: clamp(1.5rem, 1.25rem + 1.1111vw, 2.25rem);
  --space-l-xl: clamp(2rem, 1.5417rem + 2.037vw, 3.375rem);
  --space-xl-2xl: clamp(3rem, 2.5rem + 2.2222vw, 4.5rem);
  --space-2xl-3xl: clamp(4rem, 3.0833rem + 4.0741vw, 6.75rem);
  --space-s-l: clamp(1rem, 0.5833rem + 1.8519vw, 2.25rem);
  --gutter-page: var(--space-s-l);
  --gap-grid: var(--space-m-l);
  --gap-gallery: var(--space-s-m);
  --gap-stack: var(--space-m);
  --gap-inline: var(--space-xs);
  --section-space: var(--space-2xl-3xl);
  --panel-padding: var(--space-m-l);
  --card-padding: var(--space-m);
  --control-padding-inline: var(--space-s);
  --control-padding-block: var(--space-xs);
  --prose-gap: var(--space-s);
  --admin-gap: var(--space-s);
  --viewport-min: 22.5rem;
  --viewport-max: 90rem;
  --container-max: var(--viewport-max);
  --measure-prose: 65ch;
  --measure-wide: 75rem;
  --gallery-item-min: 16rem;
  --portfolio-item-min: 18rem;
  --admin-sidebar-width: 16rem;
  --control-min: 2.75rem;
  --icon-size: var(--space-m);
  --border-width: var(--border-size-1);
  --focus-width: var(--border-size-2);
  --focus-offset: var(--space-3xs);
  --radius-control: var(--radius-2);
  --radius-media: var(--radius-3);
  --radius-panel: var(--radius-4);
  --radius-pill: var(--radius-round);
  --ratio-video: var(--ratio-widescreen);
  --ratio-cover: var(--ratio-landscape);
  --ratio-video-vertical: 9 / 16;
  --case-portrait-column: var(--gallery-item-min);
  --case-layout-gap: var(--gap-grid);
  --contact-message-height: var(--space-3xl);
  --hero-height: 100vh;
  --hero-height-mobile: 100svh;
  --portrait-origin-x: var(--extent-half);
  --portrait-origin-y: var(--extent-half);
  --portrait-scale: var(--number-one);
  --color-dark-hsl: 30 4.5455% 8.6275%;
  --shadow-color: var(--color-dark-hsl);
  --shadow-strength: 1%;
  --elevation-low: var(--shadow-1);
  --elevation-panel: var(--shadow-2);
  --elevation-dialog: var(--shadow-4);
  --ease-ui: var(--ease-3);
  --ease-enter: var(--ease-out-3);
  --ease-exit: var(--ease-in-2);
  --ease-continuous: var(--ease-in-out-2);
  --motion-fast: var(--duration-quick-2);
  --motion-menu: var(--duration-moderate-1);
  --motion-dialog: var(--duration-moderate-2);
  --motion-reveal: var(--duration-gentle-1);
  --motion-none: var(--duration-instant);
  --brush-size: 75px;
  --brush-size-min: var(--brush-size);
  --brush-size-max: var(--brush-size);
  --brush-spacing-ratio: 0.15;
  --brush-opacity-min: 0.18;
  --brush-opacity-max: 0.65;
  --brush-mouse-pressure: var(--fraction-half);
  --brush-pressure-curve: 2;
  --brush-smoothing: 0.25;
  --brush-jitter: var(--length-zero);
  --brush-angle: 0deg;
  --brush-angle-step: 30deg;
  --brush-angle-cycle: 360deg;
  --cursor-eraser-size: 32px;
  --cursor-eraser-hotspot-x: 16px;
  --cursor-eraser-hotspot-y: 16px;
  --cursor-eraser-fill: var(--color-accent);
  --cursor-eraser-detail: var(--color-light);
  --cursor-eraser-outline: var(--color-dark);
  --raven-width: var(--gallery-item-min);
  --raven-parallax-travel: var(--space-xl-2xl);
  --raven-opacity: var(--opacity-visible);
  --length-zero: 0px;
  --number-zero: 0;
  --number-one: 1;
  --fraction-half: 0.5;
  --extent-full: 100%;
  --extent-half: 50%;
  --opacity-hidden: 0;
  --opacity-visible: 1;
  --grid-columns-wide: 12;
  --z-background: 0;
  --z-gradient: 1;
  --z-texture: 2;
  --z-backdrop-name: 3;
  --z-portrait-stylized: 4;
  --z-portrait-real: 5;
  --z-content: 1;
  --z-nav: 10;
  --z-dialog: 20;
  --z-cursor: 30;
  --canvas-dpr-max: 2;
  --social-target-size: max(var(--control-min), var(--social-icon-size));
  --social-icon-size: calc(var(--icon-size) * var(--number-two));
  --social-gap: var(--space-s);
  --social-float-travel: var(--space-2xs);
  --social-float-duration: 6s;
  --social-float-ease: var(--ease-continuous);
  --social-float-delay: var(--motion-dialog);
  --map-margin: var(--space-2xl);
  --map-gutter: var(--space-l);
  --map-padding: var(--space-m);
  --map-row: var(--space-l);
  --map-unit: var(--space-s);
  --map-desktop-width: var(--measure-wide);
  --map-mobile-width: var(--viewport-min);
  --map-title: var(--step-4);
  --map-section-title: var(--step-3);
  --map-mobile-title: var(--step-2);
  --map-font-display: var(--font-display);
  --map-font-body: var(--font-body);
  --map-body: var(--step-1);
  --map-small: var(--step-0);
  --map-caption: var(--step--1);
  --map-stroke: var(--border-width);
  --map-radius: var(--space-s);
  --map-preview-width: var(--container-max);
  --nav-pill-duration: 400ms;
  --nav-pill-ease: cubic-bezier(0.65,0,0.35,1);
  --nav-bounce-duration: 900ms;
  --nav-bounce-ease: cubic-bezier(0.34,1.56,0.64,1);
  --nav-scroll-idle: 150ms;
  --nav-bounce-travel: var(--space-xl);
  --hero-stagger: 180ms;
  --glow-cycle-a: 6s;
  --glow-cycle-b: 8s;
  --glow-cycle-c: 7s;
  --glow-scale-low: 0.96;
  --glow-scale-high: 1.04;
  --glow-opacity-low: 0.65;
  --glow-opacity-high: 0.9;
  --glow-secondary-opacity: 0.18;
  --glow-tertiary-opacity: 0.12;
  --secondary-glow-opacity: 0.12;
  --glow-ease: ease-in-out;
  --hero-mouse-depth: var(--space-s);
  --hero-name-depth: var(--space-2xs);
  --hero-tilt-limit: 1deg;
  --hero-depth-settle: 250ms;
  --brush-trail-time: 900ms;
  --brush-trail-min-alpha: 0.015;
  --arrow-width: var(--space-2xl);
  --arrow-gap: var(--space-xs);
  --arrow-float-cycle: 3s;
  --arrow-float-travel: var(--space-3xs);
  --featured-text-height: 50svh;
  --featured-text-height-mobile: 40svh;
  --cover-overlap: var(--space-3xl);
  --about-block-max: var(--measure-wide);
  --grid-desktop-breakpoint: 64rem;
  --grid-mobile-breakpoint: 40rem;
  --column-triple: 3;
  --social-shadow: drop-shadow(0 1px 2px var(--color-dark));
  --z-cover: 6;
  --gradient-accent-width: var(--container-max);
  --nav-pill-initial-width: var(--control-min);
  --angle-zero: 0deg;
  --hero-parallax-intensity: 0.35;
  --social-sketch-stroke: var(--border-width);
  --social-mobile-bottom: var(--space-2xl);
  --mouse-glow-x: var(--length-zero);
  --mouse-glow-y: var(--length-zero);
  --mouse-name-x: var(--length-zero);
  --mouse-name-y: var(--length-zero);
  --mouse-photo-tilt: var(--angle-zero);
  --texture-document-y: var(--length-zero);
  --nav-height: calc(var(--control-min) + var(--space-2xs) + var(--space-2xs));
  --nav-top: var(--space-m);
  --hero-aspect: 16 / 9;
  --hero-portrait-width: min(var(--viewport-full), calc(var(--hero-height) * var(--hero-aspect)));
  --hero-stage-width: var(--hero-portrait-width);
  --hero-photo-min-height: var(--hero-height-mobile);
  --hero-photo-position: center bottom;
  --hero-hint-x: 68%;
  --hero-hint-y: 58%;
  --hero-social-left: 12%;
  --hero-social-right: 84%;
  --hero-social-top: 40%;
  --hero-social-bottom: 57%;
  --hero-signature-bottom: var(--space-m);
  --hero-tool-bottom: var(--space-3xl);
  --signature-line-size: var(--border-width);
  --motion-signature: 900ms;
  --motion-signature-delay: 180ms;
  --motion-editorial: 650ms;
  --motion-distance: var(--space-l);
  --motion-hover-scale: 1.035;
  --motion-tilt: -6deg;
  --motion-half-turn: 180deg;
  --cursor-dot-size: var(--space-2xs);
  --cursor-ring-size: var(--space-l);
  --cursor-interactive-size: var(--control-min);
  --card-media-height: clamp(18rem, 24vw, 26rem);
  --about-picture-width: var(--portfolio-item-min);
  --experience-height: clamp(24rem, 50vw, 42rem);
  --text-area-height: var(--space-3xl);
  --dialog-max-height: 90svh;
  --dialog-width: var(--measure-wide);
  --stroke-doodle: var(--border-size-2);
  --layout-breakpoint: 48rem;
  --mobile-art-width: calc(var(--hero-height-mobile) * 1.2);
  --mobile-hero-hint-x: 68%;
  --mobile-hero-hint-y: 57%;
  --number-two: 2;
  --number-negative-one: -1;
  --viewport-full: 100vw;
  --grid-fraction: 1fr;
  --column-pair: 2;
  --column-single: 1;
  --ratio-portrait-story: 9 / 16;
  --story-portrait-height: clamp(28rem, 44vw, 40rem);
  --opacity-soft: 0.7;
  --portrait-demo-position: 50% 35%;
  --hero-glow-mask: linear-gradient(to bottom, transparent 0%, var(--color-light) 100%);
  --mobile-portrait-height-factor: 0.9;
  --cms-day-canvas: var(--color-light);
  --cms-day-panel: var(--neutral-200);
  --cms-day-field: var(--color-light);
  --cms-day-text: var(--color-dark);
  --cms-day-muted: var(--neutral-600);
  --cms-day-border: var(--neutral-300);
  --cms-night-canvas: var(--color-dark);
  --cms-night-panel: var(--neutral-800);
  --cms-night-field: var(--neutral-700);
  --cms-night-text: var(--color-light);
  --cms-night-muted: var(--neutral-300);
  --cms-night-border: var(--neutral-600);
  --cms-action: var(--color-accent);
  --cms-action-text: var(--color-dark);
  --cms-font: var(--font-admin);
  --cms-title-font: var(--font-subtitle);
  --cms-title-size: var(--type-subsection);
  --cms-control-radius: var(--radius-control);
  --cms-panel-radius: var(--radius-media);
  --cms-row-height: calc(var(--control-min) + var(--space-m));
  --cms-inspector-width: var(--admin-sidebar-width);
  --cms-map-screen-width: var(--container-max);
  --cms-map-screen-height: calc(var(--container-max)*var(--fraction-half) + var(--space-3xl)*var(--number-two));
  --cms-map-category-column: var(--fraction-half);
  --cms-map-status-column: 0.69;
  --cms-map-actions-column: 0.88;
  --cms-map-actions-label: 0.9;
  --cms-map-contact-list-ratio: 0.54;
  --cms-map-notice-column: 0.62;
  --cms-thumb-size: calc(var(--icon-size)*var(--number-two));
  --cms-title-column: 2fr;
  --cms-toolbar-height: var(--nav-height);
  --cms-editor-gap: var(--space-l);
  --cms-search-width: var(--measure-prose);
  --cms-textarea-height: var(--text-area-height);
  --cms-preview-mobile-width: var(--viewport-min);
  --cms-media-card-min: var(--admin-sidebar-width);
  --cms-notice-max: var(--measure-wide);
  --cms-toast-duration: 8s;
  --film-frame-width: var(--space-3xl);
  --film-frame-gap: var(--space-2xs);
  --film-strip-padding: var(--space-m);
  --film-frame-peak: 1.35;
  --film-proximity-radius: var(--column-triple);
  --film-follow-duration: 40ms;
  --film-snap-duration: var(--nav-pill-duration);
  --film-spring-ease: var(--nav-bounce-ease);
  --film-playhead-width: var(--focus-width);
  --film-fps: 24;
  --font-timecode: var(--font-mono);
  --film-frame-scale: var(--number-one);
  --float-label-duration: 200ms;
  --float-label-scale: 0.8;
  --float-label-lift: var(--space-s);
  --cms-scrollbar-width: var(--space-2xs);
  --heatmap-columns: 20;
  --gradient-diameter: calc(var(--container-max) * var(--gradient-diameter-factor));
  --gradient-radius-x: calc(var(--gradient-diameter) * var(--fraction-half));
  --texture-tile-width: calc(var(--texture-source-width) * var(--texture-scale));
  --texture-tile-height: calc(var(--texture-source-height) * var(--texture-scale));
  --texture-tile-size: var(--texture-tile-width) var(--texture-tile-height);
  --texture-mosaic-size: calc(var(--texture-tile-width) * var(--texture-mosaic-columns)) calc(var(--texture-tile-height) * var(--texture-mosaic-rows));
  --brush-stamp-spacing: calc(var(--brush-size) * var(--brush-spacing-ratio));
  --contact-field-height: calc(var(--control-min) * var(--font-lineheight-3));
  --font-system-ui: system-ui, sans-serif;
}