/* Quiénes somos */
.about__grid { display: grid; grid-template-columns: 6fr 6fr; gap: clamp(32px, 6vw, 96px); align-items: center; }
.about__photo { align-self: start; margin-top: calc(var(--section-y) * -1.5); position: relative; z-index: 1; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 72px), calc(100% - 72px) 100%, 0 100%); }
.about__photo img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.about__statement { margin-bottom: var(--space-4); font-size: var(--fs-h2); text-transform: uppercase; }
.about__statement em { text-transform: none; }
.about__copy p { max-width: 58ch; margin-bottom: var(--space-2); color: var(--color-stone); }
.about__copy .text-link { margin-top: var(--space-2); }

/* Lema a todo el ancho */
.pillars { overflow: hidden; background: var(--color-accent); color: var(--color-white); }
.pillars__row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(12px, 2.6vw, 40px);
    padding: clamp(20px, 3vw, 36px) var(--gutter);
    font-family: var(--font-heading);
    font-size: clamp(1.45rem, 5.4vw, 5.2rem);
    font-stretch: 72%;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}
.pillars__row em { text-transform: none; font-size: 1.06em; }
.pillars__row i { width: .36em; height: .36em; flex: none; background: var(--color-white); clip-path: var(--diamond); }

/* Lo que nos define: baldosas de distinto formato */
.define__title { margin-bottom: var(--space-5); }
.define__grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 6px; }
.define__item {
    grid-column: span 4;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: clamp(240px, 24vw, 320px);
    padding: clamp(20px, 2.4vw, 32px);
    background: var(--color-travertine);
    transition: background-color .3s var(--ease), color .3s var(--ease);
}
.define__item .icon { width: 34px; height: 34px; margin-bottom: auto; color: var(--color-primary); }
.define__item h3 { margin-block: var(--space-3) 10px; font-size: var(--fs-h3); text-transform: uppercase; }
.define__item p { color: var(--color-stone); max-width: 44ch; }
.define__item--wide { grid-column: span 8; }
.define__item--green { background: var(--color-primary-deep); color: var(--color-white); }
.define__item--green .icon { color: var(--color-white); }
.define__item--green p { color: rgba(255,255,255,.86); }
.define__item--sand { background: var(--color-sand); }
.define__item--sand p { color: var(--color-ink); }

/* Tienda */
.store { padding-block: 0 var(--section-y); }
.store__grid { display: grid; grid-template-columns: minmax(0, 361px) minmax(0, 1fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
.store__sign img { width: 100%; }
.store__sign figcaption { margin-top: 8px; font-size: .9375rem; color: var(--color-stone); }
.store__lead { margin-block: var(--space-3) var(--space-4); }

@media (max-width: 1023px) {
    .about__grid { grid-template-columns: 1fr; }
    .about__photo { margin-top: calc(var(--section-y) * -1.3); }
    .store__grid { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .about__photo { clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%); }
    .define__item, .define__item--wide { grid-column: 1 / -1; min-height: 190px; }
}