@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background-color: #FAFAF8;--text-color: #111111}html{font-family:Inter,sans-serif;background-color:var(--background-color);color:var(--text-color)}body{font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{@apply font-serif text-h1-mobile md:text-h1;}h2{@apply font-serif text-xl sm:text-2xl md:text-h2 font-semibold;}h3{@apply font-serif text-lg sm:text-xl md:text-h3 font-semibold;}.text-responsive-sm{@apply text-sm sm:text-base;}.text-responsive-base{@apply text-base sm:text-lg;}.text-responsive-lg{@apply text-lg sm:text-xl md:text-2xl;}a{@apply transition-colors duration-200;}button{@apply transition-all duration-200;}}@layer components{.container-content{@apply max-w-6xl mx-auto px-4;}.card{@apply bg-white rounded-xl border border-neutral-200 shadow-sm;}.section-spacing{@apply py-8 sm:py-12 md:py-16;}.block-spacing{@apply py-4 sm:py-6 md:py-8;}.mobile-padding{@apply px-4 sm:px-6 md:px-8 lg:px-12;}.mobile-margin{@apply mx-4 sm:mx-6 md:mx-8 lg:mx-12;}.mobile-text{@apply text-sm sm:text-base md:text-lg lg:text-xl;}.mobile-grid{@apply grid grid-cols-1 xs:grid-cols-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-4 sm:gap-6 lg:gap-8;}.responsive-grid-2{@apply grid grid-cols-1 sm:grid-cols-2 gap-4 sm:gap-6;}.responsive-grid-3{@apply grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6;}.responsive-grid-4{@apply grid grid-cols-1 xs:grid-cols-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 sm:gap-6;}.responsive-flex{@apply flex flex-col sm:flex-row gap-4 sm:gap-6;}.responsive-flex-reverse{@apply flex flex-col-reverse sm:flex-row gap-4 sm:gap-6;}.touch-button{@apply min-h-[44px] min-w-[44px] p-3 sm:p-4;}.mobile-nav-item{@apply block py-3 px-4 text-lg hover:bg-neutral-50 hover:text-[#ED144A] transition-colors;}.responsive-padding{@apply p-4 sm:p-6 md:p-8 lg:p-12;}.responsive-margin{@apply m-4 sm:m-6 md:m-8 lg:m-12;}.responsive-gap{@apply gap-4 sm:gap-6 md:gap-8 lg:gap-12;}.responsive-heading{@apply text-2xl sm:text-3xl md:text-4xl lg:text-5xl xl:text-6xl;}.responsive-subheading{@apply text-lg sm:text-xl md:text-2xl lg:text-3xl;}.responsive-body{@apply text-sm sm:text-base md:text-lg lg:text-xl;}.responsive-container{@apply max-w-xs mx-auto px-4 sm:max-w-sm sm:px-6 md:max-w-4xl md:px-8 lg:max-w-6xl lg:px-12 xl:max-w-7xl;}.responsive-image{@apply w-full h-auto object-cover;}.responsive-aspect-video{@apply aspect-video w-full;}.responsive-aspect-square{@apply aspect-square w-full;}.mobile-only{@apply block sm:hidden;}.desktop-only{@apply hidden sm:block;}.tablet-only{@apply hidden md:block lg:hidden;}.show-xs{@apply block xs:block;}.show-sm{@apply hidden sm:block;}.show-md{@apply hidden md:block;}.show-lg{@apply hidden lg:block;}.hide-xs{@apply hidden xs:hidden;}.hide-sm{@apply block sm:hidden;}.hide-md{@apply block md:hidden;}.hide-lg{@apply block lg:hidden;}}::selection{background-color:#171717;color:#fff}
