*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(231 224 214)}
html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Inter,system-ui,sans-serif}
body{margin:0;line-height:inherit}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}
p,figure,blockquote,dl,dd,pre{margin:0}
ol,ul,menu{list-style:none;margin:0;padding:0}
a{color:inherit;text-decoration:inherit}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,[type=button],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none;cursor:pointer}
:disabled{cursor:default}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]{display:none}
fieldset,legend{margin:0;padding:0;border:0}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{opacity:1;color:rgb(120 113 108)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:0.9em}
address{font-style:normal}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
@keyframes slide-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes slide-in-right{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes slide-in-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@keyframes slide-in-bottom{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes scale-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.25)}100%{transform:scale(1)}}

@tailwind base;
@tailwind components;
@tailwind utilities;


:root {
  
  --primary: 28 25 23; 
  --primary-soft: 68 64 60; 
  --secondary: 239 231 220; 
  --accent: 176 138 78; 
  --accent-soft: 232 214 186; 
  --champagne: 209 178 128; 
  --taupe: 168 155 140; 

  
  --on-primary: 255 255 255;
  --ink: 28 25 23;
  --on-ink: 251 248 244;
  --leather: 74 52 39; 

  
  --background: 251 248 244; 
  --surface: 255 255 255; 
  --surface-alt: 245 241 235; 
  --text: 28 25 23;
  --muted: 120 113 108; 
  --border: 231 224 214; 

  
  --success: 22 128 96;
  --danger: 190 60 54;
  --warning: 181 132 34;

  
  --ease-premium: cubic-bezier(0.22, 1, 0.36, 1);
  --header-height: 64px;
  --bottom-nav-height: 60px;
}


.dark {
  color-scheme: dark;

  
  --primary: 244 239 232; 
  --primary-soft: 205 196 185;
  --on-primary: 24 21 19; 
  --secondary: 44 39 35; 
  --accent: 209 178 128; 
  --accent-soft: 232 214 186;
  --champagne: 224 197 152;
  --taupe: 138 126 113;
  --leather: 58 41 31;

  
  --background: 20 18 16; 
  --surface: 28 25 23; 
  --surface-alt: 38 34 31; 
  --text: 244 239 232;
  --muted: 163 152 141;
  --border: 58 52 46;

  
  --ink: 12 11 10;
  --on-ink: 244 239 232;

  
  --success: 74 176 132;
  --danger: 233 110 103;
  --warning: 214 168 74;
}


@media (prefers-reduced-motion: no-preference) {
  html.theme-ready body,
  html.theme-ready header,
  html.theme-ready footer,
  html.theme-ready section,
  html.theme-ready nav,
  html.theme-ready .card {
    transition: background-color 240ms var(--ease-premium), border-color 240ms var(--ease-premium),
      color 240ms var(--ease-premium);
  }
}



  * {
    border-color:rgb(var(--border));
  }

  html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
  }

  body {
    background-color:rgb(var(--background));color:rgb(var(--text));font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
    
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
  }

  h1,
  h2,
  h3,
  h4 {
    font-family:"Cormorant Garamond",Georgia,Cambria,serif;font-weight:500;color:rgb(var(--primary));
    text-wrap: balance;
  }

  p {
    text-wrap: pretty;
  }

  
  :focus-visible {
    outline: 2px solid rgb(var(--accent));
    outline-offset: 2px;
    border-radius: 4px;
  }

  
  [id] {
    scroll-margin-top: calc(var(--header-height) + 24px);
  }

  img {
    max-width: 100%;
    height: auto;
  }

  
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
    *,
    *::before,
    *::after {
      animation-duration: 0.001ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.001ms !important;
      scroll-behavior: auto !important;
    }
  }




  .container-page {
    margin-left:auto;margin-right:auto;width:100%;max-width:1320px;padding-left:1rem;padding-right:1rem;
  }

  .section {
    padding-top:3rem;padding-bottom:3rem;
  }

  
  .btn {
    display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;border-radius:9999px;font-size:0.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;transition-duration:300ms;transition-timing-function:cubic-bezier(0.22,1,0.36,1);user-select:none;
    
    min-height: 44px;
    padding: 0.625rem 1.375rem;
  }

  .btn-primary {
    display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;border-radius:9999px;font-size:0.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;transition-duration:300ms;transition-timing-function:cubic-bezier(0.22,1,0.36,1);user-select:none;
    
    min-height: 44px;
    padding: 0.625rem 1.375rem;background-color:rgb(var(--primary));color:rgb(var(--on-primary));
  }

  .btn-accent {
    
    display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;border-radius:9999px;font-size:0.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;transition-duration:300ms;transition-timing-function:cubic-bezier(0.22,1,0.36,1);user-select:none;
    
    min-height: 44px;
    padding: 0.625rem 1.375rem;background-color:rgb(var(--accent));color:rgb(var(--on-primary));
  }

  .btn-outline {
    display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;border-radius:9999px;font-size:0.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;transition-duration:300ms;transition-timing-function:cubic-bezier(0.22,1,0.36,1);user-select:none;
    
    min-height: 44px;
    padding: 0.625rem 1.375rem;border-width:1px;border-color:rgb(var(--primary) / 0.25);background-color:transparent;color:rgb(var(--primary));
  }

  .btn-ghost {
    display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;border-radius:9999px;font-size:0.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;transition-duration:300ms;transition-timing-function:cubic-bezier(0.22,1,0.36,1);user-select:none;
    
    min-height: 44px;
    padding: 0.625rem 1.375rem;background-color:transparent;color:rgb(var(--primary));
  }

  .btn-light {
    
    display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;border-radius:9999px;font-size:0.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;transition-duration:300ms;transition-timing-function:cubic-bezier(0.22,1,0.36,1);user-select:none;
    
    min-height: 44px;
    padding: 0.625rem 1.375rem;background-color:rgb(var(--on-ink));color:rgb(var(--ink));
  }

  .btn-sm {
    font-size:0.75rem;line-height:1rem;
    min-height: 38px;
    padding: 0.45rem 1rem;
  }

  .btn-lg {
    font-size:1rem;line-height:1.5rem;
    min-height: 52px;
    padding: 0.85rem 2rem;
  }

  .btn-block {
    width:100%;
  }

  
  .icon-btn {
    display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:9999px;color:rgb(var(--primary));transition-property:color,background-color,border-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;transition-duration:200ms;
  }

  
  .field-label {
    margin-bottom:0.375rem;display:block;font-size:0.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;letter-spacing:0.05em;color:rgb(var(--muted));
  }

  .field {
    width:100%;border-radius:0.5rem;border-width:1px;border-color:rgb(var(--border));background-color:rgb(var(--surface));padding-left:0.875rem;padding-right:0.875rem;padding-top:0.75rem;padding-bottom:0.75rem;font-size:0.875rem;line-height:1.25rem;color:rgb(var(--text));transition-property:color,background-color,border-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;transition-duration:200ms;
  }

  .field-error {
    border-color:rgb(var(--danger));
  }

  .field-hint {
    margin-top:0.375rem;font-size:0.75rem;line-height:1rem;color:rgb(var(--muted));
  }

  .field-message {
    margin-top:0.375rem;display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;line-height:1rem;color:rgb(var(--danger));
  }

  
  .card {
    border-radius:1.25rem;border-width:1px;border-color:rgb(var(--border));background-color:rgb(var(--surface));box-shadow:0 1px 3px rgb(28 25 23 / 0.06);
  }

  .badge {
    display:inline-flex;align-items:center;gap:0.25rem;border-radius:9999px;padding-left:0.625rem;padding-right:0.625rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:11px;line-height:1.45;font-weight:600;text-transform:uppercase;letter-spacing:0.025em;
  }

  
  .eyebrow {
    font-size:11px;line-height:1.45;font-weight:600;text-transform:uppercase;letter-spacing:0.18em;color:rgb(var(--accent));
  }

  .link-underline {
    position:relative;display:inline-flex;align-items:center;gap:0.25rem;font-size:0.875rem;line-height:1.25rem;font-weight:500;color:rgb(var(--primary));
  }

  
  .focus-reveal {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .focus-reveal:focus {
    display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-color:rgb(var(--border));background-color:rgb(var(--surface));color:rgb(var(--primary));
    position: static;
    width: 2.25rem;
    height: 2.25rem;
    margin: 0 0 0 0.5rem;
    overflow: visible;
    clip: auto;
  }

  
  .skip-link {
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;
  }

  
  .hero-frame {
    min-height: clamp(300px, 42vh, 400px);
  }
  .hero-title {
    font-size: clamp(1.9rem, 7vw, 4rem);
    line-height: 1.06;
    letter-spacing: -0.02em;
  }
  @media (min-width: 640px) {
    .hero-frame {
      min-height: clamp(380px, 52vh, 520px);
    }
  }
  @media (min-width: 1024px) {
    .hero-frame {
      min-height: clamp(460px, 60vh, 600px);
    }
  }

  
  .scroll-row {
    display:flex;scroll-snap-type:x mandatory;gap:1rem;overflow-x:auto;padding-bottom:0.5rem;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-row::-webkit-scrollbar {
    display: none;
  }




  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  
  .line-clamp-1,
  .line-clamp-2,
  .line-clamp-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .line-clamp-1 {
    -webkit-line-clamp: 1;
  }
  .line-clamp-2 {
    -webkit-line-clamp: 2;
  }
  .line-clamp-3 {
    -webkit-line-clamp: 3;
  }

  
  .pb-safe {
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  .mb-safe {
    margin-bottom: env(safe-area-inset-bottom, 0px);
  }

  
  .marquee-track {
    
    animation: ritliq-marquee var(--marquee-duration, 40s) linear infinite;
    will-change: transform;
  }
  .marquee-track[data-paused='true'] {
    animation-play-state: paused;
  }
  @keyframes ritliq-marquee {
    from {
      transform: translate3d(0, 0, 0);
    }
    to {
      transform: translate3d(var(--marquee-shift, -33.3333%), 0, 0);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .marquee-track {
      animation: none;
    }
  }

  .shimmer {
    position: relative;
    overflow: hidden;
  }
  .shimmer::after {
    content: '';
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(
      90deg,
      rgb(255 255 255 / 0) 0,
      rgb(255 255 255 / 0.55) 50%,
      rgb(255 255 255 / 0) 100%
    );
    animation: shimmer 1.6s infinite;
  }
  @keyframes shimmer {
    100% {
      transform: translateX(100%);
    }
  }


@media (min-width:640px) { .container-page { padding-left:1.5rem;padding-right:1.5rem; } }
@media (min-width:1024px) { .container-page { padding-left:2rem;padding-right:2rem; } }
@media (min-width:768px) { .section { padding-top:4rem;padding-bottom:4rem; } }
@media (min-width:1024px) { .section { padding-top:5rem;padding-bottom:5rem; } }
.btn:disabled { pointer-events:none; }
.btn:disabled { opacity:0.5; }
.btn-primary:hover { background-color:rgb(var(--primary-soft)); }
.btn-primary:active { transform:scale(0.98); }
.btn-accent:active { transform:scale(0.98); }
.btn-outline:hover { border-color:rgb(var(--primary)); }
.btn-outline:hover { background-color:rgb(var(--primary)); }
.btn-outline:hover { color:rgb(var(--on-primary)); }
.btn-outline:active { transform:scale(0.98); }
.btn-ghost:hover { background-color:rgb(var(--primary) / 0.05); }
.btn-light:active { transform:scale(0.98); }
.icon-btn:hover { background-color:rgb(var(--primary) / 0.05); }
.icon-btn:active { background-color:rgb(var(--primary) / 0.1); }
.field::placeholder { color:rgb(var(--muted) / 0.7); }
.field:focus { border-color:rgb(var(--accent)); }
.field:focus { outline:2px solid transparent;outline-offset:2px; }
.field:focus { box-shadow:0 0 0 2px rgb(176 138 78 / .35); }
.field:focus { box-shadow:0 0 0 2px rgb(var(--accent) / 0.25); }
.field-error:focus { border-color:rgb(var(--danger)); }
.field-error:focus { box-shadow:0 0 0 2px rgb(var(--danger) / 0.25); }
.link-underline::after { position:absolute; }
.link-underline::after { left:0px;right:0px; }
.link-underline::after { bottom:-0.125rem; }
.link-underline::after { height:1px; }
.link-underline::after { transform:scale(NaN); }
.link-underline::after { background-color:currentColor; }
.link-underline::after { transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms; }
.link-underline::after { transition-duration:300ms; }
.link-underline:hover::after { transform:scale(NaN); }
.skip-link:focus { position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal; }
.skip-link:focus { position:fixed; }
.skip-link:focus { left:1rem; }
.skip-link:focus { top:1rem; }
.skip-link:focus { z-index:100; }
.skip-link:focus { border-radius:0.5rem; }
.skip-link:focus { background-color:rgb(var(--primary)); }
.skip-link:focus { padding-left:1rem;padding-right:1rem; }
.skip-link:focus { padding-top:0.75rem;padding-bottom:0.75rem; }
.skip-link:focus { font-size:0.875rem;line-height:1.25rem; }
.skip-link:focus { color:rgb(var(--on-primary)); }
/* utilities */
.-m-1 { margin:-0.25rem; }
.-ml-2 { margin-left:-0.5rem; }
.-ml-3 { margin-left:-0.75rem; }
.-mr-2 { margin-right:-0.5rem; }
.-mx-4 { margin-left:-1rem;margin-right:-1rem; }
.-right-0\.5 { right:-0.125rem; }
.-right-1\.5 { right:-0.375rem; }
.-space-x-3 > * + * { margin-left:-0.75rem; }
.-top-0\.5 { top:-0.125rem; }
.-top-1\.5 { top:-0.375rem; }
.-translate-x-1\/2 { transform:translateX(-50%); }
.-translate-y-1\/2 { transform:translateY(-50%); }
.absolute { position:absolute; }
.accent-\[rgb\(var\(--accent\)\)\] { accent-color:rgb(var(--accent)); }
.active\:bg-primary:active { background-color:rgb(var(--primary)); }
.active\:bg-surface-alt:active { background-color:rgb(var(--surface-alt)); }
.active\:text-on-primary:active { color:rgb(var(--on-primary)); }
.after\:-bottom-0\.5::after { content:''; bottom:-0.125rem; }
.after\:absolute::after { content:''; position:absolute; }
.after\:bg-current::after { content:''; background-color:currentColor; }
.after\:duration-300::after { content:''; transition-duration:300ms; }
.after\:h-px::after { content:''; height:1px; }
.after\:inset-x-0::after { content:''; left:0px;right:0px; }
.after\:scale-x-100::after { content:''; transform:scale(NaN); }
.after\:transition-transform::after { content:''; transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms; }
.animate-fade-in { animation:fade-in .4s cubic-bezier(0.22,1,0.36,1) both; }
.animate-pop { animation:pop .35s cubic-bezier(0.22,1,0.36,1); }
.animate-slide-in-bottom { animation:slide-in-bottom .3s cubic-bezier(0.22,1,0.36,1) both; }
.animate-slide-in-left { animation:slide-in-left .3s cubic-bezier(0.22,1,0.36,1) both; }
.animate-slide-in-right { animation:slide-in-right .3s cubic-bezier(0.22,1,0.36,1) both; }
.animate-slide-up { animation:slide-up .5s cubic-bezier(0.22,1,0.36,1) both; }
.animate-spin { animation:spin 1s linear infinite; }
.appearance-none { appearance:none;-webkit-appearance:none; }
.aspect-square { aspect-ratio:1/1; }
.backdrop-blur { backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px); }
.backdrop-blur-sm { backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px); }
.before\:absolute::before { content:''; position:absolute; }
.before\:bg-accent::before { content:''; background-color:rgb(var(--accent)); }
.before\:bg-transparent::before { content:''; background-color:transparent; }
.before\:h-\[2px\]::before { content:''; height:2px; }
.before\:inset-x-6::before { content:''; left:1.5rem;right:1.5rem; }
.before\:rounded-full::before { content:''; border-radius:9999px; }
.before\:top-0::before { content:''; top:0px; }
.before\:transition-colors::before { content:''; transition-property:color,background-color,border-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms; }
.bg-accent { background-color:rgb(var(--accent)); }
.bg-accent\/10 { background-color:rgb(var(--accent) / 0.1); }
.bg-accent\/5 { background-color:rgb(var(--accent) / 0.05); }
.bg-background { background-color:rgb(var(--background)); }
.bg-background\/80 { background-color:rgb(var(--background) / 0.8); }
.bg-background\/95 { background-color:rgb(var(--background) / 0.95); }
.bg-background\/97 { background-color:rgb(var(--background) / 0.97); }
.bg-border { background-color:rgb(var(--border)); }
.bg-danger { background-color:rgb(var(--danger)); }
.bg-danger\/10 { background-color:rgb(var(--danger) / 0.1); }
.bg-danger\/5 { background-color:rgb(var(--danger) / 0.05); }
.bg-gradient-to-b { background-image:linear-gradient(to bottom,var(--tw-from,transparent),var(--tw-via,transparent),var(--tw-to,transparent)); }
.bg-gradient-to-r { background-image:linear-gradient(to right,var(--tw-from,transparent),var(--tw-via,transparent),var(--tw-to,transparent)); }
.bg-gradient-to-t { background-image:linear-gradient(to top,var(--tw-from,transparent),var(--tw-via,transparent),var(--tw-to,transparent)); }
.bg-ink { background-color:rgb(var(--ink)); }
.bg-ink\/0 { background-color:rgb(var(--ink) / 0); }
.bg-ink\/55 { background-color:rgb(var(--ink) / 0.55); }
.bg-ink\/85 { background-color:rgb(var(--ink) / 0.85); }
.bg-leather { background-color:rgb(var(--leather)); }
.bg-no-repeat { background-repeat:no-repeat; }
.bg-on-ink { background-color:rgb(var(--on-ink)); }
.bg-on-ink\/10 { background-color:rgb(var(--on-ink) / 0.1); }
.bg-on-ink\/95 { background-color:rgb(var(--on-ink) / 0.95); }
.bg-primary { background-color:rgb(var(--primary)); }
.bg-primary\/10 { background-color:rgb(var(--primary) / 0.1); }
.bg-secondary { background-color:rgb(var(--secondary)); }
.bg-secondary\/40 { background-color:rgb(var(--secondary) / 0.4); }
.bg-secondary\/50 { background-color:rgb(var(--secondary) / 0.5); }
.bg-secondary\/60 { background-color:rgb(var(--secondary) / 0.6); }
.bg-success { background-color:rgb(var(--success)); }
.bg-success\/10 { background-color:rgb(var(--success) / 0.1); }
.bg-success\/5 { background-color:rgb(var(--success) / 0.05); }
.bg-surface { background-color:rgb(var(--surface)); }
.bg-surface-alt { background-color:rgb(var(--surface-alt)); }
.bg-surface-alt\/60 { background-color:rgb(var(--surface-alt) / 0.6); }
.bg-surface\/80 { background-color:rgb(var(--surface) / 0.8); }
.bg-surface\/85 { background-color:rgb(var(--surface) / 0.85); }
.bg-surface\/90 { background-color:rgb(var(--surface) / 0.9); }
.bg-surface\/95 { background-color:rgb(var(--surface) / 0.95); }
.bg-surface\/97 { background-color:rgb(var(--surface) / 0.97); }
.bg-taupe\/50 { background-color:rgb(var(--taupe) / 0.5); }
.bg-transparent { background-color:transparent; }
.bg-warning { background-color:rgb(var(--warning)); }
.block { display:block; }
.border { border-width:1px; }
.border-0 { border-width:0px; }
.border-2 { border-width:2px; }
.border-accent { border-color:rgb(var(--accent)); }
.border-accent\/30 { border-color:rgb(var(--accent) / 0.3); }
.border-accent\/40 { border-color:rgb(var(--accent) / 0.4); }
.border-accent\/50 { border-color:rgb(var(--accent) / 0.5); }
.border-b { border-bottom-width:1px; }
.border-border { border-color:rgb(var(--border)); }
.border-border\/70 { border-color:rgb(var(--border) / 0.7); }
.border-danger { border-color:rgb(var(--danger)); }
.border-danger\/30 { border-color:rgb(var(--danger) / 0.3); }
.border-dashed { border-style:dashed; }
.border-l { border-left-width:1px; }
.border-on-ink\/10 { border-color:rgb(var(--on-ink) / 0.1); }
.border-on-ink\/15 { border-color:rgb(var(--on-ink) / 0.15); }
.border-on-ink\/20 { border-color:rgb(var(--on-ink) / 0.2); }
.border-on-ink\/40 { border-color:rgb(var(--on-ink) / 0.4); }
.border-primary { border-color:rgb(var(--primary)); }
.border-primary\/20 { border-color:rgb(var(--primary) / 0.2); }
.border-primary\/25 { border-color:rgb(var(--primary) / 0.25); }
.border-success { border-color:rgb(var(--success)); }
.border-success\/30 { border-color:rgb(var(--success) / 0.3); }
.border-surface { border-color:rgb(var(--surface)); }
.border-t { border-top-width:1px; }
.border-taupe\/30 { border-color:rgb(var(--taupe) / 0.3); }
.border-taupe\/35 { border-color:rgb(var(--taupe) / 0.35); }
.border-transparent { border-color:transparent; }
.border-white\/15 { border-color:rgb(255 255 255 / 0.15); }
.border-x { border-left-width:1px;border-right-width:1px; }
.border-y { border-top-width:1px;border-bottom-width:1px; }
.bottom-0 { bottom:0px; }
.bottom-3 { bottom:0.75rem; }
.bottom-4 { bottom:1rem; }
.bottom-\[var\(--bottom-nav-height\)\] { bottom:var(--bottom-nav-height); }
.capitalize { text-transform:capitalize; }
.col-start-1 { grid-column-start:1; }
.contents { display:contents; }
.cursor-pointer { cursor:pointer; }
.disabled\:opacity-0:disabled { opacity:0; }
.disabled\:opacity-35:disabled { opacity:0.35; }
.disabled\:opacity-40:disabled { opacity:0.4; }
.disabled\:opacity-50:disabled { opacity:0.5; }
.disabled\:pointer-events-none:disabled { pointer-events:none; }
.divide-border > * + * { border-top-width:1px; border-color:rgb(231 224 214); }
.divide-y > * + * { border-top-width:1px; border-color:rgb(231 224 214); }
.duration-200 { transition-duration:200ms; }
.duration-300 { transition-duration:300ms; }
.duration-500 { transition-duration:500ms; }
.duration-700 { transition-duration:700ms; }
.duration-\[1200ms\] { transition-duration:1200ms; }
.duration-\[600ms\] { transition-duration:600ms; }
.ease-premium { transition-timing-function:cubic-bezier(0.22,1,0.36,1); }
.first\:pt-0:first-child { padding-top:0px; }
.fixed { position:fixed; }
.flex { display:flex; }
.flex-1 { flex:1 1 0%; }
.flex-col { flex-direction:column; }
.flex-wrap { flex-wrap:wrap; }
.focus-visible\:outline-none:focus-visible { outline:2px solid transparent;outline-offset:2px; }
.focus-within\:opacity-100:focus-within { opacity:1; }
.focus-within\:translate-y-0:focus-within { transform:translateY(0px); }
.focus\:bg-primary:focus { background-color:rgb(var(--primary)); }
.focus\:bg-surface-alt:focus { background-color:rgb(var(--surface-alt)); }
.focus\:border-accent:focus { border-color:rgb(var(--accent)); }
.focus\:border-accent-soft:focus { border-color:rgb(var(--accent-soft)); }
.focus\:border-danger:focus { border-color:rgb(var(--danger)); }
.focus\:fixed:focus { position:fixed; }
.focus\:left-4:focus { left:1rem; }
.focus\:not-sr-only:focus { position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal; }
.focus\:outline-none:focus { outline:2px solid transparent;outline-offset:2px; }
.focus\:px-4:focus { padding-left:1rem;padding-right:1rem; }
.focus\:py-3:focus { padding-top:0.75rem;padding-bottom:0.75rem; }
.focus\:ring-2:focus { box-shadow:0 0 0 2px rgb(176 138 78 / .35); }
.focus\:ring-accent:focus { box-shadow:0 0 0 2px rgb(var(--accent)); }
.focus\:rounded-lg:focus { border-radius:0.5rem; }
.focus\:text-sm:focus { font-size:0.875rem;line-height:1.25rem; }
.focus\:top-4:focus { top:1rem; }
.focus\:z-\[100\]:focus { z-index:100; }
.font-bold { font-weight:700; }
.font-display { font-family:"Cormorant Garamond",Georgia,Cambria,serif; }
.font-medium { font-weight:500; }
.font-mono { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.font-normal { font-weight:400; }
.font-sans { font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
.font-semibold { font-weight:600; }
.from-background\/96 { --tw-from:rgb(var(--background) / 0.96); }
.from-ink { --tw-from:rgb(var(--ink)); }
.from-ink\/70 { --tw-from:rgb(var(--ink) / 0.7); }
.from-ink\/80 { --tw-from:rgb(var(--ink) / 0.8); }
.from-ink\/85 { --tw-from:rgb(var(--ink) / 0.85); }
.from-ink\/95 { --tw-from:rgb(var(--ink) / 0.95); }
.gap-0\.5 { gap:0.125rem; }
.gap-1 { gap:0.25rem; }
.gap-1\.5 { gap:0.375rem; }
.gap-10 { gap:2.5rem; }
.gap-2 { gap:0.5rem; }
.gap-2\.5 { gap:0.625rem; }
.gap-3 { gap:0.75rem; }
.gap-3\.5 { gap:0.875rem; }
.gap-4 { gap:1rem; }
.gap-5 { gap:1.25rem; }
.gap-6 { gap:1.5rem; }
.gap-8 { gap:2rem; }
.gap-x-2 { column-gap:0.5rem; }
.gap-x-2\.5 { column-gap:0.625rem; }
.gap-x-3 { column-gap:0.75rem; }
.gap-x-4 { column-gap:1rem; }
.gap-y-1 { row-gap:0.25rem; }
.gap-y-1\.5 { row-gap:0.375rem; }
.gap-y-2 { row-gap:0.5rem; }
.gap-y-8 { row-gap:2rem; }
.grid { display:grid; }
.grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.grid-cols-\[repeat\(3\,minmax\(0\,1fr\)\)_17rem\] { grid-template-columns:repeat(3,minmax(0,1fr)) 17rem; }
.group:hover .group-hover\:bg-ink\/50 { background-color:rgb(var(--ink) / 0.5); }
.group:hover .group-hover\:opacity-100 { opacity:1; }
.group:hover .group-hover\:scale-105 { transform:scale(1.05); }
.group:hover .group-hover\:scale-\[1\.04\] { transform:scale(1.04); }
.group:hover .group-hover\:translate-x-0\.5 { transform:translateX(0.125rem); }
.group:hover .group-hover\:translate-x-1 { transform:translateX(0.25rem); }
.group:hover .group-hover\:translate-y-0 { transform:translateY(0px); }
.grow { flex-grow:1; }
.h-1 { height:0.25rem; }
.h-1\.5 { height:0.375rem; }
.h-10 { height:2.5rem; }
.h-11 { height:2.75rem; }
.h-12 { height:3rem; }
.h-14 { height:3.5rem; }
.h-16 { height:4rem; }
.h-20 { height:5rem; }
.h-24 { height:6rem; }
.h-3 { height:0.75rem; }
.h-4 { height:1rem; }
.h-5 { height:1.25rem; }
.h-7 { height:1.75rem; }
.h-8 { height:2rem; }
.h-9 { height:2.25rem; }
.h-\[18px\] { height:18px; }
.h-\[58px\] { height:58px; }
.h-\[72px\] { height:72px; }
.h-\[calc\(100\%-1\.75rem\)\] { height:calc(100%-1.75rem); }
.h-full { height:100%; }
.h-px { height:1px; }
.hidden { display:none; }
.hover\:bg-danger\/10:hover { background-color:rgb(var(--danger) / 0.1); }
.hover\:bg-primary:hover { background-color:rgb(var(--primary)); }
.hover\:bg-primary-soft:hover { background-color:rgb(var(--primary-soft)); }
.hover\:bg-primary\/5:hover { background-color:rgb(var(--primary) / 0.05); }
.hover\:bg-secondary\/60:hover { background-color:rgb(var(--secondary) / 0.6); }
.hover\:bg-surface:hover { background-color:rgb(var(--surface)); }
.hover\:bg-surface-alt:hover { background-color:rgb(var(--surface-alt)); }
.hover\:bg-taupe:hover { background-color:rgb(var(--taupe)); }
.hover\:border-accent:hover { border-color:rgb(var(--accent)); }
.hover\:border-border:hover { border-color:rgb(var(--border)); }
.hover\:border-primary:hover { border-color:rgb(var(--primary)); }
.hover\:border-primary\/40:hover { border-color:rgb(var(--primary) / 0.4); }
.hover\:shadow-card:hover { box-shadow:0 1px 2px rgb(28 25 23 / 0.04), 0 8px 24px -12px rgb(28 25 23 / 0.12); }
.hover\:shadow-card-hover:hover { box-shadow:0 2px 4px rgb(28 25 23 / 0.05), 0 18px 40px -18px rgb(28 25 23 / 0.22); }
.hover\:text-accent:hover { color:rgb(var(--accent)); }
.hover\:text-danger:hover { color:rgb(var(--danger)); }
.hover\:text-on-ink:hover { color:rgb(var(--on-ink)); }
.hover\:text-on-ink\/70:hover { color:rgb(var(--on-ink) / 0.7); }
.hover\:text-on-primary:hover { color:rgb(var(--on-primary)); }
.hover\:text-primary:hover { color:rgb(var(--primary)); }
.hover\:underline:hover { text-decoration-line:underline; }
.inline { display:inline; }
.inline-block { display:inline-block; }
.inline-flex { display:inline-flex; }
.inset-0 { inset:0px; }
.inset-x-0 { left:0px;right:0px; }
.inset-x-3 { left:0.75rem;right:0.75rem; }
.inset-y-0 { top:0px;bottom:0px; }
.isolate { isolation:isolate; }
.items-baseline { align-items:baseline; }
.items-center { align-items:center; }
.items-end { align-items:flex-end; }
.items-start { align-items:flex-start; }
.items-stretch { align-items:stretch; }
.justify-between { justify-content:space-between; }
.justify-center { justify-content:center; }
.justify-end { justify-content:flex-end; }
.justify-start { justify-content:flex-start; }
.last\:border-0:last-child { border-width:0px; }
.last\:mb-0:last-child { margin-bottom:0px; }
.last\:pb-0:last-child { padding-bottom:0px; }
.leading-none { line-height:1; }
.leading-relaxed { line-height:1.625; }
.leading-snug { line-height:1.375; }
.leading-tight { line-height:1.25; }
.left-0 { left:0px; }
.left-1\/2 { left:50%; }
.left-3 { left:0.75rem; }
.left-3\.5 { left:0.875rem; }
.left-\[13px\] { left:13px; }
.lg\:space-y-1 > * + * { margin-top:0.25rem; }
.line-clamp-1 { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden; }
.line-clamp-2 { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; }
.line-through { text-decoration-line:line-through; }
.max-h-52 { max-height:13rem; }
.max-h-\[60vh\] { max-height:60vh; }
.max-h-\[78vh\] { max-height:78vh; }
.max-h-\[86vh\] { max-height:86vh; }
.max-h-\[92vh\] { max-height:92vh; }
.max-h-\[calc\(100vh-9rem\)\] { max-height:calc(100vh-9rem); }
.max-w-2xl { max-width:42rem; }
.max-w-3xl { max-width:48rem; }
.max-w-5xl { max-width:64rem; }
.max-w-\[1320px\] { max-width:1320px; }
.max-w-\[19rem\] { max-width:19rem; }
.max-w-\[360px\] { max-width:360px; }
.max-w-full { max-width:100%; }
.max-w-lg { max-width:32rem; }
.max-w-md { max-width:28rem; }
.max-w-prose { max-width:68ch; }
.max-w-sm { max-width:24rem; }
.max-w-xl { max-width:36rem; }
.max-w-xs { max-width:20rem; }
.mb-1 { margin-bottom:0.25rem; }
.mb-1\.5 { margin-bottom:0.375rem; }
.mb-2 { margin-bottom:0.5rem; }
.mb-2\.5 { margin-bottom:0.625rem; }
.mb-3 { margin-bottom:0.75rem; }
.mb-3\.5 { margin-bottom:0.875rem; }
.mb-4 { margin-bottom:1rem; }
.mb-5 { margin-bottom:1.25rem; }
.mb-6 { margin-bottom:1.5rem; }
.mb-7 { margin-bottom:1.75rem; }
.mb-8 { margin-bottom:2rem; }
.mb-auto { margin-bottom:auto; }
.min-h-0 { min-height:0px; }
.min-h-\[220px\] { min-height:220px; }
.min-h-\[60vh\] { min-height:60vh; }
.min-h-\[7\.5rem\] { min-height:7.5rem; }
.min-h-screen { min-height:100vh; }
.min-w-0 { min-width:0px; }
.min-w-10 { min-width:2.5rem; }
.min-w-11 { min-width:2.75rem; }
.min-w-12 { min-width:3rem; }
.min-w-5 { min-width:1.25rem; }
.min-w-\[10rem\] { min-width:10rem; }
.min-w-\[18px\] { min-width:18px; }
.ml-1 { margin-left:0.25rem; }
.ml-2 { margin-left:0.5rem; }
.ml-6 { margin-left:1.5rem; }
.ml-auto { margin-left:auto; }
.mt-0\.5 { margin-top:0.125rem; }
.mt-1 { margin-top:0.25rem; }
.mt-1\.5 { margin-top:0.375rem; }
.mt-10 { margin-top:2.5rem; }
.mt-12 { margin-top:3rem; }
.mt-16 { margin-top:4rem; }
.mt-2 { margin-top:0.5rem; }
.mt-2\.5 { margin-top:0.625rem; }
.mt-3 { margin-top:0.75rem; }
.mt-3\.5 { margin-top:0.875rem; }
.mt-4 { margin-top:1rem; }
.mt-5 { margin-top:1.25rem; }
.mt-6 { margin-top:1.5rem; }
.mt-7 { margin-top:1.75rem; }
.mt-8 { margin-top:2rem; }
.mt-9 { margin-top:2.25rem; }
.mt-auto { margin-top:auto; }
.mx-1 { margin-left:0.25rem;margin-right:0.25rem; }
.mx-3 { margin-left:0.75rem;margin-right:0.75rem; }
.mx-auto { margin-left:auto;margin-right:auto; }
.my-6 { margin-top:1.5rem;margin-bottom:1.5rem; }
.normal-case { text-transform:none; }
.not-italic { font-style:normal; }
.object-contain { object-fit:contain; }
.object-cover { object-fit:cover; }
.opacity-0 { opacity:0; }
.opacity-100 { opacity:1; }
.opacity-80 { opacity:0.8; }
.order-1 { order:1; }
.order-2 { order:2; }
.outline-none { outline:2px solid transparent;outline-offset:2px; }
.overflow-hidden { overflow:hidden; }
.overflow-x-auto { overflow-x:auto; }
.overflow-y-auto { overflow-y:auto; }
.overscroll-contain { overscroll-behavior:contain; }
.p-1 { padding:0.25rem; }
.p-1\.5 { padding:0.375rem; }
.p-2 { padding:0.5rem; }
.p-3 { padding:0.75rem; }
.p-3\.5 { padding:0.875rem; }
.p-4 { padding:1rem; }
.p-5 { padding:1.25rem; }
.p-6 { padding:1.5rem; }
.p-7 { padding:1.75rem; }
.p-8 { padding:2rem; }
.pb-0 { padding-bottom:0px; }
.pb-1 { padding-bottom:0.25rem; }
.pb-1\.5 { padding-bottom:0.375rem; }
.pb-14 { padding-bottom:3.5rem; }
.pb-16 { padding-bottom:4rem; }
.pb-20 { padding-bottom:5rem; }
.pb-3 { padding-bottom:0.75rem; }
.pb-4 { padding-bottom:1rem; }
.pb-5 { padding-bottom:1.25rem; }
.pb-6 { padding-bottom:1.5rem; }
.pb-7 { padding-bottom:1.75rem; }
.pb-8 { padding-bottom:2rem; }
.pl-11 { padding-left:2.75rem; }
.pl-3 { padding-left:0.75rem; }
.pl-3\.5 { padding-left:0.875rem; }
.pl-4 { padding-left:1rem; }
.placeholder\:text-muted\/70::placeholder { color:rgb(var(--muted) / 0.7); }
.placeholder\:text-on-ink\/50::placeholder { color:rgb(var(--on-ink) / 0.5); }
.pointer-events-auto { pointer-events:auto; }
.pointer-events-none { pointer-events:none; }
.pr-1 { padding-right:0.25rem; }
.pr-10 { padding-right:2.5rem; }
.pr-2 { padding-right:0.5rem; }
.pr-4 { padding-right:1rem; }
.pr-8 { padding-right:2rem; }
.pr-9 { padding-right:2.25rem; }
.pt-0 { padding-top:0px; }
.pt-0\.5 { padding-top:0.125rem; }
.pt-1 { padding-top:0.25rem; }
.pt-12 { padding-top:3rem; }
.pt-2 { padding-top:0.5rem; }
.pt-2\.5 { padding-top:0.625rem; }
.pt-3 { padding-top:0.75rem; }
.pt-3\.5 { padding-top:0.875rem; }
.pt-4 { padding-top:1rem; }
.pt-5 { padding-top:1.25rem; }
.pt-6 { padding-top:1.5rem; }
.pt-7 { padding-top:1.75rem; }
.pt-8 { padding-top:2rem; }
.px-0 { padding-left:0px;padding-right:0px; }
.px-1 { padding-left:0.25rem;padding-right:0.25rem; }
.px-1\.5 { padding-left:0.375rem;padding-right:0.375rem; }
.px-2 { padding-left:0.5rem;padding-right:0.5rem; }
.px-2\.5 { padding-left:0.625rem;padding-right:0.625rem; }
.px-3 { padding-left:0.75rem;padding-right:0.75rem; }
.px-3\.5 { padding-left:0.875rem;padding-right:0.875rem; }
.px-4 { padding-left:1rem;padding-right:1rem; }
.px-5 { padding-left:1.25rem;padding-right:1.25rem; }
.px-6 { padding-left:1.5rem;padding-right:1.5rem; }
.py-0 { padding-top:0px;padding-bottom:0px; }
.py-0\.5 { padding-top:0.125rem;padding-bottom:0.125rem; }
.py-1 { padding-top:0.25rem;padding-bottom:0.25rem; }
.py-1\.5 { padding-top:0.375rem;padding-bottom:0.375rem; }
.py-10 { padding-top:2.5rem;padding-bottom:2.5rem; }
.py-12 { padding-top:3rem;padding-bottom:3rem; }
.py-14 { padding-top:3.5rem;padding-bottom:3.5rem; }
.py-16 { padding-top:4rem;padding-bottom:4rem; }
.py-2 { padding-top:0.5rem;padding-bottom:0.5rem; }
.py-2\.5 { padding-top:0.625rem;padding-bottom:0.625rem; }
.py-3 { padding-top:0.75rem;padding-bottom:0.75rem; }
.py-3\.5 { padding-top:0.875rem;padding-bottom:0.875rem; }
.py-4 { padding-top:1rem;padding-bottom:1rem; }
.py-5 { padding-top:1.25rem;padding-bottom:1.25rem; }
.py-6 { padding-top:1.5rem;padding-bottom:1.5rem; }
.py-8 { padding-top:2rem;padding-bottom:2rem; }
.relative { position:relative; }
.right-0 { right:0px; }
.right-2 { right:0.5rem; }
.right-3 { right:0.75rem; }
.right-4 { right:1rem; }
.rotate-180 { transform:rotate(180deg); }
.rounded { border-radius:0.25rem; }
.rounded-2xl { border-radius:1.25rem; }
.rounded-3xl { border-radius:1.75rem; }
.rounded-full { border-radius:9999px; }
.rounded-l-full { border-radius:0.25rem; }
.rounded-lg { border-radius:0.5rem; }
.rounded-md { border-radius:0.375rem; }
.rounded-r-full { border-radius:0.25rem; }
.rounded-t-3xl { border-radius:0.25rem; }
.rounded-xl { border-radius:0.875rem; }
.row-start-1 { grid-row-start:1; }
.scale-100 { transform:scale(1); }
.scale-\[1\.04\] { transform:scale(1.04); }
.scale-back { transform:scale(NaN); }
.self-start { align-self:flex-start; }
.shadow-card { box-shadow:0 1px 2px rgb(28 25 23 / 0.04), 0 8px 24px -12px rgb(28 25 23 / 0.12); }
.shadow-card-hover { box-shadow:0 2px 4px rgb(28 25 23 / 0.05), 0 18px 40px -18px rgb(28 25 23 / 0.22); }
.shadow-none { box-shadow:none; }
.shadow-soft { box-shadow:0 1px 3px rgb(28 25 23 / 0.06); }
.shrink-0 { flex-shrink:0; }
.snap-center { scroll-snap-align:center; }
.snap-start { scroll-snap-align:start; }
.snap-x { scroll-snap-type:x mandatory; }
.space-y-1 > * + * { margin-top:0.25rem; }
.space-y-1\.5 > * + * { margin-top:0.375rem; }
.space-y-2 > * + * { margin-top:0.5rem; }
.space-y-2\.5 > * + * { margin-top:0.625rem; }
.space-y-3 > * + * { margin-top:0.75rem; }
.space-y-4 > * + * { margin-top:1rem; }
.space-y-6 > * + * { margin-top:1.5rem; }
.space-y-9 > * + * { margin-top:2.25rem; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0; }
.static { position:static; }
.sticky { position:sticky; }
.text-2xl { font-size:1.5rem;line-height:2rem; }
.text-5xl { font-size:3rem;line-height:1; }
.text-\[10px\] { font-size:10px;line-height:1.4; }
.text-\[11px\] { font-size:11px;line-height:1.45; }
.text-\[13px\] { font-size:13px; }
.text-\[15px\] { font-size:15px; }
.text-\[5rem\] { font-size:5rem; }
.text-\[9px\] { font-size:9px;line-height:1.4; }
.text-accent { color:rgb(var(--accent)); }
.text-accent-soft { color:rgb(var(--accent-soft)); }
.text-accent\/30 { color:rgb(var(--accent) / 0.3); }
.text-background { color:rgb(var(--background)); }
.text-base { font-size:1rem;line-height:1.5rem; }
.text-border { color:rgb(var(--border)); }
.text-center { text-align:center; }
.text-champagne { color:rgb(var(--champagne)); }
.text-champagne\/70 { color:rgb(var(--champagne) / 0.7); }
.text-danger { color:rgb(var(--danger)); }
.text-danger\/80 { color:rgb(var(--danger) / 0.8); }
.text-fluid-h2 { font-size:clamp(1.6rem, 1.15rem + 1.9vw, 2.75rem);line-height:1.15; }
.text-fluid-h3 { font-size:clamp(1.25rem, 1.05rem + 0.9vw, 1.75rem);line-height:1.25; }
.text-fluid-hero { font-size:clamp(2.25rem, 1.4rem + 4.2vw, 4.5rem);line-height:1.05; }
.text-ink { color:rgb(var(--ink)); }
.text-left { text-align:left; }
.text-lg { font-size:1.125rem;line-height:1.75rem; }
.text-muted { color:rgb(var(--muted)); }
.text-muted\/70 { color:rgb(var(--muted) / 0.7); }
.text-on-ink { color:rgb(var(--on-ink)); }
.text-on-ink\/30 { color:rgb(var(--on-ink) / 0.3); }
.text-on-ink\/40 { color:rgb(var(--on-ink) / 0.4); }
.text-on-ink\/50 { color:rgb(var(--on-ink) / 0.5); }
.text-on-ink\/60 { color:rgb(var(--on-ink) / 0.6); }
.text-on-ink\/70 { color:rgb(var(--on-ink) / 0.7); }
.text-on-ink\/80 { color:rgb(var(--on-ink) / 0.8); }
.text-on-ink\/90 { color:rgb(var(--on-ink) / 0.9); }
.text-on-primary { color:rgb(var(--on-primary)); }
.text-primary { color:rgb(var(--primary)); }
.text-primary-soft { color:rgb(var(--primary-soft)); }
.text-right { text-align:right; }
.text-sm { font-size:0.875rem;line-height:1.25rem; }
.text-success { color:rgb(var(--success)); }
.text-text { color:rgb(var(--text)); }
.text-transparent { color:transparent; }
.text-warning { color:rgb(var(--warning)); }
.text-white { color:rgb(255 255 255); }
.text-white\/50 { color:rgb(255 255 255 / 0.5); }
.text-white\/60 { color:rgb(255 255 255 / 0.6); }
.text-white\/70 { color:rgb(255 255 255 / 0.7); }
.text-white\/75 { color:rgb(255 255 255 / 0.75); }
.text-white\/80 { color:rgb(255 255 255 / 0.8); }
.text-xl { font-size:1.25rem;line-height:1.75rem; }
.text-xs { font-size:0.75rem;line-height:1rem; }
.to-background\/60 { --tw-to:rgb(var(--background) / 0.6); }
.to-ink\/25 { --tw-to:rgb(var(--ink) / 0.25); }
.to-transparent { --tw-to:transparent; }
.top-0 { top:0px; }
.top-1\/2 { top:50%; }
.top-28 { top:7rem; }
.top-3 { top:0.75rem; }
.top-7 { top:1.75rem; }
.top-\[30\%\] { top:30%; }
.tracking-\[0\.16em\] { letter-spacing:0.16em; }
.tracking-\[0\.18em\] { letter-spacing:0.18em; }
.tracking-\[0\.22em\] { letter-spacing:0.22em; }
.tracking-wide { letter-spacing:0.025em; }
.tracking-wider { letter-spacing:0.05em; }
.tracking-widest { letter-spacing:0.1em; }
.transition-all { transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms; }
.transition-colors { transition-property:color,background-color,border-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms; }
.transition-opacity { transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms; }
.transition-shadow { transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms; }
.transition-transform { transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms; }
.translate-x-1\/2 { transform:translateX(50%); }
.translate-y-3 { transform:translateY(0.75rem); }
.truncate { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.underline { text-decoration-line:underline; }
.uppercase { text-transform:uppercase; }
.via-background\/88 { --tw-via:rgb(var(--background) / 0.88); }
.via-ink\/10 { --tw-via:rgb(var(--ink) / 0.1); }
.via-ink\/25 { --tw-via:rgb(var(--ink) / 0.25); }
.via-ink\/70 { --tw-via:rgb(var(--ink) / 0.7); }
.w-0\.5 { width:0.125rem; }
.w-1\.5 { width:0.375rem; }
.w-10 { width:2.5rem; }
.w-11 { width:2.75rem; }
.w-12 { width:3rem; }
.w-14 { width:3.5rem; }
.w-16 { width:4rem; }
.w-2\/3 { width:66.666667%; }
.w-20 { width:5rem; }
.w-24 { width:6rem; }
.w-28 { width:7rem; }
.w-3\.5 { width:0.875rem; }
.w-32 { width:8rem; }
.w-36 { width:9rem; }
.w-4 { width:1rem; }
.w-4\/5 { width:80%; }
.w-40 { width:10rem; }
.w-6 { width:1.5rem; }
.w-7 { width:1.75rem; }
.w-8 { width:2rem; }
.w-9 { width:2.25rem; }
.w-\[62\%\] { width:62%; }
.w-\[68\%\] { width:68%; }
.w-\[72px\] { width:72px; }
.w-\[74vw\] { width:74vw; }
.w-\[75\%\] { width:75%; }
.w-\[min\(62rem\,90vw\)\] { width:min(62rem,90vw); }
.w-auto { width:auto; }
.w-fit { width:fit-content; }
.w-full { width:100%; }
.w-max { width:max-content; }
.whitespace-nowrap { white-space:nowrap; }
.z-0 { z-index:0; }
.z-10 { z-index:10; }
.z-20 { z-index:20; }
.z-30 { z-index:30; }
.z-40 { z-index:40; }
.z-50 { z-index:50; }
.z-\[70\] { z-index:70; }
.z-\[80\] { z-index:80; }
@media (min-width:380px) {
.xs\:w-\[52\%\] { width:52%; }
.xs\:w-\[56\%\] { width:56%; }
.xs\:w-\[60\%\] { width:60%; }
}
@media (min-width:640px) {
.sm\:-mx-6 { margin-left:-1.5rem;margin-right:-1.5rem; }
.sm\:animate-scale-in { animation:scale-in .22s cubic-bezier(0.22,1,0.36,1) both; }
.sm\:block { display:block; }
.sm\:bottom-6 { bottom:1.5rem; }
.sm\:col-span-2 { grid-column:span 2/span 2; }
.sm\:flex { display:flex; }
.sm\:flex-col { flex-direction:column; }
.sm\:flex-row { flex-direction:row; }
.sm\:gap-1 { gap:0.25rem; }
.sm\:gap-3 { gap:0.75rem; }
.sm\:gap-5 { gap:1.25rem; }
.sm\:gap-6 { gap:1.5rem; }
.sm\:gap-x-5 { column-gap:1.25rem; }
.sm\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sm\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sm\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
.sm\:h-16 { height:4rem; }
.sm\:h-28 { height:7rem; }
.sm\:h-32 { height:8rem; }
.sm\:hidden { display:none; }
.sm\:inline-flex { display:inline-flex; }
.sm\:items-center { align-items:center; }
.sm\:items-end { align-items:flex-end; }
.sm\:justify-between { justify-content:space-between; }
.sm\:justify-center { justify-content:center; }
.sm\:left-auto { left:auto; }
.sm\:mb-9 { margin-bottom:2.25rem; }
.sm\:min-h-\[52px\] { min-height:52px; }
.sm\:mt-5 { margin-top:1.25rem; }
.sm\:mt-8 { margin-top:2rem; }
.sm\:not-sr-only { position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal; }
.sm\:p-10 { padding:2.5rem; }
.sm\:p-5 { padding:1.25rem; }
.sm\:p-6 { padding:1.5rem; }
.sm\:p-8 { padding:2rem; }
.sm\:pb-24 { padding-bottom:6rem; }
.sm\:pb-7 { padding-bottom:1.75rem; }
.sm\:pb-8 { padding-bottom:2rem; }
.sm\:pt-14 { padding-top:3.5rem; }
.sm\:px-10 { padding-left:2.5rem;padding-right:2.5rem; }
.sm\:px-3 { padding-left:0.75rem;padding-right:0.75rem; }
.sm\:px-4 { padding-left:1rem;padding-right:1rem; }
.sm\:px-6 { padding-left:1.5rem;padding-right:1.5rem; }
.sm\:px-8 { padding-left:2rem;padding-right:2rem; }
.sm\:py-2 { padding-top:0.5rem;padding-bottom:0.5rem; }
.sm\:py-20 { padding-top:5rem;padding-bottom:5rem; }
.sm\:py-3 { padding-top:0.75rem;padding-bottom:0.75rem; }
.sm\:py-8 { padding-top:2rem;padding-bottom:2rem; }
.sm\:right-6 { right:1.5rem; }
.sm\:rounded-3xl { border-radius:1.75rem; }
.sm\:self-end { align-self:flex-end; }
.sm\:text-2xl { font-size:1.5rem;line-height:2rem; }
.sm\:text-\[11px\] { font-size:11px;line-height:1.45; }
.sm\:text-\[7rem\] { font-size:7rem; }
.sm\:text-base { font-size:1rem;line-height:1.5rem; }
.sm\:text-sm { font-size:0.875rem;line-height:1.25rem; }
.sm\:text-xs { font-size:0.75rem;line-height:1rem; }
.sm\:w-14 { width:3.5rem; }
.sm\:w-28 { width:7rem; }
.sm\:w-32 { width:8rem; }
.sm\:w-40 { width:10rem; }
.sm\:w-\[40\%\] { width:40%; }
.sm\:w-\[44\%\] { width:44%; }
.sm\:w-\[46vw\] { width:46vw; }
.sm\:w-auto { width:auto; }
}
@media (min-width:768px) {
.md\:bg-gradient-to-r { background-image:linear-gradient(to right,var(--tw-from,transparent),var(--tw-via,transparent),var(--tw-to,transparent)); }
.md\:from-background\/95 { --tw-from:rgb(var(--background) / 0.95); }
.md\:gap-4 { gap:1rem; }
.md\:gap-8 { gap:2rem; }
.md\:grid { display:grid; }
.md\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.md\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.md\:hidden { display:none; }
.md\:overflow-visible { overflow:visible; }
.md\:pb-6 { padding-bottom:1.5rem; }
.md\:pt-5 { padding-top:1.25rem; }
.md\:py-16 { padding-top:4rem;padding-bottom:4rem; }
.md\:to-transparent { --tw-to:transparent; }
.md\:via-background\/72 { --tw-via:rgb(var(--background) / 0.72); }
.md\:w-\[31\%\] { width:31%; }
.md\:w-\[34vw\] { width:34vw; }
.md\:w-auto { width:auto; }
}
@media (min-width:1024px) {
.lg\:bg-surface-alt { background-color:rgb(var(--surface-alt)); }
.lg\:block { display:block; }
.lg\:border-0 { border-width:0px; }
.lg\:bottom-6 { bottom:1.5rem; }
.lg\:flex { display:flex; }
.lg\:flex-col { flex-direction:column; }
.lg\:flex-row { flex-direction:row; }
.lg\:flex-wrap { flex-wrap:wrap; }
.lg\:font-medium { font-weight:500; }
.lg\:gap-10 { gap:2.5rem; }
.lg\:gap-12 { gap:3rem; }
.lg\:gap-14 { gap:3.5rem; }
.lg\:gap-16 { gap:4rem; }
.lg\:gap-4 { gap:1rem; }
.lg\:gap-6 { gap:1.5rem; }
.lg\:gap-x-6 { column-gap:1.5rem; }
.lg\:grid { display:grid; }
.lg\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.lg\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.lg\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.lg\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
.lg\:grid-cols-\[1\.4fr_repeat\(4\,1fr\)\] { grid-template-columns:1.4fr repeat(4,1fr); }
.lg\:grid-cols-\[15rem_1fr\] { grid-template-columns:15rem 1fr; }
.lg\:grid-cols-\[17rem_1fr\] { grid-template-columns:17rem 1fr; }
.lg\:grid-cols-\[1fr_1\.1fr\] { grid-template-columns:1fr 1.1fr; }
.lg\:grid-cols-\[1fr_16rem\] { grid-template-columns:1fr 16rem; }
.lg\:grid-cols-\[1fr_18rem\] { grid-template-columns:1fr 18rem; }
.lg\:grid-cols-\[1fr_20rem\] { grid-template-columns:1fr 20rem; }
.lg\:grid-cols-\[1fr_22rem\] { grid-template-columns:1fr 22rem; }
.lg\:grid-cols-\[20rem_1fr\] { grid-template-columns:20rem 1fr; }
.lg\:h-\[34px\] { height:34px; }
.lg\:h-\[70px\] { height:70px; }
.lg\:hidden { display:none; }
.lg\:hover\:bg-danger\/5:hover { background-color:rgb(var(--danger) / 0.05); }
.lg\:hover\:bg-surface-alt:hover { background-color:rgb(var(--surface-alt)); }
.lg\:inline-flex { display:inline-flex; }
.lg\:items-center { align-items:center; }
.lg\:justify-between { justify-content:space-between; }
.lg\:justify-center { justify-content:center; }
.lg\:mb-0 { margin-bottom:0px; }
.lg\:mr-2 { margin-right:0.5rem; }
.lg\:mt-0 { margin-top:0px; }
.lg\:mt-24 { margin-top:6rem; }
.lg\:mx-0 { margin-left:0px;margin-right:0px; }
.lg\:order-1 { order:1; }
.lg\:order-2 { order:2; }
.lg\:overflow-visible { overflow:visible; }
.lg\:p-12 { padding:3rem; }
.lg\:pb-0 { padding-bottom:0px; }
.lg\:pb-28 { padding-bottom:7rem; }
.lg\:pt-2 { padding-top:0.5rem; }
.lg\:pt-20 { padding-top:5rem; }
.lg\:px-0 { padding-left:0px;padding-right:0px; }
.lg\:px-3 { padding-left:0.75rem;padding-right:0.75rem; }
.lg\:py-10 { padding-top:2.5rem;padding-bottom:2.5rem; }
.lg\:py-12 { padding-top:3rem;padding-bottom:3rem; }
.lg\:py-14 { padding-top:3.5rem;padding-bottom:3.5rem; }
.lg\:py-16 { padding-top:4rem;padding-bottom:4rem; }
.lg\:rounded-lg { border-radius:0.5rem; }
.lg\:self-start { align-self:flex-start; }
.lg\:sticky { position:sticky; }
.lg\:text-left { text-align:left; }
.lg\:text-lg { font-size:1.125rem;line-height:1.75rem; }
.lg\:text-primary { color:rgb(var(--primary)); }
.lg\:top-28 { top:7rem; }
.lg\:top-8 { top:2rem; }
.lg\:w-\[23\.5\%\] { width:23.5%; }
.lg\:w-\[26vw\] { width:26vw; }
.lg\:w-auto { width:auto; }
}
@media (min-width:1280px) {
.xl\:grid-cols-\[1fr_24rem\] { grid-template-columns:1fr 24rem; }
.xl\:w-\[22vw\] { width:22vw; }
}
@media (max-width:767.98px) {
.max-md\:hidden { display:none; }
}