/* SKS Summit shared stylesheet - generated 2026-07-14T01:56:12+00:00 */ /* ===== from page 253052 ===== */ @layer theme{.sks-about,.sks-about :host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--color-black:#000;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--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-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:"JetBrains Mono", ui-monospace, monospace;--color-background:var(--background);--color-foreground:var(--foreground);--color-gold:var(--gold);--color-border:var(--border);--font-display:"Cormorant Garamond", ui-serif, Georgia, serif;--font-body:"Inter", ui-sans-serif, system-ui, sans-serif}}@layer base{.sks-about *,.sks-about :after,.sks-about :before,.sks-about ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}.sks-about ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}.sks-about,.sks-about :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}.sks-about hr{height:0;color:inherit;border-top-width:1px}.sks-about abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.sks-about h1,.sks-about h2,.sks-about h3,.sks-about h4,.sks-about h5,.sks-about h6{font-size:inherit;font-weight:inherit}.sks-about a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.sks-about b,.sks-about strong{font-weight:bolder}.sks-about code,.sks-about kbd,.sks-about samp,.sks-about 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}.sks-about small{font-size:80%}.sks-about sub,.sks-about sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.sks-about sub{bottom:-.25em}.sks-about sup{top:-.5em}.sks-about table{text-indent:0;border-color:inherit;border-collapse:collapse}.sks-about :-moz-focusring{outline:auto}.sks-about progress{vertical-align:baseline}.sks-about summary{display:list-item}.sks-about ol,.sks-about ul,.sks-about menu{list-style:none}.sks-about img,.sks-about svg,.sks-about video,.sks-about canvas,.sks-about audio,.sks-about iframe,.sks-about embed,.sks-about object{vertical-align:middle;display:block}.sks-about img,.sks-about video{max-width:100%;height:auto}.sks-about button,.sks-about input,.sks-about select,.sks-about optgroup,.sks-about textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.sks-about ::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}.sks-about :where(select:is([multiple],[size])) optgroup{font-weight:bolder}.sks-about :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}.sks-about ::file-selector-button{margin-inline-end:4px}.sks-about ::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){.sks-about ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){.sks-about ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}.sks-about textarea{resize:vertical}.sks-about ::-webkit-search-decoration{-webkit-appearance:none}.sks-about ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}.sks-about ::-webkit-datetime-edit{display:inline-flex}.sks-about ::-webkit-datetime-edit-fields-wrapper{padding:0}.sks-about ::-webkit-datetime-edit{padding-block:0}.sks-about ::-webkit-datetime-edit-year-field{padding-block:0}.sks-about ::-webkit-datetime-edit-month-field{padding-block:0}.sks-about ::-webkit-datetime-edit-day-field{padding-block:0}.sks-about ::-webkit-datetime-edit-hour-field{padding-block:0}.sks-about ::-webkit-datetime-edit-minute-field{padding-block:0}.sks-about ::-webkit-datetime-edit-second-field{padding-block:0}.sks-about ::-webkit-datetime-edit-millisecond-field{padding-block:0}.sks-about ::-webkit-datetime-edit-meridiem-field{padding-block:0}.sks-about ::-webkit-calendar-picker-indicator{line-height:1}.sks-about :-moz-ui-invalid{box-shadow:none}.sks-about button,.sks-about input:where([type=button],[type=reset],[type=submit]){appearance:button}.sks-about ::file-selector-button{appearance:button}.sks-about ::-webkit-inner-spin-button{height:auto}.sks-about ::-webkit-outer-spin-button{height:auto}.sks-about [hidden]:where(:not([hidden=until-found])){display:none!important}.sks-about *{border-color:var(--color-border)}.sks-about{scroll-behavior:smooth}.sks-about{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-body);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased}.sks-about h1,.sks-about h2,.sks-about h3,.sks-about h4{font-family:var(--font-display);letter-spacing:-.01em;font-weight:500}}@layer components;@layer utilities{.sks-about .absolute{position:absolute}.sks-about .relative{position:relative}.sks-about .inset-0{inset:calc(var(--spacing) * 0)}.sks-about .z-10{z-index:10}.sks-about .order-1{order:1}.sks-about .order-2{order:2}.sks-about .mx-auto{margin-inline:auto}.sks-about .mt-1{margin-top:calc(var(--spacing) * 1)}.sks-about .mt-2{margin-top:calc(var(--spacing) * 2)}.sks-about .mt-3{margin-top:calc(var(--spacing) * 3)}.sks-about .mt-4{margin-top:calc(var(--spacing) * 4)}.sks-about .mt-6{margin-top:calc(var(--spacing) * 6)}.sks-about .mt-8{margin-top:calc(var(--spacing) * 8)}.sks-about .mt-10{margin-top:calc(var(--spacing) * 10)}.sks-about .mt-12{margin-top:calc(var(--spacing) * 12)}.sks-about .mt-24{margin-top:calc(var(--spacing) * 24)}.sks-about .mr-2{margin-right:calc(var(--spacing) * 2)}.sks-about .mb-4{margin-bottom:calc(var(--spacing) * 4)}.sks-about .mb-6{margin-bottom:calc(var(--spacing) * 6)}.sks-about .mb-8{margin-bottom:calc(var(--spacing) * 8)}.sks-about .mb-12{margin-bottom:calc(var(--spacing) * 12)}.sks-about .rule-gold{background-color:var(--color-gold);width:3rem;height:1px;display:inline-block}.sks-about .flex{display:flex}.sks-about .grid{display:grid}.sks-about .inline-flex{display:inline-flex}.sks-about .aspect-\[4\/5\]{aspect-ratio:4/5}.sks-about .h-8{height:calc(var(--spacing) * 8)}.sks-about .h-10{height:calc(var(--spacing) * 10)}.sks-about .h-\[86vh\]{height:86vh}.sks-about .h-\[380px\]{height:380px}.sks-about .h-\[520px\]{height:520px}.sks-about .h-\[640px\]{height:640px}.sks-about .h-auto{height:auto}.sks-about .h-full{height:100%}.sks-about .h-px{height:1px}.sks-about .min-h-\[600px\]{min-height:600px}.sks-about .min-h-screen{min-height:100vh}.sks-about .w-4{width:calc(var(--spacing) * 4)}.sks-about .w-8{width:calc(var(--spacing) * 8)}.sks-about .w-10{width:calc(var(--spacing) * 10)}.sks-about .w-full{width:100%}.sks-about .max-w-2xl{max-width:var(--container-2xl)}.sks-about .max-w-3xl{max-width:var(--container-3xl)}.sks-about .max-w-5xl{max-width:var(--container-5xl)}.sks-about .max-w-6xl{max-width:var(--container-6xl)}.sks-about .max-w-7xl{max-width:var(--container-7xl)}.sks-about .max-w-sm{max-width:var(--container-sm)}.sks-about .max-w-xl{max-width:var(--container-xl)}.sks-about .shrink-0{flex-shrink:0}.sks-about .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.sks-about .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.sks-about .scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.sks-about .animate-in{animation:sksa-enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.sks-about .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sks-about .flex-col{flex-direction:column}.sks-about .flex-wrap{flex-wrap:wrap}.sks-about .items-baseline{align-items:baseline}.sks-about .items-center{align-items:center}.sks-about .items-end{align-items:flex-end}.sks-about .items-start{align-items:flex-start}.sks-about .justify-between{justify-content:space-between}.sks-about .justify-center{justify-content:center}.sks-about .justify-end{justify-content:flex-end}.sks-about .gap-2{gap:calc(var(--spacing) * 2)}.sks-about .gap-3{gap:calc(var(--spacing) * 3)}.sks-about .gap-4{gap:calc(var(--spacing) * 4)}.sks-about .gap-5{gap:calc(var(--spacing) * 5)}.sks-about .gap-6{gap:calc(var(--spacing) * 6)}.sks-about .gap-10{gap:calc(var(--spacing) * 10)}.sks-about .gap-12{gap:calc(var(--spacing) * 12)}.sks-about .gap-14{gap:calc(var(--spacing) * 14)}.sks-about .gap-16{gap:calc(var(--spacing) * 16)}.sks-about :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.sks-about :where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.sks-about :where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.sks-about :where(.divide-ivory\/10>:not(:last-child)){border-color:var(--ivory)}@supports (color:color-mix(in lab, red, red)){.sks-about :where(.divide-ivory\/10>:not(:last-child)){border-color:color-mix(in oklab, var(--ivory) 10%, transparent)}}.sks-about .overflow-hidden{overflow:hidden}.sks-about .rounded-full{border-radius:3.40282e38px}.sks-about .border{border-style:var(--tw-border-style);border-width:1px}.sks-about .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.sks-about .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.sks-about .border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.sks-about .border-border{border-color:var(--border)}.sks-about .border-gold{border-color:var(--gold)}.sks-about .border-ivory\/15{border-color:var(--ivory)}@supports (color:color-mix(in lab, red, red)){.sks-about .border-ivory\/15{border-color:color-mix(in oklab, var(--ivory) 15%, transparent)}}.sks-about .border-ivory\/50{border-color:var(--ivory)}@supports (color:color-mix(in lab, red, red)){.sks-about .border-ivory\/50{border-color:color-mix(in oklab, var(--ivory) 50%, transparent)}}.sks-about .border-navy{border-color:var(--navy)}.sks-about .bg-background{background-color:var(--background)}.sks-about .bg-border{background-color:var(--border)}.sks-about .bg-gold,.sks-about .bg-gold\/10{background-color:var(--gold)}@supports (color:color-mix(in lab, red, red)){.sks-about .bg-gold\/10{background-color:color-mix(in oklab, var(--gold) 10%, transparent)}}.sks-about .bg-navy{background-color:var(--navy)}.sks-about .bg-navy-deep,.sks-about .bg-navy-deep\/80{background-color:var(--navy-deep)}@supports (color:color-mix(in lab, red, red)){.sks-about .bg-navy-deep\/80{background-color:color-mix(in oklab, var(--navy-deep) 80%, transparent)}}.sks-about .bg-secondary{background-color:var(--secondary)}.sks-about .object-cover{object-fit:cover}.sks-about .object-top{object-position:top}.sks-about .px-5{padding-inline:calc(var(--spacing) * 5)}.sks-about .px-6{padding-inline:calc(var(--spacing) * 6)}.sks-about .px-8{padding-inline:calc(var(--spacing) * 8)}.sks-about .py-3{padding-block:calc(var(--spacing) * 3)}.sks-about .py-4{padding-block:calc(var(--spacing) * 4)}.sks-about .py-6{padding-block:calc(var(--spacing) * 6)}.sks-about .py-8{padding-block:calc(var(--spacing) * 8)}.sks-about .py-24{padding-block:calc(var(--spacing) * 24)}.sks-about .pt-8{padding-top:calc(var(--spacing) * 8)}.sks-about .pb-20{padding-bottom:calc(var(--spacing) * 20)}.sks-about .pl-6{padding-left:calc(var(--spacing) * 6)}.sks-about .text-center{text-align:center}.sks-about .text-left{text-align:left}.sks-about .text-eyebrow{font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--color-gold);font-size:.75rem;font-weight:500}.sks-about .font-display{font-family:Cormorant Garamond,ui-serif,Georgia,serif}.sks-about .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sks-about .text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sks-about .text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sks-about .text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sks-about .text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sks-about .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sks-about .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sks-about .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sks-about .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sks-about .text-\[11px\]{font-size:11px}.sks-about .leading-\[0\.95\]{--tw-leading:.95;line-height:.95}.sks-about .leading-none{--tw-leading:1;line-height:1}.sks-about .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.sks-about .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.sks-about .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.sks-about .font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.sks-about .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.sks-about .tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.sks-about .tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.sks-about .tracking-\[0\.24em\]{--tw-tracking:.24em;letter-spacing:.24em}.sks-about .\!text-gold{color:var(--gold)!important}.sks-about .\!text-ivory\/50{color:var(--ivory)!important}@supports (color:color-mix(in lab, red, red)){.sks-about .\!text-ivory\/50{color:color-mix(in oklab, var(--ivory) 50%, transparent)!important}}.sks-about .\!text-ivory\/60{color:var(--ivory)!important}@supports (color:color-mix(in lab, red, red)){.sks-about .\!text-ivory\/60{color:color-mix(in oklab, var(--ivory) 60%, transparent)!important}}.sks-about .\!text-ivory\/70{color:var(--ivory)!important}@supports (color:color-mix(in lab, red, red)){.sks-about .\!text-ivory\/70{color:color-mix(in oklab, var(--ivory) 70%, transparent)!important}}.sks-about .text-foreground,.sks-about .text-foreground\/70{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.sks-about .text-foreground\/70{color:color-mix(in oklab, var(--foreground) 70%, transparent)}}.sks-about .text-foreground\/80{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.sks-about .text-foreground\/80{color:color-mix(in oklab, var(--foreground) 80%, transparent)}}.sks-about .text-gold{color:var(--gold)}.sks-about .text-ivory,.sks-about .text-ivory\/50{color:var(--ivory)}@supports (color:color-mix(in lab, red, red)){.sks-about .text-ivory\/50{color:color-mix(in oklab, var(--ivory) 50%, transparent)}}.sks-about .text-ivory\/70{color:var(--ivory)}@supports (color:color-mix(in lab, red, red)){.sks-about .text-ivory\/70{color:color-mix(in oklab, var(--ivory) 70%, transparent)}}.sks-about .text-ivory\/85{color:var(--ivory)}@supports (color:color-mix(in lab, red, red)){.sks-about .text-ivory\/85{color:color-mix(in oklab, var(--ivory) 85%, transparent)}}.sks-about .text-ivory\/95{color:var(--ivory)}@supports (color:color-mix(in lab, red, red)){.sks-about .text-ivory\/95{color:color-mix(in oklab, var(--ivory) 95%, transparent)}}.sks-about .text-muted-foreground{color:var(--muted-foreground)}.sks-about .text-navy{color:var(--navy)}.sks-about .text-navy-deep{color:var(--navy-deep)}.sks-about .text-navy\/50{color:var(--navy)}@supports (color:color-mix(in lab, red, red)){.sks-about .text-navy\/50{color:color-mix(in oklab, var(--navy) 50%, transparent)}}.sks-about .uppercase{text-transform:uppercase}.sks-about .italic{font-style:italic}.sks-about .not-italic{font-style:normal}.sks-about .opacity-\[0\.06\]{opacity:.06}.sks-about .shadow-\[0_0_0_6px_rgba\(0\,0\,0\,0\.25\)\]{--tw-shadow:0 0 0 6px 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)}.sks-about right\,.sks-about width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sks-about opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sks-about height\,.sks-about padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sks-about .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))}.sks-about .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))}.sks-about .duration-500{--tw-duration:.5s;transition-duration:.5s}.sks-about .fade-in{--tw-enter-opacity:0}.sks-about .slide-in-from-bottom-2{--tw-enter-translate-y:calc(2*var(--spacing))}@media (hover:hover){.sks-about .group-hover\:text-navy:is(:where(.group):hover *){color:var(--navy)}}.sks-about .first-letter\:float-left:first-letter{float:left}.sks-about .first-letter\:pt-1:first-letter{padding-top:calc(var(--spacing) * 1)}.sks-about .first-letter\:pr-3:first-letter{padding-right:calc(var(--spacing) * 3)}.sks-about .first-letter\:font-display:first-letter{font-family:Cormorant Garamond,ui-serif,Georgia,serif}.sks-about .first-letter\:text-7xl:first-letter{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.sks-about .first-letter\:leading-\[0\.85\]:first-letter{--tw-leading:.85;line-height:.85}.sks-about .first-letter\:text-navy:first-letter{color:var(--navy)}@media (hover:hover){.sks-about .hover\:border-ivory\/40:hover{border-color:var(--ivory)}@supports (color:color-mix(in lab, red, red)){.sks-about .hover\:border-ivory\/40:hover{border-color:color-mix(in oklab, var(--ivory) 40%, transparent)}}.sks-about .hover\:bg-gold:hover{background-color:var(--gold)}.sks-about .hover\:bg-navy:hover{background-color:var(--navy)}.sks-about .hover\:bg-navy-deep:hover{background-color:var(--navy-deep)}.sks-about .hover\:text-ivory:hover{color:var(--ivory)}.sks-about .hover\:text-navy-deep:hover{color:var(--navy-deep)}}@media (width>=40rem){.sks-about .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=48rem){.sks-about .md\:order-1{order:1}.sks-about .md\:order-2{order:2}.sks-about .md\:col-span-5{grid-column:span 5/span 5}.sks-about .md\:col-span-7{grid-column:span 7/span 7}.sks-about .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sks-about .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sks-about .md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sks-about .md\:gap-14{gap:calc(var(--spacing) * 14)}.sks-about .md\:py-32{padding-block:calc(var(--spacing) * 32)}.sks-about .md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sks-about .md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sks-about .md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sks-about .md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}@media (width>=64rem){.sks-about .lg\:order-1{order:1}.sks-about .lg\:order-2{order:2}.sks-about .lg\:col-span-4{grid-column:span 4/span 4}.sks-about .lg\:col-span-5{grid-column:span 5/span 5}.sks-about .lg\:col-span-7{grid-column:span 7/span 7}.sks-about .lg\:col-span-8{grid-column:span 8/span 8}.sks-about .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sks-about .lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sks-about .lg\:gap-14{gap:calc(var(--spacing) * 14)}.sks-about .lg\:gap-16{gap:calc(var(--spacing) * 16)}.sks-about .lg\:gap-20{gap:calc(var(--spacing) * 20)}.sks-about .lg\:pt-16{padding-top:calc(var(--spacing) * 16)}.sks-about .lg\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}.sks-about{--radius:.25rem;--ivory:oklch(98.5% .007 85);--navy:oklch(24% .07 260);--navy-deep:oklch(17% .06 260);--gold:oklch(78% .14 82);--gold-soft:oklch(88% .09 85);--background:var(--ivory);--foreground:oklch(18% .03 260);--card:oklch(100% 0 0);--card-foreground:var(--foreground);--popover:oklch(100% 0 0);--popover-foreground:var(--foreground);--primary:var(--navy);--primary-foreground:var(--ivory);--secondary:oklch(95% .01 85);--secondary-foreground:var(--navy);--muted:oklch(94% .01 85);--muted-foreground:oklch(45% .02 260);--accent:var(--gold);--accent-foreground:var(--navy-deep);--destructive:oklch(55% .22 27);--destructive-foreground:oklch(98% 0 0);--border:oklch(88% .02 85);--input:oklch(88% .02 85);--ring:var(--gold);--shadow-elegant:0 20px 60px -20px var(--navy-deep)}@supports (color:color-mix(in lab, red, red)){.sks-about{--shadow-elegant:0 20px 60px -20px color-mix(in oklab, var(--navy-deep) 40%, transparent)}}.sks-about{--gradient-navy:linear-gradient(180deg, var(--navy) 0%, var(--navy-deep) 100%);--gradient-hero:linear-gradient(180deg, var(--navy-deep) 0%, var(--navy-deep) 100%)}@supports (color:color-mix(in lab, red, red)){.sks-about{--gradient-hero:linear-gradient(180deg, color-mix(in oklab, var(--navy-deep) 20%, transparent) 0%, color-mix(in oklab, var(--navy-deep) 85%, transparent) 100%)}}@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-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}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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:"";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:"";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:"";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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes sksa-pulse{50%{opacity:.5}}@keyframes sksa-enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes sksa-exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes sksa-accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes sksa-accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}@keyframes sksa-caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}} /* Avada coexistence kit */ .sks-about :is(h1,h2,h3,h4,h5,h6,p,li,blockquote,figcaption,em,strong,td,th):not(.text-foreground\/70):not(.text-foreground\/80):not(.text-gold):not(.text-ivory\/50):not(.text-ivory\/70):not(.text-ivory\/85):not(.text-ivory\/95):not(.text-muted-foreground):not(.text-navy):not(.text-navy-deep):not(.text-navy\/50){color:inherit} .sks-about a{color:inherit;box-shadow:none} .sks-about .text-foreground\/70{color:var(--foreground)} .sks-about .text-foreground\/80{color:var(--foreground)} .sks-about .text-gold{color:var(--gold)} .sks-about .text-ivory\/50{color:var(--ivory)} .sks-about .text-ivory\/70{color:var(--ivory)} .sks-about .text-ivory\/85{color:var(--ivory)} .sks-about .text-ivory\/95{color:var(--ivory)} .sks-about .text-muted-foreground{color:var(--muted-foreground)} .sks-about .text-navy{color:var(--navy)} .sks-about .text-navy-deep{color:var(--navy-deep)} .sks-about .text-navy\/50{color:var(--navy)} .sks-about .text-white{color:rgb(255,255,255) !important} .sks-about [class*="text-white/"]{color:rgb(255 255 255 / 0.9) !important} .sks-about img.absolute.object-cover,.sks-about .absolute>img.object-cover{height:100% !important;width:100% !important;object-fit:cover !important} .sks-about{display:block;width:100%;overflow-x:clip} .sks-about img{max-width:100%;height:auto} /* Let the design's own typography govern; block only Avada's heading font */ .sks-about :is(h1,h2,h3,h4,h5,h6):not([class*="font-"]){font-family:"Cormorant Garamond",Georgia,serif} /* Unlayered font utilities to outrank Avada element typography */ .sks-about .font-display{font-family:"Cormorant Garamond",ui-serif,Georgia,serif !important} .sks-about .font-sans{font-family:Inter,ui-sans-serif,system-ui,sans-serif !important} .sks-about blockquote{font-family:inherit} /* Unlayered text-size scale to outrank Avada element sizing */ .sks-about .text-xs{font-size:0.75rem;line-height:1rem} .sks-about .text-sm{font-size:0.875rem;line-height:1.25rem} .sks-about .text-base{font-size:1rem;line-height:1.5rem} .sks-about .text-lg{font-size:1.125rem;line-height:1.75rem} .sks-about .text-xl{font-size:1.25rem;line-height:1.75rem} .sks-about .text-2xl{font-size:1.5rem;line-height:2rem} .sks-about .text-3xl{font-size:1.875rem;line-height:2.25rem} .sks-about .text-4xl{font-size:2.25rem;line-height:2.5rem} .sks-about .text-5xl{font-size:3rem;line-height:1.1} .sks-about .text-6xl{font-size:3.75rem;line-height:1.1} .sks-about .text-7xl{font-size:4.5rem;line-height:1.1} @media (min-width:768px){.sks-about .md\:text-xs{font-size:0.75rem;line-height:1rem} .sks-about .md\:text-sm{font-size:0.875rem;line-height:1.25rem} .sks-about .md\:text-base{font-size:1rem;line-height:1.5rem} .sks-about .md\:text-lg{font-size:1.125rem;line-height:1.75rem} .sks-about .md\:text-xl{font-size:1.25rem;line-height:1.75rem} .sks-about .md\:text-2xl{font-size:1.5rem;line-height:2rem} .sks-about .md\:text-3xl{font-size:1.875rem;line-height:2.25rem} .sks-about .md\:text-4xl{font-size:2.25rem;line-height:2.5rem} .sks-about .md\:text-5xl{font-size:3rem;line-height:1.1} .sks-about .md\:text-6xl{font-size:3.75rem;line-height:1.1} .sks-about .md\:text-7xl{font-size:4.5rem;line-height:1.1} } @media (min-width:1024px){.sks-about .lg\:text-xs{font-size:0.75rem;line-height:1rem} .sks-about .lg\:text-sm{font-size:0.875rem;line-height:1.25rem} .sks-about .lg\:text-base{font-size:1rem;line-height:1.5rem} .sks-about .lg\:text-lg{font-size:1.125rem;line-height:1.75rem} .sks-about .lg\:text-xl{font-size:1.25rem;line-height:1.75rem} .sks-about .lg\:text-2xl{font-size:1.5rem;line-height:2rem} .sks-about .lg\:text-3xl{font-size:1.875rem;line-height:2.25rem} .sks-about .lg\:text-4xl{font-size:2.25rem;line-height:2.5rem} .sks-about .lg\:text-5xl{font-size:3rem;line-height:1.1} .sks-about .lg\:text-6xl{font-size:3.75rem;line-height:1.1} .sks-about .lg\:text-7xl{font-size:4.5rem;line-height:1.1} } .sks-about blockquote{border:0;padding-left:0;background:none} /* Ivory color family, unlayered (fixes hero text, quotes context, and CTA button) */ .sks-about .text-ivory{color:oklch(98.5% .007 85) !important} .sks-about .text-ivory\/85{color:oklch(98.5% .007 85 / .85) !important} .sks-about .text-ivory\/70{color:oklch(98.5% .007 85 / .7) !important} .sks-about [class*="text-ivory/"]{color:oklch(98.5% .007 85 / .85) !important} .sks-about .text-ivory *:not([class*="text-"]){color:inherit} /* Remove Avada content-area padding so the hero meets the header flush */ body #main{padding-top:0 !important} #main .fusion-row{padding-top:0 !important} /* Larger chapter images (Ch 01: wider column + taller; Ch 03: taller + wider share) */ @media (min-width:1024px){ .sks-about .lg\:grid-cols-12:has(.h-\[520px\]) > .lg\:col-span-5{grid-column:span 6 / span 6} .sks-about .lg\:grid-cols-12:has(.h-\[520px\]) > .lg\:col-span-7{grid-column:span 6 / span 6} .sks-about .lg\:grid-cols-2:has(.h-\[640px\]){grid-template-columns:1.18fr 0.82fr} } .sks-about .h-\[520px\]{height:600px !important} .sks-about .h-\[640px\]{height:720px !important} /* Hide the Avada page-title-bar band on this page (full-bleed hero replaces it) */ .fusion-page-title-bar.fusion-tb-page-title-bar{display:none !important} /* ===== SKS TYPOGRAPHY HARMONY — light serif headlines + Inter body ===== */ .sks-about h1, .sks-about h2 {font-family:"Cormorant Garamond",Georgia,serif!important;font-weight:300!important;} .sks-about p {font-family:Inter,Arial,Helvetica,sans-serif!important;} /* ===== END TYPOGRAPHY HARMONY ===== */ /* kill white gap before footer */ .fusion-layout-column:has(.sks-about){margin-bottom:0 !important} #main{padding-bottom:0 !important} .sks-emp-cta{background:#182743!important;color:#faf7f0!important;border-color:#182743!important}.sks-emp-cta:hover{background:#101a30!important;color:#fff!important} @media (max-width:767px){.sks-openings article h3{font-size:1.875rem!important;line-height:1.2!important}} /*sks-emp-gap*/.sks-emp-intro{padding-bottom:2.5rem!important}.sks-openings{padding-top:2rem!important}@media (max-width:767px){.sks-emp-intro{padding-bottom:1.75rem!important}.sks-openings{padding-top:1.25rem!important}} /* ===== from page 253052 ===== */ .sks-about .sks-hero-pad{padding-top:10rem;padding-bottom:6rem}.sks-about .underline{text-decoration:underline}.sks-about .job-num{font-size:.75rem;letter-spacing:.22em;color:var(--gold)} /* ===== from page 249017 ===== */ .sks-varts *, .sks-varts ::before, .sks-varts ::after, .sks-varts ::backdrop{--tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-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-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: 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-outline-style: solid; --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-duration: initial; --tw-ease: initial; --tw-content: ""; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0;} .sks-varts, .sks-varts :host{--font-sans: "Inter Tight", "Inter", ui-sans-serif, system-ui, sans-serif; --font-mono: "JetBrains Mono", ui-monospace, monospace; --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-3xl: 48rem; --container-4xl: 56rem; --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; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --tracking-tight: -.025em; --tracking-wide: .025em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-relaxed: 1.625; --radius-2xl: 1rem; --drop-shadow-sm: 0 1px 2px #00000026; --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: "Inter Tight", "Inter", ui-sans-serif, system-ui, sans-serif; --default-mono-font-family: "JetBrains Mono", ui-monospace, monospace; --font-display: "Instrument Serif", "Cormorant Garamond", ui-serif, Georgia, serif; --color-background: var(--background); --color-foreground: var(--foreground); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-border: var(--border); --color-mist: var(--mist);} .sks-varts *, .sks-varts ::after, .sks-varts ::before, .sks-varts ::backdrop{box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px;} .sks-varts ::file-selector-button{box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px;} .sks-varts, .sks-varts :host{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;} .sks-varts h1, .sks-varts h2, .sks-varts h3, .sks-varts h4, .sks-varts h5, .sks-varts h6{font-size: inherit; font-weight: inherit;} .sks-varts a{color: inherit; text-decoration: inherit;} .sks-varts ol, .sks-varts ul, .sks-varts menu{list-style: none;} .sks-varts img, .sks-varts svg, .sks-varts video, .sks-varts canvas, .sks-varts audio, .sks-varts iframe, .sks-varts embed, .sks-varts object{vertical-align: middle; display: block;} .sks-varts img, .sks-varts video{max-width: 100%; height: auto;} .sks-varts button, .sks-varts input, .sks-varts select, .sks-varts optgroup, .sks-varts textarea{font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px;} .sks-varts ::file-selector-button{font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px;} .sks-varts ::file-selector-button{margin-inline-end: 4px;} .sks-varts ::placeholder{opacity: 1;} .sks-varts ::placeholder{color: currentcolor;} .sks-varts ::placeholder{color: color-mix(currentcolor, transparent);} .sks-varts ::-webkit-search-decoration{appearance: none;} .sks-varts ::-webkit-date-and-time-value{min-height: 1lh; text-align: inherit;} .sks-varts ::-webkit-datetime-edit{display: inline-flex;} .sks-varts ::-webkit-datetime-edit-fields-wrapper{padding: 0px;} .sks-varts ::-webkit-datetime-edit{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-year-field{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-month-field{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-day-field{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-hour-field{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-minute-field{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-second-field{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-millisecond-field{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-meridiem-field{padding-block: 0px;} .sks-varts ::-webkit-calendar-picker-indicator{line-height: 1;} .sks-varts button, .sks-varts input:where([type="button"], [type="reset"], [type="submit"]){appearance: button;} .sks-varts ::file-selector-button{appearance: button;} .sks-varts ::-webkit-inner-spin-button{height: auto;} .sks-varts ::-webkit-outer-spin-button{height: auto;} .sks-varts *{border-color: var(--color-border);} .sks-varts{scroll-behavior: smooth;} .sks-varts{background-color: var(--color-background); color: var(--color-foreground); font-family: var(--font-sans); font-feature-settings: "ss01", "cv11"; -webkit-font-smoothing: antialiased;} .sks-varts h1, .sks-varts h2, .sks-varts h3, .sks-varts h4{font-family: var(--font-display); letter-spacing: -0.02em; font-weight: 400;} .sks-varts .absolute{position: absolute;} .sks-varts .relative, .sks-varts .rule-accent{position: relative;} .sks-varts .inset-0{inset: calc(var(--spacing) * 0);} .sks-varts .top-3{top: calc(var(--spacing) * 3);} .sks-varts .right-6{right: calc(var(--spacing) * 6);} .sks-varts .bottom-6{bottom: calc(var(--spacing) * 6);} .sks-varts .left-3{left: calc(var(--spacing) * 3);} .sks-varts .col-span-2{grid-column: span 2 / span 2;} .sks-varts .col-span-3{grid-column: span 3 / span 3;} .sks-varts .col-span-7{grid-column: span 7 / span 7;} .sks-varts .col-span-12{grid-column: span 12 / span 12;} .sks-varts .mx-auto{margin-inline: auto;} .sks-varts .mt-1{margin-top: calc(var(--spacing) * 1);} .sks-varts .mt-2{margin-top: calc(var(--spacing) * 2);} .sks-varts .mt-3{margin-top: calc(var(--spacing) * 3);} .sks-varts .mt-4{margin-top: calc(var(--spacing) * 4);} .sks-varts .mt-6{margin-top: calc(var(--spacing) * 6);} .sks-varts .mt-8{margin-top: calc(var(--spacing) * 8);} .sks-varts .mt-12{margin-top: calc(var(--spacing) * 12);} .sks-varts .mb-6{margin-bottom: calc(var(--spacing) * 6);} .sks-varts .mb-16{margin-bottom: calc(var(--spacing) * 16);} .sks-varts .flex{display: flex;} .sks-varts .grid{display: grid;} .sks-varts .hidden{display: none;} .sks-varts .inline-flex{display: inline-flex;} .sks-varts .aspect-\[4\/3\]{aspect-ratio: 4 / 3;} .sks-varts .aspect-\[4\/5\]{aspect-ratio: 4 / 5;} .sks-varts .aspect-video{aspect-ratio: var(--aspect-video);} .sks-varts .h-full{height: 100%;} .sks-varts .min-h-\[100svh\]{min-height: 100svh;} .sks-varts .min-h-\[calc\(100svh-5rem\)\]{min-height: calc(-5rem + 100svh);} .sks-varts .min-h-screen{min-height: 100vh;} .sks-varts .w-full{width: 100%;} .sks-varts .max-w-3xl{max-width: var(--container-3xl);} .sks-varts .max-w-4xl{max-width: var(--container-4xl);} .sks-varts .max-w-\[1400px\]{max-width: 1400px;} .sks-varts .max-w-sm{max-width: var(--container-sm);} .sks-varts .max-w-xl{max-width: var(--container-xl);} .sks-varts .grid-cols-2{grid-template-columns: repeat(2, minmax(0px, 1fr));} .sks-varts .grid-cols-12{grid-template-columns: repeat(12, minmax(0px, 1fr));} .sks-varts .flex-col{flex-direction: column;} .sks-varts .flex-wrap{flex-wrap: wrap;} .sks-varts .items-baseline{align-items: baseline;} .sks-varts .items-center{align-items: center;} .sks-varts .justify-end{justify-content: flex-end;} .sks-varts .gap-3{gap: calc(var(--spacing) * 3);} .sks-varts .gap-4{gap: calc(var(--spacing) * 4);} .sks-varts .gap-6{gap: calc(var(--spacing) * 6);} .sks-varts .gap-12{gap: calc(var(--spacing) * 12);} .sks-varts .gap-16{gap: calc(var(--spacing) * 16);} .sks-varts :where(.space-y-1\.5 > :not(:last-child)){--tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));} .sks-varts :where(.space-y-2 > :not(:last-child)){--tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));} .sks-varts :where(.space-y-6 > :not(:last-child)){--tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));} .sks-varts .gap-x-6{column-gap: calc(var(--spacing) * 6);} .sks-varts :where(.space-x-1 > :not(:last-child)){--tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));} .sks-varts .gap-y-14{row-gap: calc(var(--spacing) * 14);} .sks-varts .overflow-hidden{overflow: hidden;} .sks-varts .rounded-2xl{border-radius: var(--radius-2xl);} .sks-varts .rounded-xl{border-radius: calc(var(--radius) + 4px);} .sks-varts .border-0{border-style: var(--tw-border-style); border-width: 0px;} .sks-varts .border-y{border-block-style: var(--tw-border-style); border-block-width: 1px;} .sks-varts .border-t{border-top-style: var(--tw-border-style); border-top-width: 1px;} .sks-varts .border-border, .sks-varts .border-border\/50{border-color: var(--border);} .sks-varts .border-border\/60{border-color: var(--border);} .sks-varts .border-border\/60{border-color: color-mix(in oklab, var(--border) 60%, transparent);} .sks-varts .bg-background, .sks-varts .bg-background\/70{background-color: var(--background);} .sks-varts .bg-background\/70{background-color: color-mix(in oklab, var(--background) 70%, transparent);} .sks-varts .bg-background\/80{background-color: var(--background);} .sks-varts .bg-background\/80{background-color: color-mix(in oklab, var(--background) 80%, transparent);} .sks-varts .bg-primary, .sks-varts .bg-primary\/10{background-color: var(--primary);} .sks-varts .bg-secondary, .sks-varts .bg-secondary\/40{background-color: var(--secondary);} .sks-varts .bg-secondary\/40{background-color: color-mix(in oklab, var(--secondary) 40%, transparent);} .sks-varts .bg-gradient-to-r{--tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops));} .sks-varts .from-background\/40{--tw-gradient-from: var(--background);} .sks-varts .from-background\/40{--tw-gradient-from: color-mix(in oklab, var(--background) 40%, transparent);} .sks-varts .from-background\/40{--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));} .sks-varts .via-transparent{--tw-gradient-via: transparent; --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);} .sks-varts .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));} .sks-varts .object-cover{object-fit: cover;} .sks-varts .object-\[75\%_center\]{object-position: 75% center;} .sks-varts .p-6{padding: calc(var(--spacing) * 6);} .sks-varts .px-4{padding-inline: calc(var(--spacing) * 4);} .sks-varts .px-6{padding-inline: calc(var(--spacing) * 6);} .sks-varts .px-8{padding-inline: calc(var(--spacing) * 8);} .sks-varts .py-3{padding-block: calc(var(--spacing) * 3);} .sks-varts .py-4{padding-block: calc(var(--spacing) * 4);} .sks-varts .py-6{padding-block: calc(var(--spacing) * 6);} .sks-varts .py-24{padding-block: calc(var(--spacing) * 24);} .sks-varts .pt-4{padding-top: calc(var(--spacing) * 4);} .sks-varts .pb-16{padding-bottom: calc(var(--spacing) * 16);} .sks-varts .pb-24{padding-bottom: calc(var(--spacing) * 24);} .sks-varts .text-left{text-align: left;} .sks-varts .text-right{text-align: right;} .sks-varts .eyebrow{font-family: var(--font-mono); letter-spacing: 0.24em; text-transform: uppercase; color: var(--color-muted-foreground); font-size: 0.7rem;} .sks-varts .font-display{font-family: "Instrument Serif", "Cormorant Garamond", ui-serif, Georgia, serif;} .sks-varts .text-2xl{font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height));} .sks-varts .text-3xl{font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height));} .sks-varts .text-4xl{font-size: var(--text-4xl); line-height: var(--tw-leading,var(--text-4xl--line-height));} .sks-varts .text-5xl{font-size: var(--text-5xl); line-height: var(--tw-leading,var(--text-5xl--line-height));} .sks-varts .text-lg{font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height));} .sks-varts .text-sm{font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height));} .sks-varts .text-xl{font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height));} .sks-varts .text-\[clamp\(3\.5rem\,10vw\,10rem\)\]{font-size: clamp(3.5rem, 10vw, 10rem);} .sks-varts .leading-\[0\.9\]{--tw-leading: .9; line-height: 0.9;} .sks-varts .leading-\[1\.05\]{--tw-leading: 1.05; line-height: 1.05;} .sks-varts .leading-\[1\.15\]{--tw-leading: 1.15; line-height: 1.15;} .sks-varts .leading-relaxed{--tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed);} .sks-varts .leading-tight{--tw-leading: var(--leading-tight); line-height: var(--leading-tight);} .sks-varts .font-medium{--tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);} .sks-varts .tracking-tight{--tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight);} .sks-varts .tracking-wide{--tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide);} .sks-varts .text-accent{color: var(--accent);} .sks-varts .text-background{color: var(--background);} .sks-varts .text-foreground, .sks-varts .text-foreground\/80{color: var(--foreground);} .sks-varts .text-foreground\/80{color: color-mix(in oklab, var(--foreground) 80%, transparent);} .sks-varts .text-foreground\/90{color: var(--foreground);} .sks-varts .text-foreground\/90{color: color-mix(in oklab, var(--foreground) 90%, transparent);} .sks-varts .text-muted-foreground{color: var(--muted-foreground);} .sks-varts .text-primary-foreground, .sks-varts .text-primary-foreground\/60{color: var(--primary-foreground);} .sks-varts .text-primary-foreground\/60{color: color-mix(in oklab, var(--primary-foreground) 60%, transparent);} .sks-varts .text-primary-foreground\/80{color: var(--primary-foreground);} .sks-varts .text-primary-foreground\/80{color: color-mix(in oklab, var(--primary-foreground) 80%, transparent);} .sks-varts .text-white{color: var(--color-white);} .sks-varts .italic{font-style: italic;} .sks-varts .mix-blend-difference{mix-blend-mode: difference;} .sks-varts .shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);} .sks-varts .shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);} .sks-varts .ring-1{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);} .sks-varts .ring-background\/30{--tw-ring-color: var(--background);} .sks-varts .ring-background\/30{--tw-ring-color: color-mix(in oklab, var(--background) 30%, transparent);} .sks-varts .drop-shadow-sm{--tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm)); 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,);} .sks-varts .grayscale{--tw-grayscale: grayscale(100%); 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,);} .sks-varts .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));} .sks-varts .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));} .sks-varts .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));} .sks-varts .duration-700{--tw-duration: .7s; transition-duration: 0.7s;} @media (hover: hover){.sks-varts .group-hover\:text-accent:is(:where(.group):hover *){color: var(--accent);} .sks-varts .group-hover\:grayscale-0:is(:where(.group):hover *){--tw-grayscale: grayscale(0%); 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,);}} .sks-varts .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *)::after{content: var(--tw-content); left: 100%;} .sks-varts .last\:border-b:last-child{border-bottom-style: var(--tw-border-style); border-bottom-width: 1px;} @media (hover: hover){.sks-varts .hover\:-translate-y-0\.5:hover{--tw-translate-y: calc(var(--spacing) * -.5); translate: var(--tw-translate-x) var(--tw-translate-y);}} @media (width >= 40rem){.sks-varts :where(.sm\:space-x-2 > :not(:last-child)){--tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));}} @media (width >= 48rem){.sks-varts .md\:right-10{right: calc(var(--spacing) * 10);} .sks-varts .md\:col-span-1{grid-column: span 1 / span 1;} .sks-varts .md\:col-span-4{grid-column: span 4 / span 4;} .sks-varts .md\:col-span-5{grid-column: span 5 / span 5;} .sks-varts .md\:col-span-7{grid-column: span 7 / span 7;} .sks-varts .md\:col-span-8{grid-column: span 8 / span 8;} .sks-varts .md\:col-span-11{grid-column: span 11 / span 11;} .sks-varts .md\:col-start-2{grid-column-start: 2;} .sks-varts .md\:block{display: block;} .sks-varts .md\:grid-cols-3{grid-template-columns: repeat(3, minmax(0px, 1fr));} .sks-varts .md\:grid-cols-12{grid-template-columns: repeat(12, minmax(0px, 1fr));} .sks-varts .md\:gap-6{gap: calc(var(--spacing) * 6);} .sks-varts .md\:gap-16{gap: calc(var(--spacing) * 16);} .sks-varts .md\:px-10{padding-inline: calc(var(--spacing) * 10);} .sks-varts .md\:py-32{padding-block: calc(var(--spacing) * 32);} .sks-varts .md\:py-40{padding-block: calc(var(--spacing) * 40);} .sks-varts .md\:pb-24{padding-bottom: calc(var(--spacing) * 24);} .sks-varts .md\:pb-40{padding-bottom: calc(var(--spacing) * 40);} .sks-varts .md\:text-3xl{font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height));} .sks-varts .md\:text-5xl{font-size: var(--text-5xl); line-height: var(--tw-leading,var(--text-5xl--line-height));} .sks-varts .md\:text-6xl{font-size: var(--text-6xl); line-height: var(--tw-leading,var(--text-6xl--line-height));} .sks-varts .md\:text-7xl{font-size: var(--text-7xl); line-height: var(--tw-leading,var(--text-7xl--line-height));} .sks-varts .md\:text-xl{font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height));}} @media (width >= 64rem){.sks-varts .lg\:text-7xl{font-size: var(--text-7xl); line-height: var(--tw-leading,var(--text-7xl--line-height));}} .sks-varts :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg), .sks-varts :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg){rotate: 180deg;} .sks-varts{--radius: .25rem; --paper: oklch(97% .012 85); --ink: oklch(18% .008 60); --mist: oklch(88% .008 70); --ochre: oklch(62% .14 55); --background: var(--paper); --foreground: var(--ink); --card: oklch(99% .006 85); --card-foreground: var(--ink); --popover: var(--paper); --popover-foreground: var(--ink); --primary: var(--ink); --primary-foreground: var(--paper); --secondary: oklch(93% .01 80); --secondary-foreground: var(--ink); --muted: oklch(93% .008 80); --muted-foreground: oklch(42% .01 60); --accent: var(--ochre); --accent-foreground: var(--paper); --destructive: oklch(55% .22 27); --destructive-foreground: var(--paper); --border: oklch(85% .01 70); --input: oklch(85% .01 70); --ring: var(--ochre);} .sks-varts .rule-accent::before{content: ""; background: var(--color-accent); width: 1.75rem; height: 1px; position: absolute; top: 0.55rem; left: 0px;} @keyframes sksgv-pulse { 50% { opacity: 0.5; } } @keyframes sksgv-enter { 0% { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); } } @keyframes sksgv-exit { 100% { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); } } @keyframes sksgv-accordion-down { 0% { height: 0px; } 100% { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); } } @keyframes sksgv-accordion-up { 0% { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); } 100% { height: 0px; } } @keyframes sksgv-caret-blink { 0%, 70%, 100% { opacity: 1; } 20%, 50% { opacity: 0; } } @font-face { font-family: CameraPlainVariable; src: url("https://cdn.gpteng.co/mcp-widgets/v1/fonts/CameraPlainVariable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; } .sks-varts #lovable-badge{--badge-bg: #1b1b1b; --badge-text: #c5c1b9; --badge-text-hover: #dcdad5; --badge-radius: 6px; --badge-padding: 8px; --badge-gap: 6px; --badge-shadow: 0 0 0 1px rgba(0, 0, 0, 0.88), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 2px 2px -1px rgba(0, 0, 0, 0.08), 0 4px 4px -2px rgba(0, 0, 0, 0.08), 0 8px 8px -4px rgba(0, 0, 0, 0.08), 0 16px 16px -8px rgba(0, 0, 0, 0.08); --badge-transition-duration: 0.2s; --badge-transition-easing: cubic-bezier(0.16, 1, 0.32, 1); --focus-color: #575ECF; --focus-offset: 2px; --focus-width: 2px; position: fixed; bottom: 12px; right: 12px; height: 24px; display: flex; align-items: center; z-index: 1000000; border-radius: var(--badge-radius); font-size: 12px; font-family: CameraPlainVariable, "CameraPlainVariable Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; transform: translateZ(0px); will-change: transform, opacity; background-color: var(--badge-bg) !important; color: var(--badge-text) !important; box-shadow: var(--badge-shadow) !important; font-weight: 400 !important; text-transform: none !important; font-feature-settings: normal !important;} .sks-varts #lovable-badge-divider{width: 1px; height: 24px; background-color: rgba(255, 255, 255, 0.04); flex-shrink: 0;} .sks-varts #lovable-badge-close{width: 24px; height: 24px; min-width: 24px; min-height: 24px; cursor: pointer; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; display: flex; align-items: center; justify-content: center; border-radius: 0 var(--badge-radius) var(--badge-radius) 0; flex-shrink: 0; transition: background-color var(--badge-transition-duration) ease, transform 0.1s ease;} .sks-varts #lovable-badge-close:hover{background: rgba(255, 255, 255, 0.04);} .sks-varts #lovable-badge-close:active{transform: scale(0.92);} .sks-varts #lovable-badge-close:focus{outline: none;} .sks-varts #lovable-badge-close:focus-visible{outline: var(--focus-width) solid var(--focus-color); outline-offset: calc(var(--focus-offset) * -1); z-index: 1;} .sks-varts #lovable-badge-close svg path{fill: var(--badge-text); transition: fill var(--badge-transition-duration) ease;} .sks-varts #lovable-badge-close:hover svg path{fill: var(--badge-text-hover);} @media (prefers-reduced-motion: reduce){.sks-varts #lovable-badge-cta, .sks-varts #lovable-badge-close, .sks-varts #lovable-badge-close svg path{transition: none;} .sks-varts #lovable-badge-cta:active, .sks-varts #lovable-badge-close:active{transform: none;}} @media (prefers-contrast: high){.sks-varts #lovable-badge{--badge-bg: #000; --badge-text: #fff; --badge-text-hover: #fff; border: 2px solid;} .sks-varts #lovable-badge-cta:focus-visible, .sks-varts #lovable-badge-close:focus-visible{outline-width: 3px;}} .sks-varts .eyebrow{font-size:15px!important} .sks-varts .eyebrow.mb-6{color:#ffffff!important;text-shadow:0 1px 10px rgba(0,0,0,.5)} body.page-id-249017 .fusion-layout-column, body.page-id-1001848 .fusion-layout-column{margin-bottom:0!important} body.page-id-249017 #main, body.page-id-1001848 #main{padding-top:0!important;padding-bottom:0!important} .sks-varts p:not(.text-xl):not(.text-lg):not(.text-3xl):not(.eyebrow):not(.text-sm){font-size:18px!important;line-height:1.75!important} .sks-varts p.text-sm{font-size:16px!important} .sks-varts .sks-coords{background:transparent!important;box-shadow:none!important;border:none!important;backdrop-filter:none!important;padding:0!important} .sks-varts .sks-coords .eyebrow{color:rgba(255,255,255,.85)!important;text-shadow:0 1px 6px rgba(0,0,0,.45)} .sks-varts .sks-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(0,25,52,.55) 0%, rgba(0,25,52,.28) 32%, rgba(0,25,52,0) 62%);pointer-events:none;z-index:1} .sks-varts .sks-hero > div:not(.sks-coords){position:relative;z-index:2} .sks-varts .sks-coords{z-index:2} .sks-varts .sks-hero h1{color:#ffffff!important;text-shadow:0 2px 18px rgba(0,0,0,.35)} /* official SKS gold for all accents */ .sks-varts{--accent:#fdb515} .sks-varts .text-accent{color:#fdb515!important} .sks-varts .bg-accent{background-color:#fdb515!important} .sks-varts .border-accent{border-color:#fdb515!important} /* ===== SKS TYPOGRAPHY HARMONY ===== */ .sks-varts h1, .sks-varts h2 {font-family:"Cormorant Garamond",Georgia,serif!important;font-weight:300!important;} .sks-varts p {font-family:Inter,Arial,Helvetica,sans-serif!important;} /*sks-mobile-color*/@media (hover:none),(pointer:coarse){#main img.grayscale{--tw-grayscale:grayscale(0%)!important;filter:none!important}} /*sks-serif-fix*/body #main .sks-varts p.font-display{font-family:"Instrument Serif","Cormorant Garamond",ui-serif,Georgia,serif!important} /* ===== from page 256289 ===== */ .sks-varts *, .sks-varts ::before, .sks-varts ::after, .sks-varts ::backdrop{--tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-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-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: 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-outline-style: solid; --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-duration: initial; --tw-ease: initial; --tw-content: ""; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0;} .sks-varts, .sks-varts :host{--font-sans: "Inter Tight", "Inter", ui-sans-serif, system-ui, sans-serif; --font-mono: "JetBrains Mono", ui-monospace, monospace; --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-3xl: 48rem; --container-4xl: 56rem; --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; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --tracking-tight: -.025em; --tracking-wide: .025em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-relaxed: 1.625; --radius-2xl: 1rem; --drop-shadow-sm: 0 1px 2px #00000026; --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: "Inter Tight", "Inter", ui-sans-serif, system-ui, sans-serif; --default-mono-font-family: "JetBrains Mono", ui-monospace, monospace; --font-display: "Instrument Serif", "Cormorant Garamond", ui-serif, Georgia, serif; --color-background: var(--background); --color-foreground: var(--foreground); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-border: var(--border); --color-mist: var(--mist);} .sks-varts *, .sks-varts ::after, .sks-varts ::before, .sks-varts ::backdrop{box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px;} .sks-varts ::file-selector-button{box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px;} .sks-varts, .sks-varts :host{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;} .sks-varts h1, .sks-varts h2, .sks-varts h3, .sks-varts h4, .sks-varts h5, .sks-varts h6{font-size: inherit; font-weight: inherit;} .sks-varts a{color: inherit; text-decoration: inherit;} .sks-varts ol, .sks-varts ul, .sks-varts menu{list-style: none;} .sks-varts img, .sks-varts svg, .sks-varts video, .sks-varts canvas, .sks-varts audio, .sks-varts iframe, .sks-varts embed, .sks-varts object{vertical-align: middle; display: block;} .sks-varts img, .sks-varts video{max-width: 100%; height: auto;} .sks-varts button, .sks-varts input, .sks-varts select, .sks-varts optgroup, .sks-varts textarea{font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px;} .sks-varts ::file-selector-button{font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px;} .sks-varts ::file-selector-button{margin-inline-end: 4px;} .sks-varts ::placeholder{opacity: 1;} .sks-varts ::placeholder{color: currentcolor;} .sks-varts ::placeholder{color: color-mix(currentcolor, transparent);} .sks-varts ::-webkit-search-decoration{appearance: none;} .sks-varts ::-webkit-date-and-time-value{min-height: 1lh; text-align: inherit;} .sks-varts ::-webkit-datetime-edit{display: inline-flex;} .sks-varts ::-webkit-datetime-edit-fields-wrapper{padding: 0px;} .sks-varts ::-webkit-datetime-edit{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-year-field{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-month-field{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-day-field{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-hour-field{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-minute-field{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-second-field{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-millisecond-field{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-meridiem-field{padding-block: 0px;} .sks-varts ::-webkit-calendar-picker-indicator{line-height: 1;} .sks-varts button, .sks-varts input:where([type="button"], [type="reset"], [type="submit"]){appearance: button;} .sks-varts ::file-selector-button{appearance: button;} .sks-varts ::-webkit-inner-spin-button{height: auto;} .sks-varts ::-webkit-outer-spin-button{height: auto;} .sks-varts *{border-color: var(--color-border);} .sks-varts{scroll-behavior: smooth;} .sks-varts{background-color: var(--color-background); color: var(--color-foreground); font-family: var(--font-sans); font-feature-settings: "ss01", "cv11"; -webkit-font-smoothing: antialiased;} .sks-varts h1, .sks-varts h2, .sks-varts h3, .sks-varts h4{font-family: var(--font-display); letter-spacing: -0.02em; font-weight: 400;} .sks-varts .absolute{position: absolute;} .sks-varts .relative, .sks-varts .rule-accent{position: relative;} .sks-varts .inset-0{inset: calc(var(--spacing) * 0);} .sks-varts .top-3{top: calc(var(--spacing) * 3);} .sks-varts .right-6{right: calc(var(--spacing) * 6);} .sks-varts .bottom-6{bottom: calc(var(--spacing) * 6);} .sks-varts .left-3{left: calc(var(--spacing) * 3);} .sks-varts .col-span-2{grid-column: span 2 / span 2;} .sks-varts .col-span-3{grid-column: span 3 / span 3;} .sks-varts .col-span-7{grid-column: span 7 / span 7;} .sks-varts .col-span-12{grid-column: span 12 / span 12;} .sks-varts .mx-auto{margin-inline: auto;} .sks-varts .mt-1{margin-top: calc(var(--spacing) * 1);} .sks-varts .mt-2{margin-top: calc(var(--spacing) * 2);} .sks-varts .mt-3{margin-top: calc(var(--spacing) * 3);} .sks-varts .mt-4{margin-top: calc(var(--spacing) * 4);} .sks-varts .mt-6{margin-top: calc(var(--spacing) * 6);} .sks-varts .mt-8{margin-top: calc(var(--spacing) * 8);} .sks-varts .mt-12{margin-top: calc(var(--spacing) * 12);} .sks-varts .mb-6{margin-bottom: calc(var(--spacing) * 6);} .sks-varts .mb-16{margin-bottom: calc(var(--spacing) * 16);} .sks-varts .flex{display: flex;} .sks-varts .grid{display: grid;} .sks-varts .hidden{display: none;} .sks-varts .inline-flex{display: inline-flex;} .sks-varts .aspect-\[4\/3\]{aspect-ratio: 4 / 3;} .sks-varts .aspect-\[4\/5\]{aspect-ratio: 4 / 5;} .sks-varts .aspect-video{aspect-ratio: var(--aspect-video);} .sks-varts .h-full{height: 100%;} .sks-varts .min-h-\[100svh\]{min-height: 100svh;} .sks-varts .min-h-\[calc\(100svh-5rem\)\]{min-height: calc(-5rem + 100svh);} .sks-varts .min-h-screen{min-height: 100vh;} .sks-varts .w-full{width: 100%;} .sks-varts .max-w-3xl{max-width: var(--container-3xl);} .sks-varts .max-w-4xl{max-width: var(--container-4xl);} .sks-varts .max-w-\[1400px\]{max-width: 1400px;} .sks-varts .max-w-sm{max-width: var(--container-sm);} .sks-varts .max-w-xl{max-width: var(--container-xl);} .sks-varts .grid-cols-2{grid-template-columns: repeat(2, minmax(0px, 1fr));} .sks-varts .grid-cols-12{grid-template-columns: repeat(12, minmax(0px, 1fr));} .sks-varts .flex-col{flex-direction: column;} .sks-varts .flex-wrap{flex-wrap: wrap;} .sks-varts .items-baseline{align-items: baseline;} .sks-varts .items-center{align-items: center;} .sks-varts .justify-end{justify-content: flex-end;} .sks-varts .gap-3{gap: calc(var(--spacing) * 3);} .sks-varts .gap-4{gap: calc(var(--spacing) * 4);} .sks-varts .gap-6{gap: calc(var(--spacing) * 6);} .sks-varts .gap-12{gap: calc(var(--spacing) * 12);} .sks-varts .gap-16{gap: calc(var(--spacing) * 16);} .sks-varts :where(.space-y-1\.5 > :not(:last-child)){--tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));} .sks-varts :where(.space-y-2 > :not(:last-child)){--tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));} .sks-varts :where(.space-y-6 > :not(:last-child)){--tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));} .sks-varts .gap-x-6{column-gap: calc(var(--spacing) * 6);} .sks-varts :where(.space-x-1 > :not(:last-child)){--tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));} .sks-varts .gap-y-14{row-gap: calc(var(--spacing) * 14);} .sks-varts .overflow-hidden{overflow: hidden;} .sks-varts .rounded-2xl{border-radius: var(--radius-2xl);} .sks-varts .rounded-xl{border-radius: calc(var(--radius) + 4px);} .sks-varts .border-0{border-style: var(--tw-border-style); border-width: 0px;} .sks-varts .border-y{border-block-style: var(--tw-border-style); border-block-width: 1px;} .sks-varts .border-t{border-top-style: var(--tw-border-style); border-top-width: 1px;} .sks-varts .border-border, .sks-varts .border-border\/50{border-color: var(--border);} .sks-varts .border-border\/60{border-color: var(--border);} .sks-varts .border-border\/60{border-color: color-mix(in oklab, var(--border) 60%, transparent);} .sks-varts .bg-background, .sks-varts .bg-background\/70{background-color: var(--background);} .sks-varts .bg-background\/70{background-color: color-mix(in oklab, var(--background) 70%, transparent);} .sks-varts .bg-background\/80{background-color: var(--background);} .sks-varts .bg-background\/80{background-color: color-mix(in oklab, var(--background) 80%, transparent);} .sks-varts .bg-primary, .sks-varts .bg-primary\/10{background-color: var(--primary);} .sks-varts .bg-secondary, .sks-varts .bg-secondary\/40{background-color: var(--secondary);} .sks-varts .bg-secondary\/40{background-color: color-mix(in oklab, var(--secondary) 40%, transparent);} .sks-varts .bg-gradient-to-r{--tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops));} .sks-varts .from-background\/40{--tw-gradient-from: var(--background);} .sks-varts .from-background\/40{--tw-gradient-from: color-mix(in oklab, var(--background) 40%, transparent);} .sks-varts .from-background\/40{--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));} .sks-varts .via-transparent{--tw-gradient-via: transparent; --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);} .sks-varts .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));} .sks-varts .object-cover{object-fit: cover;} .sks-varts .object-\[75\%_center\]{object-position: 75% center;} .sks-varts .p-6{padding: calc(var(--spacing) * 6);} .sks-varts .px-4{padding-inline: calc(var(--spacing) * 4);} .sks-varts .px-6{padding-inline: calc(var(--spacing) * 6);} .sks-varts .px-8{padding-inline: calc(var(--spacing) * 8);} .sks-varts .py-3{padding-block: calc(var(--spacing) * 3);} .sks-varts .py-4{padding-block: calc(var(--spacing) * 4);} .sks-varts .py-6{padding-block: calc(var(--spacing) * 6);} .sks-varts .py-24{padding-block: calc(var(--spacing) * 24);} .sks-varts .pt-4{padding-top: calc(var(--spacing) * 4);} .sks-varts .pb-16{padding-bottom: calc(var(--spacing) * 16);} .sks-varts .pb-24{padding-bottom: calc(var(--spacing) * 24);} .sks-varts .text-left{text-align: left;} .sks-varts .text-right{text-align: right;} .sks-varts .eyebrow{font-family: var(--font-mono); letter-spacing: 0.24em; text-transform: uppercase; color: var(--color-muted-foreground); font-size: 0.7rem;} .sks-varts .font-display{font-family: "Instrument Serif", "Cormorant Garamond", ui-serif, Georgia, serif;} .sks-varts .text-2xl{font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height));} .sks-varts .text-3xl{font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height));} .sks-varts .text-4xl{font-size: var(--text-4xl); line-height: var(--tw-leading,var(--text-4xl--line-height));} .sks-varts .text-5xl{font-size: var(--text-5xl); line-height: var(--tw-leading,var(--text-5xl--line-height));} .sks-varts .text-lg{font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height));} .sks-varts .text-sm{font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height));} .sks-varts .text-xl{font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height));} .sks-varts .text-\[clamp\(3\.5rem\,10vw\,10rem\)\]{font-size: clamp(3.5rem, 10vw, 10rem);} .sks-varts .leading-\[0\.9\]{--tw-leading: .9; line-height: 0.9;} .sks-varts .leading-\[1\.05\]{--tw-leading: 1.05; line-height: 1.05;} .sks-varts .leading-\[1\.15\]{--tw-leading: 1.15; line-height: 1.15;} .sks-varts .leading-relaxed{--tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed);} .sks-varts .leading-tight{--tw-leading: var(--leading-tight); line-height: var(--leading-tight);} .sks-varts .font-medium{--tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);} .sks-varts .tracking-tight{--tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight);} .sks-varts .tracking-wide{--tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide);} .sks-varts .text-accent{color: var(--accent);} .sks-varts .text-background{color: var(--background);} .sks-varts .text-foreground, .sks-varts .text-foreground\/80{color: var(--foreground);} .sks-varts .text-foreground\/80{color: color-mix(in oklab, var(--foreground) 80%, transparent);} .sks-varts .text-foreground\/90{color: var(--foreground);} .sks-varts .text-foreground\/90{color: color-mix(in oklab, var(--foreground) 90%, transparent);} .sks-varts .text-muted-foreground{color: var(--muted-foreground);} .sks-varts .text-primary-foreground, .sks-varts .text-primary-foreground\/60{color: var(--primary-foreground);} .sks-varts .text-primary-foreground\/60{color: color-mix(in oklab, var(--primary-foreground) 60%, transparent);} .sks-varts .text-primary-foreground\/80{color: var(--primary-foreground);} .sks-varts .text-primary-foreground\/80{color: color-mix(in oklab, var(--primary-foreground) 80%, transparent);} .sks-varts .text-white{color: var(--color-white);} .sks-varts .italic{font-style: italic;} .sks-varts .mix-blend-difference{mix-blend-mode: difference;} .sks-varts .shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);} .sks-varts .shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);} .sks-varts .ring-1{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);} .sks-varts .ring-background\/30{--tw-ring-color: var(--background);} .sks-varts .ring-background\/30{--tw-ring-color: color-mix(in oklab, var(--background) 30%, transparent);} .sks-varts .drop-shadow-sm{--tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm)); 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,);} .sks-varts .grayscale{--tw-grayscale: grayscale(100%); 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,);} .sks-varts .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));} .sks-varts .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));} .sks-varts .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));} .sks-varts .duration-700{--tw-duration: .7s; transition-duration: 0.7s;} @media (hover: hover){.sks-varts .group-hover\:text-accent:is(:where(.group):hover *){color: var(--accent);} .sks-varts .group-hover\:grayscale-0:is(:where(.group):hover *){--tw-grayscale: grayscale(0%); 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,);}} .sks-varts .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *)::after{content: var(--tw-content); left: 100%;} .sks-varts .last\:border-b:last-child{border-bottom-style: var(--tw-border-style); border-bottom-width: 1px;} @media (hover: hover){.sks-varts .hover\:-translate-y-0\.5:hover{--tw-translate-y: calc(var(--spacing) * -.5); translate: var(--tw-translate-x) var(--tw-translate-y);}} @media (width >= 40rem){.sks-varts :where(.sm\:space-x-2 > :not(:last-child)){--tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));}} @media (width >= 48rem){.sks-varts .md\:right-10{right: calc(var(--spacing) * 10);} .sks-varts .md\:col-span-1{grid-column: span 1 / span 1;} .sks-varts .md\:col-span-4{grid-column: span 4 / span 4;} .sks-varts .md\:col-span-5{grid-column: span 5 / span 5;} .sks-varts .md\:col-span-7{grid-column: span 7 / span 7;} .sks-varts .md\:col-span-8{grid-column: span 8 / span 8;} .sks-varts .md\:col-span-11{grid-column: span 11 / span 11;} .sks-varts .md\:col-start-2{grid-column-start: 2;} .sks-varts .md\:block{display: block;} .sks-varts .md\:grid-cols-3{grid-template-columns: repeat(3, minmax(0px, 1fr));} .sks-varts .md\:grid-cols-12{grid-template-columns: repeat(12, minmax(0px, 1fr));} .sks-varts .md\:gap-6{gap: calc(var(--spacing) * 6);} .sks-varts .md\:gap-16{gap: calc(var(--spacing) * 16);} .sks-varts .md\:px-10{padding-inline: calc(var(--spacing) * 10);} .sks-varts .md\:py-32{padding-block: calc(var(--spacing) * 32);} .sks-varts .md\:py-40{padding-block: calc(var(--spacing) * 40);} .sks-varts .md\:pb-24{padding-bottom: calc(var(--spacing) * 24);} .sks-varts .md\:pb-40{padding-bottom: calc(var(--spacing) * 40);} .sks-varts .md\:text-3xl{font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height));} .sks-varts .md\:text-5xl{font-size: var(--text-5xl); line-height: var(--tw-leading,var(--text-5xl--line-height));} .sks-varts .md\:text-6xl{font-size: var(--text-6xl); line-height: var(--tw-leading,var(--text-6xl--line-height));} .sks-varts .md\:text-7xl{font-size: var(--text-7xl); line-height: var(--tw-leading,var(--text-7xl--line-height));} .sks-varts .md\:text-xl{font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height));}} @media (width >= 64rem){.sks-varts .lg\:text-7xl{font-size: var(--text-7xl); line-height: var(--tw-leading,var(--text-7xl--line-height));}} .sks-varts :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg), .sks-varts :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg){rotate: 180deg;} .sks-varts{--radius: .25rem; --paper: oklch(97% .012 85); --ink: oklch(18% .008 60); --mist: oklch(88% .008 70); --ochre: oklch(62% .14 55); --background: var(--paper); --foreground: var(--ink); --card: oklch(99% .006 85); --card-foreground: var(--ink); --popover: var(--paper); --popover-foreground: var(--ink); --primary: var(--ink); --primary-foreground: var(--paper); --secondary: oklch(93% .01 80); --secondary-foreground: var(--ink); --muted: oklch(93% .008 80); --muted-foreground: oklch(42% .01 60); --accent: var(--ochre); --accent-foreground: var(--paper); --destructive: oklch(55% .22 27); --destructive-foreground: var(--paper); --border: oklch(85% .01 70); --input: oklch(85% .01 70); --ring: var(--ochre);} .sks-varts .rule-accent::before{content: ""; background: var(--color-accent); width: 1.75rem; height: 1px; position: absolute; top: 0.55rem; left: 0px;} @keyframes sksgv-pulse { 50% { opacity: 0.5; } } @keyframes sksgv-enter { 0% { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); } } @keyframes sksgv-exit { 100% { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); } } @keyframes sksgv-accordion-down { 0% { height: 0px; } 100% { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); } } @keyframes sksgv-accordion-up { 0% { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); } 100% { height: 0px; } } @keyframes sksgv-caret-blink { 0%, 70%, 100% { opacity: 1; } 20%, 50% { opacity: 0; } } @font-face { font-family: CameraPlainVariable; src: url("https://cdn.gpteng.co/mcp-widgets/v1/fonts/CameraPlainVariable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; } .sks-varts #lovable-badge{--badge-bg: #1b1b1b; --badge-text: #c5c1b9; --badge-text-hover: #dcdad5; --badge-radius: 6px; --badge-padding: 8px; --badge-gap: 6px; --badge-shadow: 0 0 0 1px rgba(0, 0, 0, 0.88), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 2px 2px -1px rgba(0, 0, 0, 0.08), 0 4px 4px -2px rgba(0, 0, 0, 0.08), 0 8px 8px -4px rgba(0, 0, 0, 0.08), 0 16px 16px -8px rgba(0, 0, 0, 0.08); --badge-transition-duration: 0.2s; --badge-transition-easing: cubic-bezier(0.16, 1, 0.32, 1); --focus-color: #575ECF; --focus-offset: 2px; --focus-width: 2px; position: fixed; bottom: 12px; right: 12px; height: 24px; display: flex; align-items: center; z-index: 1000000; border-radius: var(--badge-radius); font-size: 12px; font-family: CameraPlainVariable, "CameraPlainVariable Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; transform: translateZ(0px); will-change: transform, opacity; background-color: var(--badge-bg) !important; color: var(--badge-text) !important; box-shadow: var(--badge-shadow) !important; font-weight: 400 !important; text-transform: none !important; font-feature-settings: normal !important;} .sks-varts #lovable-badge-divider{width: 1px; height: 24px; background-color: rgba(255, 255, 255, 0.04); flex-shrink: 0;} .sks-varts #lovable-badge-close{width: 24px; height: 24px; min-width: 24px; min-height: 24px; cursor: pointer; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; display: flex; align-items: center; justify-content: center; border-radius: 0 var(--badge-radius) var(--badge-radius) 0; flex-shrink: 0; transition: background-color var(--badge-transition-duration) ease, transform 0.1s ease;} .sks-varts #lovable-badge-close:hover{background: rgba(255, 255, 255, 0.04);} .sks-varts #lovable-badge-close:active{transform: scale(0.92);} .sks-varts #lovable-badge-close:focus{outline: none;} .sks-varts #lovable-badge-close:focus-visible{outline: var(--focus-width) solid var(--focus-color); outline-offset: calc(var(--focus-offset) * -1); z-index: 1;} .sks-varts #lovable-badge-close svg path{fill: var(--badge-text); transition: fill var(--badge-transition-duration) ease;} .sks-varts #lovable-badge-close:hover svg path{fill: var(--badge-text-hover);} @media (prefers-reduced-motion: reduce){.sks-varts #lovable-badge-cta, .sks-varts #lovable-badge-close, .sks-varts #lovable-badge-close svg path{transition: none;} .sks-varts #lovable-badge-cta:active, .sks-varts #lovable-badge-close:active{transform: none;}} @media (prefers-contrast: high){.sks-varts #lovable-badge{--badge-bg: #000; --badge-text: #fff; --badge-text-hover: #fff; border: 2px solid;} .sks-varts #lovable-badge-cta:focus-visible, .sks-varts #lovable-badge-close:focus-visible{outline-width: 3px;}} .sks-varts .eyebrow{font-size:15px!important} .sks-varts .eyebrow.mb-6{color:#ffffff!important;text-shadow:0 1px 10px rgba(0,0,0,.5)} body.page-id-249017 .fusion-layout-column, body.page-id-1002196 .fusion-layout-column, body.page-id-256289 .fusion-layout-column{margin-bottom:0!important} body.page-id-249017 #main, body.page-id-1002196 #main, body.page-id-256289 #main{padding-top:0!important;padding-bottom:0!important} .sks-varts p:not(.text-xl):not(.text-lg):not(.text-3xl):not(.eyebrow):not(.text-sm){font-size:18px!important;line-height:1.75!important} .sks-varts p.text-sm{font-size:16px!important} .sks-varts .sks-coords{background:transparent!important;box-shadow:none!important;border:none!important;backdrop-filter:none!important;padding:0!important} .sks-varts .sks-coords .eyebrow{color:rgba(255,255,255,.85)!important;text-shadow:0 1px 6px rgba(0,0,0,.45)} .sks-varts .sks-hero::after{content:none} .sks-varts .sks-hero > div:not(.sks-coords){position:relative;z-index:2} .sks-varts .sks-coords{z-index:2} .sks-varts .sks-hero h1{color:#ffffff!important;text-shadow:0 2px 18px rgba(0,0,0,.35)} /* official SKS gold for all accents */ .sks-varts{--accent:#fdb515} .sks-varts .text-accent{color:#fdb515!important} .sks-varts .bg-accent{background-color:#fdb515!important} .sks-varts .border-accent{border-color:#fdb515!important} /* ===== SKS TYPOGRAPHY HARMONY ===== */ .sks-varts h1, .sks-varts h2 {font-family:"Cormorant Garamond",Georgia,serif!important;font-weight:300!important;} .sks-varts p {font-family:Inter,Arial,Helvetica,sans-serif!important;} /*sks-mobile-color*/@media (hover:none),(pointer:coarse){#main img.grayscale{--tw-grayscale:grayscale(0%)!important;filter:none!important}} /*sks-serif-fix*/body #main .sks-varts p.font-display{font-family:"Instrument Serif","Cormorant Garamond",ui-serif,Georgia,serif!important} /* ===== from page 127425 ===== */ .sks-posters-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding:40px 4px 80px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sks-posters-track::-webkit-scrollbar{display:none}.sks-poster{flex:0 0 auto;scroll-snap-align:start;margin:0;transition:transform .35s ease}.sks-varts .sks-poster img{height:430px!important;width:auto!important;max-width:none!important;display:block;box-shadow:0 12px 30px rgba(16,26,48,.14)}.sks-poster:hover{transform:translateY(-8px)}.sks-varts .sks-poster figcaption{margin-top:14px;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:12px;letter-spacing:.24em}.sks-posters-nav{display:flex;gap:12px;justify-content:flex-end;margin-top:28px}.sks-varts .sks-posters-nav button{width:48px!important;height:48px!important;border-radius:50%!important;border:1px solid rgba(16,26,48,.35)!important;background:transparent;color:#101a30;font-size:18px;cursor:pointer;transition:all .2s ease;padding:0!important}.sks-varts .sks-posters-nav button:hover{background:#101a30;color:#faf7f0}@media (max-width:767px){.sks-varts .sks-poster img{height:300px!important}.sks-posters-track{gap:18px;padding-bottom:64px}} /*sks-footer-gap*/.page-id-127425 .sks-varts section:last-of-type{padding-bottom:2.5rem!important} /* ===== from page 127425 ===== */ .sks-varts *, .sks-varts ::before, .sks-varts ::after, .sks-varts ::backdrop{--tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-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-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: 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-outline-style: solid; --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-duration: initial; --tw-ease: initial; --tw-content: ""; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0;} .sks-varts, .sks-varts :host{--font-sans: "Inter Tight", "Inter", ui-sans-serif, system-ui, sans-serif; --font-mono: "JetBrains Mono", ui-monospace, monospace; --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-3xl: 48rem; --container-4xl: 56rem; --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; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --tracking-tight: -.025em; --tracking-wide: .025em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-relaxed: 1.625; --radius-2xl: 1rem; --drop-shadow-sm: 0 1px 2px #00000026; --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: "Inter Tight", "Inter", ui-sans-serif, system-ui, sans-serif; --default-mono-font-family: "JetBrains Mono", ui-monospace, monospace; --font-display: "Instrument Serif", "Cormorant Garamond", ui-serif, Georgia, serif; --color-background: var(--background); --color-foreground: var(--foreground); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-border: var(--border); --color-mist: var(--mist);} .sks-varts *, .sks-varts ::after, .sks-varts ::before, .sks-varts ::backdrop{box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px;} .sks-varts ::file-selector-button{box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px;} .sks-varts, .sks-varts :host{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;} .sks-varts h1, .sks-varts h2, .sks-varts h3, .sks-varts h4, .sks-varts h5, .sks-varts h6{font-size: inherit; font-weight: inherit;} .sks-varts a{color: inherit; text-decoration: inherit;} .sks-varts ol, .sks-varts ul, .sks-varts menu{list-style: none;} .sks-varts img, .sks-varts svg, .sks-varts video, .sks-varts canvas, .sks-varts audio, .sks-varts iframe, .sks-varts embed, .sks-varts object{vertical-align: middle; display: block;} .sks-varts img, .sks-varts video{max-width: 100%; height: auto;} .sks-varts button, .sks-varts input, .sks-varts select, .sks-varts optgroup, .sks-varts textarea{font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px;} .sks-varts ::file-selector-button{font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px;} .sks-varts ::file-selector-button{margin-inline-end: 4px;} .sks-varts ::placeholder{opacity: 1;} .sks-varts ::placeholder{color: currentcolor;} .sks-varts ::placeholder{color: color-mix(currentcolor, transparent);} .sks-varts ::-webkit-search-decoration{appearance: none;} .sks-varts ::-webkit-date-and-time-value{min-height: 1lh; text-align: inherit;} .sks-varts ::-webkit-datetime-edit{display: inline-flex;} .sks-varts ::-webkit-datetime-edit-fields-wrapper{padding: 0px;} .sks-varts ::-webkit-datetime-edit{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-year-field{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-month-field{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-day-field{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-hour-field{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-minute-field{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-second-field{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-millisecond-field{padding-block: 0px;} .sks-varts ::-webkit-datetime-edit-meridiem-field{padding-block: 0px;} .sks-varts ::-webkit-calendar-picker-indicator{line-height: 1;} .sks-varts button, .sks-varts input:where([type="button"], [type="reset"], [type="submit"]){appearance: button;} .sks-varts ::file-selector-button{appearance: button;} .sks-varts ::-webkit-inner-spin-button{height: auto;} .sks-varts ::-webkit-outer-spin-button{height: auto;} .sks-varts *{border-color: var(--color-border);} .sks-varts{scroll-behavior: smooth;} .sks-varts{background-color: var(--color-background); color: var(--color-foreground); font-family: var(--font-sans); font-feature-settings: "ss01", "cv11"; -webkit-font-smoothing: antialiased;} .sks-varts h1, .sks-varts h2, .sks-varts h3, .sks-varts h4{font-family: var(--font-display); letter-spacing: -0.02em; font-weight: 400;} .sks-varts .absolute{position: absolute;} .sks-varts .relative, .sks-varts .rule-accent{position: relative;} .sks-varts .inset-0{inset: calc(var(--spacing) * 0);} .sks-varts .top-3{top: calc(var(--spacing) * 3);} .sks-varts .right-6{right: calc(var(--spacing) * 6);} .sks-varts .bottom-6{bottom: calc(var(--spacing) * 6);} .sks-varts .left-3{left: calc(var(--spacing) * 3);} .sks-varts .col-span-2{grid-column: span 2 / span 2;} .sks-varts .col-span-3{grid-column: span 3 / span 3;} .sks-varts .col-span-7{grid-column: span 7 / span 7;} .sks-varts .col-span-12{grid-column: span 12 / span 12;} .sks-varts .mx-auto{margin-inline: auto;} .sks-varts .mt-1{margin-top: calc(var(--spacing) * 1);} .sks-varts .mt-2{margin-top: calc(var(--spacing) * 2);} .sks-varts .mt-3{margin-top: calc(var(--spacing) * 3);} .sks-varts .mt-4{margin-top: calc(var(--spacing) * 4);} .sks-varts .mt-6{margin-top: calc(var(--spacing) * 6);} .sks-varts .mt-8{margin-top: calc(var(--spacing) * 8);} .sks-varts .mt-12{margin-top: calc(var(--spacing) * 12);} .sks-varts .mb-6{margin-bottom: calc(var(--spacing) * 6);} .sks-varts .mb-16{margin-bottom: calc(var(--spacing) * 16);} .sks-varts .flex{display: flex;} .sks-varts .grid{display: grid;} .sks-varts .hidden{display: none;} .sks-varts .inline-flex{display: inline-flex;} .sks-varts .aspect-\[4\/3\]{aspect-ratio: 4 / 3;} .sks-varts .aspect-\[4\/5\]{aspect-ratio: 4 / 5;} .sks-varts .aspect-video{aspect-ratio: var(--aspect-video);} .sks-varts .h-full{height: 100%;} .sks-varts .min-h-\[100svh\]{min-height: 100svh;} .sks-varts .min-h-\[calc\(100svh-5rem\)\]{min-height: calc(-5rem + 100svh);} .sks-varts .min-h-screen{min-height: 100vh;} .sks-varts .w-full{width: 100%;} .sks-varts .max-w-3xl{max-width: var(--container-3xl);} .sks-varts .max-w-4xl{max-width: var(--container-4xl);} .sks-varts .max-w-\[1400px\]{max-width: 1400px;} .sks-varts .max-w-sm{max-width: var(--container-sm);} .sks-varts .max-w-xl{max-width: var(--container-xl);} .sks-varts .grid-cols-2{grid-template-columns: repeat(2, minmax(0px, 1fr));} .sks-varts .grid-cols-12{grid-template-columns: repeat(12, minmax(0px, 1fr));} .sks-varts .flex-col{flex-direction: column;} .sks-varts .flex-wrap{flex-wrap: wrap;} .sks-varts .items-baseline{align-items: baseline;} .sks-varts .items-center{align-items: center;} .sks-varts .justify-end{justify-content: flex-end;} .sks-varts .gap-3{gap: calc(var(--spacing) * 3);} .sks-varts .gap-4{gap: calc(var(--spacing) * 4);} .sks-varts .gap-6{gap: calc(var(--spacing) * 6);} .sks-varts .gap-12{gap: calc(var(--spacing) * 12);} .sks-varts .gap-16{gap: calc(var(--spacing) * 16);} .sks-varts :where(.space-y-1\.5 > :not(:last-child)){--tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));} .sks-varts :where(.space-y-2 > :not(:last-child)){--tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));} .sks-varts :where(.space-y-6 > :not(:last-child)){--tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));} .sks-varts .gap-x-6{column-gap: calc(var(--spacing) * 6);} .sks-varts :where(.space-x-1 > :not(:last-child)){--tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));} .sks-varts .gap-y-14{row-gap: calc(var(--spacing) * 14);} .sks-varts .overflow-hidden{overflow: hidden;} .sks-varts .rounded-2xl{border-radius: var(--radius-2xl);} .sks-varts .rounded-xl{border-radius: calc(var(--radius) + 4px);} .sks-varts .border-0{border-style: var(--tw-border-style); border-width: 0px;} .sks-varts .border-y{border-block-style: var(--tw-border-style); border-block-width: 1px;} .sks-varts .border-t{border-top-style: var(--tw-border-style); border-top-width: 1px;} .sks-varts .border-border, .sks-varts .border-border\/50{border-color: var(--border);} .sks-varts .border-border\/60{border-color: var(--border);} .sks-varts .border-border\/60{border-color: color-mix(in oklab, var(--border) 60%, transparent);} .sks-varts .bg-background, .sks-varts .bg-background\/70{background-color: var(--background);} .sks-varts .bg-background\/70{background-color: color-mix(in oklab, var(--background) 70%, transparent);} .sks-varts .bg-background\/80{background-color: var(--background);} .sks-varts .bg-background\/80{background-color: color-mix(in oklab, var(--background) 80%, transparent);} .sks-varts .bg-primary, .sks-varts .bg-primary\/10{background-color: var(--primary);} .sks-varts .bg-secondary, .sks-varts .bg-secondary\/40{background-color: var(--secondary);} .sks-varts .bg-secondary\/40{background-color: color-mix(in oklab, var(--secondary) 40%, transparent);} .sks-varts .bg-gradient-to-r{--tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops));} .sks-varts .from-background\/40{--tw-gradient-from: var(--background);} .sks-varts .from-background\/40{--tw-gradient-from: color-mix(in oklab, var(--background) 40%, transparent);} .sks-varts .from-background\/40{--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));} .sks-varts .via-transparent{--tw-gradient-via: transparent; --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);} .sks-varts .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));} .sks-varts .object-cover{object-fit: cover;} .sks-varts .object-\[75\%_center\]{object-position: 75% center;} .sks-varts .p-6{padding: calc(var(--spacing) * 6);} .sks-varts .px-4{padding-inline: calc(var(--spacing) * 4);} .sks-varts .px-6{padding-inline: calc(var(--spacing) * 6);} .sks-varts .px-8{padding-inline: calc(var(--spacing) * 8);} .sks-varts .py-3{padding-block: calc(var(--spacing) * 3);} .sks-varts .py-4{padding-block: calc(var(--spacing) * 4);} .sks-varts .py-6{padding-block: calc(var(--spacing) * 6);} .sks-varts .py-24{padding-block: calc(var(--spacing) * 24);} .sks-varts .pt-4{padding-top: calc(var(--spacing) * 4);} .sks-varts .pb-16{padding-bottom: calc(var(--spacing) * 16);} .sks-varts .pb-24{padding-bottom: calc(var(--spacing) * 24);} .sks-varts .text-left{text-align: left;} .sks-varts .text-right{text-align: right;} .sks-varts .eyebrow{font-family: var(--font-mono); letter-spacing: 0.24em; text-transform: uppercase; color: var(--color-muted-foreground); font-size: 0.7rem;} .sks-varts .font-display{font-family: "Instrument Serif", "Cormorant Garamond", ui-serif, Georgia, serif;} .sks-varts .text-2xl{font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height));} .sks-varts .text-3xl{font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height));} .sks-varts .text-4xl{font-size: var(--text-4xl); line-height: var(--tw-leading,var(--text-4xl--line-height));} .sks-varts .text-5xl{font-size: var(--text-5xl); line-height: var(--tw-leading,var(--text-5xl--line-height));} .sks-varts .text-lg{font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height));} .sks-varts .text-sm{font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height));} .sks-varts .text-xl{font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height));} .sks-varts .text-\[clamp\(3\.5rem\,10vw\,10rem\)\]{font-size: clamp(3.5rem, 10vw, 10rem);} .sks-varts .leading-\[0\.9\]{--tw-leading: .9; line-height: 0.9;} .sks-varts .leading-\[1\.05\]{--tw-leading: 1.05; line-height: 1.05;} .sks-varts .leading-\[1\.15\]{--tw-leading: 1.15; line-height: 1.15;} .sks-varts .leading-relaxed{--tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed);} .sks-varts .leading-tight{--tw-leading: var(--leading-tight); line-height: var(--leading-tight);} .sks-varts .font-medium{--tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);} .sks-varts .tracking-tight{--tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight);} .sks-varts .tracking-wide{--tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide);} .sks-varts .text-accent{color: var(--accent);} .sks-varts .text-background{color: var(--background);} .sks-varts .text-foreground, .sks-varts .text-foreground\/80{color: var(--foreground);} .sks-varts .text-foreground\/80{color: color-mix(in oklab, var(--foreground) 80%, transparent);} .sks-varts .text-foreground\/90{color: var(--foreground);} .sks-varts .text-foreground\/90{color: color-mix(in oklab, var(--foreground) 90%, transparent);} .sks-varts .text-muted-foreground{color: var(--muted-foreground);} .sks-varts .text-primary-foreground, .sks-varts .text-primary-foreground\/60{color: var(--primary-foreground);} .sks-varts .text-primary-foreground\/60{color: color-mix(in oklab, var(--primary-foreground) 60%, transparent);} .sks-varts .text-primary-foreground\/80{color: var(--primary-foreground);} .sks-varts .text-primary-foreground\/80{color: color-mix(in oklab, var(--primary-foreground) 80%, transparent);} .sks-varts .text-white{color: var(--color-white);} .sks-varts .italic{font-style: italic;} .sks-varts .mix-blend-difference{mix-blend-mode: difference;} .sks-varts .shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);} .sks-varts .shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);} .sks-varts .ring-1{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);} .sks-varts .ring-background\/30{--tw-ring-color: var(--background);} .sks-varts .ring-background\/30{--tw-ring-color: color-mix(in oklab, var(--background) 30%, transparent);} .sks-varts .drop-shadow-sm{--tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm)); 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,);} .sks-varts .grayscale{--tw-grayscale: grayscale(100%); 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,);} .sks-varts .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));} .sks-varts .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));} .sks-varts .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));} .sks-varts .duration-700{--tw-duration: .7s; transition-duration: 0.7s;} @media (hover: hover){.sks-varts .group-hover\:text-accent:is(:where(.group):hover *){color: var(--accent);} .sks-varts .group-hover\:grayscale-0:is(:where(.group):hover *){--tw-grayscale: grayscale(0%); 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,);}} .sks-varts .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *)::after{content: var(--tw-content); left: 100%;} .sks-varts .last\:border-b:last-child{border-bottom-style: var(--tw-border-style); border-bottom-width: 1px;} @media (hover: hover){.sks-varts .hover\:-translate-y-0\.5:hover{--tw-translate-y: calc(var(--spacing) * -.5); translate: var(--tw-translate-x) var(--tw-translate-y);}} @media (width >= 40rem){.sks-varts :where(.sm\:space-x-2 > :not(:last-child)){--tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));}} @media (width >= 48rem){.sks-varts .md\:right-10{right: calc(var(--spacing) * 10);} .sks-varts .md\:col-span-1{grid-column: span 1 / span 1;} .sks-varts .md\:col-span-4{grid-column: span 4 / span 4;} .sks-varts .md\:col-span-5{grid-column: span 5 / span 5;} .sks-varts .md\:col-span-7{grid-column: span 7 / span 7;} .sks-varts .md\:col-span-8{grid-column: span 8 / span 8;} .sks-varts .md\:col-span-11{grid-column: span 11 / span 11;} .sks-varts .md\:col-start-2{grid-column-start: 2;} .sks-varts .md\:block{display: block;} .sks-varts .md\:grid-cols-3{grid-template-columns: repeat(3, minmax(0px, 1fr));} .sks-varts .md\:grid-cols-12{grid-template-columns: repeat(12, minmax(0px, 1fr));} .sks-varts .md\:gap-6{gap: calc(var(--spacing) * 6);} .sks-varts .md\:gap-16{gap: calc(var(--spacing) * 16);} .sks-varts .md\:px-10{padding-inline: calc(var(--spacing) * 10);} .sks-varts .md\:py-32{padding-block: calc(var(--spacing) * 32);} .sks-varts .md\:py-40{padding-block: calc(var(--spacing) * 40);} .sks-varts .md\:pb-24{padding-bottom: calc(var(--spacing) * 24);} .sks-varts .md\:pb-40{padding-bottom: calc(var(--spacing) * 40);} .sks-varts .md\:text-3xl{font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height));} .sks-varts .md\:text-5xl{font-size: var(--text-5xl); line-height: var(--tw-leading,var(--text-5xl--line-height));} .sks-varts .md\:text-6xl{font-size: var(--text-6xl); line-height: var(--tw-leading,var(--text-6xl--line-height));} .sks-varts .md\:text-7xl{font-size: var(--text-7xl); line-height: var(--tw-leading,var(--text-7xl--line-height));} .sks-varts .md\:text-xl{font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height));}} @media (width >= 64rem){.sks-varts .lg\:text-7xl{font-size: var(--text-7xl); line-height: var(--tw-leading,var(--text-7xl--line-height));}} .sks-varts :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg), .sks-varts :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg){rotate: 180deg;} .sks-varts{--radius: .25rem; --paper: oklch(97% .012 85); --ink: oklch(18% .008 60); --mist: oklch(88% .008 70); --ochre: oklch(62% .14 55); --background: var(--paper); --foreground: var(--ink); --card: oklch(99% .006 85); --card-foreground: var(--ink); --popover: var(--paper); --popover-foreground: var(--ink); --primary: var(--ink); --primary-foreground: var(--paper); --secondary: oklch(93% .01 80); --secondary-foreground: var(--ink); --muted: oklch(93% .008 80); --muted-foreground: oklch(42% .01 60); --accent: var(--ochre); --accent-foreground: var(--paper); --destructive: oklch(55% .22 27); --destructive-foreground: var(--paper); --border: oklch(85% .01 70); --input: oklch(85% .01 70); --ring: var(--ochre);} .sks-varts .rule-accent::before{content: ""; background: var(--color-accent); width: 1.75rem; height: 1px; position: absolute; top: 0.55rem; left: 0px;} @keyframes sksgv-pulse { 50% { opacity: 0.5; } } @keyframes sksgv-enter { 0% { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); } } @keyframes sksgv-exit { 100% { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); } } @keyframes sksgv-accordion-down { 0% { height: 0px; } 100% { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); } } @keyframes sksgv-accordion-up { 0% { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); } 100% { height: 0px; } } @keyframes sksgv-caret-blink { 0%, 70%, 100% { opacity: 1; } 20%, 50% { opacity: 0; } } @font-face { font-family: CameraPlainVariable; src: url("https://cdn.gpteng.co/mcp-widgets/v1/fonts/CameraPlainVariable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; } .sks-varts #lovable-badge{--badge-bg: #1b1b1b; --badge-text: #c5c1b9; --badge-text-hover: #dcdad5; --badge-radius: 6px; --badge-padding: 8px; --badge-gap: 6px; --badge-shadow: 0 0 0 1px rgba(0, 0, 0, 0.88), 0 1px 0 0 rgba(0, 0, 0, 0.04), 0 2px 2px -1px rgba(0, 0, 0, 0.08), 0 4px 4px -2px rgba(0, 0, 0, 0.08), 0 8px 8px -4px rgba(0, 0, 0, 0.08), 0 16px 16px -8px rgba(0, 0, 0, 0.08); --badge-transition-duration: 0.2s; --badge-transition-easing: cubic-bezier(0.16, 1, 0.32, 1); --focus-color: #575ECF; --focus-offset: 2px; --focus-width: 2px; position: fixed; bottom: 12px; right: 12px; height: 24px; display: flex; align-items: center; z-index: 1000000; border-radius: var(--badge-radius); font-size: 12px; font-family: CameraPlainVariable, "CameraPlainVariable Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; transform: translateZ(0px); will-change: transform, opacity; background-color: var(--badge-bg) !important; color: var(--badge-text) !important; box-shadow: var(--badge-shadow) !important; font-weight: 400 !important; text-transform: none !important; font-feature-settings: normal !important;} .sks-varts #lovable-badge-divider{width: 1px; height: 24px; background-color: rgba(255, 255, 255, 0.04); flex-shrink: 0;} .sks-varts #lovable-badge-close{width: 24px; height: 24px; min-width: 24px; min-height: 24px; cursor: pointer; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; display: flex; align-items: center; justify-content: center; border-radius: 0 var(--badge-radius) var(--badge-radius) 0; flex-shrink: 0; transition: background-color var(--badge-transition-duration) ease, transform 0.1s ease;} .sks-varts #lovable-badge-close:hover{background: rgba(255, 255, 255, 0.04);} .sks-varts #lovable-badge-close:active{transform: scale(0.92);} .sks-varts #lovable-badge-close:focus{outline: none;} .sks-varts #lovable-badge-close:focus-visible{outline: var(--focus-width) solid var(--focus-color); outline-offset: calc(var(--focus-offset) * -1); z-index: 1;} .sks-varts #lovable-badge-close svg path{fill: var(--badge-text); transition: fill var(--badge-transition-duration) ease;} .sks-varts #lovable-badge-close:hover svg path{fill: var(--badge-text-hover);} @media (prefers-reduced-motion: reduce){.sks-varts #lovable-badge-cta, .sks-varts #lovable-badge-close, .sks-varts #lovable-badge-close svg path{transition: none;} .sks-varts #lovable-badge-cta:active, .sks-varts #lovable-badge-close:active{transform: none;}} @media (prefers-contrast: high){.sks-varts #lovable-badge{--badge-bg: #000; --badge-text: #fff; --badge-text-hover: #fff; border: 2px solid;} .sks-varts #lovable-badge-cta:focus-visible, .sks-varts #lovable-badge-close:focus-visible{outline-width: 3px;}} .sks-varts .eyebrow{font-size:15px!important} .sks-varts .eyebrow.mb-6{color:#ffffff!important;text-shadow:0 1px 10px rgba(0,0,0,.5)} body.page-id-249017 .fusion-layout-column, body.page-id-1002196 .fusion-layout-column, body.page-id-256289 .fusion-layout-column{margin-bottom:0!important} body.page-id-249017 #main, body.page-id-1002196 #main, body.page-id-256289 #main{padding-top:0!important;padding-bottom:0!important} .sks-varts p:not(.text-xl):not(.text-lg):not(.text-3xl):not(.eyebrow):not(.text-sm){font-size:18px!important;line-height:1.75!important} .sks-varts p.text-sm{font-size:16px!important} .sks-varts .sks-coords{background:transparent!important;box-shadow:none!important;border:none!important;backdrop-filter:none!important;padding:0!important} .sks-varts .sks-coords .eyebrow{color:rgba(255,255,255,.85)!important;text-shadow:0 1px 6px rgba(0,0,0,.45)} .sks-varts .sks-hero::after{content:none} .sks-varts .sks-hero > div:not(.sks-coords){position:relative;z-index:2} .sks-varts .sks-coords{z-index:2} .sks-varts .sks-hero h1{color:#ffffff!important;text-shadow:0 2px 18px rgba(0,0,0,.35)} /* official SKS gold for all accents */ .sks-varts{--accent:#fdb515} .sks-varts .text-accent{color:#fdb515!important} .sks-varts .bg-accent{background-color:#fdb515!important} .sks-varts .border-accent{border-color:#fdb515!important} /* ===== SKS TYPOGRAPHY HARMONY ===== */ .sks-varts h1, .sks-varts h2 {font-family:"Cormorant Garamond",Georgia,serif!important;font-weight:300!important;} .sks-varts p {font-family:Inter,Arial,Helvetica,sans-serif!important;} /*sks-mobile-color*/@media (hover:none),(pointer:coarse){#main img.grayscale{--tw-grayscale:grayscale(0%)!important;filter:none!important}} /*sks-serif-fix*/body #main .sks-varts p.font-display{font-family:"Instrument Serif","Cormorant Garamond",ui-serif,Georgia,serif!important}