@layer properties {@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {*, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-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-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-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-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; }}}@layer theme {:root, :host { --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --color-red-100: oklch(93.6% .032 17.717); --color-red-500: oklch(63.7% .237 25.331); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-900: oklch(20.8% .042 265.755); --color-gray-100: oklch(96.7% .003 264.542); --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-sm: 24rem; --container-lg: 32rem; --container-2xl: 42rem; --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: 1.5; --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: 1.2; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5/2.25); --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-black: 900; --tracking-tight: -.025em; --tracking-wide: .025em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-xs: .125rem; --ease-in-out: cubic-bezier(.4,0,.2,1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite; --blur-sm: 8px; --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); --color-border: var(--border); }}@layer base {*, ::after, ::before, ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }::file-selector-button { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }html, :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; }hr { height: 0px; color: inherit; border-top-width: 1px; }abbr:where([title]) { text-decoration: underline dotted; }h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }a { color: inherit; text-decoration: inherit; }b, strong { font-weight: bolder; }code, kbd, samp, pre { font-family: var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace); font-feature-settings: var(--default-mono-font-feature-settings,normal); font-variation-settings: var(--default-mono-font-variation-settings,normal); font-size: 1em; }small { font-size: 80%; }sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; }sub { bottom: -0.25em; }sup { top: -0.5em; }table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }progress { vertical-align: baseline; }summary { display: list-item; }ol, ul, menu { list-style: none; }img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; }img, video { max-width: 100%; height: auto; }button, input, select, optgroup, textarea { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }:where(select:is([multiple], [size])) optgroup { font-weight: bolder; }:where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }::file-selector-button { margin-inline-end: 4px; }::placeholder { opacity: 1; }textarea { resize: vertical; }::-webkit-search-decoration { appearance: none; }::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; }::-webkit-datetime-edit { display: inline-flex; }::-webkit-datetime-edit-fields-wrapper { padding: 0px; }::-webkit-datetime-edit { padding-block: 0px; }::-webkit-datetime-edit-year-field { padding-block: 0px; }::-webkit-datetime-edit-month-field { padding-block: 0px; }::-webkit-datetime-edit-day-field { padding-block: 0px; }::-webkit-datetime-edit-hour-field { padding-block: 0px; }::-webkit-datetime-edit-minute-field { padding-block: 0px; }::-webkit-datetime-edit-second-field { padding-block: 0px; }::-webkit-datetime-edit-millisecond-field { padding-block: 0px; }::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }::-webkit-calendar-picker-indicator { line-height: 1; }button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }::file-selector-button { appearance: button; }::-webkit-inner-spin-button { height: auto; }::-webkit-outer-spin-button { height: auto; }[hidden]:where(:not([hidden="until-found"])) { display: none !important; }* { border-color: var(--border); outline-color: var(--ring); }html { scroll-behavior: smooth; }body { background-color: var(--background); color: var(--foreground); -webkit-font-smoothing: antialiased; font-family: "Noto Sans JP", "DM Sans", sans-serif; }button:not(:disabled), [role="button"]:not([aria-disabled="true"]), [type="button"]:not(:disabled), [type="submit"]:not(:disabled), [type="reset"]:not(:disabled), a[href], select:not(:disabled), input[type="checkbox"]:not(:disabled), input[type="radio"]:not(:disabled) { cursor: pointer; }}@layer components {.container { width: 100%; margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; }.flex { min-width: 0px; min-height: 0px; }@media (min-width: 640px) {.container { padding-left: 2rem; padding-right: 2rem; }}@media (min-width: 1024px) {.container { max-width: 1400px; padding-left: 4rem; padding-right: 4rem; }}.font-display { letter-spacing: 0.02em; font-family: "Bebas Neue", "DM Sans", sans-serif; }.section-label { letter-spacing: 0.2em; text-transform: uppercase; color: rgb(113, 113, 113); font-family: "DM Sans", sans-serif; font-size: 0.7rem; font-weight: 500; }.hover-underline { position: relative; }.hover-underline::after { content: ""; background: currentcolor; width: 0px; height: 1px; transition: width 0.3s; position: absolute; bottom: -2px; left: 0px; }.hover-underline:hover::after { width: 100%; }}@layer utilities {.pointer-events-none { pointer-events: none; }.absolute { position: absolute; }.fixed { position: fixed; }.relative { position: relative; }.inset-0 { inset: calc(var(--spacing)*0); }.top-0 { top: calc(var(--spacing)*0); }.right-0 { right: calc(var(--spacing)*0); }.right-8 { right: calc(var(--spacing)*8); }.bottom-0 { bottom: calc(var(--spacing)*0); }.bottom-8 { bottom: calc(var(--spacing)*8); }.left-0 { left: calc(var(--spacing)*0); }.left-\[2\.8rem\] { left: 2.8rem; }.z-10 { z-index: 10; }.z-50 { z-index: 50; }.col-span-4 { grid-column: span 4 / span 4; }.col-span-8 { grid-column: span 8 / span 8; }.container { width: 100%; }@media (min-width: 40rem) {.container { max-width: 40rem; }}@media (min-width: 48rem) {.container { max-width: 48rem; }}@media (min-width: 64rem) {.container { max-width: 64rem; }}@media (min-width: 80rem) {.container { max-width: 80rem; }}@media (min-width: 96rem) {.container { max-width: 96rem; }}.-mx-4 { margin-inline: calc(var(--spacing)*-4); }.mx-8 { margin-inline: calc(var(--spacing)*8); }.mt-0\.5 { margin-top: calc(var(--spacing)*.5); }.mt-1 { margin-top: calc(var(--spacing)*1); }.mt-2 { margin-top: calc(var(--spacing)*2); }.mt-3 { margin-top: calc(var(--spacing)*3); }.mt-4 { margin-top: calc(var(--spacing)*4); }.mt-6 { margin-top: calc(var(--spacing)*6); }.mt-10 { margin-top: calc(var(--spacing)*10); }.mt-16 { margin-top: calc(var(--spacing)*16); }.mb-1 { margin-bottom: calc(var(--spacing)*1); }.mb-2 { margin-bottom: calc(var(--spacing)*2); }.mb-3 { margin-bottom: calc(var(--spacing)*3); }.mb-4 { margin-bottom: calc(var(--spacing)*4); }.mb-5 { margin-bottom: calc(var(--spacing)*5); }.mb-6 { margin-bottom: calc(var(--spacing)*6); }.mb-8 { margin-bottom: calc(var(--spacing)*8); }.mb-12 { margin-bottom: calc(var(--spacing)*12); }.mb-16 { margin-bottom: calc(var(--spacing)*16); }.mb-20 { margin-bottom: calc(var(--spacing)*20); }.block { display: block; }.flex { display: flex; }.grid { display: grid; }.hidden { display: none; }.inline-block { display: inline-block; }.aspect-square { aspect-ratio: 1 / 1; }.h-0\.5 { height: calc(var(--spacing)*.5); }.h-4 { height: calc(var(--spacing)*4); }.h-16 { height: calc(var(--spacing)*16); }.max-h-0 { max-height: calc(var(--spacing)*0); }.min-h-screen { min-height: 100vh; }.w-6 { width: calc(var(--spacing)*6); }.w-12 { width: calc(var(--spacing)*12); }.w-full { width: 100%; }.w-px { width: 1px; }.max-w-2xl { max-width: var(--container-2xl); }.max-w-\[240px\] { max-width: 240px; }.max-w-xs { max-width: var(--container-xs); }.flex-shrink-0, .shrink-0 { flex-shrink: 0; }.origin-center { transform-origin: 50% center; }.rotate-90 { rotate: 90deg; }.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }.grid-cols-12 { grid-template-columns: repeat(12, minmax(0px, 1fr)); }.flex-col { flex-direction: column; }.flex-wrap { flex-wrap: wrap; }.items-center { align-items: center; }.items-start { align-items: flex-start; }.justify-between { justify-content: space-between; }.justify-center { justify-content: center; }.justify-end { justify-content: flex-end; }.gap-1\.5 { gap: calc(var(--spacing)*1.5); }.gap-2 { gap: calc(var(--spacing)*2); }.gap-4 { gap: calc(var(--spacing)*4); }.gap-6 { gap: calc(var(--spacing)*6); }.gap-8 { gap: calc(var(--spacing)*8); }.gap-12 { gap: calc(var(--spacing)*12); }
:where(.space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse))); }: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))); }: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))); }:where(.space-y-5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse))); }:where(.space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse))); }.overflow-hidden { overflow: hidden; }.border { border-style: var(--tw-border-style); border-width: 1px; }.border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; }.border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }.border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; }.border-\[\#111111\] { border-color: rgb(17, 17, 17); }.border-\[\#ddd\] { border-color: rgb(221, 221, 221); }.border-\[\#e0e0e0\] { border-color: rgb(224, 224, 224); }.border-white\/5 { border-color: rgba(255, 255, 255, 0.05); }.border-white\/10 { border-color: rgba(255, 255, 255, 0.1); }.border-white\/20 { border-color: rgba(255, 255, 255, 0.2); }.bg-\[\#0a0a0a\] { background-color: rgb(10, 10, 10); }.bg-\[\#111111\] { background-color: rgb(17, 17, 17); }.bg-\[\#ccc\] { background-color: rgb(204, 204, 204); }.bg-\[\#f0f0f0\] { background-color: rgb(240, 240, 240); }.bg-\[\#f5f5f5\] { background-color: rgb(245, 245, 245); }.bg-\[\#f8f8f8\] { background-color: rgb(248, 248, 248); }.bg-current { background-color: currentcolor; }.bg-white { background-color: var(--color-white); }.bg-white\/85 { background-color: rgba(255, 255, 255, 0.85); }.bg-gradient-to-b { --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); }.bg-gradient-to-t { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); }.from-\[\#888\] { --tw-gradient-from: #888; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)); }.from-white\/80 { --tw-gradient-from: #fffc; }.from-white\/80 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)); }.via-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); }.to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position)); }.bg-cover { background-size: cover; }.bg-center { background-position: 50% center; }.bg-no-repeat { background-repeat: no-repeat; }.object-cover { object-fit: cover; }.object-top { object-position: center top; }.p-2 { padding: calc(var(--spacing)*2); }.p-5 { padding: calc(var(--spacing)*5); }.p-6 { padding: calc(var(--spacing)*6); }.p-8 { padding: calc(var(--spacing)*8); }.px-3 { padding-inline: calc(var(--spacing)*3); }.px-4 { padding-inline: calc(var(--spacing)*4); }.px-5 { padding-inline: calc(var(--spacing)*5); }.px-8 { padding-inline: calc(var(--spacing)*8); }.py-1 { padding-block: calc(var(--spacing)*1); }.py-1\.5 { padding-block: calc(var(--spacing)*1.5); }.py-2 { padding-block: calc(var(--spacing)*2); }.py-2\.5 { padding-block: calc(var(--spacing)*2.5); }.py-3 { padding-block: calc(var(--spacing)*3); }.py-4 { padding-block: calc(var(--spacing)*4); }.py-6 { padding-block: calc(var(--spacing)*6); }.py-12 { padding-block: calc(var(--spacing)*12); }.py-24 { padding-block: calc(var(--spacing)*24); }.pt-8 { padding-top: calc(var(--spacing)*8); }.pt-16 { padding-top: calc(var(--spacing)*16); }.pt-32 { padding-top: calc(var(--spacing)*32); }.pb-20 { padding-bottom: calc(var(--spacing)*20); }.pl-6 { padding-left: calc(var(--spacing)*6); }.text-center { text-align: center; }.text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height)); }.text-lg { font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height)); }.text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }.text-xl { font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height)); }.text-xs { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); }.leading-none { --tw-leading: 1; line-height: 1; }.leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); }.leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); }.leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); }.font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); }.font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }.font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }.tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); }.tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); }.whitespace-nowrap { white-space: nowrap; }.text-\[\#111\] { color: rgb(17, 17, 17); }.text-\[\#333\] { color: rgb(51, 51, 51); }.text-\[\#444\] { color: rgb(68, 68, 68); }.text-\[\#555\] { color: rgb(85, 85, 85); }.text-\[\#666\] { color: rgb(102, 102, 102); }.text-\[\#888\] { color: rgb(136, 136, 136); }.text-\[\#999\] { color: rgb(153, 153, 153); }.text-\[\#111111\] { color: rgb(17, 17, 17); }.text-white { color: var(--color-white); }.text-white\/20 { color: rgba(255, 255, 255, 0.2); }.text-white\/30 { color: rgba(255, 255, 255, 0.3); }.text-white\/40 { color: rgba(255, 255, 255, 0.4); }.text-white\/50 { color: rgba(255, 255, 255, 0.5); }.text-white\/60 { color: rgba(255, 255, 255, 0.6); }.text-white\/70 { color: rgba(255, 255, 255, 0.7); }.uppercase { text-transform: uppercase; }.opacity-0 { opacity: 0; }.transition-all { transition-property: all; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }.transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }.transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }.transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }.duration-200 { --tw-duration: .2s; transition-duration: 0.2s; }.duration-300 { --tw-duration: .3s; transition-duration: 0.3s; }.duration-500 { --tw-duration: .5s; transition-duration: 0.5s; }@media (hover: hover) {.group-hover\:text-white\/40:is(:where(.group):hover *) { color: rgba(255, 255, 255, 0.4); }}
.last\:mb-0:last-child { margin-bottom: calc(var(--spacing)*0); }@media (hover: hover) {.hover\:bg-\[\#333\]:hover { background-color: rgb(51, 51, 51); }.hover\:bg-\[\#111111\]:hover { background-color: rgb(17, 17, 17); }.hover\:bg-gray-100:hover { background-color: var(--color-gray-100); }.hover\:bg-white\/5:hover { background-color: rgba(255, 255, 255, 0.05); }.hover\:text-\[\#111\]:hover { color: rgb(17, 17, 17); }.hover\:text-white:hover { color: var(--color-white); }.hover\:text-white\/70:hover { color: rgba(255, 255, 255, 0.7); }.hover\:text-white\/80:hover { color: rgba(255, 255, 255, 0.8); }}@media (min-width: 40rem) {.sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }.sm\:flex-row { flex-direction: row; }}@media (min-width: 48rem) {.md\:right-12 { right: calc(var(--spacing)*12); }.md\:col-span-2 { grid-column: span 2 / span 2; }.md\:col-span-3 { grid-column: span 3 / span 3; }.md\:col-span-4 { grid-column: span 4 / span 4; }.md\:col-span-5 { grid-column: span 5 / span 5; }.md\:col-span-7 { grid-column: span 7 / span 7; }.md\:col-span-9 { grid-column: span 9 / span 9; }.md\:col-span-10 { grid-column: span 10 / span 10; }.md\:-mx-8 { margin-inline: calc(var(--spacing)*-8); }.md\:mt-24 { margin-top: calc(var(--spacing)*24); }.md\:mb-16 { margin-bottom: calc(var(--spacing)*16); }.md\:mb-24 { margin-bottom: calc(var(--spacing)*24); }.md\:mb-32 { margin-bottom: calc(var(--spacing)*32); }.md\:block { display: block; }.md\:flex { display: flex; }.md\:hidden { display: none; }.md\:aspect-\[4\/5\] { aspect-ratio: 4 / 5; }.md\:h-20 { height: calc(var(--spacing)*20); }.md\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0px, 1fr)); }.md\:flex-row { flex-direction: row; }.md\:items-center { align-items: center; }.md\:gap-12 { gap: calc(var(--spacing)*12); }.md\:gap-16 { gap: calc(var(--spacing)*16); }.md\:gap-20 { gap: calc(var(--spacing)*20); }.md\:p-8 { padding: calc(var(--spacing)*8); }.md\:p-12 { padding: calc(var(--spacing)*12); }.md\:px-8 { padding-inline: calc(var(--spacing)*8); }.md\:py-16 { padding-block: calc(var(--spacing)*16); }.md\:py-40 { padding-block: calc(var(--spacing)*40); }.md\:pt-24 { padding-top: calc(var(--spacing)*24); }.md\:pb-28 { padding-bottom: calc(var(--spacing)*28); }.md\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height)); }.md\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height)); }.md\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height)); }}@media (min-width: 64rem) {.lg\:col-span-4 { grid-column: span 4 / span 4; }.lg\:col-span-8 { grid-column: span 8 / span 8; }.lg\:-mx-16 { margin-inline: calc(var(--spacing)*-16); }.lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }.lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0px, 1fr)); }.lg\:px-16 { padding-inline: calc(var(--spacing)*16); }}}
:root { --radius: 0; --background: oklch(100% 0 0); --foreground: oklch(10% 0 0); --card: oklch(97% 0 0); --card-foreground: oklch(10% 0 0); --popover: oklch(100% 0 0); --popover-foreground: oklch(10% 0 0); --primary: oklch(10% 0 0); --primary-foreground: oklch(100% 0 0); --secondary: oklch(95% 0 0); --secondary-foreground: oklch(10% 0 0); --muted: oklch(93% 0 0); --muted-foreground: oklch(45% 0 0); --accent: oklch(93% 0 0); --accent-foreground: oklch(10% 0 0); --destructive: oklch(57.7% .245 27.325); --destructive-foreground: oklch(98.5% 0 0); --border: oklch(85% 0 0); --input: oklch(85% 0 0); --ring: oklch(10% 0 0); }::-webkit-scrollbar { width: 4px; }::-webkit-scrollbar-track { background: rgb(245, 245, 245); }::-webkit-scrollbar-thumb { background: rgb(17, 17, 17); }@keyframes fadeInUp {0% { opacity: 0; transform: translateY(30px); }100% { opacity: 1; transform: translateY(0px); }}@keyframes marquee {0% { transform: translate(0px); }100% { transform: translate(-50%); }}.animate-marquee { animation: 20s linear 0s infinite normal none running marquee; }@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-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-border-style { syntax: "*"; inherits: false; initial-value: solid; }@property --tw-gradient-position { syntax: "*"; inherits: false; }@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }@property --tw-gradient-stops { syntax: "*"; inherits: false; }@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }@property --tw-leading { syntax: "*"; inherits: false; }@property --tw-font-weight { syntax: "*"; inherits: false; }@property --tw-tracking { syntax: "*"; inherits: false; }@property --tw-duration { syntax: "*"; inherits: false; }@property --tw-ease { syntax: "*"; inherits: false; }@property --tw-content { syntax: "*"; inherits: false; initial-value: ""; }

/* ---------------------------------------------------------------
   Kakezan site — custom layer (header states / mobile nav / reveal)
   --------------------------------------------------------------- */
.kz-header { background-color: transparent; border-bottom-color: transparent; border-bottom-width: 0; }
.kz-header.is-scrolled { background-color: #111111; border-bottom-color: rgba(255,255,255,.1); border-bottom-width: 1px; }

.kz-logo { color: #111111; }
.kz-header.is-scrolled .kz-logo { color: #ffffff; }

.kz-nav a:not(.kz-cta) { color: #555555; }
.kz-nav a:not(.kz-cta):hover { color: #111111; }
.kz-header.is-scrolled .kz-nav a:not(.kz-cta) { color: rgba(255,255,255,.7); }
.kz-header.is-scrolled .kz-nav a:not(.kz-cta):hover { color: #ffffff; }

.kz-cta { background-color: #111111; color: #ffffff; }
.kz-cta:hover { background-color: #333333; }
.kz-header.is-scrolled .kz-cta { background-color: #ffffff; color: #111111; }
.kz-header.is-scrolled .kz-cta:hover { background-color: oklch(96.7% .003 264.542); }

.kz-burger { color: #111111; }
.kz-header.is-scrolled .kz-burger { color: #ffffff; }
.kz-burger span { transition: transform .3s, opacity .3s; }
.kz-burger.is-open span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.kz-burger.is-open span:nth-child(2) { opacity: 0; }
.kz-burger.is-open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

.kz-mobile-menu { max-height: 0; opacity: 0; }
.kz-mobile-menu.is-open { max-height: 26rem; opacity: 1; }

.kz-reveal { opacity: 0; transform: translateY(30px); transition: opacity .8s ease, transform .8s ease; }
.kz-reveal.is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .kz-reveal { opacity: 1; transform: none; transition: none; }
  html { scroll-behavior: auto; }
}