.principles-grid{background:var(--border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.principles-grid article{background:var(--beige-50);padding:clamp(30px,4vw,55px)}.principles-grid span{color:var(--tertiary);font-size:.75rem;font-weight:700}.principles-grid h3{margin:60px 0 18px;font-size:1.7rem}.principles-grid p{color:var(--muted);margin:0}@media (max-width:900px){.principles-grid{grid-template-columns:1fr}.principles-grid article{border-bottom:1px solid var(--border)}.principles-grid h3{margin-top:30px}}@media (max-width:767px){.principles-grid article{padding:35px 24px}}.about-hero-copy .breadcrumbs{margin-bottom:clamp(28px,4vw,54px)}.about-hero{background:var(--beige-100);grid-template-columns:1fr 1fr;min-height:min(760px,100svh - 114px);display:grid}.about-hero-image{min-height:600px;position:relative}.about-hero-image img{object-fit:cover}.about-hero-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(50px,7vw,110px);display:flex}.about-hero-copy h1{max-width:650px;margin-bottom:28px;font-size:3rem}.about-hero-copy>.about-introduction{max-width:570px;color:var(--on-surface-variant);text-align:justify;text-justify:inter-word;margin-bottom:34px;font-size:1.1rem}.about-introduction p{margin:0}.about-introduction p+p{margin-top:1em}.about-story{text-align:center}.about-story h2{margin-bottom:34px}.about-story p:not(.eyebrow){color:var(--muted);text-align:justify;text-justify:inter-word;font-size:1.05rem}.about-packaging{background:var(--surface-container-high)}.about-final{border-top:1px solid color-mix(in srgb, var(--tertiary) 34%, transparent)}@media (max-width:900px){.about-hero{grid-template-columns:1fr;min-height:auto}.about-hero-image{min-height:560px}.about-hero-copy{padding-block:75px}}@media (max-width:767px){.about-hero-image{order:1;min-height:min(68svh,570px)}.about-hero-copy{order:2;padding:58px 20px 70px}.about-hero-copy h1{font-size:clamp(3rem,14vw,4.4rem)}.about-story{text-align:left}}.about-hero-copy h1{white-space:nowrap;max-width:none;font-size:clamp(2rem,2.55vw,3.15rem);line-height:1.06}@media (max-width:767px){.about-hero-copy h1{white-space:normal;font-size:clamp(2.45rem,11.5vw,3.65rem)}}