.about-section{background-color:var(--color-surface);border-top:2px solid var(--color-secondary)}.about-container{gap:clamp(var(--space-lg),5vw,var(--space-2xl))}.about-heading{text-align:center}.about-heading h2{font-size:clamp(2rem,4vw,2.8rem);font-weight:900;color:var(--color-primary);letter-spacing:-.5px;margin-bottom:var(--space-sm)}.about-grid>*{grid-column:1 / -1}.about-text{color:var(--color-foreground);font-size:1.1rem;line-height:1.8;display:flex;flex-direction:column;gap:calc(var(--space-xl) - var(--space-2xs))}.about-link{color:var(--color-primary);font-weight:600;text-decoration:none;border-bottom:2px solid rgba(230,183,86,.45);margin:0 var(--space-3xs)}.about-link:hover,.about-link:focus-visible{color:var(--color-secondary);border-bottom-color:currentColor}.about-gallery{position:relative;padding:var(--space-md);border-radius:var(--radius-lg);background:#ffffffc7;box-shadow:var(--elevation-sm);overflow:hidden}.about-gallery__viewport{overflow:hidden}.about-gallery__track{display:flex;gap:clamp(var(--space-lg),5vw,calc(var(--space-xl) * .85));align-items:center;width:max-content;animation:about-gallery-scroll 48s linear infinite;will-change:transform}.about-gallery:hover .about-gallery__track,.about-gallery:focus-within .about-gallery__track{animation-play-state:paused}.about-gallery__item{flex:0 0 clamp(16rem,25vw,22rem);display:block;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--elevation-sm)}.about-gallery__image{width:100%;height:clamp(12rem,24vw,17rem)}.about-gallery__image picture,.about-gallery__image-el{width:100%;height:100%;display:block}.about-gallery__image-el{object-fit:cover}.about-gallery__gradient{position:absolute;top:0;bottom:0;width:clamp(2.5rem,6vw,4.5rem);pointer-events:none;z-index:1}.about-gallery__gradient--left{left:0;background:linear-gradient(90deg,#faf8f4f2,#faf8f400)}.about-gallery__gradient--right{right:0;background:linear-gradient(270deg,#faf8f4f2,#faf8f400)}@keyframes about-gallery-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(min-width:768px){.about-text{grid-column:span 4}.about-gallery{grid-column:span 2}}@media(min-width:1280px){.about-text{grid-column:span 7}.about-gallery{grid-column:span 5}}