/* Scoped story layout: a personal note, followed by the people behind it. */
.story-editorial {
  --story-ink:#790020;
  --story-muted:#70444f;
  --story-paper:#fffaf0;
  margin:0;
  padding:0;
  color:var(--story-ink);
  background:var(--story-paper);
}
.story-editorial :is(h1,h2,p,figure,blockquote) { margin-top:0; }
.story-editorial__origin,
.story-editorial__team,
.story-editorial__ending { max-width:1280px; margin-inline:auto; padding-inline:clamp(20px,4.5vw,60px); }
.story-editorial__origin { display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); align-items:start; gap:clamp(32px,6vw,82px); padding-block:clamp(30px,4.5vw,58px); }
.story-editorial__eyebrow { margin:0 0 16px; font:600 10px/1.5 var(--sans,Arial,sans-serif); letter-spacing:.13em; text-transform:uppercase; }
.story-editorial__opening { min-width:0; padding-top:10px; }
.story-editorial__opening h1 { max-width:15ch; margin:0 0 28px; font:900 clamp(36px,4.3vw,56px)/1.07 var(--serif,Georgia,serif); letter-spacing:-.045em; text-wrap:balance; }
.story-editorial__opening h1>span { display:block; font-style:italic; font-weight:700; }
.story-editorial__moment { position:relative; margin:0 0 12px; padding:25px 28px 27px; border:1px solid #790020; border-radius:24px; background:var(--story-ink); color:var(--story-paper); }
.story-editorial__moment-label { display:flex; align-items:center; gap:13px; margin-bottom:20px; font:500 10px/1.5 var(--sans,Arial,sans-serif); letter-spacing:.09em; text-transform:uppercase; }
.story-editorial__seal { display:grid; place-items:center; flex:none; width:49px; height:49px; border-radius:50%; background:#ffd5e1; }
.story-editorial__seal img { display:block; width:36px; height:36px; margin:0; object-fit:contain; }
.story-editorial__moment blockquote { margin:0; padding:0; border:0; }
.story-editorial__moment blockquote p { margin:0; font:500 clamp(23px,2.3vw,31px)/1.3 var(--serif,Georgia,serif); letter-spacing:-.025em; text-wrap:pretty; }
.story-editorial__moment figcaption { margin-top:22px; padding-top:14px; border-top:1px solid #fffaf035; color:#f7dce5; font:400 10px/1.6 var(--sans,Arial,sans-serif); }
.story-editorial__text-link { display:inline-flex; align-items:center; gap:9px; min-height:44px; padding-block:6px; color:var(--story-ink); font:600 12px/1.5 var(--sans,Arial,sans-serif); text-decoration:underline; text-decoration-color:#79002055; text-underline-offset:5px; }
.story-editorial__text-link .site-action-icon { display:block; width:15px; height:15px; margin:0; }
.story-editorial__opening>.story-editorial__text-link .site-action-icon { transform:rotate(90deg); }
.story-editorial__beginning { min-width:0; padding:clamp(25px,3vw,38px); border:1px solid #79002021; border-radius:26px; background:#fffdf9; box-shadow:0 8px 24px #79002005; }
.story-editorial__beginning>.story-editorial__eyebrow { margin-bottom:14px; color:var(--story-muted); }
.story-editorial__beginning h2 { max-width:22ch; margin:0 0 23px; font:700 clamp(26px,2.6vw,33px)/1.17 var(--serif,Georgia,serif); letter-spacing:-.03em; text-wrap:balance; }
.story-editorial__prose { max-width:62ch; }
.story-editorial__prose p { margin:0 0 19px; color:var(--story-muted); font:400 13px/1.85 var(--sans,Arial,sans-serif); }
.story-editorial__prose p:first-child { color:#572432; font-size:14px; }
.story-editorial__prose p:last-child { margin-bottom:13px; }
.story-editorial__beginning>.story-editorial__text-link { font-size:11px; }
.story-editorial__team-band { border-block:1px solid #79002013; background:#f8dce5; }
.story-editorial__team { padding-block:39px 46px; scroll-margin-top:16px; }
.story-editorial__team>header { max-width:650px; margin:0 auto 29px; text-align:center; }
.story-editorial__team>header>.story-editorial__eyebrow { margin-bottom:12px; }
.story-editorial__team>header h2 { margin:0 0 13px; font:900 clamp(29px,3.2vw,40px)/1.12 var(--serif,Georgia,serif); letter-spacing:-.035em; }
.story-editorial__team>header>p:last-child { max-width:52ch; margin:0 auto; color:var(--story-muted); font:400 12px/1.75 var(--sans,Arial,sans-serif); }
.story-editorial__team .founder-people-heading { display:none; }
.story-editorial__team .founder-input-panel { margin:0; padding:0; }
.story-editorial__team .founder-people { grid-template-columns:repeat(4,minmax(0,1fr)); max-width:none; gap:20px; }
.story-editorial__team .selective-founder-hint { display:none; }
.story-editorial__team .founder-person__profile { border-radius:23px; box-shadow:0 7px 18px #79002009; }
.story-editorial__team .founder-person__portrait { border-radius:16px 16px 9px 9px; }
.story-editorial__team .founder-person__identity { --founder-detail-size:clamp(10px,4.8cqi,12px); padding:19px 17px 23px; }
.story-editorial__team .founder-person__identity>h3 { margin-bottom:12px; font-size:clamp(16px,8.3cqi,24px); }
.story-editorial__team .founder-person__identity>h3.founder-person__name--long { font-size:clamp(12px,6.1cqi,19px); }
.story-editorial__team .founder-person__identity .founder-person__bio>p { line-height:1.5; }
.story-editorial__team .founder-person__identity>.founder-person__role { max-width:100%; font-size:9px; line-height:1.5; }
.story-editorial__team .founder-person--abheek .founder-person__occupation>span:first-child { font-size:clamp(9px,4.3cqi,11px); }
.story-editorial__ending { padding-block:36px 25px; }
.story-editorial__invitation { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:24px 48px; padding:29px clamp(24px,4vw,44px); border:1px solid #790020; border-radius:25px; background:var(--story-ink); color:var(--story-paper); }
.story-editorial__invitation .story-editorial__eyebrow { margin-bottom:10px; color:#f7dce5; }
.story-editorial__invitation h2 { margin:0 0 11px; color:var(--story-paper); font:700 clamp(27px,2.8vw,35px)/1.15 var(--serif,Georgia,serif); letter-spacing:-.025em; }
.story-editorial__invitation p:last-child { max-width:61ch; margin:0; color:#f7e7eb; font:400 12px/1.8 var(--sans,Arial,sans-serif); }
.story-editorial__actions { display:grid; justify-items:center; gap:6px; }
.story-editorial__actions .btn { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:48px; padding:12px 22px; border:1px solid #fff0a4; border-radius:999px; background:#fff0a4; color:var(--story-ink); font:600 12px/1.5 var(--sans,Arial,sans-serif); white-space:nowrap; }
.story-editorial__actions .btn svg { display:block; width:16px; height:16px; margin:0; }
.story-editorial__actions .story-editorial__text-link { color:var(--story-paper); text-decoration-color:#fffaf070; font-size:11px; }
.story-editorial__company { margin:20px 0 0; color:var(--story-muted); text-align:center; font:400 10px/1.6 var(--sans,Arial,sans-serif); }
.story-editorial :is(a,button):focus-visible { outline:2px solid currentColor; outline-offset:5px; }
@media(max-width:999.98px) {
  .story-editorial__team .selective-founder-hint { display:block; margin:0 0 14px; color:var(--story-muted); text-align:center; font:400 11px/1.5 var(--sans,Arial,sans-serif); }
  .story-editorial__team .founder-people {
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:clamp(260px,79vw,280px);
    grid-auto-rows:1fr;
    justify-content:start;
    width:auto;
    max-width:none;
    gap:16px;
    margin-inline:calc(-1 * clamp(20px,4.5vw,60px));
    padding:2px clamp(20px,4.5vw,60px) 16px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scroll-padding-inline:clamp(20px,4.5vw,60px);
    scrollbar-width:thin;
    scrollbar-color:#79002050 #7900200c;
    -webkit-overflow-scrolling:touch;
  }
  .story-editorial__team .founder-person { scroll-snap-align:start; }
  .story-editorial__team .founder-person__identity { --founder-detail-size:12px; padding:18px; }
  .story-editorial__team .founder-person__identity>.founder-person__role { font-size:10px; }
  .story-editorial__team .founder-person--abheek .founder-person__occupation>span:first-child { font-size:11px; }
  .story-editorial__team .founder-people:focus-visible { outline:2px solid #790020; outline-offset:3px; border-radius:8px; }
}
@media(max-width:899px) {
  .story-editorial__origin { grid-template-columns:minmax(0,1fr); gap:25px; max-width:740px; }
  .story-editorial__opening { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px 25px; align-items:center; padding-top:0; }
  .story-editorial__opening>.story-editorial__eyebrow { grid-column:1; margin:0; }
  .story-editorial__opening h1 { grid-column:1; grid-row:2; margin:0; font-size:clamp(34px,4.7vw,43px); }
  .story-editorial__moment { grid-column:2; grid-row:1 / span 3; margin:0; padding:22px; }
  .story-editorial__moment-label { margin-bottom:17px; }
  .story-editorial__moment blockquote p { font-size:25px; }
  .story-editorial__opening>.story-editorial__text-link { grid-column:1; justify-self:start; }
  .story-editorial__beginning h2 { max-width:28ch; }
  .story-editorial__prose p { font-size:14px; }
}
@media(max-width:639px) {
  .story-editorial__origin { padding-block:25px 29px; gap:24px; }
  .story-editorial__opening { display:block; }
  .story-editorial__opening>.story-editorial__eyebrow { margin-bottom:16px; }
  .story-editorial__opening h1 { max-width:16ch; margin:0 0 23px; font-size:clamp(35px,9vw,44px); }
  .story-editorial__moment { padding:23px; border-radius:22px; }
  .story-editorial__moment-label { margin-bottom:16px; }
  .story-editorial__moment blockquote p { font-size:clamp(24px,6.2vw,28px); }
  .story-editorial__moment figcaption { margin-top:20px; }
  .story-editorial__opening>.story-editorial__text-link { margin-top:7px; }
  .story-editorial__beginning { padding:24px 22px; border-radius:22px; }
  .story-editorial__beginning h2 { font-size:28px; margin-bottom:21px; }
  .story-editorial__prose p { font-size:13px; line-height:1.85; }
  .story-editorial__prose p:first-child { font-size:14px; }
  .story-editorial__team { padding-block:29px 34px; }
  .story-editorial__team>header { margin-bottom:25px; }
  .story-editorial__team>header h2 { font-size:31px; }
  .story-editorial__team .founder-person__identity { padding:18px; }
  .story-editorial__ending { padding-block:27px 22px; }
  .story-editorial__invitation { grid-template-columns:minmax(0,1fr); gap:22px; padding:25px 23px; border-radius:22px; }
  .story-editorial__actions { justify-items:start; }
  .story-editorial__actions .btn { white-space:normal; }
  .story-editorial__invitation h2 { font-size:30px; }
}
@media(prefers-reduced-motion:no-preference) {
  .story-editorial__text-link,.story-editorial__actions .btn { transition:background-color .18s ease,text-decoration-color .18s ease; }
  .story-editorial__text-link:hover { text-decoration-color:currentColor; }
  .story-editorial__actions .btn:hover { background:#ffe57c; }
}
