/* aese / whp: encabezado y menu de whpcreative.com (Next.js + Tailwind v4), CSS verbatim del sitio
   (/_next/static/chunks/774edd845f9b0ed0.css, 2026-09-29) filtrado a lo que aplica al encabezado y al menu en todos sus estados
   (cerrado arriba con boton de accion, abierto, bajado, pie activo "Get in touch" con borde brillante, marquee, 390/768/1440).
   Cambios, solo para convivir con otros sitios en una pagina: selectores con #sec-whp (html, body, :root, :host -> #sec-whp);
   capas @layer, @keyframes y variables registradas con @property con prefijo wh- (son nombres globales); familia Mori -> wh-Mori;
   url() a ../../assets/whp/. El html del sitio mide 16px (rem sin convertir). Generado por tools/whp/build-css.py. Ver SPEC.md. */
@layer wh-properties{
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){
    #sec-whp{--wh-glow-angle:0deg}
    #sec-whp *,#sec-whp :before,#sec-whp :after,#sec-whp ::backdrop{--wh-tw-translate-x:0;--wh-tw-translate-y:0;--wh-tw-translate-z:0;--wh-tw-scale-x:1;--wh-tw-scale-y:1;--wh-tw-scale-z:1;--wh-tw-rotate-x:initial;--wh-tw-rotate-y:initial;--wh-tw-rotate-z:initial;--wh-tw-skew-x:initial;--wh-tw-skew-y:initial;--wh-tw-space-y-reverse:0;--wh-tw-space-x-reverse:0;--wh-tw-divide-y-reverse:0;--wh-tw-border-style:solid;--wh-tw-gradient-position:initial;--wh-tw-gradient-from:#0000;--wh-tw-gradient-via:#0000;--wh-tw-gradient-to:#0000;--wh-tw-gradient-stops:initial;--wh-tw-gradient-via-stops:initial;--wh-tw-gradient-from-position:0%;--wh-tw-gradient-via-position:50%;--wh-tw-gradient-to-position:100%;--wh-tw-leading:initial;--wh-tw-font-weight:initial;--wh-tw-tracking:initial;--wh-tw-ordinal:initial;--wh-tw-slashed-zero:initial;--wh-tw-numeric-figure:initial;--wh-tw-numeric-spacing:initial;--wh-tw-numeric-fraction:initial;--wh-tw-shadow:0 0 #0000;--wh-tw-shadow-color:initial;--wh-tw-shadow-alpha:100%;--wh-tw-inset-shadow:0 0 #0000;--wh-tw-inset-shadow-color:initial;--wh-tw-inset-shadow-alpha:100%;--wh-tw-ring-color:initial;--wh-tw-ring-shadow:0 0 #0000;--wh-tw-inset-ring-color:initial;--wh-tw-inset-ring-shadow:0 0 #0000;--wh-tw-ring-inset:initial;--wh-tw-ring-offset-width:0px;--wh-tw-ring-offset-color:#fff;--wh-tw-ring-offset-shadow:0 0 #0000;--wh-tw-outline-style:solid;--wh-tw-blur:initial;--wh-tw-brightness:initial;--wh-tw-contrast:initial;--wh-tw-grayscale:initial;--wh-tw-hue-rotate:initial;--wh-tw-invert:initial;--wh-tw-opacity:initial;--wh-tw-saturate:initial;--wh-tw-sepia:initial;--wh-tw-drop-shadow:initial;--wh-tw-drop-shadow-color:initial;--wh-tw-drop-shadow-alpha:100%;--wh-tw-drop-shadow-size:initial;--wh-tw-backdrop-blur:initial;--wh-tw-backdrop-brightness:initial;--wh-tw-backdrop-contrast:initial;--wh-tw-backdrop-grayscale:initial;--wh-tw-backdrop-hue-rotate:initial;--wh-tw-backdrop-invert:initial;--wh-tw-backdrop-opacity:initial;--wh-tw-backdrop-saturate:initial;--wh-tw-backdrop-sepia:initial;--wh-tw-duration:initial;--wh-tw-ease:initial;--wh-mask-up-fade:0;--wh-mask-down-fade:0}
  }
}
@layer wh-theme{
  #sec-whp{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:#ff6568;--color-red-500:#fb2c36;--color-orange-400:#ff8b1a;--color-yellow-400:#fac800;--color-green-400:#05df72;--color-green-500:#00c758;--color-blue-400:#54a2ff;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-purple-400:#c07eff;--color-purple-600:#9810fa;--color-pink-400:#fb64b6;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-gray-700:#364153;--color-gray-800:#1e2939;--color-gray-900:#101828;--color-neutral-900:#171717;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--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;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-lg:0 4px 4px #00000026;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:wh-spin 1s linear infinite;--animate-bounce:wh-bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--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:var(--font-mono);--max-width-8xl:88rem;--spacing-golden-xs:.128rem;--color-brand-primary:var(--color-primary);--color-brand-secondary:var(--color-secondary);--color-brand-accent:var(--color-accent);--color-background:var(--background);--color-foreground:var(--foreground);--animate-accordion-down:wh-accordion-down .2s ease-out;--animate-accordion-up:wh-accordion-up .2s ease-out}
  @supports (color:lab(0% 0 0)){
    #sec-whp{--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-orange-400:lab(70.0429% 42.5156 75.8207);--color-yellow-400:lab(83.2664% 8.65132 106.895);--color-green-400:lab(78.503% -64.9265 39.7492);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-purple-400:lab(63.6946% 47.6127 -59.2066);--color-purple-600:lab(43.0295% 75.21 -86.5669);--color-pink-400:lab(64.5597% 64.3615 -12.7988);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-700:lab(27.1134% -.956401 -12.3224);--color-gray-800:lab(16.1051% -1.18239 -11.7533);--color-gray-900:lab(8.11897% .811279 -12.254);--color-neutral-900:lab(7.78201% -.0000149012 0)}
  }
}
@layer wh-base{
  #sec-whp *,#sec-whp :after,#sec-whp :before,#sec-whp ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
  #sec-whp ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
  #sec-whp{-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}
  #sec-whp hr{height:0;color:inherit;border-top-width:1px}
  #sec-whp abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
  #sec-whp h1,#sec-whp h2,#sec-whp h3,#sec-whp h4,#sec-whp h5,#sec-whp h6{font-size:inherit;font-weight:inherit}
  #sec-whp a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
  #sec-whp b,#sec-whp strong{font-weight:bolder}
  #sec-whp code,#sec-whp kbd,#sec-whp samp,#sec-whp 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}
  #sec-whp small{font-size:80%}
  #sec-whp sub,#sec-whp sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
  #sec-whp sub{bottom:-.25em}
  #sec-whp sup{top:-.5em}
  #sec-whp table{text-indent:0;border-color:inherit;border-collapse:collapse}
  #sec-whp :-moz-focusring{outline:auto}
  #sec-whp progress{vertical-align:baseline}
  #sec-whp summary{display:list-item}
  #sec-whp ol,#sec-whp ul,#sec-whp menu{list-style:none}
  #sec-whp img,#sec-whp svg,#sec-whp video,#sec-whp canvas,#sec-whp audio,#sec-whp iframe,#sec-whp embed,#sec-whp object{vertical-align:middle;display:block}
  #sec-whp img,#sec-whp video{max-width:100%;height:auto}
  #sec-whp button,#sec-whp input,#sec-whp select,#sec-whp optgroup,#sec-whp textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
  #sec-whp ::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}
  #sec-whp :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
  #sec-whp :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
  #sec-whp ::file-selector-button{margin-inline-end:4px}
  #sec-whp ::placeholder{opacity:1}
  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){
    #sec-whp ::placeholder{color:currentColor}
    @supports (color:color-mix(in lab, red, red)){
      #sec-whp ::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}
    }
  }
  #sec-whp textarea{resize:vertical}
  #sec-whp ::-webkit-search-decoration{-webkit-appearance:none}
  #sec-whp ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
  #sec-whp ::-webkit-datetime-edit{display:inline-flex}
  #sec-whp ::-webkit-datetime-edit-fields-wrapper{padding:0}
  #sec-whp ::-webkit-datetime-edit{padding-block:0}
  #sec-whp ::-webkit-datetime-edit-year-field{padding-block:0}
  #sec-whp ::-webkit-datetime-edit-month-field{padding-block:0}
  #sec-whp ::-webkit-datetime-edit-day-field{padding-block:0}
  #sec-whp ::-webkit-datetime-edit-hour-field{padding-block:0}
  #sec-whp ::-webkit-datetime-edit-minute-field{padding-block:0}
  #sec-whp ::-webkit-datetime-edit-second-field{padding-block:0}
  #sec-whp ::-webkit-datetime-edit-millisecond-field{padding-block:0}
  #sec-whp ::-webkit-datetime-edit-meridiem-field{padding-block:0}
  #sec-whp ::-webkit-calendar-picker-indicator{line-height:1}
  #sec-whp :-moz-ui-invalid{box-shadow:none}
  #sec-whp button,#sec-whp input:where([type=button],[type=reset],[type=submit]){appearance:button}
  #sec-whp ::file-selector-button{appearance:button}
  #sec-whp ::-webkit-inner-spin-button{height:auto}
  #sec-whp ::-webkit-outer-spin-button{height:auto}
  #sec-whp [hidden]:where(:not([hidden=until-found])){display:none!important}
  #sec-whp{background:var(--background);overflow-x:hidden}
  #sec-whp{color:var(--foreground);background:var(--background);font-family:wh-Mori,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:clip}
}
@layer wh-components;
@layer wh-utilities{
  #sec-whp .pointer-events-auto{pointer-events:auto}
  #sec-whp .pointer-events-none{pointer-events:none}
  #sec-whp .absolute{position:absolute}
  #sec-whp .fixed{position:fixed}
  #sec-whp .relative{position:relative}
  #sec-whp .-inset-1{inset:calc(var(--spacing)*-1)}
  #sec-whp .inset-0{inset:calc(var(--spacing)*0)}
  #sec-whp .inset-px{inset:1px}
  #sec-whp .top-0{top:calc(var(--spacing)*0)}
  #sec-whp .top-14{top:calc(var(--spacing)*14)}
  #sec-whp .right-0{right:calc(var(--spacing)*0)}
  #sec-whp .bottom-0{bottom:calc(var(--spacing)*0)}
  #sec-whp .left-0{left:calc(var(--spacing)*0)}
  #sec-whp .left-\[50\%\]{left:50%}
  #sec-whp .z-20{z-index:20}
  #sec-whp .z-40{z-index:40}
  #sec-whp .z-45{z-index:45}
  #sec-whp .z-46{z-index:46}
  #sec-whp .z-50{z-index:50}
  #sec-whp .my-4{margin-block:calc(var(--spacing)*4)}
  #sec-whp .mt-6{margin-top:calc(var(--spacing)*6)}
  #sec-whp .mr-1{margin-right:calc(var(--spacing)*1)}
  #sec-whp .mb-8{margin-bottom:calc(var(--spacing)*8)}
  #sec-whp .flex{display:flex}
  #sec-whp .hidden{display:none}
  #sec-whp .h-4{height:calc(var(--spacing)*4)}
  #sec-whp .h-8{height:calc(var(--spacing)*8)}
  #sec-whp .h-12{height:calc(var(--spacing)*12)}
  #sec-whp .h-64{height:calc(var(--spacing)*64)}
  #sec-whp .h-\[calc\(100dvh-64px\)\]{height:calc(100dvh - 64px)}
  #sec-whp .h-full{height:100%}
  #sec-whp .min-h-0{min-height:calc(var(--spacing)*0)}
  #sec-whp .w-0{width:calc(var(--spacing)*0)}
  #sec-whp .w-1\/3{width:33.3333%}
  #sec-whp .w-2\/3{width:66.6667%}
  #sec-whp .w-4{width:calc(var(--spacing)*4)}
  #sec-whp .w-8{width:calc(var(--spacing)*8)}
  #sec-whp .w-12{width:calc(var(--spacing)*12)}
  #sec-whp .w-\[360px\]{width:360px}
  #sec-whp .w-\[calc\(100\%-3rem\)\]{width:calc(100% - 3rem)}
  #sec-whp .w-auto{width:auto}
  #sec-whp .w-full{width:100%}
  #sec-whp .flex-1{flex:1}
  #sec-whp .flex-shrink-0,#sec-whp .shrink-0{flex-shrink:0}
  #sec-whp .translate-x-0{--wh-tw-translate-x:calc(var(--spacing)*0);translate:var(--wh-tw-translate-x)var(--wh-tw-translate-y)}
  #sec-whp .translate-x-\[-50\%\]{--wh-tw-translate-x:-50%;translate:var(--wh-tw-translate-x)var(--wh-tw-translate-y)}
  #sec-whp .translate-x-full{--wh-tw-translate-x:100%;translate:var(--wh-tw-translate-x)var(--wh-tw-translate-y)}
  #sec-whp .animate-spin{animation:var(--animate-spin)}
  #sec-whp .cursor-pointer{cursor:pointer}
  #sec-whp .flex-col{flex-direction:column}
  #sec-whp .items-center{align-items:center}
  #sec-whp .items-start{align-items:flex-start}
  #sec-whp .items-stretch{align-items:stretch}
  #sec-whp .justify-between{justify-content:space-between}
  #sec-whp .justify-center{justify-content:center}
  #sec-whp .justify-start{justify-content:flex-start}
  #sec-whp .gap-4{gap:calc(var(--spacing)*4)}
  #sec-whp :where(.space-x-2>:not(:last-child)){--wh-tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--wh-tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--wh-tw-space-x-reverse)))}
  #sec-whp .overflow-hidden{overflow:hidden}
  #sec-whp .overflow-y-auto{overflow-y:auto}
  #sec-whp .rounded-3xl{border-radius:var(--radius-3xl)}
  #sec-whp .border{border-style:var(--wh-tw-border-style);border-width:1px}
  #sec-whp .border-l{border-left-style:var(--wh-tw-border-style);border-left-width:1px}
  #sec-whp .border-foreground\/30{border-color:var(--color-foreground)}
  @supports (color:color-mix(in lab, red, red)){
    #sec-whp .border-foreground\/30{border-color:color-mix(in oklab,var(--color-foreground)30%,transparent)}
  }
  #sec-whp .border-transparent{border-color:#0000}
  #sec-whp .border-white\/30{border-color:#ffffff4d}
  @supports (color:color-mix(in lab, red, red)){
    #sec-whp .border-white\/30{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}
  }
  #sec-whp .bg-black\/10{background-color:#0000001a}
  @supports (color:color-mix(in lab, red, red)){
    #sec-whp .bg-black\/10{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}
  }
  #sec-whp .bg-black\/40{background-color:#0006}
  @supports (color:color-mix(in lab, red, red)){
    #sec-whp .bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}
  }
  #sec-whp .bg-foreground,#sec-whp .bg-foreground\/5{background-color:var(--color-foreground)}
  #sec-whp .bg-foreground\/10{background-color:var(--color-foreground)}
  @supports (color:color-mix(in lab, red, red)){
    #sec-whp .bg-foreground\/10{background-color:color-mix(in oklab,var(--color-foreground)10%,transparent)}
  }
  #sec-whp .px-4{padding-inline:calc(var(--spacing)*4)}
  #sec-whp .px-8{padding-inline:calc(var(--spacing)*8)}
  #sec-whp .py-8{padding-block:calc(var(--spacing)*8)}
  #sec-whp .pb-4{padding-bottom:calc(var(--spacing)*4)}
  #sec-whp .text-center{text-align:center}
  #sec-whp .text-3xl{font-size:var(--text-3xl);line-height:var(--wh-tw-leading,var(--text-3xl--line-height))}
  #sec-whp .text-4xl{font-size:var(--text-4xl);line-height:var(--wh-tw-leading,var(--text-4xl--line-height))}
  #sec-whp .text-base{font-size:var(--text-base);line-height:var(--wh-tw-leading,var(--text-base--line-height))}
  #sec-whp .text-sm{font-size:var(--text-sm);line-height:var(--wh-tw-leading,var(--text-sm--line-height))}
  #sec-whp .font-bold{--wh-tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
  #sec-whp .font-light{--wh-tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}
  #sec-whp .text-nowrap{text-wrap:nowrap}
  #sec-whp .whitespace-nowrap{white-space:nowrap}
  #sec-whp .text-white{color:var(--color-white)}
  #sec-whp .opacity-0{opacity:0}
  #sec-whp .opacity-50{opacity:.5}
  #sec-whp .opacity-100{opacity:1}
  #sec-whp .blur-xl{--wh-tw-blur:blur(var(--blur-xl));filter:var(--wh-tw-blur,)var(--wh-tw-brightness,)var(--wh-tw-contrast,)var(--wh-tw-grayscale,)var(--wh-tw-hue-rotate,)var(--wh-tw-invert,)var(--wh-tw-saturate,)var(--wh-tw-sepia,)var(--wh-tw-drop-shadow,)}
  #sec-whp .backdrop-blur-2xl{--wh-tw-backdrop-blur:blur(var(--blur-2xl));-webkit-backdrop-filter:var(--wh-tw-backdrop-blur,)var(--wh-tw-backdrop-brightness,)var(--wh-tw-backdrop-contrast,)var(--wh-tw-backdrop-grayscale,)var(--wh-tw-backdrop-hue-rotate,)var(--wh-tw-backdrop-invert,)var(--wh-tw-backdrop-opacity,)var(--wh-tw-backdrop-saturate,)var(--wh-tw-backdrop-sepia,);backdrop-filter:var(--wh-tw-backdrop-blur,)var(--wh-tw-backdrop-brightness,)var(--wh-tw-backdrop-contrast,)var(--wh-tw-backdrop-grayscale,)var(--wh-tw-backdrop-hue-rotate,)var(--wh-tw-backdrop-invert,)var(--wh-tw-backdrop-opacity,)var(--wh-tw-backdrop-saturate,)var(--wh-tw-backdrop-sepia,)}
  #sec-whp .backdrop-blur-lg{--wh-tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--wh-tw-backdrop-blur,)var(--wh-tw-backdrop-brightness,)var(--wh-tw-backdrop-contrast,)var(--wh-tw-backdrop-grayscale,)var(--wh-tw-backdrop-hue-rotate,)var(--wh-tw-backdrop-invert,)var(--wh-tw-backdrop-opacity,)var(--wh-tw-backdrop-saturate,)var(--wh-tw-backdrop-sepia,);backdrop-filter:var(--wh-tw-backdrop-blur,)var(--wh-tw-backdrop-brightness,)var(--wh-tw-backdrop-contrast,)var(--wh-tw-backdrop-grayscale,)var(--wh-tw-backdrop-hue-rotate,)var(--wh-tw-backdrop-invert,)var(--wh-tw-backdrop-opacity,)var(--wh-tw-backdrop-saturate,)var(--wh-tw-backdrop-sepia,)}
  #sec-whp .backdrop-blur-xs{--wh-tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--wh-tw-backdrop-blur,)var(--wh-tw-backdrop-brightness,)var(--wh-tw-backdrop-contrast,)var(--wh-tw-backdrop-grayscale,)var(--wh-tw-backdrop-hue-rotate,)var(--wh-tw-backdrop-invert,)var(--wh-tw-backdrop-opacity,)var(--wh-tw-backdrop-saturate,)var(--wh-tw-backdrop-sepia,);backdrop-filter:var(--wh-tw-backdrop-blur,)var(--wh-tw-backdrop-brightness,)var(--wh-tw-backdrop-contrast,)var(--wh-tw-backdrop-grayscale,)var(--wh-tw-backdrop-hue-rotate,)var(--wh-tw-backdrop-invert,)var(--wh-tw-backdrop-opacity,)var(--wh-tw-backdrop-saturate,)var(--wh-tw-backdrop-sepia,)}
  #sec-whp .transition-all{transition-property:all;transition-timing-function:var(--wh-tw-ease,var(--default-transition-timing-function));transition-duration:var(--wh-tw-duration,var(--default-transition-duration))}
  #sec-whp .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--wh-tw-gradient-from,--wh-tw-gradient-via,--wh-tw-gradient-to;transition-timing-function:var(--wh-tw-ease,var(--default-transition-timing-function));transition-duration:var(--wh-tw-duration,var(--default-transition-duration))}
  #sec-whp .transition-opacity{transition-property:opacity;transition-timing-function:var(--wh-tw-ease,var(--default-transition-timing-function));transition-duration:var(--wh-tw-duration,var(--default-transition-duration))}
  #sec-whp .duration-300{--wh-tw-duration:.3s;transition-duration:.3s}
  #sec-whp .ease-out{--wh-tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
  #sec-whp .\[scrollbar-width\:none\]{scrollbar-width:none}
  #sec-whp .duration-300{animation-duration:.3s}
  #sec-whp .ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}
  @media (hover:hover){
    #sec-whp .hover\:bg-foreground\/20:hover{background-color:var(--color-foreground)}
    @supports (color:color-mix(in lab, red, red)){
      #sec-whp .hover\:bg-foreground\/20:hover{background-color:color-mix(in oklab,var(--color-foreground)20%,transparent)}
    }
    #sec-whp .hover\:opacity-100:hover{opacity:1}
  }
  @media (min-width:48rem){
    #sec-whp .md\:my-8{margin-block:calc(var(--spacing)*8)}
    #sec-whp .md\:w-\[500px\]{width:500px}
    #sec-whp .md\:w-\[600px\]{width:600px}
  }
  #sec-whp .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}
}
#sec-whp{--background:#0a0a0a;--foreground:#ededed;--color-primary:#0070f3;--color-secondary:#7c3aed;--color-accent:#f59e0b;--color-muted:#6b7280;--border:#333;--input:#333;--ring:#d4d4d4;--muted-foreground:#999;--accent:#262626;--font-sans:"wh-Mori",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-serif:Georgia,Cambria,"Times New Roman",Times,serif}
#sec-whp .menu-bar-colors{transition:background-color .5s,color .5s,border-color .5s,height .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1)}
#sec-whp .menu-bar-colors.footer-active{background-color:#ffffffe6}
#sec-whp .menu-bar-colors.footer-active-text{color:#000;border-color:#0000001a}
#sec-whp .bottom-fade{background:linear-gradient(to top,var(--background)0%,var(--background)8%,var(--background)18%,var(--background)30%,var(--background)44%,var(--background)58%,var(--background)73%,var(--background)88%,transparent 100%)}
@supports (color:color-mix(in lab, red, red)){
  #sec-whp .bottom-fade{background:linear-gradient(to top,color-mix(in srgb,var(--background)90%,transparent)0%,color-mix(in srgb,var(--background)78%,transparent)8%,color-mix(in srgb,var(--background)62%,transparent)18%,color-mix(in srgb,var(--background)45%,transparent)30%,color-mix(in srgb,var(--background)30%,transparent)44%,color-mix(in srgb,var(--background)18%,transparent)58%,color-mix(in srgb,var(--background)8%,transparent)73%,color-mix(in srgb,var(--background)2%,transparent)88%,transparent 100%)}
}
#sec-whp *{scrollbar-width:none;-ms-overflow-style:none}
#sec-whp ::-webkit-scrollbar{display:none}
#sec-whp .action-button:after{content:"";opacity:.035;mix-blend-mode:difference;background-image:url(../../assets/whp/1k_Dissolve_Noise_Texture.gif);width:2000px;height:2000px;animation:8s steps(10,end) infinite wh-animateGrain;position:absolute;top:0}
#sec-whp .animate-marquee{animation:14s linear infinite wh-marquee}
#sec-whp .menu-marquee{-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}
@property --wh-mask-up-fade{syntax:"<length>";inherits:false;initial-value:0}
@property --wh-mask-down-fade{syntax:"<length>";inherits:false;initial-value:0}
@property --wh-glow-angle{syntax:"<angle>";inherits:true;initial-value:0deg}
@property --wh-tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --wh-tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --wh-tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --wh-tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --wh-tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --wh-tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --wh-tw-rotate-x{syntax:"*";inherits:false}
@property --wh-tw-rotate-y{syntax:"*";inherits:false}
@property --wh-tw-rotate-z{syntax:"*";inherits:false}
@property --wh-tw-skew-x{syntax:"*";inherits:false}
@property --wh-tw-skew-y{syntax:"*";inherits:false}
@property --wh-tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --wh-tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}
@property --wh-tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --wh-tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --wh-tw-gradient-position{syntax:"*";inherits:false}
@property --wh-tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}
@property --wh-tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}
@property --wh-tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}
@property --wh-tw-gradient-stops{syntax:"*";inherits:false}
@property --wh-tw-gradient-via-stops{syntax:"*";inherits:false}
@property --wh-tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
@property --wh-tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}
@property --wh-tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
@property --wh-tw-leading{syntax:"*";inherits:false}
@property --wh-tw-font-weight{syntax:"*";inherits:false}
@property --wh-tw-tracking{syntax:"*";inherits:false}
@property --wh-tw-ordinal{syntax:"*";inherits:false}
@property --wh-tw-slashed-zero{syntax:"*";inherits:false}
@property --wh-tw-numeric-figure{syntax:"*";inherits:false}
@property --wh-tw-numeric-spacing{syntax:"*";inherits:false}
@property --wh-tw-numeric-fraction{syntax:"*";inherits:false}
@property --wh-tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --wh-tw-shadow-color{syntax:"*";inherits:false}
@property --wh-tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --wh-tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --wh-tw-inset-shadow-color{syntax:"*";inherits:false}
@property --wh-tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --wh-tw-ring-color{syntax:"*";inherits:false}
@property --wh-tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --wh-tw-inset-ring-color{syntax:"*";inherits:false}
@property --wh-tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --wh-tw-ring-inset{syntax:"*";inherits:false}
@property --wh-tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --wh-tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --wh-tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --wh-tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --wh-tw-blur{syntax:"*";inherits:false}
@property --wh-tw-brightness{syntax:"*";inherits:false}
@property --wh-tw-contrast{syntax:"*";inherits:false}
@property --wh-tw-grayscale{syntax:"*";inherits:false}
@property --wh-tw-hue-rotate{syntax:"*";inherits:false}
@property --wh-tw-invert{syntax:"*";inherits:false}
@property --wh-tw-opacity{syntax:"*";inherits:false}
@property --wh-tw-saturate{syntax:"*";inherits:false}
@property --wh-tw-sepia{syntax:"*";inherits:false}
@property --wh-tw-drop-shadow{syntax:"*";inherits:false}
@property --wh-tw-drop-shadow-color{syntax:"*";inherits:false}
@property --wh-tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --wh-tw-drop-shadow-size{syntax:"*";inherits:false}
@property --wh-tw-backdrop-blur{syntax:"*";inherits:false}
@property --wh-tw-backdrop-brightness{syntax:"*";inherits:false}
@property --wh-tw-backdrop-contrast{syntax:"*";inherits:false}
@property --wh-tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --wh-tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --wh-tw-backdrop-invert{syntax:"*";inherits:false}
@property --wh-tw-backdrop-opacity{syntax:"*";inherits:false}
@property --wh-tw-backdrop-saturate{syntax:"*";inherits:false}
@property --wh-tw-backdrop-sepia{syntax:"*";inherits:false}
@property --wh-tw-duration{syntax:"*";inherits:false}
@property --wh-tw-ease{syntax:"*";inherits:false}
@keyframes wh-animateGrain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,-20%)}30%{transform:translate(-5%,-10%)}40%{transform:translate(-15%,-20%)}50%{transform:translate(-5%,-10%)}60%{transform:translate(-15%,-20%)}70%{transform:translate(-5%,-10%)}80%{transform:translate(-15%,-20%)}90%{transform:translate(-5%,-10%)}to{transform:translate(-15%,-20%)}}
@keyframes wh-accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}
@keyframes wh-accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}
@keyframes wh-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}
@keyframes wh-spin{to{transform:rotate(360deg)}}
@keyframes wh-bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}
@font-face{font-family:wh-Mori;font-weight:100;src:local(Mori),url(../../assets/whp/fonts/PPMori-Extralight.otf)format("opentype");font-display:swap}
@font-face{font-family:wh-Mori;font-weight:300;src:local(Mori),url(../../assets/whp/fonts/WHP-Mori-Regular.woff2)format("opentype");font-display:swap}
@font-face{font-family:wh-Mori;font-weight:500;src:local(Mori),url(../../assets/whp/fonts/WHP-Mori-SemiBold.woff2)format("opentype");font-display:swap}
@font-face{font-family:wh-Mori;font-weight:700;src:local(Mori),url(../../assets/whp/fonts/WHP---Mori-Bold.woff2)format("woff2");font-display:swap}