@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/32687112bd2dd8db-s.1gepa_7fcx9fm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/28868e710e86be81-s.2eksvhm1z0jwa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/0c89a48fa5027cee-s.p.2cyn07wtgehh0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_e6988195-module__RNs2Mq__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_e6988195-module__RNs2Mq__variable{--font-space-grotesk:"Space Grotesk", "Space Grotesk Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c15e96cb-module__0bjUvq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c15e96cb-module__0bjUvq__variable{--font-inter:"Inter", "Inter Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-600:#e40014;--color-green-600:#00a544;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--drop-shadow-lg:0 4px 4px #00000026;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-xl:24px;--blur-2xl:40px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg:#050505;--color-bg-card:#0a0a0a;--color-text:#fff;--color-text-muted:#999;--color-text-dim:#666;--color-accent:#c9a84c;--color-accent-light:#e0c56e;--color-red:#d42b2b;--color-border:#1a1a1a;--color-border-light:#2a2a2a;--font-heading:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif}@supports (color:lab(0% 0 0)){:root,:host{--color-red-600:lab(48.4493% 77.4328 61.5452);--color-green-600:lab(59.0978% -58.6621 41.2579)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.top-0{top:0}.top-3{top:calc(var(--spacing) * 3)}.top-6{top:calc(var(--spacing) * 6)}.right-0{right:0}.right-3{right:calc(var(--spacing) * 3)}.right-6{right:calc(var(--spacing) * 6)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-8{bottom:calc(var(--spacing) * 8)}.bottom-20{bottom:calc(var(--spacing) * 20)}.left-0{left:0}.left-1\/2{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-20{margin-bottom:calc(var(--spacing) * 20)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[4\/5\]{aspect-ratio:4/5}.h-2{height:calc(var(--spacing) * 2)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-20{height:calc(var(--spacing) * 20)}.h-\[2px\]{height:2px}.h-\[50vh\]{height:50vh}.h-\[70vh\]{height:70vh}.h-\[80vh\]{height:80vh}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[80vh\]{max-height:80vh}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing) * 2)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-20{width:calc(var(--spacing) * 20)}.w-64{width:calc(var(--spacing) * 64)}.w-\[1px\]{width:1px}.w-auto{width:auto}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\[5px\]{--tw-translate-y:calc(5px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[5px\]{--tw-translate-y:5px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-45{rotate:-45deg}.rotate-45{rotate:45deg}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:0}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-16{gap:calc(var(--spacing) * 16)}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block:0}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-7>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-accent{border-color:var(--color-accent)}.border-accent\/50{border-color:#c9a84c80}@supports (color:color-mix(in lab, red, red)){.border-accent\/50{border-color:color-mix(in oklab, var(--color-accent) 50%, transparent)}}.border-border{border-color:var(--color-border)}.border-border-light{border-color:var(--color-border-light)}.border-t-transparent{border-top-color:#0000}.bg-\[\#111\]{background-color:#111}.bg-accent{background-color:var(--color-accent)}.bg-accent\/5{background-color:#c9a84c0d}@supports (color:color-mix(in lab, red, red)){.bg-accent\/5{background-color:color-mix(in oklab, var(--color-accent) 5%, transparent)}}.bg-accent\/10{background-color:#c9a84c1a}@supports (color:color-mix(in lab, red, red)){.bg-accent\/10{background-color:color-mix(in oklab, var(--color-accent) 10%, transparent)}}.bg-accent\/30{background-color:#c9a84c4d}@supports (color:color-mix(in lab, red, red)){.bg-accent\/30{background-color:color-mix(in oklab, var(--color-accent) 30%, transparent)}}.bg-accent\/90{background-color:#c9a84ce6}@supports (color:color-mix(in lab, red, red)){.bg-accent\/90{background-color:color-mix(in oklab, var(--color-accent) 90%, transparent)}}.bg-bg{background-color:var(--color-bg)}.bg-bg-card{background-color:var(--color-bg-card)}.bg-bg\/30{background-color:#0505054d}@supports (color:color-mix(in lab, red, red)){.bg-bg\/30{background-color:color-mix(in oklab, var(--color-bg) 30%, transparent)}}.bg-bg\/40{background-color:#05050566}@supports (color:color-mix(in lab, red, red)){.bg-bg\/40{background-color:color-mix(in oklab, var(--color-bg) 40%, transparent)}}.bg-bg\/95{background-color:#050505f2}@supports (color:color-mix(in lab, red, red)){.bg-bg\/95{background-color:color-mix(in oklab, var(--color-bg) 95%, transparent)}}.bg-bg\/98{background-color:#050505fa}@supports (color:color-mix(in lab, red, red)){.bg-bg\/98{background-color:color-mix(in oklab, var(--color-bg) 98%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-border{background-color:var(--color-border)}.bg-green-600\/90{background-color:#00a544e6}@supports (color:color-mix(in lab, red, red)){.bg-green-600\/90{background-color:color-mix(in oklab, var(--color-green-600) 90%, transparent)}}.bg-red-600\/90{background-color:#e40014e6}@supports (color:color-mix(in lab, red, red)){.bg-red-600\/90{background-color:color-mix(in oklab, var(--color-red-600) 90%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.bg-white\/30{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[radial-gradient\(ellipse_at_center\,rgba\(201\,168\,76\,0\.05\)\,transparent_70\%\)\]{background-image:radial-gradient(#c9a84c0d,#0000 70%)}.bg-\[radial-gradient\(ellipse_at_top\,rgba\(201\,168\,76\,0\.08\)\,transparent_50\%\)\]{background-image:radial-gradient(at top,#c9a84c14,#0000 50%)}.from-accent\/60{--tw-gradient-from:#c9a84c99}@supports (color:color-mix(in lab, red, red)){.from-accent\/60{--tw-gradient-from:color-mix(in oklab, var(--color-accent) 60%, transparent)}}.from-accent\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-bg{--tw-gradient-from:var(--color-bg);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-bg\/60{--tw-gradient-via:#05050599}@supports (color:color-mix(in lab, red, red)){.via-bg\/60{--tw-gradient-via:color-mix(in oklab, var(--color-bg) 60%, transparent)}}.via-bg\/60{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-cover{background-size:cover}.bg-center{background-position:50%}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.\!px-6{padding-inline:calc(var(--spacing) * 6)!important}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-10{padding-inline:calc(var(--spacing) * 10)}.\!py-2\.5{padding-block:calc(var(--spacing) * 2.5)!important}.py-0{padding-block:0}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-36{padding-top:calc(var(--spacing) * 36)}.pt-40{padding-top:calc(var(--spacing) * 40)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-32{padding-bottom:calc(var(--spacing) * 32)}.pb-40{padding-bottom:calc(var(--spacing) * 40)}.text-center{text-align:center}.text-left{text-align:left}.font-\[family-name\:var\(--font-heading\)\]{font-family:var(--font-heading)}.\!text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8rem\]{font-size:8rem}.text-\[10px\]{font-size:10px}.leading-\[0\.9\]{--tw-leading:.9;line-height:.9}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-\[\#25D366\]{color:#25d366}.text-\[\#d42b2b\]{color:#d42b2b}.text-accent{color:var(--color-accent)}.text-bg{color:var(--color-bg)}.text-red{color:var(--color-red)}.text-text{color:var(--color-text)}.text-text-dim{color:var(--color-text-dim)}.text-text-muted{color:var(--color-text-muted)}.text-white{color:var(--color-white)}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.drop-shadow-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(var(--blur-2xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-1000{--tw-duration:1s;transition-duration:1s}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:bg-accent:is(:where(.group):hover *){background-color:var(--color-accent)}.group-hover\:bg-bg\/10:is(:where(.group):hover *){background-color:#0505051a}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-bg\/10:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-bg) 10%, transparent)}}.group-hover\:bg-bg\/20:is(:where(.group):hover *){background-color:#05050533}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-bg\/20:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-bg) 20%, transparent)}}.group-hover\:text-accent:is(:where(.group):hover *){color:var(--color-accent)}.group-hover\:text-bg:is(:where(.group):hover *){color:var(--color-bg)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\/card\:scale-105:is(:where(.group\/card):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\/card\:border-accent:is(:where(.group\/card):hover *){border-color:var(--color-accent)}.group-hover\/card\:bg-accent\/20:is(:where(.group\/card):hover *){background-color:#c9a84c33}@supports (color:color-mix(in lab, red, red)){.group-hover\/card\:bg-accent\/20:is(:where(.group\/card):hover *){background-color:color-mix(in oklab, var(--color-accent) 20%, transparent)}}.group-hover\/card\:bg-black\/20:is(:where(.group\/card):hover *){background-color:#0003}@supports (color:color-mix(in lab, red, red)){.group-hover\/card\:bg-black\/20:is(:where(.group\/card):hover *){background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.group-hover\/card\:opacity-90:is(:where(.group\/card):hover *){opacity:.9}.group-hover\/card\:opacity-100:is(:where(.group\/card):hover *){opacity:1}.hover\:border-accent:hover{border-color:var(--color-accent)}.hover\:border-accent\/30:hover{border-color:#c9a84c4d}@supports (color:color-mix(in lab, red, red)){.hover\:border-accent\/30:hover{border-color:color-mix(in oklab, var(--color-accent) 30%, transparent)}}.hover\:bg-accent\/10:hover{background-color:#c9a84c1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-accent\/10:hover{background-color:color-mix(in oklab, var(--color-accent) 10%, transparent)}}.hover\:bg-white\/3:hover{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/3:hover{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.hover\:bg-white\/60:hover{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/60:hover{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.hover\:text-accent:hover{color:var(--color-accent)}.hover\:text-red\/80:hover{color:#d42b2bcc}@supports (color:color-mix(in lab, red, red)){.hover\:text-red\/80:hover{color:color-mix(in oklab, var(--color-red) 80%, transparent)}}.hover\:text-text:hover{color:var(--color-text)}.hover\:text-text-muted:hover{color:var(--color-text-muted)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-accent:focus{border-color:var(--color-accent)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:48rem){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-16{height:calc(var(--spacing) * 16)}.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\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:gap-6{gap:calc(var(--spacing) * 6)}.md\:py-14{padding-block:calc(var(--spacing) * 14)}.md\:py-16{padding-block:calc(var(--spacing) * 16)}.md\:py-32{padding-block:calc(var(--spacing) * 32)}.md\:pl-\[5\%\]{padding-left:5%}.md\:pl-\[15\%\]{padding-left:15%}.md\:pl-\[30\%\]{padding-left:30%}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.md\:text-\[12rem\]{font-size:12rem}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.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-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.lg\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}}}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}::selection{background-color:var(--color-accent);color:#000}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}a{color:inherit;text-decoration:none}.text-gold-gradient{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#c9a84c,#e0c56e,#c9a84c);-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(20px);background:#0a0a0acc;border:1px solid #ffffff0d}.section-padding{padding-top:6rem;padding-bottom:6rem}.section-padding-sm{padding-top:3rem;padding-bottom:3rem}.container-custom{max-width:1400px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.btn-primary{background-color:var(--color-accent);color:#000;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;border-radius:0;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:.875rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary:hover{background-color:var(--color-accent-light);transform:translateY(-2px)}.btn-outline{border:1px solid var(--color-accent);color:var(--color-accent);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;border-radius:0;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:.875rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-outline:hover{background-color:var(--color-accent);color:#000;transform:translateY(-2px)}.hero-overlay{background:linear-gradient(#0505054d 0%,#05050580 50%,#050505e6 100%)}.line-reveal{background:var(--color-accent);width:0;height:1px;transition:width .8s}.line-reveal.active{width:60px}.img-zoom{overflow:hidden}.img-zoom img{transition:transform .7s}.img-zoom:hover img{transform:scale(1.05)}.admin-sidebar{background:var(--color-bg-card);border-right:1px solid var(--color-border)}.admin-content{background:var(--color-bg)}input,textarea,select{font-family:var(--font-body)}input:focus,textarea:focus,select:focus{border-color:var(--color-accent);outline:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:.8s forwards fadeInUp}.animate-fade-in{animation:.6s forwards fadeIn}.animate-slide-in-left{animation:.8s forwards slideInLeft}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}


/* ========================================
   NICKWAL STUDIOS - PREMIUM CREATIVE DESIGN SYSTEM
   Cinematic • Editorial • Minimal • Modern
======================================== */

/* ========================================
   CSS VARIABLES / DESIGN TOKENS
======================================== */
:root {
  /* Color System - Sophisticated Neutral Palette */
  --color-bg-deep: #0a0a0a;
  --color-bg-surface: #111111;
  --color-bg-elevated: #1a1a1a;
  --color-bg-overlay: rgba(10, 10, 10, 0.95);
  
  --color-text-primary: #f5f5f5;
  --color-text-secondary: #cccccc;
  --color-text-muted: #999999;
  --color-text-dim: #666666;
  
  --color-accent-gold: #c9a84c;
  --color-accent-gold-light: #e0c56e;
  --color-accent-gold-dark: #a88a3a;
  
  --color-accent-red: #e03030;
  --color-border: #2a2a2a;
  --color-border-light: #3a3a3a;
  
  /* Typography System */
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-heading: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  /* Spacing Scale */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 8rem;
  --space-5xl: 12rem;
  
  /* Layout */
  --container-max: 1400px;
  --container-padding: clamp(1.5rem, 5vw, 2.5rem);
  
  /* Animation Easing */
  --ease-premium: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  
  /* Timing */
  --duration-micro: 200ms;
  --duration-fast: 350ms;
  --duration-medium: 600ms;
  --duration-slow: 800ms;
  --duration-hero: 1200ms;
}

/* ========================================
   FONT LOADING - GOOGLE FONTS
======================================== */
400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

/* ========================================
   GLOBAL RESET & BASE
======================================== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  font-family: var(--font-primary);
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-text-primary);
  background-color: var(--color-bg-deep);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

/* ========================================
   TYPOGRAPHY SYSTEM
======================================== */

/* Hero Typography */
.text-hero {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(3rem, 9vw, 10rem);
  line-height: 0.9;
  letter-spacing: -0.02em;
}

.text-hero-lg {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(4rem, 12vw, 15rem);
  line-height: 0.85;
  letter-spacing: -0.03em;
}

/* Headings */
.text-h1 {
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: clamp(2.5rem, 6vw, 4rem);
  line-height: 1.1;
  letter-spacing: -0.01em;
}

.text-h2 {
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: clamp(2rem, 5vw, 3rem);
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.text-h3 {
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: clamp(1.5rem, 4vw, 2rem);
  line-height: 1.3;
}

.text-h4 {
  font-family: var(--font-heading);
  font-weight: 500;
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  line-height: 1.4;
}

/* Body Text */
.text-body-lg {
  font-size: clamp(1.125rem, 2.5vw, 1.25rem);
  line-height: 1.6;
  font-weight: 400;
}

.text-body {
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 400;
}

.text-body-sm {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 400;
}

/* Eyebrow Text */
.text-eyebrow {
  font-family: var(--font-heading);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--color-accent-gold);
}

/* Gradient Text */
.text-gradient {
  background: linear-gradient(135deg, var(--color-accent-gold-light), var(--color-accent-gold), var(--color-accent-gold-dark));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.text-red {
  color: var(--color-accent-red);
}

/* Text Colors */
.text-primary { color: var(--color-text-primary); }
.text-secondary { color: var(--color-text-secondary); }
.text-muted { color: var(--color-text-muted); }
.text-dim { color: var(--color-text-dim); }

/* ========================================
   LAYOUT SYSTEM
======================================== */
.container {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 var(--container-padding);
}

.section {
  padding: var(--space-4xl) 0;
}

.section-sm {
  padding: var(--space-2xl) 0;
}

.section-lg {
  padding: var(--space-5xl) 0;
}

/* Grid System */
.grid {
  display: grid;
  gap: var(--space-lg);
}

.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-auto { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }

@media (max-width: 768px) {
  .grid-2, .grid-3 {
    grid-template-columns: 1fr;
  }
}

/* Flex Utilities */
.flex { display: flex; }
.flex-col { flex-direction: column; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-sm { gap: var(--space-sm); }
.gap-md { gap: var(--space-md); }
.gap-lg { gap: var(--space-lg); }
.gap-xl { gap: var(--space-xl); }

/* Spacing Utilities */
.mt-sm { margin-top: var(--space-sm); }
.mt-md { margin-top: var(--space-md); }
.mt-lg { margin-top: var(--space-lg); }
.mt-xl { margin-top: var(--space-xl); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-md { margin-bottom: var(--space-md); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-xl { margin-bottom: var(--space-xl); }

/* ========================================
   PREMIUM BUTTON SYSTEM
======================================== */
.btn {
  display: inline-flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 1rem 2rem;
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all var(--duration-fast) var(--ease-premium);
  position: relative;
  overflow: hidden;
}

.btn-primary {
  background: var(--color-accent-gold);
  color: var(--color-bg-deep);
}

.btn-primary:hover {
  background: var(--color-accent-gold-light);
  transform: translateY(-2px);
}

.btn-outline {
  background: transparent;
  color: var(--color-accent-gold);
  border: 1px solid var(--color-accent-gold);
}

.btn-outline:hover {
  background: var(--color-accent-gold);
  color: var(--color-bg-deep);
  transform: translateY(-2px);
}

.btn-ghost {
  background: transparent;
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
}

.btn-ghost:hover {
  background: var(--color-bg-elevated);
  border-color: var(--color-border-light);
}

/* Button Sizes */
.btn-sm {
  padding: 0.75rem 1.5rem;
  font-size: 0.75rem;
}

.btn-lg {
  padding: 1.25rem 2.5rem;
  font-size: 1rem;
}

/* ========================================
   PREMIUM CARD SYSTEM
======================================== */
.card {
  background: var(--color-bg-surface);
  border: 1px solid var(--color-border);
  transition: all var(--duration-medium) var(--ease-premium);
  overflow: hidden;
}

.card:hover {
  transform: translateY(-4px);
  border-color: var(--color-border-light);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.card-image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/9;
}

.card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--duration-slow) var(--ease-premium);
}

.card:hover .card-image img {
  transform: scale(1.05);
}

.card-content {
  padding: var(--space-lg);
}

.card-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, var(--color-bg-overlay), transparent 50%);
  opacity: 0;
  transition: opacity var(--duration-fast) var(--ease-premium);
}

.card:hover .card-overlay {
  opacity: 1;
}

/* ========================================
   NAVIGATION SYSTEM
======================================== */
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(10, 10, 10, 0.9);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  transition: all var(--duration-fast) var(--ease-premium);
}

.header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem var(--container-padding);
  position: relative;
}

.logo {
  display: flex;
  align-items: center;
  gap: 0;
  text-decoration: none;
  z-index: 10;
}

.logo img {
  height: 3.5rem;
  width: auto;
  transition: transform var(--duration-fast) var(--ease-premium);
}

.logo:hover img {
  transform: scale(1.05);
}

.logo-text {
  display: flex;
  flex-direction: column;
  line-height: 1;
}

.logo-main {
  font-family: var(--font-heading);
  font-weight: 300;
  font-size: 1.25rem;
  letter-spacing: 0.08em;
  background: linear-gradient(180deg, #f0d060 0%, #c9a84c 50%, #8a6820 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.logo-sub {
  font-family: var(--font-heading);
  font-weight: 300;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  margin-top: 0.125rem;
  background: linear-gradient(180deg, #c9a84c 0%, #8a6820 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.logo-tagline {
  font-size: 0.625rem;
  font-style: italic;
  font-weight: 400;
  margin-top: 0.25rem;
  letter-spacing: 0.05em;
  color: var(--color-accent-red);
}

/* Navigation */
.nav {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  gap: 2.5rem;
}

@media (min-width: 768px) {
  .nav {
    display: flex;
  }
}

.nav-link {
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-text-secondary);
  text-decoration: none;
  position: relative;
  transition: all var(--duration-fast) var(--ease-premium);
}

.nav-link:hover,
.nav-link.active {
  color: var(--color-accent-gold);
  transform: translateY(-1px);
}

.nav-link::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--color-accent-gold);
  transition: width var(--duration-fast) var(--ease-premium);
}

.nav-link:hover::after,
.nav-link.active::after {
  width: 100%;
}

.header-cta {
  z-index: 10;
}

/* Mobile Menu */
.mobile-menu-btn {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 10;
}

@media (min-width: 768px) {
  .mobile-menu-btn {
    display: none;
  }
}

.mobile-menu-btn span {
  width: 24px;
  height: 2px;
  background: var(--color-text-primary);
  transition: all var(--duration-fast) var(--ease-premium);
}

/* ========================================
   HERO SECTION SYSTEM
======================================== */
.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.hero-bg {
  position: absolute;
  inset: 0;
  z-index: -2;
}

.hero-bg video,
.hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(10, 10, 10, 0.3), rgba(10, 10, 10, 0.7));
  z-index: -1;
}

.hero-content {
  text-align: center;
  max-width: 1000px;
  padding: 0 var(--container-padding);
}

.hero-eyebrow {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp var(--duration-slow) var(--ease-premium) 0.3s forwards;
}

.hero-title {
  opacity: 0;
  transform: translateY(30px);
  animation: fadeInUp var(--duration-hero) var(--ease-premium) 0.6s forwards;
  margin: var(--space-lg) 0;
}

.hero-subtitle {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp var(--duration-medium) var(--ease-premium) 1s forwards;
  margin-bottom: var(--space-xl);
}

.hero-cta {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp var(--duration-medium) var(--ease-premium) 1.3s forwards;
}

.hero-scroll {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  opacity: 0;
  animation: fadeInUp var(--duration-medium) var(--ease-premium) 2s forwards;
}

.hero-scroll-text {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--color-text-muted);
}

.hero-scroll-line {
  width: 1px;
  height: 3rem;
  background: linear-gradient(to bottom, var(--color-accent-gold), transparent);
  animation: pulse 2s ease-in-out infinite;
}

/* ========================================
   ANIMATIONS
======================================== */
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse {
  0%, 100% { opacity: 0.4; }
  50% { opacity: 1; }
}

/* Scroll Reveal Animation */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: all var(--duration-slow) var(--ease-premium);
}

.reveal.revealed {
  opacity: 1;
  transform: translateY(0);
}

/* ========================================
   RESPONSIVE DESIGN
======================================== */
@media (max-width: 1200px) {
  .nav {
    gap: 2rem;
  }
  
  .nav-link {
    font-size: 0.8125rem;
  }
}

@media (max-width: 980px) {
  .nav {
    gap: 1.5rem;
  }
  
  .nav-link {
    font-size: 0.75rem;
    letter-spacing: 0.05em;
  }
}

@media (max-width: 768px) {
  .header-container {
    justify-content: space-between;
  }
  
  .section {
    padding: var(--space-2xl) 0;
  }
  
  .section-lg {
    padding: var(--space-3xl) 0;
  }
}

@media (max-width: 480px) {
  :root {
    --container-padding: 1.5rem;
  }
  
  .section {
    padding: var(--space-xl) 0;
  }
}

/* ========================================
   UTILITY CLASSES
======================================== */
.hidden { display: none; }
.block { display: block; }
.inline-block { display: inline-block; }

.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }

.w-full { width: 100%; }
.h-full { height: 100%; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }

.cursor-pointer { cursor: pointer; }

.overflow-hidden { overflow: hidden; }

.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.z-50 { z-index: 50; }

/* Background Utilities */
.bg-surface { background-color: var(--color-bg-surface); }
.bg-elevated { background-color: var(--color-bg-elevated); }

/* Border Utilities */
.border { border: 1px solid var(--color-border); }
.border-light { border-color: var(--color-border-light); }

.rounded { border-radius: 0.5rem; }
.rounded-lg { border-radius: 0.75rem; }

/* Aspect Ratios */
.aspect-video { aspect-ratio: 16/9; }
.aspect-square { aspect-ratio: 1/1; }
.aspect-portrait { aspect-ratio: 3/4; }

/* ========================================
   HOME PAGE SPECIFIC STYLES
======================================== */

/* Services Grid */
.services-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4xl);
  margin-top: var(--space-4xl);
}

.service-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: var(--space-3xl) 0;
  border-bottom: 1px solid var(--color-border);
  position: relative;
}

.service-content {
  flex: 1;
  max-width: 600px;
}

.service-title {
  color: var(--color-text-primary);
  margin-bottom: var(--space-md);
}

.service-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.service-list li {
  font-size: 0.875rem;
  color: var(--color-text-muted);
  padding-left: var(--space-md);
  position: relative;
}

.service-list li::before {
  content: '→';
  position: absolute;
  left: 0;
  color: var(--color-accent-gold);
}

.service-icon {
  font-size: 4rem;
  color: var(--color-accent-gold);
  font-weight: 300;
  opacity: 0.3;
  transition: all var(--duration-fast) var(--ease-premium);
}

.service-item:hover .service-icon {
  opacity: 1;
  transform: rotate(45deg);
}

/* Portfolio Grid */
.portfolio-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: var(--space-lg);
}

.portfolio-featured {
  grid-row: 1 / -1;
}

.portfolio-item {
  position: relative;
  overflow: hidden;
}

.portfolio-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--color-bg-elevated), var(--color-bg-surface));
  position: relative;
}

.portfolio-placeholder::after {
  content: 'Coming Soon';
  color: var(--color-text-dim);
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.portfolio-info {
  position: absolute;
  bottom: var(--space-lg);
  left: var(--space-lg);
  right: var(--space-lg);
  z-index: 10;
}

/* Showreel Section */
.showreel-section {
  padding: var(--space-5xl) 0;
  background: var(--color-bg-surface);
}

.showreel-player {
  margin-top: var(--space-xl);
}

.play-button {
  display: inline-flex;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-lg) var(--space-xl);
  background: transparent;
  border: 2px solid var(--color-accent-gold);
  color: var(--color-accent-gold);
  text-decoration: none;
  border-radius: 50px;
  transition: all var(--duration-fast) var(--ease-premium);
}

.play-button:hover {
  background: var(--color-accent-gold);
  color: var(--color-bg-deep);
  transform: scale(1.05);
}

.play-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Results Grid */
.results-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-xl);
}

.result-card {
  text-align: center;
  padding: var(--space-3xl) var(--space-lg);
  border: none;
  background: var(--color-bg-elevated);
}

.result-number {
  display: block;
  margin-bottom: var(--space-sm);
}

/* CTA Section */
.cta-section {
  padding: var(--space-5xl) 0;
  background: var(--color-bg-deep);
}

.cta-content {
  max-width: 800px;
  margin: 0 auto;
}

.max-w-md {
  max-width: 28rem;
  margin-left: auto;
  margin-right: auto;
}

/* Footer */
.footer {
  background: var(--color-bg-surface);
  padding: var(--space-4xl) 0 var(--space-lg);
  border-top: 1px solid var(--color-border);
}

.footer-content {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: var(--space-4xl);
  margin-bottom: var(--space-3xl);
}

.footer-brand .logo {
  margin-bottom: var(--space-lg);
}

.social-links {
  display: flex;
  gap: var(--space-lg);
}

.social-link {
  color: var(--color-text-muted);
  text-decoration: none;
  font-size: 0.875rem;
  transition: color var(--duration-fast) var(--ease-premium);
}

.social-link:hover {
  color: var(--color-accent-gold);
}

.footer-nav {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-xl);
}

.footer-col {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.footer-title {
  color: var(--color-text-primary);
  margin-bottom: var(--space-md);
}

.footer-link {
  color: var(--color-text-muted);
  text-decoration: none;
  font-size: 0.875rem;
  transition: color var(--duration-fast) var(--ease-premium);
}

.footer-link:hover {
  color: var(--color-accent-gold);
}

.footer-bottom {
  padding-top: var(--space-lg);
  border-top: 1px solid var(--color-border);
  text-align: center;
}

/* Section Header */
.section-header {
  text-align: center;
  margin-bottom: var(--space-xl);
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .services-grid {
    gap: var(--space-2xl);
  }
  
  .service-item {
    flex-direction: column;
    text-align: center;
    gap: var(--space-lg);
  }
  
  .service-icon {
    order: -1;
    font-size: 3rem;
  }
  
  .portfolio-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  
  .portfolio-featured {
    grid-row: auto;
  }
  
  .results-grid {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }
  
  .footer-content {
    grid-template-columns: 1fr;
    gap: var(--space-2xl);
  }
  
  .footer-nav {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }
  
  .hero-cta {
    flex-direction: column;
    gap: var(--space-md);
  }
}

/* ========================================
   SERVICES PAGE SPECIFIC STYLES
======================================== */

/* Services Hero */
.services-hero {
  max-width: 1000px;
  margin: 0 auto;
}

/* Service Sections */
.service-section {
  padding: var(--space-5xl) 0;
  border-bottom: 1px solid var(--color-border);
}

.service-section:last-child {
  border-bottom: none;
}

.service-header {
  display: flex;
  align-items: flex-end;
  gap: var(--space-xl);
  margin-bottom: var(--space-4xl);
}

.service-number {
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 300;
  color: var(--color-accent-gold);
  opacity: 0.6;
}

.service-heading {
  flex: 1;
  margin: 0;
}

.service-tagline {
  align-self: flex-start;
  margin-top: 0.5rem;
}

.service-content-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4xl);
  align-items: start;
}

.service-description {
  padding-right: var(--space-lg);
}

.service-features {
  display: grid;
  gap: var(--space-xl);
}

.feature-item h4 {
  margin-bottom: var(--space-xs);
  color: var(--color-text-primary);
}

.service-visual {
  position: relative;
}

.service-placeholder {
  border-radius: 0.75rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.placeholder-content {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-sm);
}

.placeholder-icon {
  font-size: 3rem;
  opacity: 0.3;
}

/* Process Grid */
.process-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-xl);
}

.process-step {
  text-align: center;
  padding: var(--space-xl) var(--space-lg);
}

.step-number {
  display: inline-block;
  width: 60px;
  height: 60px;
  border: 2px solid var(--color-accent-gold);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-accent-gold);
  margin-bottom: var(--space-lg);
  transition: all var(--duration-fast) var(--ease-premium);
}

.process-step:hover .step-number {
  background: var(--color-accent-gold);
  color: var(--color-bg-deep);
  transform: scale(1.1);
}

/* Investment Features */
.investment-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-xl);
  margin-top: var(--space-4xl);
}

.investment-item {
  text-align: center;
  padding: var(--space-xl);
  background: var(--color-bg-surface);
  border-radius: 0.75rem;
  border: 1px solid var(--color-border);
  transition: all var(--duration-fast) var(--ease-premium);
}

.investment-item:hover {
  transform: translateY(-4px);
  border-color: var(--color-border-light);
}

.investment-icon {
  font-size: 2.5rem;
  margin-bottom: var(--space-md);
  display: block;
}

.investment-item h4 {
  margin-bottom: var(--space-sm);
}

/* Mobile Responsive - Services */
@media (max-width: 768px) {
  .service-header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-sm);
  }
  
  .service-tagline {
    align-self: auto;
    margin-top: 0;
  }
  
  .service-content-grid {
    grid-template-columns: 1fr;
    gap: var(--space-2xl);
  }
  
  .service-description {
    padding-right: 0;
  }
  
  .process-grid {
    grid-template-columns: 1fr;
    gap: var(--space-2xl);
  }
  
  .investment-features {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }
}

/* ========================================
   WORK PAGE SPECIFIC STYLES
======================================== */

/* Portfolio Hero */
.portfolio-hero {
  max-width: 1000px;
  margin: 0 auto;
}

/* Portfolio Filter */
.portfolio-filter {
  margin-bottom: var(--space-xl);
}

.filter-buttons {
  display: flex;
  justify-content: center;
  gap: var(--space-lg);
  flex-wrap: wrap;
}

.filter-btn {
  padding: var(--space-sm) var(--space-lg);
  background: transparent;
  border: 1px solid var(--color-border);
  color: var(--color-text-muted);
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  cursor: pointer;
  transition: all var(--duration-fast) var(--ease-premium);
  border-radius: 2rem;
}

.filter-btn:hover,
.filter-btn.active {
  background: var(--color-accent-gold);
  color: var(--color-bg-deep);
  border-color: var(--color-accent-gold);
  transform: translateY(-2px);
}

/* Portfolio Masonry Grid */
.portfolio-masonry {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: var(--space-xl);
}

.portfolio-project {
  position: relative;
}

.portfolio-project.featured {
  grid-column: span 2;
}

.project-placeholder {
  border-radius: 0.75rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--duration-medium) var(--ease-premium);
}

.portfolio-project:hover .project-placeholder {
  transform: scale(1.02);
}

.project-info {
  position: absolute;
  bottom: var(--space-lg);
  left: var(--space-lg);
  right: var(--space-lg);
  z-index: 10;
}

/* Project Tags */
.project-tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
}

.tag {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(201, 168, 76, 0.2);
  color: var(--color-accent-gold);
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Load More Button */
.load-more-btn {
  transition: all var(--duration-fast) var(--ease-premium);
}

.load-more-btn:hover {
  transform: translateY(-2px);
}

/* Results Showcase */
.results-showcase {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-xl);
  text-align: center;
}

.result-item {
  padding: var(--space-xl);
}

.result-stat {
  display: block;
  margin-bottom: var(--space-sm);
}

/* Mobile Responsive - Portfolio */
@media (max-width: 1024px) {
  .portfolio-project.featured {
    grid-column: span 1;
  }
}

@media (max-width: 768px) {
  .portfolio-masonry {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }
  
  .filter-buttons {
    gap: var(--space-sm);
  }
  
  .filter-btn {
    padding: var(--space-xs) var(--space-md);
    font-size: 0.75rem;
  }
  
  .results-showcase {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }
  
  .project-info {
    bottom: var(--space-md);
    left: var(--space-md);
    right: var(--space-md);
  }
}

/* ========================================
   ABOUT PAGE SPECIFIC STYLES
======================================== */

/* About Hero */
.about-hero {
  max-width: 1000px;
  margin: 0 auto;
}

/* Story Section */
.story-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4xl);
  align-items: center;
}

.story-content {
  padding-right: var(--space-lg);
}

.story-text p {
  margin-bottom: var(--space-lg);
}

.story-text p:last-child {
  margin-bottom: 0;
}

.story-visual {
  position: relative;
}

.story-image {
  border-radius: 0.75rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Values Grid */
.values-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-xl);
}

.value-card {
  text-align: center;
  padding: var(--space-2xl) var(--space-lg);
  background: var(--color-bg-elevated);
  border: 1px solid var(--color-border);
  transition: all var(--duration-fast) var(--ease-premium);
}

.value-card:hover {
  transform: translateY(-4px);
  border-color: var(--color-border-light);
}

.value-icon {
  font-size: 3rem;
  margin-bottom: var(--space-md);
  display: block;
}

/* Founder Section */
.founder-section {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: var(--space-4xl);
  align-items: center;
}

.founder-image {
  border-radius: 0.75rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.founder-content {
  padding-left: var(--space-lg);
}

.founder-bio p {
  margin-bottom: var(--space-lg);
}

.founder-bio p:last-child {
  margin-bottom: 0;
}

.founder-credentials {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
  margin-top: var(--space-xl);
  padding-top: var(--space-lg);
  border-top: 1px solid var(--color-border);
}

.credential-item h5 {
  margin-bottom: var(--space-xs);
}

/* Stats Grid */
.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-xl);
  text-align: center;
}

.stat-item {
  padding: var(--space-xl);
}

.stat-number {
  display: block;
  margin-bottom: var(--space-sm);
}

/* Approach Pillars */
.approach-pillars {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-xl);
  margin-top: var(--space-2xl);
}

.pillar-item {
  text-align: center;
  flex: 1;
  max-width: 200px;
}

.pillar-separator {
  color: var(--color-accent-gold);
  font-size: 1.5rem;
  font-weight: 300;
}

/* Mobile Responsive - About */
@media (max-width: 768px) {
  .story-grid {
    grid-template-columns: 1fr;
    gap: var(--space-2xl);
  }
  
  .story-content {
    padding-right: 0;
  }
  
  .values-grid {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }
  
  .founder-section {
    grid-template-columns: 1fr;
    gap: var(--space-2xl);
  }
  
  .founder-content {
    padding-left: 0;
  }
  
  .founder-credentials {
    grid-template-columns: 1fr;
    gap: var(--space-md);
  }
  
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-lg);
  }
  
  .approach-pillars {
    flex-direction: column;
    gap: var(--space-lg);
  }
  
  .pillar-separator {
    display: none;
  }
}

/* ========================================
   CONTACT PAGE SPECIFIC STYLES
======================================== */

/* Contact Hero */
.contact-hero {
  max-width: 1000px;
  margin: 0 auto;
}

/* Contact Methods */
.contact-methods {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-xl);
}

.method-card {
  text-align: center;
  padding: var(--space-2xl);
  background: var(--color-bg-surface);
  border: 1px solid var(--color-border);
  transition: all var(--duration-fast) var(--ease-premium);
}

.method-card:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent-gold);
}

.method-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

.method-icon {
  font-size: 3rem;
  margin-bottom: var(--space-md);
  display: block;
}

.method-cta {
  color: var(--color-accent-gold);
  display: inline-block;
  transition: all var(--duration-fast) var(--ease-premium);
}

.method-card:hover .method-cta {
  transform: translateX(4px);
}

/* Contact Form */
.contact-form-container {
  max-width: 800px;
  margin: 0 auto;
  background: var(--color-bg-elevated);
  border: 1px solid var(--color-border);
  border-radius: 0.75rem;
  padding: var(--space-3xl);
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
}

.form-field {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.form-label {
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--color-text-primary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.form-input {
  padding: var(--space-md);
  background: var(--color-bg-surface);
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  transition: all var(--duration-fast) var(--ease-premium);
}

.form-input:focus {
  outline: none;
  border-color: var(--color-accent-gold);
  box-shadow: 0 0 0 3px rgba(201, 168, 76, 0.1);
}

.form-input::placeholder {
  color: var(--color-text-dim);
}

.form-textarea {
  resize: vertical;
  min-height: 120px;
}

/* Service Checkboxes */
.service-checkboxes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-sm);
}

.checkbox-label {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm);
  background: var(--color-bg-surface);
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all var(--duration-fast) var(--ease-premium);
}

.checkbox-label:hover {
  border-color: var(--color-accent-gold);
}

.checkbox-label input[type="checkbox"] {
  width: 1.25rem;
  height: 1.25rem;
  accent-color: var(--color-accent-gold);
}

.checkbox-label input[type="checkbox"]:checked + .checkbox-text {
  color: var(--color-accent-gold);
  font-weight: 600;
}

.checkbox-text {
  font-size: 0.875rem;
  transition: all var(--duration-fast) var(--ease-premium);
}

/* Form Submit */
.form-submit {
  text-align: center;
  padding-top: var(--space-lg);
  border-top: 1px solid var(--color-border);
}

.form-submit-btn {
  margin-bottom: var(--space-md);
}

.form-note {
  opacity: 0.7;
}

/* FAQ Grid */
.faq-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-xl);
}

.faq-item {
  padding: var(--space-xl);
  background: var(--color-bg-surface);
  border: 1px solid var(--color-border);
  border-radius: 0.75rem;
}

/* Mobile Responsive - Contact */
@media (max-width: 768px) {
  .contact-methods {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }
  
  .contact-form-container {
    padding: var(--space-lg);
  }
  
  .form-row {
    grid-template-columns: 1fr;
    gap: var(--space-md);
  }
  
  .service-checkboxes {
    grid-template-columns: 1fr;
  }
  
  .faq-grid {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }
}

/* ========================================
   HOME PAGE HERO STYLES
======================================== */

/* Hero Section */
.hero-section {
  position: relative;
  height: 100vh;
  min-height: 600px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.hero-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(10, 10, 10, 0.7) 0%,
    rgba(10, 10, 10, 0.4) 50%,
    rgba(10, 10, 10, 0.6) 100%
  );
  z-index: 2;
}

.hero-content {
  position: relative;
  z-index: 10;
  width: 100%;
  text-align: center;
  padding: 0 var(--space-lg);
}

.hero-text {
  max-width: 1000px;
  margin: 0 auto;
}

.hero-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-lg);
  flex-wrap: wrap;
}

.hero-scroll-indicator {
  position: absolute;
  bottom: var(--space-2xl);
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-sm);
}

.scroll-text {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

.scroll-line {
  width: 1px;
  height: 48px;
  background: linear-gradient(to bottom, var(--color-accent-gold) 0%, transparent 100%);
  animation: pulse 2s infinite;
}

/* Brand Statement */
.brand-statement {
  max-width: 1200px;
  margin: 0 auto;
}

/* Services Preview */
.services-preview {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.services-preview .service-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-3xl) 0;
  border-bottom: 1px solid var(--color-border);
  transition: all var(--duration-fast) var(--ease-premium);
}

.services-preview .service-item:hover {
  padding-left: var(--space-lg);
}

.services-preview .service-item:hover .service-icon {
  transform: rotate(15deg) scale(1.1);
}

.services-preview .service-content {
  flex: 1;
}

.services-preview .service-title {
  margin-bottom: var(--space-md);
  font-size: clamp(3rem, 8vw, 6rem);
}

.services-preview .service-description {
  max-width: 600px;
}

.services-preview .service-icon {
  font-size: 4rem;
  opacity: 0.3;
  transition: all var(--duration-fast) var(--ease-premium);
}

/* Portfolio Preview */
.portfolio-preview {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: var(--space-xl);
  align-items: start;
}

.portfolio-preview .featured {
  grid-row: 1 / -1;
}

.portfolio-grid {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

/* Reveal Animation */
.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.reveal.revealed {
  opacity: 1;
  transform: translateY(0);
}

/* Header Styles */
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  background: transparent !important;
  transition: all 0.3s ease;
}

.header.scrolled {
  background: rgba(5, 5, 5, 0.1) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 5rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}

.nav-wrapper {
  display: flex;
  align-items: center;
  gap: 3rem;
}

.nav {
  display: none;
  align-items: center;
  gap: 2.5rem;
}

.nav a {
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #ffffff;
  font-family: var(--font-heading);
  font-weight: 600;
  transition: color 0.3s ease;
  text-decoration: none;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.nav a:hover {
  color: var(--color-accent);
  font-weight: 700;
}

.book-now-btn {
  display: none;
  padding: 0.625rem 1.5rem !important;
  font-size: 0.75rem !important;
  font-weight: 600;
  position: relative;
}

.mobile-menu-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  gap: 0.375rem;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 51;
  transition: all 0.3s ease;
}

.mobile-menu-btn span {
  width: 1.5rem;
  height: 2px;
  background: #fff;
  transition: all 0.3s ease;
  display: block;
}

/* Mobile menu button stays in top right when active */
.mobile-menu-btn.active {
  position: fixed !important;
  right: 2rem !important;
  top: 1.5rem !important;
  z-index: 52 !important;
}

/* Show navigation on desktop */
@media (min-width: 769px) {
  .nav {
    display: flex;
  }
  
  .book-now-btn {
    display: inline-block;
  }
  
  .mobile-menu-btn {
    display: none;
  }
}

/* Hero Animation Styles */
.hero-content {
  transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  will-change: transform, opacity;
}

.hero-content.visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Scroll lock during animation */
body.scroll-locked {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100vh;
}

/* Hero Section */
.hero-section {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

/* Mobile Responsive - Home */
@media (max-width: 768px) {
  .header-container {
    padding: 0 1.5rem;
  }
  
  .hero-section {
    min-height: 70vh;
  }
  
  .hero-cta {
    flex-direction: column;
    gap: var(--space-md);
  }
  
  .services-preview .service-item {
    flex-direction: column;
    text-align: center;
    gap: var(--space-lg);
  }
  
  .services-preview .service-item:hover {
    padding-left: 0;
  }
  
  .services-preview .service-icon {
    order: -1;
    font-size: 3rem;
  }
  
  .portfolio-preview {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }
  
  .portfolio-preview .featured {
    grid-row: auto;
  }
  .service-copy {
  display: none !important;
  }
  /* Hide only numbers */
  .card-number { display: none !important; }

  /* Hide only arrows */
  .card-arrow { display: none !important; }

  /* Hide only subtitles */
  .card-text small { display: none !important; }
}