/* Our Story: comfortable reading sizes with less scrolling, in both languages. */
.primary-cta{padding:15px 19px;min-width:215px}
.eyebrow{margin-bottom:12px}
.trust-grid div{min-height:72px;padding:12px 18px}
.trust-grid p{margin:0}
.story,.values{padding-block:40px;gap:44px}
.story h2,.gallery-heading h2,.difference h2,.values h2,.about-cta h2{font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-.045em}
.story-copy{padding-top:0}
.story-copy p{margin:0 0 12px;font-size:16px;line-height:1.6}
.story-copy p:last-child{margin-bottom:0}
.story-copy .lead{font-size:19px;line-height:1.5}
.guest-gallery{padding-bottom:40px}
.gallery-heading{gap:24px;margin-bottom:22px}
.photo-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
.photo-grid figure{flex:var(--photo-ratio,1.5) 1 calc(150px * var(--photo-ratio,1.5));min-width:0;background:transparent}
.photo-grid.balanced-photos figure{flex:0 0 var(--photo-width);width:var(--photo-width)}
.photo-grid figure:first-child{grid-column:auto;grid-row:auto}
.photo-grid img{width:100%;height:auto;object-fit:contain;transform:none}
.photo-grid figure:hover img{transform:none}
.photo-grid figcaption{display:none}
.photo-grid figure:first-child img{height:auto}
.difference,.about-cta{padding:40px 0}
.difference-layout,.cta-layout{gap:44px}
.principles article{grid-template-columns:28px 1fr;gap:10px;padding:15px 0}
.principles h3{font-size:17px;margin-bottom:6px}
.principles p{font-size:15px;line-height:1.55}
.value-grid article{min-height:0;padding:18px 20px}
.value-grid i{width:26px;height:26px;margin-bottom:12px}
.value-grid h3{font-size:17px}
.cta-layout>div:last-child>p{margin:0;font-size:16px;line-height:1.6}
.whatsapp-cta{margin-top:18px;padding:14px 16px;min-height:48px}
#story{scroll-margin-top:105px}
@media(max-width:900px){
 .story,.difference-layout,.values,.cta-layout{gap:24px}
 .gallery-heading{gap:12px}
 .photo-grid figure{flex-basis:calc(125px * var(--photo-ratio,1.5))}
}
@media(max-width:650px){
 .story h2,.gallery-heading h2,.difference h2,.values h2,.about-cta h2{font-size:30px}
 .trust-grid div{min-height:68px;padding:12px 10px;gap:8px}
 .trust-grid b{width:28px;height:28px}
 .trust-grid strong{font-size:12px}
 .story,.values{padding-block:30px}
 .guest-gallery{padding-bottom:30px}
 .difference,.about-cta{padding:30px 0}
 .story-copy .lead{font-size:18px}
 .photo-grid{gap:8px}
 .photo-grid figure{flex-basis:calc(100px * var(--photo-ratio,1.5))}
 .photo-grid figure:first-child{grid-column:auto;grid-row:auto}
 .photo-grid figcaption{display:none}
 .photo-grid figure:first-child img{height:auto}
 .value-grid{grid-template-columns:1fr 1fr}
 .value-grid article{padding:16px 14px}
 .value-grid h3{font-size:16px;line-height:1.3}
}
@media(max-width:360px){.value-grid{grid-template-columns:1fr}}