.page-hero.historia{min-height:580px;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.page-hero.historia .page-hero-image{filter:saturate(.88) contrast(1.03) sepia(.08);transform:scale(1.02);animation:history-hero-drift 14s ease-out both}
.page-hero.historia::after{background:linear-gradient(90deg,#00152ce8 0%,#001833b9 45%,#00152d38 78%),linear-gradient(0deg,#00152d8c 0%,transparent 45%)}
.page-hero.historia .wrap{padding-top:175px;padding-bottom:75px;position:relative;z-index:1}
.page-hero.historia h1{max-width:660px;margin:10px 0 17px;font-size:clamp(48px,5vw,72px);line-height:1.04;color:#fff;text-wrap:balance}
.page-hero.historia p{max-width:660px;margin:0;color:#fff;font-size:18px;line-height:1.62}
.page-hero-kicker,.history-section-label{display:block;color:#ffdb2f;text-transform:uppercase;font-weight:800;letter-spacing:.11em;font-size:13px}
.historia-content{padding-top:58px}

.history-intro{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;margin-bottom:100px}
.history-intro h2,.history-section-heading h2,.history-gallery h2,.history-continue h2{font-family:'Roboto Condensed',sans-serif;color:#0b2255;font-size:clamp(31px,4vw,45px);line-height:1.12;margin:8px 0 20px}
.history-intro p{color:#4e5c73;font-size:16px;line-height:1.8;max-width:600px}
.history-section-label{color:#1760ef;font-size:12px}
.history-intro-photo{position:relative;margin:0;padding:14px;background:#f5eddf;box-shadow:0 16px 35px #19233820;transform:rotate(-2deg)}
.history-intro-photo::before,.history-intro-photo::after{content:'';position:absolute;width:95px;height:23px;background:#e9ddc8cc;top:-11px;transform:rotate(5deg)}
.history-intro-photo::before{left:24px}.history-intro-photo::after{right:25px;transform:rotate(-6deg)}
.history-photo-lightbox{display:block;cursor:zoom-in}.history-photo-lightbox:focus-visible{outline:3px solid #1760ef;outline-offset:3px}
.history-intro-photo img{display:block;width:100%;height:280px;object-fit:cover;filter:grayscale(1) sepia(.48) contrast(.9)}
.history-intro-photo figcaption{font-family:Georgia,serif;font-style:italic;color:#625947;font-size:12px;padding:11px 6px 2px;text-align:center}

.history-timeline-section{margin-bottom:95px;scroll-margin-top:120px}
.history-section-heading{text-align:center;max-width:720px;margin:0 auto 55px}
.history-timeline{position:relative;display:grid;gap:66px}
.history-timeline::before{content:'';position:absolute;top:8px;bottom:8px;left:50%;width:2px;background:linear-gradient(#1760ef,#98b9ff 84%,transparent);transform:translateX(-1px)}
.history-timeline-item{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;min-height:260px}
.history-timeline-item::before{content:'';position:absolute;left:50%;top:50%;z-index:2;width:15px;height:15px;border:4px solid #eef4ff;border-radius:50%;background:#1760ef;box-shadow:0 0 0 6px #1760ef18;transform:translate(-50%,-50%);transition:box-shadow .25s,transform .25s}
.history-timeline-item:hover::before{box-shadow:0 0 0 11px #1760ef1f;transform:translate(-50%,-50%) scale(1.12)}
.history-timeline-copy{padding-inline:8px}
.history-timeline-left .history-timeline-copy{text-align:right}
.history-timeline-right .history-timeline-copy{grid-column:2}
.history-timeline-right .history-timeline-photo,.history-timeline-right .history-timeline-slider{grid-row:1;grid-column:1}
.history-timeline-eyebrow{display:block;font-family:'Roboto Slab',Georgia,serif;color:#1760ef;font-size:29px;font-weight:700;line-height:1.15;margin-bottom:7px}
.history-timeline-item h3{color:#0b2255;font-size:21px;margin:0 0 13px}
.history-timeline-item p{color:#536179;font-size:14px;line-height:1.75;margin:0}.history-timeline-item p+p{margin-top:12px}
.history-timeline-photo{margin:0;overflow:hidden;border:9px solid #fff;border-radius:5px;box-shadow:0 12px 29px #0a1e3c20;background:#e8edf4;transform:rotate(1.2deg)}
.history-timeline-right .history-timeline-photo,.history-timeline-right .history-timeline-slider{transform:rotate(-1.2deg)}
.history-timeline-photo img{display:block;width:100%;height:285px;object-fit:cover;transition:transform .65s cubic-bezier(.22,1,.36,1),filter .4s}
.history-timeline-item:hover .history-timeline-photo img{transform:scale(1.045)}
.history-timeline-photo{position:relative}.history-timeline-photo figcaption{position:absolute;right:0;bottom:0;left:0;padding:30px 14px 10px;background:linear-gradient(transparent,#071936c7);color:#fff;font-size:12px;pointer-events:none}
.history-timeline-slider{min-width:0;transform:rotate(1.2deg)}.history-timeline-slider .image-slider{padding-bottom:22px}.history-timeline-slider .image-slider-viewport{height:303px;aspect-ratio:auto;border:9px solid #fff;border-radius:5px;box-shadow:0 12px 29px #0a1e3c20}.history-timeline-slider .image-slider-slide figcaption{pointer-events:none}.history-timeline-slider .image-slider-arrow{width:38px;height:38px;top:calc(50% - 11px)}.history-timeline-slider .image-slider-previous{left:13px}.history-timeline-slider .image-slider-next{right:13px}

.history-quote{display:grid;justify-items:center;text-align:center;margin:0 0 85px;padding:43px 24px;border-radius:18px;background:linear-gradient(135deg,#eef4ff,#f9fbff);color:#0b2255;box-shadow:inset 0 0 0 1px #e3eaf6}
.history-quote>span{color:#1760ef;font-family:Georgia,serif;font-size:58px;line-height:.6}
.history-quote blockquote{font-family:'Roboto Slab',Georgia,serif;font-size:23px;font-weight:700;font-style:italic;margin:16px 0 8px}
.history-quote p{color:#61708a;font-size:13px;margin:0 0 19px}
.history-quote>.icon{width:27px;height:27px;color:#1760ef;transform:rotate(-12deg)}

.history-gallery{margin-bottom:70px}
.history-gallery-heading{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:30px;text-align:left;margin-bottom:28px}
.history-gallery-heading h2{font-size:34px;margin-bottom:0}
.history-gallery-heading .text-link{white-space:nowrap;margin-bottom:7px}
.history-gallery .gallery-track>a{flex-basis:calc((100% - 56px)/5);border-radius:10px;box-shadow:0 6px 18px #14233f16}
.history-gallery .gallery-track img{height:155px;transition:transform .5s cubic-bezier(.22,1,.36,1),filter .3s}
.history-gallery .gallery-track a:hover img{transform:scale(1.06);filter:saturate(1.08)}

.history-continue{position:relative;min-height:260px;margin-bottom:35px;padding:46px 50px;display:flex;align-items:center;overflow:hidden;border-radius:18px;background:#092b60 url('/assets/lmfk_bg_02.jpg') center 58%/cover;color:#fff;isolation:isolate}
.history-continue::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061c48f2 0%,#0a2b63dc 45%,#092b6066 75%)}
.history-continue>div{max-width:650px}
.history-continue h2{color:#fff;margin-bottom:13px}
.history-continue p{font-size:15px;line-height:1.65;color:#e8effd;margin:0 0 25px}
.history-continue .actions{gap:13px}
.history-continue .button.secondary{background:#fff;color:#0a2a63;border-color:#fff}

@keyframes history-hero-drift{from{transform:scale(1.08)}to{transform:scale(1.02)}}
@media(max-width:800px){
  .page-hero.historia{min-height:520px;text-align:left;width:100%;margin:0;border-radius:0}
  .page-hero.historia .wrap{width:calc(100% - 40px);padding-top:110px;padding-bottom:45px}
  .page-hero.historia h1{font-size:43px;margin-top:8px}
  .page-hero.historia p{font-size:16px;line-height:1.55}
  .history-intro{grid-template-columns:1fr;gap:35px;margin-bottom:72px}
  .history-intro-photo{max-width:520px;margin-inline:auto}
  .history-timeline-section{margin-bottom:70px}
  .history-section-heading{margin-bottom:37px}
  .history-timeline{gap:48px;padding-left:22px}
  .history-timeline::before{left:7px}
  .history-timeline-item{grid-template-columns:1fr;gap:20px;min-height:0}
  .history-timeline-item::before{left:-15px;top:16px}
  .history-timeline-right .history-timeline-copy,.history-timeline-right .history-timeline-photo,.history-timeline-right .history-timeline-slider{grid-column:1;grid-row:auto}
  .history-timeline-left .history-timeline-copy{text-align:left}
  .history-timeline-photo,.history-timeline-slider,.history-timeline-right .history-timeline-photo,.history-timeline-right .history-timeline-slider{transform:none}
  .history-timeline-photo img{height:255px}
  .history-timeline-slider .image-slider-viewport{height:273px}
  .history-timeline-eyebrow{font-size:25px}
  .history-quote{margin-bottom:62px}
  .history-gallery-heading{display:block}.history-gallery-heading .text-link{display:inline-block;margin-top:14px}
  .history-gallery .gallery-track>a{flex-basis:70%}
  .history-gallery .gallery-track img{height:190px}
  .history-continue{padding:36px 27px;min-height:330px;background-position:65% center}
  .history-continue::before{background:linear-gradient(90deg,#061c48f4,#08285fd0)}
}

@media(max-width:440px){
  .page-hero.historia{min-height:510px}
  .page-hero.historia h1{font-size:38px}
  .historia-content{width:calc(100% - 28px)}
  .history-intro-photo img{height:210px}
  .history-intro h2,.history-section-heading h2,.history-gallery h2,.history-continue h2{font-size:30px}
  .history-timeline{padding-left:17px}.history-timeline-item::before{left:-10px}
  .history-timeline-photo img{height:215px}
  .history-timeline-slider .image-slider-viewport{height:233px}
  .history-quote blockquote{font-size:20px}
  .history-gallery .gallery-track img{height:165px}
  .history-continue .actions{display:grid;grid-template-columns:1fr}
}

@media(max-width:680px){
  .historia-content{padding-top:52px}
}

@media(prefers-reduced-motion:reduce){
  .page-hero.historia .page-hero-image{animation:none}
  .history-timeline-item::before,.history-timeline-photo img,.history-gallery .gallery-track img{transition:none}
}
