section .section-content{padding-top:clamp(3rem,8vw,6rem);padding-bottom:clamp(3rem,8vw,6rem)}h2{font-size:clamp(1.2rem,5vw,1.8rem)}@media(min-width:768px){main p{font-size:1rem;color:#222;line-height:1.7}}.story-hero-section{height:60vh;min-height:400px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--color-white);position:relative;overflow:hidden}.story-hero-section .hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.story-hero-section .hero-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#0006,#0006);z-index:1}.story-hero-section .section-content{position:relative;z-index:2}.story-hero-section h1{font-size:clamp(2.5rem,6vw,4.5rem);text-shadow:0 4px 15px rgba(0,0,0,.4)}.about-grid,.team-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center;text-align:left}.about-grid .quote-box{background-color:var(--color-white);padding:2rem;border-radius:8px;border-left:4px solid var(--color-accent);box-shadow:var(--shadow-subtle);border-right:4px solid var(--color-accent)}.quote-box h3{font-size:clamp(1.2rem,3vw,1.5rem);padding-bottom:1rem}.quote-box p{font-style:italic;color:#555}.quote-box .author{font-style:normal;font-weight:700;display:block;margin-top:1rem;color:#222}.team-grid{grid-template-columns:1fr 1.2fr}.team-grid img{border-radius:8px;box-shadow:var(--shadow-medium)}.principles-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,2rem)}.principle-card{background-color:var(--color-white);padding:clamp(1.5rem,5vw,2.5rem);border-radius:8px;text-align:center;box-shadow:var(--shadow-subtle);transition:var(--transition-speed)}.principle-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.principle-card .icon{font-size:clamp(2.5rem,6vw,3rem);color:var(--color-accent);margin-bottom:1rem}.principle-card h3{font-size:clamp(1.5rem,4vw,1.8rem)}.timeline-grid-container{--grid-gap: clamp(1rem, 4vw, 2rem);position:relative;display:grid;gap:var(--grid-gap);align-items:stretch}.timeline-card{background-color:var(--color-white);border-radius:8px;box-shadow:var(--shadow-subtle);transition:transform var(--transition-speed),box-shadow var(--transition-speed);display:flex;flex-direction:column;text-align:center;padding:clamp(1.25rem,4vw,2rem);position:relative;z-index:2}.timeline-card p{flex-grow:1;font-size:1rem;color:#444}.timeline-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.timeline-card .icon{font-size:clamp(2rem,5vw,2.5rem);color:var(--color-accent);margin-bottom:1rem}.timeline-card .year{font-family:var(--font-alt);font-weight:700;color:var(--color-accent);margin-bottom:.5rem}.timeline-card h4{font-size:clamp(1.1rem,3vw,1.5rem);margin-bottom:.5rem}.timeline-card:after{content:"";position:absolute;background-color:var(--color-accent);z-index:1;transition:all .5s ease-out;transition-delay:.3s}.timeline-card[data-line-to=right]:after{top:50%;left:100%;width:0;height:2px;transform:translateY(-50%)}.timeline-card[data-line-to=left]:after{top:50%;right:100%;width:0;height:2px;transform:translateY(-50%)}.timeline-card[data-line-to=down]:after{top:100%;left:50%;width:2px;height:0;transform:translate(-50%)}.timeline-card.is-visible[data-line-to=right]:after,.timeline-card.is-visible[data-line-to=left]:after{width:var(--grid-gap)}.timeline-card.is-visible[data-line-to=down]:after{height:var(--grid-gap)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,4vw,2rem);text-align:center}.value-card{background-color:var(--color-white);padding:clamp(1.5rem,5vw,2.5rem);border-radius:8px;box-shadow:var(--shadow-subtle);transition:var(--transition-speed)}.value-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.value-card .icon{font-size:clamp(2.5rem,6vw,3rem);color:var(--color-accent);margin-bottom:1rem}.value-card h3{font-size:clamp(1.2rem,3vw,1.5rem);margin-bottom:1rem}.intro-text-block{max-width:800px;margin-left:auto;margin-right:auto}.sustainability-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,2rem);margin-top:3rem}.sustainability-detail-card{background-color:#fff;padding:clamp(1.5rem,4vw,2rem);border-radius:8px;box-shadow:var(--shadow-subtle);text-align:left}.sustainability-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.sustainability-card-header .icon{font-size:clamp(2rem,5vw,2.5rem);color:var(--color-accent)}.sustainability-card-header h3{font-size:clamp(1.2rem,3vw,1.5rem);margin-bottom:0}.csr-slider-container{position:relative;width:100%;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-medium)}.csr-slider-track{display:flex;transition:transform .5s ease-in-out}.csr-slide{min-width:100%;position:relative}.progressive-image-wrapper.dynamic-aspect-ratio{position:relative!important;height:auto!important;aspect-ratio:auto!important;background-image:none!important}.progressive-image-wrapper.dynamic-aspect-ratio .progressive-image{position:relative!important;height:auto!important;object-fit:cover}.team-image-container{position:relative;aspect-ratio:16 / 9;border-radius:8px;box-shadow:var(--shadow-medium);overflow:hidden}.csr-slide img{width:100%;height:100%;display:block;object-fit:cover}.csr-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:#fff3;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(5px);border-radius:50%;width:clamp(40px,8vw,50px);height:clamp(40px,8vw,50px);display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1.8rem;color:var(--color-white);transition:var(--transition-fast)}.csr-slider-arrow:hover{background-color:#fff6;transform:translateY(-50%) scale(1.05)}.csr-slider-arrow.prev{left:1rem}.csr-slider-arrow.next{right:1rem}@media(max-width:1023px){.values-grid,.sustainability-details-grid{grid-template-columns:1fr}}@media(max-width:900px){.about-grid,.team-grid,.principles-grid{grid-template-columns:1fr;text-align:center}.team-grid img{order:-1}.intro-text-block{max-width:100%}}@media(max-width:768px){.timeline-card h4{font-size:clamp(1rem,3vw,1.5rem)}.timeline-card p{flex-grow:1;font-size:.9rem;color:#444}}