/* Generated Tailwind utilities for the case-study pages. See tools/README.md to regenerate it when you add new Tailwind classes. */
*, ::before, ::after {--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x:  ;--tw-pan-y:  ;--tw-pinch-zoom:  ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position:  ;--tw-gradient-via-position:  ;--tw-gradient-to-position:  ;--tw-ordinal:  ;--tw-slashed-zero:  ;--tw-numeric-figure:  ;--tw-numeric-spacing:  ;--tw-numeric-fraction:  ;--tw-ring-inset:  ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / 0.5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur:  ;--tw-brightness:  ;--tw-contrast:  ;--tw-grayscale:  ;--tw-hue-rotate:  ;--tw-invert:  ;--tw-saturate:  ;--tw-sepia:  ;--tw-drop-shadow:  ;--tw-backdrop-blur:  ;--tw-backdrop-brightness:  ;--tw-backdrop-contrast:  ;--tw-backdrop-grayscale:  ;--tw-backdrop-hue-rotate:  ;--tw-backdrop-invert:  ;--tw-backdrop-opacity:  ;--tw-backdrop-saturate:  ;--tw-backdrop-sepia:  ;--tw-contain-size:  ;--tw-contain-layout:  ;--tw-contain-paint:  ;--tw-contain-style:  
}::backdrop {--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x:  ;--tw-pan-y:  ;--tw-pinch-zoom:  ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position:  ;--tw-gradient-via-position:  ;--tw-gradient-to-position:  ;--tw-ordinal:  ;--tw-slashed-zero:  ;--tw-numeric-figure:  ;--tw-numeric-spacing:  ;--tw-numeric-fraction:  ;--tw-ring-inset:  ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / 0.5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur:  ;--tw-brightness:  ;--tw-contrast:  ;--tw-grayscale:  ;--tw-hue-rotate:  ;--tw-invert:  ;--tw-saturate:  ;--tw-sepia:  ;--tw-drop-shadow:  ;--tw-backdrop-blur:  ;--tw-backdrop-brightness:  ;--tw-backdrop-contrast:  ;--tw-backdrop-grayscale:  ;--tw-backdrop-hue-rotate:  ;--tw-backdrop-invert:  ;--tw-backdrop-opacity:  ;--tw-backdrop-saturate:  ;--tw-backdrop-sepia:  ;--tw-contain-size:  ;--tw-contain-layout:  ;--tw-contain-paint:  ;--tw-contain-style:  
}.container {width: 100%
}@media (min-width: 640px) {.container {max-width: 640px
    }
}@media (min-width: 768px) {.container {max-width: 768px
    }
}@media (min-width: 1024px) {.container {max-width: 1024px
    }
}@media (min-width: 1280px) {.container {max-width: 1280px
    }
}@media (min-width: 1536px) {.container {max-width: 1536px
    }
}.order-1 {order: 1
}.order-2 {order: 2
}.order-3 {order: 3
}.float-right {float: right
}.float-left {float: left
}.clear-left {clear: left
}.clear-right {clear: right
}.clear-both {clear: both
}.mx-auto {margin-left: auto;margin-right: auto
}.mt-4 {margin-top: 1rem
}.-mt-32 {margin-top: -8rem
}.mb-1 {margin-bottom: 0.25rem
}.mb-16 {margin-bottom: 4rem
}.ml-auto {margin-left: auto
}.mr-auto {margin-right: auto
}.mt-0 {margin-top: 0px
}.mt-12 {margin-top: 3rem
}.mb-24 {margin-bottom: 6rem
}.block {display: block
}.flex {display: flex
}.flow-root {display: flow-root
}.grid {display: grid
}.aspect-\[3\/4\] {aspect-ratio: 3/4
}.h-auto {height: auto
}.min-h-screen {min-height: 100vh
}.w-full {width: 100%
}.w-1\/2 {width: 50%
}.max-w-\[1400px\] {max-width: 1400px
}.max-w-lg {max-width: 32rem
}.max-w-\[800px\] {max-width: 800px
}.shrink-0 {flex-shrink: 0
}.cursor-pointer {cursor: pointer
}.grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr))
}.flex-col {flex-direction: column
}.items-center {align-items: center
}.gap-0 {gap: 0px
}.gap-12 {gap: 3rem
}.gap-8 {gap: 2rem
}.overflow-x-hidden {overflow-x: hidden
}.whitespace-nowrap {white-space: nowrap
}.rounded-br-\[100px\] {border-bottom-right-radius: 100px
}.rounded-tl-\[100px\] {border-top-left-radius: 100px
}.rounded-tr-\[200px\] {border-top-right-radius: 200px
}.border-b {border-bottom-width: 1px
}.border-stone-300 {--tw-border-opacity: 1;border-color: rgb(214 211 209 / var(--tw-border-opacity, 1))
}.bg-white {--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}.object-contain {object-fit: contain
}.object-cover {object-fit: cover
}.px-6 {padding-left: 1.5rem;padding-right: 1.5rem
}.py-20 {padding-top: 5rem;padding-bottom: 5rem
}.py-4 {padding-top: 1rem;padding-bottom: 1rem
}.pb-32 {padding-bottom: 8rem
}.pl-3 {padding-left: 0.75rem
}.pr-3 {padding-right: 0.75rem
}.text-center {text-align: center
}.text-end {text-align: end
}.font-serif {font-family: "Noto Serif TC", "Songti TC", "Playfair Display", serif
}.text-3xl {font-size: 1.875rem;line-height: 2.25rem
}.text-lg {font-size: 1.125rem;line-height: 1.75rem
}.font-light {font-weight: 300
}.font-normal {font-weight: 400
}.tracking-tight {letter-spacing: -0.025em
}.text-black {--tw-text-opacity: 1;color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}.text-text-primary {--tw-text-opacity: 1;color: rgb(51 51 51 / var(--tw-text-opacity, 1))
}.transition-all {transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms
}.duration-300 {transition-duration: 300ms
}.selection\:bg-gray-200 *::selection {--tw-bg-opacity: 1;background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))
}.selection\:bg-gray-200::selection {--tw-bg-opacity: 1;background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))
}.hover\:-translate-y-0\.5:hover {--tw-translate-y: -0.125rem;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}.hover\:text-text-secondary:hover {--tw-text-opacity: 1;color: rgb(102 102 102 / var(--tw-text-opacity, 1))
}.hover\:opacity-70:hover {opacity: 0.7
}.active\:-translate-y-0\.5:active {--tw-translate-y: -0.125rem;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}.active\:text-text-secondary:active {--tw-text-opacity: 1;color: rgb(102 102 102 / var(--tw-text-opacity, 1))
}.active\:opacity-70:active {opacity: 0.7
}@media (min-width: 768px) {.md\:-mt-48 {margin-top: -12rem
    }.md\:mb-0 {margin-bottom: 0px
    }.md\:mt-24 {margin-top: 6rem
    }.md\:w-1\/2 {width: 50%
    }.md\:w-32 {width: 8rem
    }.md\:w-40 {width: 10rem
    }.md\:w-\[58\%\] {width: 58%
    }.md\:flex-row {flex-direction: row
    }.md\:items-baseline {align-items: baseline
    }.md\:rounded-br-\[240px\] {border-bottom-right-radius: 240px
    }.md\:rounded-tl-\[240px\] {border-top-left-radius: 240px
    }.md\:py-32 {padding-top: 8rem;padding-bottom: 8rem
    }.md\:pl-8 {padding-left: 2rem
    }.md\:pl-6 {padding-left: 1.5rem
    }.md\:pr-6 {padding-right: 1.5rem
    }.md\:text-5xl {font-size: 3rem;line-height: 1
    }
}@media (min-width: 1024px) {.lg\:col-span-6 {grid-column: span 6 / span 6
    }.lg\:max-w-\[1200px\] {max-width: 1200px
    }.lg\:grid-cols-12 {grid-template-columns: repeat(12, minmax(0, 1fr))
    }.lg\:gap-24 {gap: 6rem
    }
}