.full-story {
  overflow: hidden;
  padding: 78px 0 90px;
  background: linear-gradient(145deg, #111315, #08090a 72%);
  border-top: 1px solid #2b2d2f;
  border-bottom: 1px solid #2b2d2f;
}

.full-story[hidden] { display: none; }
.full-story.is-opening { animation: reveal-story .55s ease both; }
@keyframes reveal-story { from { opacity: 0; transform: translateY(-24px); } to { opacity: 1; transform: none; } }

.full-story-head { display: flex; justify-content: space-between; gap: 35px; align-items: flex-start; }
.full-story-head h2 { margin: 0; font: 700 clamp(2.7rem,5vw,5.1rem)/.95 "Barlow Condensed"; text-transform: uppercase; }
.full-story-head h2 span { color: var(--red); }
.story-close { display: flex; align-items: center; gap: 9px; border: 0; background: transparent; color: #bbb; text-transform: uppercase; font-size: .75rem; letter-spacing: .1em; }
.story-close b { color: var(--red); font-size: 1.7rem; font-weight: 400; }
.story-close:hover { color: #fff; }

.history-facts { margin: 62px 0; border-block: 1px solid var(--line); }
.history-facts .fact:first-child { border-left: 0; }
.story-article { width: min(100%, 830px); margin: 0 auto; columns: 2; column-gap: 68px; }
.story-article p { break-inside: avoid; margin: 0 0 24px; color: #d8d8d8; font: .94rem/1.85 Inter,sans-serif; }
.story-article p:first-child::first-letter { float: left; margin: 4px 9px 0 0; color: var(--red); font: 700 4.2rem/.78 "Barlow Condensed"; }
.story-article .story-purpose { margin-top: 40px; color: #fff; font: 500 1.35rem/1.45 "Barlow Condensed"; text-transform: uppercase; }
.story-purpose strong { color: var(--red); font-size: 1.8rem; }

@media(max-width:767px){.full-story{padding:62px 0}.full-story-head{display:block}.story-close{margin-top:25px}.history-facts{margin:45px 0}.story-article{columns:1}.story-article p{font-size:.88rem}.full-story-head h2 br{display:none}}