:root{
  --color-primary: #2a2320;
  --color-primary-dark: #1a1512;
  --color-secondary: #7a6a5c;
  --color-accent: #c8762c;
  --color-accent-dark: #a85f1f;
  --color-accent-light: #fbeade;
  --color-accent-2: #5b7a67;
  --color-accent-2-light: #e9f0ec;
  --color-text-primary: #241f1c;
  --color-text-secondary: #5a5049;
  --color-text-muted: #93887e;
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #faf6f1;
  --color-bg-tertiary: #f3ece3;
  --color-bg-dark: #1c1815;
  --color-border-light: #f0e8de;
  --color-border-medium: #e2d5c5;
  --color-border-dark: #c9b8a3;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-green-50: #f0fdf4;
  --color-green-600: #16a34a;
  --color-green-500: #22c55e;
  --color-green-700: #15803d;
  --color-green-800: #166534;
  --color-red-50: #fef2f2;
  --color-red-600: #dc2626;
  --color-red-700: #b91c1c;
  --color-sky-50: #f0f9ff;
  --color-sky-600: #0284c7;
  --color-sky-700: #0369a1;
  --color-amber-50: #fffbeb;
  --color-amber-500: #f59e0b;
  --color-amber-600: #d97706;
  --color-amber-700: #b45309;
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-500: #64748b;
  --color-slate-600: #475569;
  --color-slate-700: #334155;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 20px;
  --spacing-2xl: 24px;
  --spacing-3xl: 32px;
  --spacing-4xl: 40px;
  --spacing-5xl: 80px;
  --spacing-6xl: 120px;
  --spacing-7xl: 160px;
  --radius-none: 0px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-3xl: 20px;
  --radius-full: 9999px;
  --text-xs: 13px;
  --text-sm: 14px;
  --text-base: 15px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 30px;
  --text-4xl: 36px;
  --text-5xl: 44px;
  --text-6xl: 56px;
  --max-width-sm: 24rem;
  --max-width-md: 28rem;
  --max-width-lg: 32rem;
  --max-width-xl: 36rem;
  --max-width-2xl: 42rem;
  --max-width-3xl: 48rem;
  --max-width-4xl: 56rem;
  --max-width-5xl: 64rem;
  --max-width-6xl: 72rem;
  --max-width-7xl: 80rem;
  --max-width-full: 100%;
  --max-width-none: none;
  --leading-none: 1;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --leading-loose: 1.75;
  --shadow-sm: 0 1px 3px rgba(42,35,32,0.05);
  --shadow-md: 0 4px 16px rgba(42,35,32,0.08);
  --shadow-lg: 0 25px 50px -12px rgba(42,35,32,0.28);
  --shadow-xl: 0 30px 60px -15px rgba(26,21,18,0.35);
  --shadow-focus: 0 0 0 3px rgba(200,118,44,0.15);
  --shadow-button: 0 4px 12px rgba(42,35,32,0.18);
  --shadow-none: none;
  --transition-fast: all 0.15s ease;
  --transition-normal: all 0.25s ease;
  --font-sans: 'Sahel', Tahoma, 'Segoe UI', system-ui, sans-serif;
}
@font-face{
  font-family:'Sahel';
  src:url('../assets/fonts/Sahel.woff') format('woff'),url('../assets/fonts/Sahel.ttf') format('truetype');
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Sahel';
  src:url('../assets/fonts/Sahel-SemiBold.woff') format('woff'),url('../assets/fonts/Sahel-SemiBold.ttf') format('truetype');
  font-weight:600; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Sahel';
  src:url('../assets/fonts/Sahel-Bold.woff') format('woff'),url('../assets/fonts/Sahel-Bold.ttf') format('truetype');
  font-weight:700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Sahel';
  src:url('../assets/fonts/Sahel-Black.woff') format('woff'),url('../assets/fonts/Sahel-Black.ttf') format('truetype');
  font-weight:900; font-style:normal; font-display:swap;
}
*,*::before,*::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--color-border-medium);margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;tab-size:4;scroll-behavior:smooth;}
body{line-height:inherit;-webkit-font-smoothing:antialiased;}
body,button,input,textarea,select,p,div,span,h1,h2,h3,h4,h5,h6,a,li{font-family:var(--font-sans);}
.fa,.fas,.far,.fal,.fab,.fa-solid,.fa-brands,[class*="icon-"]{font-family:inherit;}
img,svg{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
button{cursor:pointer;background:none;color:inherit;font:inherit;}
input,textarea,select{font:inherit;color:inherit;}
ul,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit;}
:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;}
::selection{background:var(--color-accent);color:#fff;}
html{scroll-padding-top:96px;}
.flex{display:flex}
.inline-flex{display:inline-flex}
.grid{display:grid}
.hidden{display:none}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.flex-1{flex:1 1 0%}
.shrink-0{flex-shrink:0}
.items-start{align-items:flex-start}
.items-center{align-items:center}
.items-stretch{align-items:stretch}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.w-0{width:0px}
.h-0{height:0px}
.min-w-0{min-width:0px}
.top-0{top:0px}
.bottom-0{bottom:0px}
.left-0{left:0px}
.right-0{right:0px}
.inset-0{top:0px;right:0px;bottom:0px;left:0px}
.gap-1{gap:0.25rem}
.p-1{padding:0.25rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.mx-1{margin-left:0.25rem;margin-right:0.25rem}
.mt-1{margin-top:0.25rem}
.gap-2{gap:0.5rem}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.top-2{top:0.5rem}
.right-2{right:0.5rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.w-3{width:0.75rem}
.h-3{height:0.75rem}
.w-4{width:1rem}
.h-4{height:1rem}
.w-5{width:1.25rem}
.h-5{height:1.25rem}
.w-6{width:1.5rem}
.h-6{height:1.5rem}
.bottom-6{bottom:1.5rem}
.left-6{left:1.5rem}
.w-7{width:1.75rem}
.h-7{height:1.75rem}
.w-8{width:2rem}
.h-8{height:2rem}
.w-9{width:2.25rem}
.h-9{height:2.25rem}
.w-10{width:2.5rem}
.h-10{height:2.5rem}
.top-10{top:2.5rem}
.left-10{left:2.5rem}
.right-10{right:2.5rem}
.w-11{width:2.75rem}
.h-11{height:2.75rem}
.w-12{width:3rem}
.h-12{height:3rem}
.w-14{width:3.5rem}
.h-14{height:3.5rem}
.w-16{width:4rem}
.h-16{height:4rem}
.top-16{top:4rem}
.w-20{width:5rem}
.h-20{height:5rem}
.w-24{width:6rem}
.h-24{height:6rem}
.w-64{width:16rem}
.h-64{height:16rem}
.w-72{width:18rem}
.h-72{height:18rem}
.w-80{width:20rem}
.h-80{height:20rem}
.w-96{width:24rem}
.h-96{height:24rem}
.w-px{width:1px}
.mt-0\.5{margin-top:0.125rem}
.h-0\.5{height:0.125rem}
.gap-1\.5{gap:0.375rem}
.p-1\.5{padding:0.375rem}
.gap-2\.5{gap:0.625rem}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem}
.w-3\.5{width:0.875rem}
.h-3\.5{height:0.875rem}
.gap-sm{gap:8px}
.py-sm{padding-top:8px;padding-bottom:8px}
.pt-sm{padding-top:8px}
.mt-sm{margin-top:8px}
.mb-sm{margin-bottom:8px}
.gap-md{gap:12px}
.py-md{padding-top:12px;padding-bottom:12px}
.pt-md{padding-top:12px}
.mt-md{margin-top:12px}
.mb-md{margin-bottom:12px}
.gap-lg{gap:16px}
.p-lg{padding:16px}
.px-lg{padding-left:16px;padding-right:16px}
.py-lg{padding-top:16px;padding-bottom:16px}
.pb-lg{padding-bottom:16px}
.mt-lg{margin-top:16px}
.mb-lg{margin-bottom:16px}
.top-lg{top:16px}
.left-lg{left:16px}
.right-lg{right:16px}
.gap-xl{gap:20px}
.p-xl{padding:20px}
.px-xl{padding-left:20px;padding-right:20px}
.py-xl{padding-top:20px;padding-bottom:20px}
.pt-xl{padding-top:20px}
.my-xl{margin-top:20px;margin-bottom:20px}
.mt-xl{margin-top:20px}
.mb-xl{margin-bottom:20px}
.gap-2xl{gap:24px}
.p-2xl{padding:24px}
.px-2xl{padding-left:24px;padding-right:24px}
.pt-2xl{padding-top:24px}
.mt-2xl{margin-top:24px}
.mb-2xl{margin-bottom:24px}
.gap-3xl{gap:32px}
.p-3xl{padding:32px}
.py-3xl{padding-top:32px;padding-bottom:32px}
.mt-3xl{margin-top:32px}
.mb-3xl{margin-bottom:32px}
.py-4xl{padding-top:40px;padding-bottom:40px}
.mt-4xl{margin-top:40px}
.mb-4xl{margin-bottom:40px}
.py-5xl{padding-top:80px;padding-bottom:80px}
.py-6xl{padding-top:120px;padding-bottom:120px}
.py-7xl{padding-top:160px;padding-bottom:160px}
.mx-auto{margin-left:auto;margin-right:auto}
.mt-auto{margin-top:auto}
.mr-auto{margin-right:auto}
.-translate-x-full{--tw-tx:-100%;transform:translate(var(--tw-tx,0),var(--tw-ty,0))}
.-translate-y-full{--tw-ty:-100%;transform:translate(var(--tw-tx,0),var(--tw-ty,0))}
.w-full{width:100%}
.h-full{height:100%}
.h-auto{height:auto}
.w-fit{width:fit-content}
.top-1\/3{top:33.3333%}
.left-1\/3{left:33.3333%}
.right-1\/4{right:25%}
.w-full{width:100%}
.max-w-sm{max-width:24rem}
.max-w-md{max-width:28rem}
.max-w-xl{max-width:36rem}
.max-w-2xl{max-width:42rem}
.max-w-4xl{max-width:56rem}
.max-w-7xl{max-width:80rem}
.text-xs{font-size:13px}
.text-sm{font-size:14px}
.text-base{font-size:15px}
.text-md{font-size:16px}
.text-lg{font-size:18px}
.text-xl{font-size:20px}
.text-2xl{font-size:24px}
.text-3xl{font-size:30px}
.text-6xl{font-size:56px}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.leading-tight{line-height:1.25}
.leading-snug{line-height:1.375}
.leading-normal{line-height:1.5}
.leading-relaxed{line-height:1.625}
.tracking-widest{letter-spacing:0.1em}
.text-center{text-align:center}
.text-right{text-align:right}
.underline{text-decoration-line:underline}
.bg-primary{background-color:#2a2320}
.text-primary{color:#2a2320}
.from-primary{--tw-gradient-from:#2a2320}
.to-primary{--tw-gradient-to:#2a2320}
.bg-primary-dark{background-color:#1a1512}
.from-primary-dark{--tw-gradient-from:#1a1512}
.to-primary-dark{--tw-gradient-to:#1a1512}
.from-secondary{--tw-gradient-from:#7a6a5c}
.to-secondary{--tw-gradient-to:#7a6a5c}
.bg-accent{background-color:#c8762c}
.text-accent{color:#c8762c}
.from-accent{--tw-gradient-from:#c8762c}
.from-accent-dark{--tw-gradient-from:#a85f1f}
.to-accent-dark{--tw-gradient-to:#a85f1f}
.bg-accent-light{background-color:#fbeade}
.text-accent-2{color:#5b7a67}
.from-accent-2{--tw-gradient-from:#5b7a67}
.to-accent-2{--tw-gradient-to:#5b7a67}
.bg-accent-2-light{background-color:#e9f0ec}
.text-text-primary{color:#241f1c}
.text-text-secondary{color:#5a5049}
.text-text-muted{color:#93887e}
.bg-bg-primary{background-color:#ffffff}
.border-bg-primary{border-color:#ffffff}
.bg-bg-secondary{background-color:#faf6f1}
.bg-bg-dark{background-color:#1c1815}
.border-border-light{border-color:#f0e8de}
.bg-border-medium{background-color:#e2d5c5}
.border-border-medium{border-color:#e2d5c5}
.bg-white{background-color:#ffffff}
.text-white{color:#ffffff}
.bg-green-50{background-color:#f0fdf4}
.bg-green-500{background-color:#22c55e}
.text-green-700{color:#15803d}
.text-green-800{color:#166534}
.text-red-600{color:#dc2626}
.bg-sky-50{background-color:#f0f9ff}
.text-sky-700{color:#0369a1}
.bg-amber-50{background-color:#fffbeb}
.text-amber-700{color:#b45309}
.bg-slate-100{background-color:#f1f5f9}
.text-slate-600{color:#475569}
.bg-transparent{background-color:transparent}
.bg-black\/70{background-color:rgba(0,0,0,.70)}
.bg-black\/60{background-color:rgba(0,0,0,.60)}
.bg-white\/10{background-color:rgba(255,255,255,.10)}
.bg-white\/90{background-color:rgba(255,255,255,.90)}
.bg-white\/95{background-color:rgba(255,255,255,.95)}
.bg-accent\/10{background-color:rgba(200,118,44,.10)}
.bg-accent\/15{background-color:rgba(200,118,44,.15)}
.bg-accent\/20{background-color:rgba(200,118,44,.20)}
.bg-accent-2\/10{background-color:rgba(91,122,103,.10)}
.bg-accent-2\/15{background-color:rgba(91,122,103,.15)}
.bg-accent-2\/20{background-color:rgba(91,122,103,.20)}
.border-white\/10{border-color:rgba(255,255,255,.10)}
.border-white\/15{border-color:rgba(255,255,255,.15)}
.border-white\/20{border-color:rgba(255,255,255,.20)}
.border-white\/40{border-color:rgba(255,255,255,.40)}
.bg-white\/5{background-color:rgba(255,255,255,.05)}
.text-white\/40{color:rgba(255,255,255,.40)}
.text-white\/50{color:rgba(255,255,255,.50)}
.text-white\/60{color:rgba(255,255,255,.60)}
.text-white\/70{color:rgba(255,255,255,.70)}
.text-white\/80{color:rgba(255,255,255,.80)}
.text-white\/85{color:rgba(255,255,255,.85)}
.border{border-width:1px}
.border-2{border-width:2px}
.border-t{border-top-width:1px}
.border-b{border-bottom-width:1px}
.rounded-lg{border-radius:10px}
.rounded-xl{border-radius:12px}
.rounded-2xl{border-radius:16px}
.rounded-3xl{border-radius:20px}
.rounded-t-3xl{border-top-left-radius:20px;border-top-right-radius:20px}
.rounded-full{border-radius:9999px}
.shadow-sm{box-shadow:0 1px 3px rgba(42,35,32,0.05)}
.shadow-md{box-shadow:0 4px 16px rgba(42,35,32,0.08)}
.shadow-lg{box-shadow:0 25px 50px -12px rgba(42,35,32,0.28)}
.shadow-button{box-shadow:0 4px 12px rgba(42,35,32,0.18)}
.outline-none{outline:none}
.overflow-hidden{overflow:hidden}
.overflow-y-auto{overflow-y:auto}
.object-contain{object-fit:contain}
.blur-3xl{filter:blur(64px)}
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-from),var(--tw-gradient-to))}
.relative{position:relative}
.absolute{position:absolute}
.fixed{position:fixed}
.sticky{position:sticky}
.z-10{z-index:10}
.z-30{z-index:30}
.z-40{z-index:40}
.z-50{z-index:50}
.z-40{z-index:40}
.opacity-0{opacity:0}
.opacity-10{opacity:0.1}
.pointer-events-none{pointer-events:none}
.transition-all{transition-property:all;transition-timing-function:ease;transition-duration:150ms}
.transition-colors{transition-property:color,background-color,border-color;transition-timing-function:ease;transition-duration:150ms}
.transition-shadow{transition-property:box-shadow;transition-timing-function:ease;transition-duration:150ms}
.transition-transform{transition-property:transform;transition-timing-function:ease;transition-duration:150ms}
.transition-opacity{transition-property:opacity;transition-timing-function:ease;transition-duration:150ms}
.duration-150{transition-duration:150ms}
.duration-200{transition-duration:200ms}
.duration-300{transition-duration:300ms}
.rotate-180{transform:rotate(180deg)}
.rotate-90{transform:rotate(90deg)}
.order-1{order:1}
.order-2{order:2}
.-top-10{top:-2.5rem}
.-top-16{top:-4rem}
.-top-20{top:-5rem}
.-bottom-20{bottom:-5rem}
.-left-20{left:-5rem}
.-right-20{right:-5rem}
.-top-24{top:-6rem}
.-left-24{left:-6rem}
.-bottom-0\.5{bottom:-0.125rem}
.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}
.scroll-mt-24{scroll-margin-top:6rem}
.w-\[86\%\]{width:86%}
.max-w-\[22rem\]{max-width:22rem}
.h-\[420px\]{height:420px}
.h-\[320px\]{height:320px}
.h-\[260px\]{height:260px}
.-z-10{z-index:-1}
.min-h-\[320px\]{min-height:320px}
.resize-none{resize:none}
.hover\:-translate-y-0\.5:hover{--tw-ty:-0.125rem;transform:translate(var(--tw-tx,0),var(--tw-ty,0))}
.hover\:bg-accent:hover{background-color:#c8762c}
.hover\:text-accent:hover{color:#c8762c}
.hover\:border-accent:hover{border-color:#c8762c}
.hover\:bg-accent-dark:hover{background-color:#a85f1f}
.hover\:text-accent-dark:hover{color:#a85f1f}
.hover\:text-text-primary:hover{color:#241f1c}
.hover\:bg-bg-secondary:hover{background-color:#faf6f1}
.hover\:bg-bg-tertiary:hover{background-color:#f3ece3}
.hover\:bg-white:hover{background-color:#ffffff}
.hover\:text-white:hover{color:#ffffff}
.hover\:text-red-600:hover{color:#dc2626}
.hover\:text-red-700:hover{color:#b91c1c}
.hover\:bg-white\/10:hover{background-color:rgba(255,255,255,.10)}
.hover\:shadow-md:hover{box-shadow:0 4px 16px rgba(42,35,32,0.08)}
.hover\:shadow-button:hover{box-shadow:0 4px 12px rgba(42,35,32,0.18)}
.focus\:translate-y-0:focus{--tw-ty:0px;transform:translate(var(--tw-tx,0),var(--tw-ty,0))}
.focus\:translate-y-0:focus{--tw-ty:0px;transform:translate(var(--tw-tx,0),var(--tw-ty,0))}
.focus\:border-primary:focus{border-color:#2a2320}
.focus\:border-accent:focus{border-color:#c8762c}
.focus\:shadow-focus:focus{box-shadow:0 0 0 3px rgba(200,118,44,0.15)}
.group:hover .group-hover\:text-accent{color:#c8762c}
@media (min-width:640px){
.sm\:flex{display:flex}
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:768px){
.md\:block{display:block}
.md\:flex{display:flex}
.md\:inline-flex{display:inline-flex}
.md\:flex-row{flex-direction:row}
.md\:items-end{align-items:flex-end}
.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\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.md\:w-11{width:2.75rem}
.md\:h-11{height:2.75rem}
.md\:h-20{height:5rem}
.md\:w-72{width:18rem}
.md\:gap-md{gap:12px}
.md\:px-2xl{padding-left:24px;padding-right:24px}
.md\:p-3xl{padding:32px}
.md\:my-3xl{margin-top:32px;margin-bottom:32px}
.md\:py-6xl{padding-top:120px;padding-bottom:120px}
.md\:mt-6xl{margin-top:120px}
.md\:py-7xl{padding-top:160px;padding-bottom:160px}
.md\:w-auto{width:auto}
.md\:text-lg{font-size:18px}
.md\:text-2xl{font-size:24px}
.md\:text-3xl{font-size:30px}
.md\:text-4xl{font-size:36px}
.md\:text-5xl{font-size:44px}
.md\:text-right{text-align:right}
}
@media (min-width:1024px){
.lg\:block{display:block}
.lg\:flex{display:flex}
.lg\:hidden{display:none}
.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\:h-full{height:100%}
.lg\:order-1{order:1}
.lg\:order-2{order:2}
}
.scrollbar-thin::-webkit-scrollbar{height:6px;}
.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:99px;}