.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(to bottom,#2c262259,#2c262240,#2c262266),url(/barn.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--color-cream);padding:var(--spacing-xl) var(--spacing-md);text-align:center;position:relative;overflow:hidden}.header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(184,115,51,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,154,125,.15) 0%,transparent 50%);pointer-events:none}.header-content{position:relative;z-index:1;max-width:800px;margin:0 auto;animation:fadeInDown .8s ease-out}.logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.logo-icon{font-size:2.5rem;color:var(--color-copper);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.logo h1{font-size:clamp(2rem,6vw,3.5rem);font-weight:400;letter-spacing:.15em;text-transform:uppercase;margin:0}.tagline{font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:var(--color-sand);margin-top:var(--spacing-xs)}.gallery{flex:1;padding:var(--spacing-lg) var(--spacing-md);max-width:1400px;margin:0 auto;width:100%}.gallery-intro{text-align:center;margin-bottom:var(--spacing-lg);animation:fadeIn .8s ease-out .2s both}.gallery-intro h2{font-size:clamp(1.8rem,4vw,2.5rem);color:var(--color-walnut);margin-bottom:var(--spacing-sm);position:relative;display:inline-block}.gallery-intro h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:2px;background:var(--color-copper)}.gallery-intro p{color:var(--color-walnut);font-size:1.1rem;font-weight:300;margin-top:var(--spacing-md)}.gallery-grid{display:flex;flex-direction:column;gap:var(--spacing-xl)}.gallery-item{animation:fadeInUp .6s ease-out both}.item-title{font-size:clamp(1.4rem,3vw,2rem);color:var(--color-espresso);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-xs);border-left:3px solid var(--color-copper);transition:color var(--transition-smooth)}.image-container{position:relative;border-radius:4px;overflow:hidden;box-shadow:0 4px 20px #3c2e241a,0 8px 40px #3c2e2414;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.image-container:hover{transform:translateY(-4px);box-shadow:0 8px 30px #3c2e2426,0 16px 60px #3c2e241f}.image-container img{width:100%;aspect-ratio:16 / 10;object-fit:cover;transition:transform var(--transition-smooth)}.image-container:hover img{transform:scale(1.03)}.image-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md);background:linear-gradient(to top,rgba(44,38,34,.85) 0%,rgba(44,38,34,.4) 60%,transparent 100%);opacity:0;transform:translateY(10px);transition:opacity var(--transition-smooth),transform var(--transition-smooth)}.image-container:hover .image-overlay{opacity:1;transform:translateY(0)}.item-description{color:var(--color-cream);font-size:1rem;font-weight:300;letter-spacing:.1em;text-transform:uppercase}.footer{background:var(--color-linen);padding:var(--spacing-md);text-align:center;margin-top:auto;border-top:1px solid var(--color-sand)}.footer p{color:var(--color-walnut);font-size:.9rem;font-weight:300;letter-spacing:.05em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.gallery{padding:var(--spacing-xl) var(--spacing-lg)}.gallery-grid{gap:var(--spacing-xl)}.item-title{padding-left:var(--spacing-sm)}}@media (min-width: 1024px){.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.gallery-item:first-child{grid-column:1 / -1}.gallery-item:first-child .image-container img{aspect-ratio:21 / 9}}@media (max-width: 480px){.header{padding:var(--spacing-lg) var(--spacing-sm)}.logo{flex-direction:column;gap:var(--spacing-xs)}.logo-icon{font-size:2rem}.tagline{letter-spacing:.15em;font-size:.8rem}.gallery{padding:var(--spacing-md) var(--spacing-sm)}.image-container img{aspect-ratio:4 / 3}.image-overlay{opacity:1;transform:translateY(0)}}:root{--color-cream: #FAF7F2;--color-linen: #F5F0E8;--color-sand: #E8DFD0;--color-walnut: #5C4A3D;--color-espresso: #3D2E24;--color-charcoal: #2C2622;--color-copper: #B87333;--color-sage: #8B9A7D;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Raleway", "Helvetica Neue", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-cream);color:var(--color-charcoal);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;line-height:1.2}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-linen)}::-webkit-scrollbar-thumb{background:var(--color-sand);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-walnut)}::selection{background:var(--color-copper);color:var(--color-cream)}