/* Generated from tokens.json. Edit JSON, then rerun generate_tokens.py. */
:root {
  --color-canvas: #121717;
  --color-surface: #1B2423;
  --color-forest: #254441;
  --color-paper: #F3F2EC;
  --color-paper-soft: #E7E6DE;
  --color-ink: #172321;
  --color-muted: #BDC6C0;
  --color-paper-muted: #54635E;
  --color-line: #4D625C;
  --color-paper-line: #73847A;
  --color-white: #FFFFFF;
  --color-focus: #D8E6DE;
  --color-hero-shade: rgba(9,17,15,0.72);
  --color-nav-surface: rgba(18,23,23,0.93);
  --color-selection: #D8E6DE;
  --color-selection-ink: #172321;
  --color-progress-track: #4D625C;
  --color-progress-fill: #D8E6DE;
  --color-scrollbar-thumb: #BDC6C0;
  --color-scrollbar-track: #121717;
  --font-display: 'Manrope', 'Arial', sans-serif;
  --font-body: 'Manrope', 'Arial', sans-serif;
  --font-mono: 'Consolas', 'Courier New', monospace;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 600;
  --type-hero: clamp(4rem, 8.2vw, 8.25rem);
  --type-hero-caption: clamp(1rem, 1.4vw, 1.25rem);
  --type-hero-mobile: clamp(2.5rem, 9.4vw, 4rem);
  --type-section: clamp(2.5rem, 4.7vw, 4.75rem);
  --type-title: clamp(1.75rem, 2.8vw, 2.75rem);
  --type-body: clamp(1rem, 1.2vw, 1.125rem);
  --type-small: 0.875rem;
  --type-label: 0.75rem;
  --type-leading-display: 1.08;
  --type-leading-title: 1.15;
  --type-leading-body: 1.65;
  --type-tracking-display: -0.04em;
  --type-tracking-title: -0.02em;
  --type-tracking-label: 0.1em;
  --type-measure: 58ch;
  --type-wordmark: 1.75rem;
  --type-signature: clamp(6rem, 22vw, 22rem);
  --type-detail-title: clamp(1.75rem, 2.5vw, 2.5rem);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --layout-max: 1600px;
  --layout-gutter: clamp(24px, 4vw, 72px);
  --layout-grid-gap: clamp(24px, 4vw, 64px);
  --layout-columns: 12;
  --layout-section-space: clamp(88px, 10vw, 160px);
  --layout-nav-height: 88px;
  --layout-touch: 44px;
  --layout-breakpoint-mobile: 640px;
  --layout-breakpoint-tablet: 1024px;
  --layout-sticky-offset: 112px;
  --layout-hero-height: max(720px, 100svh);
  --layout-media-ratio: 3 / 4;
  --layout-hero-caption-width: 320px;
  --layout-intro-columns: 0.8fr 1.7fr;
  --layout-room-columns: 0.75fr 1.25fr;
  --layout-hero-stage-height: clamp(260px, 39svh, 430px);
  --layout-breakpoint-short: 740px;
  --layout-package-panel-width: 40%;
  --layout-package-list-width: 56%;
  --layout-package-panel-height: 520px;
  --layout-hero-copy-width: 46ch;
  --social-width: 1080px;
  --social-height: 1350px;
  --social-gutter: 64px;
  --social-wordmark: 72px;
  --social-headline: 88px;
  --social-thai-heading: 48px;
  --social-body: 32px;
  --social-label: 26px;
  --social-leading-thai: 1.55;
  --radius-none: 0px;
  --radius-control: 8px;
  --radius-window: 16px;
  --radius-pill: 999px;
  --border-hairline: 1px;
  --border-focus: 2px;
  --border-progress: 4px;
  --shadow-media: none;
  --shadow-none: none;
  --layer-base: 0;
  --layer-overlay: 1;
  --layer-content: 2;
  --layer-navigation: 20;
  --layer-dialog: 40;
  --motion-duration-micro: 220ms;
  --motion-duration-control: 420ms;
  --motion-duration-reveal: 900ms;
  --motion-ease-standard: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --motion-reveal-distance: 16px;
  --motion-reveal-start: 0.96;
  --motion-reveal-end: 0.62;
  --motion-reveal-opacity-floor: 0.70;
  --motion-hover-lift: 0px;
  --motion-hover-scale: 1.025;
  --motion-hero-scale-start: 1;
  --motion-hero-scale-delta: 0.04;
  --motion-hero-translate: 32px;
  --motion-hero-rotate: 0deg;
  --motion-media-scale-start: 1.055;
  --motion-media-scale-delta: 0.055;
  --motion-media-translate: 18px;
  --motion-nav-solid-at: 80;
  --motion-hero-copy-travel: 24px;
  --motion-hero-copy-opacity-delta: 0;
  --motion-button-duration: 300ms;
  --motion-button-dot-scale: 100.8;
  --motion-button-label-travel: 48px;
  --motion-hero-scroll-distance: 110svh;
  --motion-video-seek-epsilon: 0.04;
  --motion-hero-title-exit: 0.35;
  --motion-hero-title-travel: 24px;
  --motion-hero-title-blur: 10px;
  --motion-hero-tagline-enter: 0.82;
  --motion-hero-tagline-travel: 20px;
  --motion-hero-tagline-blur: 8px;
  --motion-hero-video-zoom: 0.06;
  --motion-showcase-scroll-distance: 420svh;
  --motion-showcase-scroll-mobile: 360svh;
  --motion-showcase-transition-start: 0.78;
  --motion-showcase-slide: 64px;
  --motion-showcase-hold: 0.15;
  --motion-showcase-frame-inset: 0.035;
  --motion-showcase-scene-depth: 0.025;
  --motion-entrance-duration: 760ms;
  --motion-entrance-stagger: 90ms;
  --motion-entrance-distance: 28px;
  --motion-process-start: 0.88;
  --motion-process-end: 0.40;
  --motion-entrance-clip: 28%;
  --motion-editorial-enter-start: 0.94;
  --motion-editorial-enter-end: 0.30;
  --motion-editorial-exit-start: 0.30;
  --motion-editorial-exit-end: 0.04;
  --motion-editorial-word-stagger: 0.32;
  --motion-editorial-word-travel: 115%;
  --motion-editorial-word-padding: 0.12em;
  --motion-editorial-rise: 48px;
  --motion-editorial-slide: 32px;
  --motion-editorial-parallax: 32px;
  --motion-editorial-opacity-floor: 0.45;
  --motion-editorial-mobile-factor: 0.65;
  --motion-package-reveal-travel: 12px;
  --motion-showcase-image-zoom: 0.08;
  --motion-showcase-copy-rise: 24px;
  --motion-showcase-copy-start: 0.72;
  --prototype-display: clamp(2rem, 5.4cqw, 5rem);
  --prototype-title: clamp(1.5rem, 3.2cqw, 3rem);
  --prototype-body: clamp(0.875rem, 1.25cqw, 1.125rem);
  --prototype-label: clamp(0.75rem, 1cqw, 0.875rem);
  --prototype-wordmark: clamp(1.25rem, 2cqw, 1.875rem);
  --prototype-gutter: clamp(20px, 4cqw, 56px);
  --prototype-hero-height: clamp(400px, 40cqw, 560px);
  --prototype-photo-height: 240px;
  --prototype-nav-height: 72px;
  --prototype-poster-type: clamp(2.5rem, 7cqw, 6rem);
  --prototype-studio-display: clamp(2.75rem, 6.8cqw, 6rem);
  --showcase-heading: clamp(1.25rem, 2.6vw, 2.5rem);
  --showcase-display: clamp(2.75rem, 6.8cqw, 6.5rem);
  --showcase-weight: 300;
  --showcase-tracking: 0.16em;
  --showcase-hero-height: clamp(460px, 44cqw, 640px);
  --showcase-mobile-photo: 280px;
  --showcase-chapter-width: 220px;
  --showcase-counter: clamp(1.5rem, 3vw, 2.75rem);
}