/* K6K — deep-QA realistic phone frame based on the user's EduVerse video references. */
#founderStory{
  --story-accent:var(--edu-accent,#79e8ff);
  --story-accent-2:var(--edu-accent-2,#8b74ff);
  --story-warm:var(--edu-warm,#ffd45b);
  --story-text:var(--edu-text,#f6f8ff);
  --story-muted:var(--edu-muted,#aeb9cf);
  --story-panel-1:var(--edu-panel-1,#0d1b36);
  --story-panel-2:var(--edu-panel-2,#070e20);
  --story-border:var(--edu-border,rgba(109,187,255,.22));
}

.founder-story{
  position:relative;
  width:min(100%,430px);
  margin:22px auto;
  padding:12px 13px 15px;
  border:1px solid color-mix(in srgb,var(--story-border) 54%,transparent);
  border-radius:30px;
  color:var(--story-text);
  background:linear-gradient(180deg,color-mix(in srgb,var(--story-panel-1) 80%,transparent),color-mix(in srgb,var(--story-panel-2) 84%,transparent));
  box-shadow:0 18px 52px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.02);
  overflow:visible;
}
.founder-story::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--story-accent) 8%,transparent),transparent 34%);opacity:.7}

/* Outer title stays accessible but visually the story lives inside the phone, like the reference videos. */
.founder-story__head>div:first-child{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.founder-story__head{position:relative;z-index:20;height:0;margin:0;padding:0}
.founder-story__controls{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px auto 0}
.founder-story__btn{position:relative;min-height:28px;padding:0 10px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));color:rgba(242,247,255,.78);font:800 .60rem/1 inherit;letter-spacing:.08em;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.06);transition:.18s ease}
.founder-story__btn:hover,.founder-story__btn:focus-visible{outline:none;color:white;border-color:color-mix(in srgb,var(--story-accent) 48%,white);box-shadow:0 0 14px color-mix(in srgb,var(--story-accent) 13%,transparent)}
.founder-story__btn.is-primary{background:linear-gradient(135deg,color-mix(in srgb,var(--story-warm) 16%,transparent),color-mix(in srgb,var(--story-accent-2) 15%,transparent));border-color:color-mix(in srgb,var(--story-accent) 36%,transparent)}

/* REALISTIC PHONE BODY */
.founder-story__book{
  position:relative;z-index:5;
  width:356px;
  margin:0 auto;
  padding:8px 8px 10px;
  border-radius:49px;
  border:1px solid #080b11;
  background:
    linear-gradient(112deg,#8e97a4 0%,#454e59 2.5%,#1c222b 6%,#68717e 9%,#222a34 12%,#0d121b 50%,#26303b 84%,#596370 91%,#8b95a1 97%,#48515d 100%);
  box-shadow:
    0 0 0 1px #737d89,
    0 0 0 3px #171c24,
    0 0 0 4px rgba(150,160,173,.24),
    0 26px 54px rgba(0,0,0,.42),
    -10px 0 22px rgba(62,112,167,.10),
    10px 0 22px rgba(128,88,178,.09),
    inset 2px 0 2px rgba(255,255,255,.26),
    inset -2px 0 2px rgba(255,255,255,.12);
  overflow:visible;
}
.founder-story__book::before{content:"";position:absolute;z-index:8;inset:4px;border-radius:45px;pointer-events:none;border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 0 0 1px rgba(0,0,0,.44)}
.founder-story__book::after{content:"";position:absolute;z-index:9;left:16px;top:18px;bottom:22px;width:5px;border-radius:999px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,.03) 18%,transparent 70%);opacity:.34}
.founder-story__spine{display:none}

.story-phone__button{position:absolute;z-index:3;display:block;background:linear-gradient(90deg,#5d6673,#1b212a 45%,#8b95a3);border:1px solid #080b11;box-shadow:inset 1px 0 rgba(255,255,255,.18),0 2px 4px rgba(0,0,0,.28)}
.story-phone__button--left-top{left:-6px;top:126px;width:5px;height:28px;border-radius:3px 0 0 3px}
.story-phone__button--left-mid{left:-7px;top:169px;width:6px;height:56px;border-radius:4px 0 0 4px}
.story-phone__button--left-low{left:-7px;top:237px;width:6px;height:56px;border-radius:4px 0 0 4px}
.story-phone__button--right{right:-7px;top:188px;width:6px;height:92px;border-radius:0 4px 4px 0}

.founder-story__viewport{
  position:relative;z-index:6;
  height:684px;
  overflow-y:auto;overflow-x:hidden;
  border:1px solid rgba(0,0,0,.88);
  border-radius:41px;
  outline:none;isolation:isolate;scrollbar-width:none;overscroll-behavior:contain;
  background:
    radial-gradient(circle at 50% 0,color-mix(in srgb,var(--story-accent) 13%,transparent),transparent 31%),
    linear-gradient(180deg,#11183b 0%,#101936 34%,#0b132d 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),inset 0 0 52px rgba(0,0,0,.34);
}
.founder-story__viewport::-webkit-scrollbar{display:none}
.founder-story__viewport::after{content:"";position:absolute;z-index:25;inset:0;border-radius:40px;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.055),transparent 16% 82%,rgba(255,255,255,.025));mix-blend-mode:screen}
.founder-story__viewport:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--story-accent) 54%,transparent),inset 0 0 52px rgba(0,0,0,.34)}

/* Fixed top area inspired directly by the two reference videos. */
.story-phone__chrome{
  position:sticky;top:0;z-index:22;
  padding:8px 12px 12px;
  background:linear-gradient(180deg,rgba(16,24,58,.995) 0%,rgba(16,24,58,.99) 82%,rgba(16,24,58,.88) 92%,transparent 100%);
  backdrop-filter:blur(12px);
}
.story-phone__status{position:relative;height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:#f8fbff;font:750 .66rem/1 system-ui,sans-serif;letter-spacing:.01em}
.story-phone__island{position:absolute;left:50%;top:2px;transform:translateX(-50%);width:108px;height:27px;border-radius:999px;background:#05070b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 2px 5px rgba(0,0,0,.30)}
.story-phone__island i{position:absolute;right:12px;top:9px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 36% 36%,#38557d,#091322 68%);box-shadow:0 0 4px rgba(80,144,230,.35)}
.story-phone__status-icons{display:flex;align-items:center;gap:5px}
.story-phone__status-icons b{display:block;width:4px;height:4px;border-radius:50%;background:white;box-shadow:6px 0 0 white,12px 0 0 rgba(255,255,255,.72)}
.story-phone__status-icons i{display:block;width:12px;height:8px;border:1.5px solid white;border-top-color:transparent;border-left-color:transparent;border-radius:0 0 10px 0;transform:rotate(45deg) scale(.75)}
.story-phone__status-icons em{display:block;width:14px;height:7px;border:1.5px solid white;border-radius:2px;position:relative}.story-phone__status-icons em::after{content:"";position:absolute;right:-3px;top:2px;width:2px;height:3px;border-radius:0 1px 1px 0;background:white}.story-phone__status-icons em::before{content:"";position:absolute;left:2px;top:1px;bottom:1px;width:8px;background:white;border-radius:1px}
.story-phone__pill{margin:5px 4px 10px;padding:8px 12px;border-radius:999px;text-align:center;color:#172034;background:linear-gradient(90deg,#ffd84c 0%,#ffdf61 38%,#ff79bf 100%);font:900 .69rem/1.2 system-ui,sans-serif;letter-spacing:.02em;box-shadow:0 8px 18px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.42)}
.story-phone__brand{display:flex;align-items:center;gap:10px;margin:0 6px;padding:0 0 10px;border-bottom:1px solid rgba(255,255,255,.07)}
.story-phone__brand img{width:48px;height:48px;border-radius:14px;object-fit:cover;object-position:17% center;border:1px solid rgba(255,255,255,.16);box-shadow:0 7px 16px rgba(0,0,0,.24)}
.story-phone__brand strong{display:block;color:#fff;font:900 1.18rem/1.05 system-ui,sans-serif;letter-spacing:-.025em}.story-phone__brand span{display:block;margin-top:5px;color:#ffe15d;font:850 .58rem/1 system-ui,sans-serif;letter-spacing:.12em}
.story-phone__progress{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:9px}.story-phone__progress i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.20);transition:.18s ease}.story-phone__progress i.is-active{width:15px;border-radius:999px;background:linear-gradient(90deg,var(--story-warm),var(--story-accent-2));box-shadow:0 0 8px color-mix(in srgb,var(--story-accent) 22%,transparent)}

.founder-story__roll{position:relative;z-index:2;padding:10px 14px 82px}
.founder-story__chapter{
  --story-focus:.45;position:relative;margin:0 0 11px;padding:14px 14px 15px 18px;border-radius:18px;text-align:left;
  border:1px solid rgba(255,255,255,.085);
  background:linear-gradient(145deg,rgba(79,86,119,.48),rgba(54,61,89,.62));
  box-shadow:0 8px 16px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.025);
  opacity:calc(.62 + var(--story-focus)*.38);transform:translateY(calc((1 - var(--story-focus))*5px)) scale(calc(.991 + var(--story-focus)*.009));
  transition:opacity .14s linear,transform .14s linear,border-color .14s linear,box-shadow .14s linear;
}
.founder-story__chapter::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:0 999px 999px 0;background:var(--card-accent,#ffd84c);box-shadow:0 0 10px color-mix(in srgb,var(--card-accent,#ffd84c) 30%,transparent)}
.founder-story__chapter:nth-child(1){--card-accent:#ffd84c}.founder-story__chapter:nth-child(2){--card-accent:#70e6ff}.founder-story__chapter:nth-child(3){--card-accent:#ff72b9}.founder-story__chapter:nth-child(4){--card-accent:#a987ff}.founder-story__chapter:nth-child(5){--card-accent:#75e8be}.founder-story__chapter:nth-child(6){--card-accent:#ff9b67}
.founder-story__chapter>span{display:block;margin:0 0 7px;color:var(--card-accent);font:900 .56rem/1.15 system-ui,sans-serif;letter-spacing:.10em}
.founder-story__chapter h3{margin:0 0 7px;color:#fff;font-size:.98rem;line-height:1.22;letter-spacing:-.012em}
.founder-story__chapter p{margin:0;color:rgba(238,243,255,.78);font-size:.77rem;line-height:1.48}
.founder-story__chapter.is-current{--story-focus:1;border-color:color-mix(in srgb,var(--card-accent) 34%,rgba(255,255,255,.18));box-shadow:0 10px 22px rgba(0,0,0,.19),0 0 16px color-mix(in srgb,var(--card-accent) 9%,transparent),inset 0 1px rgba(255,255,255,.03)}

.story-phone__gesture{position:sticky;bottom:8px;z-index:24;width:112px;height:4px;margin:-18px auto 6px;border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 1px 4px rgba(0,0,0,.24)}
.story-phone__controls{position:relative;z-index:12}
.founder-story__note{position:relative;z-index:4;margin:9px 4px 0;color:rgba(185,197,219,.60);font-size:.64rem;line-height:1.35;text-align:center}
html[dir="rtl"] .founder-story__chapter{text-align:right;padding-left:14px;padding-right:18px}html[dir="rtl"] .founder-story__chapter::before{left:auto;right:0;border-radius:999px 0 0 999px}

@media(max-width:520px){
  .founder-story{width:min(100%,396px);padding:10px 10px 13px;border-radius:26px}
  .founder-story__book{width:min(100%,344px);border-radius:46px}
  .founder-story__viewport{height:650px;border-radius:38px}
  .story-phone__button--left-top{top:120px}.story-phone__button--left-mid{top:162px}.story-phone__button--left-low{top:229px}.story-phone__button--right{top:180px}
}

@media(prefers-reduced-motion:reduce){.founder-story__viewport{height:auto;max-height:610px;overflow:auto}.founder-story__chapter{opacity:1!important;transform:none!important}.founder-story__btn[data-story-action="toggle"]{display:none}}

/* K6O — APPROVED WOW MOCKUP IMPLEMENTATION.
   K6K/K6N phone visual language stays locked. This layer adds the approved title, evolution panel and workshop panel. */
.founder-story{
  width:100%!important;max-width:none!important;margin:10px auto 18px!important;padding:0!important;
  border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
.founder-story::before{content:none!important}
.founder-story__head{height:0!important;margin:0!important;padding:0!important}
.founder-story__note{display:none!important}

.story-section-header{
  position:relative;z-index:20;height:auto;min-height:86px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:4px 18px 2px;text-align:center;pointer-events:none;
}
.story-section-header>span{display:block;margin-bottom:4px;color:color-mix(in srgb,var(--story-accent) 78%,white);font:800 .69rem/1.2 system-ui,sans-serif;letter-spacing:.28em}
.story-section-header h2{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,3.2vw,3.55rem);line-height:1.02;letter-spacing:-.035em;font-weight:800;background:linear-gradient(90deg,#ffd550 0%,#77caff 48%,#9b78ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 26px rgba(105,156,255,.12)}
.story-section-header p{margin:6px 0 0;color:rgba(238,244,255,.78);font:500 .88rem/1.35 system-ui,sans-serif;letter-spacing:.015em}

.story-fit-stage{
  width:min(100%,1540px);height:var(--story-fit-stage-h,720px);margin:0 auto;
  display:grid;grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr);
  align-items:center;gap:clamp(22px,3vw,54px);padding:var(--story-fit-safe-y,14px) clamp(16px,2vw,34px);box-sizing:border-box;overflow:visible;
  background:
    radial-gradient(ellipse at 50% 100%,rgba(42,101,255,.11),transparent 30%),
    radial-gradient(circle at 23% 48%,rgba(58,118,255,.035),transparent 24%),
    radial-gradient(circle at 77% 48%,rgba(124,78,255,.035),transparent 24%);
}
.story-fit-shell{position:relative;align-self:center;justify-self:center;overflow:visible;flex:0 0 auto;filter:drop-shadow(0 18px 26px rgba(0,0,0,.18))}
.story-fit-shell::after{content:"";position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);width:160%;height:54px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(63,130,255,.42),rgba(64,74,255,.15) 35%,transparent 72%);filter:blur(10px);pointer-events:none}
.story-fit-shell>.founder-story__book{position:absolute!important;left:0!important;top:0!important;margin:0!important;transform-origin:top left!important}
.story-history-slot{min-width:0;height:var(--story-side-h,680px);display:flex;align-items:center;overflow:visible}
.story-history-slot--left{justify-content:flex-end}.story-history-slot--right{justify-content:flex-start}

.story-side-panel{
  position:relative;width:min(100%,330px);height:100%;box-sizing:border-box;overflow:hidden;
  border:1px solid rgba(83,164,255,.42);border-radius:26px;padding:18px 18px 16px;
  background:linear-gradient(180deg,rgba(8,27,61,.80),rgba(6,20,49,.76));
  box-shadow:0 18px 40px rgba(0,0,0,.22),0 0 22px rgba(58,128,255,.08),inset 0 1px rgba(255,255,255,.045);
  backdrop-filter:blur(14px);
}
.story-side-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 22% 0%,rgba(88,166,255,.10),transparent 28%),linear-gradient(120deg,rgba(255,255,255,.025),transparent 22% 100%)}
.story-side-panel__head{position:relative;z-index:2;display:flex;align-items:flex-start;gap:11px;margin-bottom:13px}
.story-side-icon{flex:0 0 auto;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#ffdc58;background:linear-gradient(145deg,rgba(255,214,72,.13),rgba(74,124,255,.10));border:1px solid rgba(255,221,102,.20);box-shadow:0 7px 16px rgba(0,0,0,.15);font-size:1.05rem}
.story-side-panel__head h3{margin:1px 0 4px;color:#f7faff;font:800 1rem/1.15 system-ui,sans-serif;letter-spacing:-.015em}
.story-side-panel__head p{margin:0;color:rgba(220,231,248,.70);font:.69rem/1.25 system-ui,sans-serif}

/* LEFT — evolution timeline */
.story-evo__list{position:relative;z-index:2;list-style:none;margin:0;padding:0;display:grid;gap:8px}
.story-evo__list::before{content:"";position:absolute;left:118px;top:13px;bottom:14px;width:1px;background:linear-gradient(180deg,transparent,rgba(70,155,255,.62) 8%,rgba(70,155,255,.38) 92%,transparent);box-shadow:0 0 8px rgba(70,155,255,.24)}
.story-evo__item{position:relative;display:grid;grid-template-columns:94px 30px 1fr;align-items:center;gap:8px;min-height:78px}
.story-evo__thumb{position:relative;width:92px;height:66px;border-radius:14px;overflow:hidden;border:1px solid rgba(100,177,255,.48);box-shadow:0 7px 15px rgba(0,0,0,.20),0 0 12px rgba(63,128,255,.07)}
.story-evo__thumb img{width:100%;height:100%;display:block;object-fit:cover}
.story-evo__rail{position:relative;height:100%;display:flex;align-items:center;justify-content:center}
.story-evo__rail i{position:absolute;width:13px;height:13px;border-radius:50%;background:#146cff;border:2px solid #7bc4ff;box-shadow:0 0 12px rgba(43,127,255,.62)}
.story-evo__rail b{position:absolute;left:16px;top:7px;display:grid;place-items:center;width:23px;height:23px;border-radius:999px;color:#bfe5ff;background:#0e2858;border:1px solid rgba(93,166,255,.45);font:800 .55rem/1 system-ui,sans-serif}
.story-evo__copy{min-width:0;padding-left:4px}
.story-evo__copy strong{display:block;margin-bottom:4px;color:#f4f8ff;font:750 .75rem/1.16 system-ui,sans-serif}
.story-evo__copy span{display:block;color:rgba(213,225,244,.68);font:.59rem/1.34 system-ui,sans-serif}

/* RIGHT — workshop collage */
.story-notes__tag{position:relative;z-index:2;margin:-3px 0 14px 45px;color:rgba(218,228,245,.60);font:.63rem/1.2 system-ui,sans-serif}
.story-notes__grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.story-note{position:relative;min-height:52px;padding:11px 11px;border-radius:14px;color:rgba(247,249,255,.91);font:650 .64rem/1.38 system-ui,sans-serif;box-shadow:0 8px 18px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035)}
.story-note::after{content:"";position:absolute;bottom:-7px;left:16px;border:7px solid transparent;border-top-color:inherit;filter:brightness(.85)}
.story-note--purple{background:linear-gradient(145deg,rgba(89,54,151,.68),rgba(41,48,98,.84));border:1px solid rgba(143,104,230,.22)}
.story-note--blue{background:linear-gradient(145deg,rgba(20,80,142,.74),rgba(20,45,91,.86));border:1px solid rgba(75,155,235,.22)}
.story-note--teal{background:linear-gradient(145deg,rgba(15,101,132,.72),rgba(19,58,92,.88));border:1px solid rgba(73,185,218,.22)}
.story-note--gold{background:linear-gradient(145deg,rgba(118,83,27,.72),rgba(71,48,31,.86));border:1px solid rgba(255,191,76,.20)}
.story-note--deep{background:linear-gradient(145deg,rgba(42,47,91,.80),rgba(26,35,70,.90));border:1px solid rgba(102,121,213,.18)}
.story-note--wide{grid-column:1 / -1;min-height:48px}
.story-note--phone::before{content:"▣";float:left;margin-right:8px;color:#ffd75b;font-size:1rem}
.story-sticky{grid-column:1 / -1;justify-self:end;width:150px;min-height:54px;padding:10px 12px;box-sizing:border-box;transform:rotate(-2deg);color:#2b2417;background:linear-gradient(145deg,#f1c552,#d99a36);border-radius:3px;box-shadow:0 8px 18px rgba(0,0,0,.20);font:800 .61rem/1.35 'Segoe Print','Comic Sans MS',cursive}
.story-sticky::before{content:"";position:absolute;width:48px;height:12px;left:50%;top:-6px;transform:translateX(-50%) rotate(2deg);background:rgba(201,198,171,.55);box-shadow:0 1px 2px rgba(0,0,0,.10)}

html[dir="rtl"] .story-side-panel__head{direction:rtl}.founder-story[dir="rtl"] .story-evo__item{grid-template-columns:1fr 30px 94px}.founder-story[dir="rtl"] .story-evo__thumb{grid-column:3}.founder-story[dir="rtl"] .story-evo__rail{grid-column:2}.founder-story[dir="rtl"] .story-evo__copy{grid-column:1;grid-row:1;text-align:right;padding-left:0;padding-right:4px}

@media(max-width:1250px){
  .story-fit-stage{grid-template-columns:minmax(215px,1fr) auto minmax(215px,1fr);gap:22px;padding-left:14px;padding-right:14px}
  .story-side-panel{width:min(100%,280px);padding:15px 14px 13px}
  .story-evo__item{grid-template-columns:76px 26px 1fr;min-height:70px;gap:6px}.story-evo__thumb{width:74px;height:56px}.story-evo__list::before{left:95px}.story-evo__copy span{font-size:.54rem}.story-evo__copy strong{font-size:.69rem}
  .story-note{font-size:.58rem;padding:9px}.story-notes__grid{gap:8px}
}
@media(max-width:980px){
  .story-section-header{min-height:72px}.story-section-header h2{font-size:2rem}.story-section-header p{font-size:.76rem}
  .story-fit-stage{grid-template-columns:1fr auto 1fr;gap:10px;padding-left:10px;padding-right:10px}
  .story-history-slot{opacity:0;visibility:hidden;pointer-events:none}
}
@media(max-width:760px){
  .story-section-header{min-height:64px;padding-top:2px}.story-section-header>span{font-size:.58rem}.story-section-header h2{font-size:1.65rem}.story-section-header p{font-size:.69rem;margin-top:4px}
  .story-fit-stage{grid-template-columns:1fr auto 1fr;gap:6px;padding:var(--story-fit-safe-y,12px) 6px}
}


/* K6P — FINAL COMPOSITION FIT.
   K6O visual language is locked. Only title/stage/side-panel geometry is tightened so the full composition fits in one desktop viewport. */
.story-section-header{
  min-height:76px!important;
  padding:2px 16px 0!important;
}
.story-section-header>span{margin-bottom:3px!important;font-size:.62rem!important;letter-spacing:.25em!important}
.story-section-header h2{font-size:clamp(1.85rem,2.65vw,2.85rem)!important;line-height:1!important}
.story-section-header p{margin-top:5px!important;font-size:.76rem!important;line-height:1.25!important}

.story-fit-stage{
  height:var(--story-fit-stage-h,600px)!important;
  align-items:center!important;
  gap:clamp(18px,2.4vw,40px)!important;
  padding:var(--story-fit-safe-y,10px) clamp(12px,1.6vw,26px)!important;
  overflow:visible!important;
}
.story-history-slot{
  height:var(--story-side-h,570px)!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
.story-side-panel{
  flex:0 0 auto!important;
  width:315px!important;
  height:620px!important;
  padding:14px 14px 13px!important;
  border-radius:23px!important;
  transform:scale(var(--story-side-scale,1));
  transform-origin:center center;
}
.story-side-panel__head{gap:9px!important;margin-bottom:9px!important}
.story-side-icon{width:31px!important;height:31px!important;border-radius:10px!important;font-size:.95rem!important}
.story-side-panel__head h3{font-size:.90rem!important;margin-top:0!important;margin-bottom:3px!important}
.story-side-panel__head p{font-size:.62rem!important;line-height:1.18!important}

.story-evo__list{gap:5px!important}
.story-evo__list::before{left:94px!important;top:10px!important;bottom:10px!important}
.story-evo__item{grid-template-columns:76px 25px 1fr!important;gap:5px!important;min-height:66px!important}
.story-evo__thumb{width:74px!important;height:52px!important;border-radius:12px!important}
.story-evo__rail i{width:11px!important;height:11px!important}
.story-evo__rail b{left:14px!important;top:4px!important;width:21px!important;height:21px!important;font-size:.50rem!important}
.story-evo__copy{padding-left:3px!important}
.story-evo__copy strong{margin-bottom:3px!important;font-size:.67rem!important;line-height:1.12!important}
.story-evo__copy span{font-size:.51rem!important;line-height:1.27!important}

.story-notes__tag{margin:-2px 0 9px 40px!important;font-size:.56rem!important}
.story-notes__grid{gap:7px!important}
.story-note{min-height:43px!important;padding:8px 9px!important;border-radius:12px!important;font-size:.55rem!important;line-height:1.30!important}
.story-note--wide{min-height:42px!important}
.story-note--phone::before{margin-right:6px!important;font-size:.88rem!important}
.story-sticky{width:134px!important;min-height:46px!important;padding:8px 10px!important;font-size:.54rem!important;line-height:1.28!important}
.story-sticky::before{width:42px!important;height:10px!important;top:-5px!important}

.story-fit-shell::after{bottom:-13px!important;width:142%!important;height:42px!important;filter:blur(9px)!important}

@media(max-width:1320px){
  .story-side-panel{width:285px!important}
  .story-fit-stage{gap:20px!important;padding-left:12px!important;padding-right:12px!important}
}
@media(max-width:1120px){
  .story-side-panel{width:255px!important}
  .story-fit-stage{gap:12px!important;padding-left:8px!important;padding-right:8px!important}
  .story-evo__item{grid-template-columns:66px 23px 1fr!important;min-height:62px!important}
  .story-evo__thumb{width:64px!important;height:48px!important}
  .story-evo__list::before{left:82px!important}
  .story-evo__copy strong{font-size:.62rem!important}.story-evo__copy span{font-size:.47rem!important}
  .story-note{font-size:.51rem!important;padding:7px 8px!important}
}
@media(max-width:980px){
  .story-history-slot{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  .story-fit-stage{grid-template-columns:1fr auto 1fr!important;gap:8px!important}
}
