.our-story-page{width:100%}.story-hero{justify-content:center;align-items:center;height:60vh;min-height:400px;display:flex;position:relative;overflow:hidden}.story-hero-image-container{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.story-hero:after{content:"";z-index:0;background:#2d3a2d66;width:100%;height:100%;position:absolute;top:0;left:0}.story-hero-content{z-index:1;padding:var(--spacing-md);width:100%;position:relative}.story-hero h1{color:var(--white);text-shadow:2px 2px 8px #0000004d;margin-top:1rem;font-size:4rem}.text-white{color:var(--white)}.story-origin{background-color:var(--bg-color)}.max-w-3xl{max-width:48rem;margin-left:auto;margin-right:auto}.lead-text{color:var(--text-main);margin-top:2rem;font-size:1.25rem;line-height:1.8}.bg-cream{background-color:var(--cream-soft)}.craft-grid{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.craft-text h2{margin:1rem 0;font-size:2.5rem}.craft-text p{margin-bottom:1.5rem;font-size:1.1rem}.craft-image-container{border-radius:12px;justify-content:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d}.mb-12{margin-bottom:3rem}.mt-6{margin-top:1.5rem}.pillars-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.pillar-item{flex-direction:column;align-items:center;display:flex}.pillar-image-container{background-color:var(--cream-soft);border:1px solid var(--cream-soft);border-radius:50%;width:100px;height:100px;transition:transform .5s;position:relative;overflow:hidden}.pillar-item:hover .pillar-image-container{transform:scale(1.1)}.pillar-item h3{margin-bottom:.5rem;font-size:1.8rem}@media (max-width:992px){.craft-grid{gap:var(--spacing-lg);grid-template-columns:1fr}}@media (max-width:768px){.story-hero h1{font-size:2.2rem}.story-hero-content{padding:var(--spacing-sm)}.origin-content h2,.craft-text h2,.section-header h2{font-size:1.8rem}.lead-text{padding:0 1rem;font-size:1.1rem;line-height:1.6}.pillars-grid{gap:var(--spacing-xl);grid-template-columns:1fr}.pillar-image{max-width:320px;margin:0 auto}}@media (max-width:480px){.story-hero{height:50vh;min-height:300px}.story-hero h1{font-size:1.8rem}.origin-content h2,.craft-text h2,.section-header h2{font-size:1.5rem}.lead-text{font-size:1rem}}