/* Clean composition: mineral over the top center, white surface and compact copy.
   Plain rounded cards, CSS geometry, shared GSAP entrance in motion/history.js. */
.history{position:relative;z-index:5;background:var(--paper);color:var(--ink);scroll-margin-top:0}
.history__inner{max-width:1440px;margin:0 auto;padding:94px var(--gutter) 104px}
.history__header{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}
.history__header h2{font-family:var(--font-display);font-size:clamp(58px,5.5vw,84px);font-weight:500;line-height:1;letter-spacing:-.035em}
.history__header>p{max-width:490px;font-size:17px;line-height:1.8;color:var(--muted);text-wrap:pretty;padding-bottom:3px}
.history__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;column-gap:26px;row-gap:104px;padding-top:72px}
.history-card{--card-accent:74 205 164;position:relative;display:flex;min-width:0}
.history-card__float{position:relative;isolation:isolate;display:flex;flex-direction:column;flex:1;min-width:0;border-radius:24px;padding:84px 30px 32px;background:#fff;border:1px solid rgb(var(--card-accent) / .18);box-shadow:0 8px 28px rgb(16 61 46 / .035);transition:none}
.history-card--lapis-lazuli{--card-accent:97 135 244}
.history-card--quartzo-rutilado{--card-accent:236 173 77}
.history-card--ametista{--card-accent:185 128 226}
.history-card__crystal{position:absolute;top:-72px;left:50%;transform:translateX(-50%);width:144px;height:144px;display:block;pointer-events:none;z-index:2}
.history-card__crystal img{position:absolute;inset:0;display:block;min-width:0;min-height:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 12px rgb(24 45 37 / .14))}
.history-card__heading{display:block;margin:0 0 20px;padding:0}
.history-card__heading h3{margin:0;font-family:var(--font-display);font-size:clamp(30px,2.7vw,40px);font-weight:600;line-height:1.08;letter-spacing:-.025em;text-wrap:balance}
.history-card__body{padding:0;flex:1}
.history-card__body p{margin:0;font-size:16px;line-height:1.8;color:var(--muted);text-wrap:pretty}
@media(max-width:1100px) and (min-width:768px){.history__header>p{max-width:420px;font-size:16px}.history-card__float{padding-left:26px;padding-right:26px}.history-card__heading h3{font-size:30px}}
@media(max-width:767px){
  .history__inner{padding:70px var(--gutter) 78px}
  .history__header{display:block;margin-bottom:32px}
  .history__header h2{font-size:clamp(40px,11.1vw,64px);margin-bottom:24px}
  .history__header>p{font-size:16px;line-height:1.85;padding:0;max-width:500px}
  .history__grid{grid-template-columns:1fr;grid-auto-rows:auto;row-gap:100px;padding-top:64px}
  .history-card__float{padding:82px 24px 28px;border-radius:22px}
  .history-card__heading{margin-bottom:18px}
  .history-card__heading h3{font-size:31px;line-height:1.08}
  .history-card__body p{font-size:15px;line-height:1.8}
}
@media(max-width:359px){.history-card__float{padding-left:20px;padding-right:20px}.history-card__heading h3{font-size:28px}}

@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .history-card.is-hovered .history-card__float{box-shadow:0 16px 36px rgb(16 61 46 / .06);border-color:rgb(var(--card-accent) / .30)}
}
@media(prefers-reduced-motion:reduce){.history-card__float{transition:none}}