@media only screen and (min-width: 0rem) {#about-page {padding: 7rem 1.25rem 4rem;background: var(--cream);font-family: 'Inter', system-ui, sans-serif;}#about-page .cs-container {width: 100%;max-width: 1080px;margin: 0 auto;}#about-page .cs-about-intro {max-width: 720px;margin: 0 auto 3rem;text-align: center;display: flex;flex-direction: column;align-items: center;}#about-page .cs-topper {display: inline-flex;align-items: center;gap: 0.5rem;font-size: 0.75rem;font-weight: 700;letter-spacing: 0.22em;text-transform: uppercase;color: var(--primary-dark);margin-bottom: 1rem;}#about-page .cs-topper::before, #about-page .cs-topper::after {content: '';width: 1.25rem;height: 2px;background: var(--primary);box-shadow: 0 0 10px rgba(247, 192, 110, 0.7);}#about-page .cs-title {font-family: 'Bricolage Grotesque', 'Trebuchet MS', sans-serif;font-size: clamp(2rem, 4.5vw, 2.85rem);font-weight: 700;line-height: 1.1;letter-spacing: -0.02em;color: var(--dark);margin: 0 0 1.25rem;}#about-page .cs-text {font-size: 1.0625rem;line-height: 1.7;color: var(--bodyTextColor);margin: 0 0 1.25rem;}#about-page .cs-button-primary {display: inline-flex;align-items: center;gap: 0.5rem;background: var(--primary);color: var(--ink);font-size: 0.9375rem;font-weight: 700;letter-spacing: 0.02em;text-decoration: none;padding: 1rem 1.6rem;border-radius: 999px;margin-top: 0.5rem;transition: transform 0.25s ease, box-shadow 0.25s ease;box-shadow: 0 12px 32px -10px rgba(247, 192, 110, 0.7);}#about-page .cs-button-primary svg {transition: transform 0.2s ease;}#about-page .cs-button-primary:hover {transform: translateY(-2px);}#about-page .cs-button-primary:hover svg {transform: translateX(4px);}#about-page .cs-about-gallery {display: grid;grid-template-columns: 1fr;gap: 1rem;}#about-page .cs-about-gallery img {width: 100%;height: auto;aspect-ratio: 4/3;object-fit: cover;display: block;border-radius: 14px;border: 1px solid var(--border);}}@media only screen and (min-width: 48rem) {#about-page {padding: 7.5rem 2.5rem 5rem;}#about-page .cs-about-gallery {grid-template-columns: repeat(3, 1fr);gap: 1.25rem;}}@media only screen and (min-width: 64rem) {#about-page {padding: 8rem 3rem 6rem;}#about-page .cs-about-intro {margin-bottom: 3.5rem;}}