.ourstory .help-band{display:block;font-size:18px;}
.ourstory .shot-frame.help-phone{width:100%;max-width:17.5rem;margin:1.75rem auto 0;padding:.45rem;border-radius:2.25rem;}
.ourstory .shot-row .shot-frame.help-phone{margin:0 auto;}
.ourstory .help-phone > img{border-radius:1.85rem;}
.ourstory .help-screen{position:relative;aspect-ratio:390/844;width:100%;border-radius:1.85rem;overflow:hidden;}
.ourstory .help-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.ourstory .help-ring{position:absolute;border:4px solid rgb(var(--accent-guide));border-radius:12px;box-shadow:0 0 0 5px rgb(var(--accent-guide) / .22);}
.ourstory .help-ring--round{border-radius:50%;}
.ourstory .help-tap{position:absolute;padding:.32rem .75rem;border-radius:999px;background:rgb(var(--accent-guide));color:var(--bg-lift);font-weight:700;font-size:.8rem;line-height:1.2;white-space:nowrap;box-shadow:0 4px 12px rgb(0 0 0 / .18);}
.ourstory .help-pair{display:flex;align-items:center;justify-content:center;gap:.6rem;}
.ourstory .help-pair .shot-frame.help-phone{margin:0;width:13rem;max-width:13rem;flex:0 0 auto;}
.ourstory .help-to{flex:none;font-size:1.5rem;color:var(--gold);}
.ourstory .help-step .shot-row > .shot-frame.help-phone,.ourstory .help-step .shot-row > .help-pair{justify-self:center;}
@media (min-width:56rem){
  .ourstory .help-step .shot-row{max-width:47.5rem;margin-left:auto;margin-right:auto;}
  .ourstory #features.help-band .help-step .shot-row{grid-template-columns:minmax(22rem,1fr) minmax(16rem,18rem);}
  .ourstory #features.help-band .help-step .shot-row p,
  .ourstory #features.help-band .help-step .shot-row .section-head h2{max-width:none;}
  .ourstory .help-step--text{max-width:47.5rem;}
  .ourstory #features .help-step--text .lead{max-width:47.5rem;}
}
@media (min-width:90rem){
  .ourstory #features.help-band .help-step .shot-row{
    max-width:68rem;
    grid-template-columns:minmax(28rem,47.5rem) minmax(15rem,17.5rem);
  }
}
@media (min-width:56rem){.ourstory .help-step .shot-row > .help-pair{grid-column:1 / -1;}.ourstory .help-pair .shot-frame.help-phone{width:15.5rem;max-width:15.5rem;}}
@media (max-width:40rem){
  .ourstory .help-pair{flex-direction:column;}
  .ourstory .help-to{transform:rotate(90deg);}
  .ourstory .help-pair .shot-frame.help-phone{width:17.5rem;max-width:17.5rem;}
}
.ourstory #features .help-step--text{padding:clamp(1.75rem,4.5vh,2.75rem) 0;}
.ourstory #features .help-step--text::before{margin-bottom:clamp(1.75rem,4.5vh,2.75rem);}
.ourstory #features .help-step--text .section-head{margin-bottom:.7rem;}
.ourstory .help-step .section-head h2{max-width:22ch;font-size:clamp(1.25rem,2.6vw,1.5rem);}
.ourstory #features .help-group{margin-top:clamp(2.5rem,6vh,3.5rem);}
.ourstory .help-group + .section{padding-top:clamp(1.25rem,3vh,2rem);}
.ourstory .help-group + .section::before{display:none;}
.ourstory #features main > .help-group:first-child{margin-top:clamp(3.5rem,9vh,5.75rem);}
.ourstory .help-fine{color:var(--muted);font-size:.9rem;}
.ourstory .help-links{margin-top:1rem;}
.ourstory .card.help-card{max-width:34rem;margin:0 auto 1.75rem;}
.ourstory .card.help-card p{max-width:none;}
.ourstory .help-next{text-align:center;}
.ourstory .help-next .read-cta{margin-top:0;}
@media (min-width:52rem){.ourstory .feature-list.help-list-2{grid-template-columns:repeat(2,1fr);max-width:46rem;}}
.ourstory .help-ring[data-ring="gs-1"]{left:9%;top:56.7%;width:82%;height:7%;}
.ourstory .help-ring[data-ring="gs-2"]{left:7.0%;top:63.4%;width:80.8%;height:6.1%;}
.ourstory .help-ring[data-ring="gs-3"]{left:8.6%;top:77.6%;width:82.8%;height:7.6%;}
.ourstory .help-ring[data-ring="gs-6"]{left:4.1%;top:6.6%;width:91.8%;height:6.2%;}
.ourstory .help-screen[data-tap="gs-6"] .help-tap{left:35.6%;top:15.7%;}
.ourstory .help-ring[data-ring="gs-7"]{left:84.1%;top:7.3%;width:10.3%;height:4.7%;}
.ourstory .help-screen[data-tap="gs-7"] .help-tap{left:57.5%;top:14.8%;}
.ourstory .help-ring[data-ring="gs-8"]{left:4.1%;top:17.5%;width:91.8%;height:33.9%;}
.ourstory .help-ring[data-ring="ga-1"]{left:4.1%;top:6.6%;width:91.8%;height:6.2%;}
.ourstory .help-screen[data-tap="ga-1"] .help-tap{left:35.6%;top:15.7%;}
.ourstory .help-ring[data-ring="ga-2"]{left:84.1%;top:7.3%;width:10.3%;height:4.7%;}
.ourstory .help-screen[data-tap="ga-2"] .help-tap{left:57.5%;top:14.8%;}
.ourstory .help-ring[data-ring="ga-3"]{left:70.8%;top:68.7%;width:5.9%;height:2.7%;}
.ourstory .help-ring[data-ring="ga-4"]{left:7.2%;top:81.1%;width:63.1%;height:6.2%;}
.ourstory .help-ring[data-ring="ga-5"]{left:45%;top:92.2%;width:10%;height:4.8%;}
.ourstory .help-ring[data-ring="ga-6"]{left:3.1%;top:41.5%;width:93.8%;height:11.6%;}
.ourstory .help-ring[data-ring="ga-7"]{left:65.3%;top:19.7%;width:31.6%;height:4.3%;}
.ourstory .help-ring[data-ring="ga-8"]{left:37.4%;top:33.2%;width:25.2%;height:3.8%;}
.ourstory .help-screen[data-tap="ga-8"] .help-tap{left:67.9%;top:33.2%;}
.ourstory .help-ring[data-ring="ga-9"]{left:8.2%;top:71.9%;width:83.6%;height:13.3%;}
.ourstory .help-ring[data-ring="ga-10"]{left:35.4%;top:60.8%;width:29.2%;height:8.1%;}
.ourstory .help-ring[data-ring="ga-11"]{left:10.3%;top:77.3%;width:11.3%;height:5.2%;}
.ourstory .help-screen[data-tap="ga-11"] .help-tap{left:7.0%;top:85.5%;}
.ourstory .help-ring[data-ring="ga-12"]{left:10.3%;top:80.2%;width:79.5%;height:5.2%;}
.ourstory .help-ring[data-ring="ga-13"]{left:64.6%;top:60.8%;width:29.2%;height:8.1%;}
.ourstory .help-ring[data-ring="ga-14"]{left:6.2%;top:81.1%;width:87.7%;height:6.6%;}
.ourstory .help-ring[data-ring="ga-15"]{left:7.2%;top:60.8%;width:24.2%;height:4.7%;}
.ourstory .help-ring[data-ring="ga-16"]{left:6.2%;top:75.9%;width:87.7%;height:6.6%;}
.ourstory .help-ring[data-ring="pr-1"]{left:78.6%;top:92.2%;width:10%;height:4.8%;}
.ourstory .help-ring[data-ring="pr-2"]{left:35.5%;top:35.0%;width:29.0%;height:4.3%;}
.ourstory .help-screen[data-tap="pr-2"] .help-tap{left:33.5%;top:42.1%;}
.ourstory .help-ring[data-ring="pr-3"]{left:4.1%;top:15.9%;width:29.6%;height:5.5%;}
.ourstory .help-ring[data-ring="pr-4"]{left:7.4%;top:21.8%;width:85.1%;height:5.2%;}
.ourstory .help-ring[data-ring="pr-5"]{left:8.7%;top:28.7%;width:57.5%;height:4.7%;}
.ourstory .help-ring[data-ring="pr-6"]{left:8.7%;top:40.1%;width:48.1%;height:4.7%;}
.ourstory .help-screen[data-tap="pr-6"] .help-tap{left:62.7%;top:39.6%;}
.ourstory .help-ring[data-ring="pr-7"]{left:8.7%;top:51.5%;width:67.0%;height:4.7%;}
.ourstory .help-ring[data-ring="pr-8"]{left:48.9%;top:46.4%;width:15.5%;height:5.7%;}
.ourstory .help-ring[data-ring="pr-9"]{left:4.1%;top:60.7%;width:91.8%;height:6.6%;}
.ourstory .help-ring[data-ring="pr-10"]{left:8.2%;top:78.2%;width:34.5%;height:5.2%;}
.ourstory .help-screen[data-tap="pr-10"] .help-tap{left:50.2%;top:78.3%;}
.ourstory .pagenav a.help-current{color:var(--ink);border-bottom-color:var(--line);}
.ourstory .brandhero .pagenav a.help-current{color:var(--ink);}
.ourstory .help-band .help-hero .hero-rule{margin-top:2rem;}
.ourstory .pagenav.help-sections{
  margin:1rem auto 1.35rem;max-width:46rem;padding:0 1.25rem 1rem;
  border-bottom:1px solid var(--line-soft);
  font-size:.9rem;gap:.875rem;flex-direction:column;flex-wrap:nowrap;align-items:center;
}
.ourstory .help-sections__row{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.55rem 1.4rem;width:100%;}
.ourstory .help-sections__label{color:var(--muted);}
.ourstory .help-cards{list-style:none;margin:0 auto;padding:0;max-width:60rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;}
.ourstory .help-cards li{display:flex;}
.ourstory .help-cards .help-sec-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:.45rem;width:100%;height:100%;padding:1.15rem 1rem 1rem;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s;}
.ourstory .help-cards .help-sec-card:hover{transform:translateY(-1px);}
.ourstory .help-cards .help-sec-card:hover .arrow{transform:translateX(2px);}
.ourstory .help-sec-card--start{border-color:rgb(var(--accent-warm) / .35);}
.dark .ourstory .help-sec-card--start{border-color:rgb(var(--accent-warm) / .55);}
.ourstory .help-card-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;margin-top:auto;padding-top:.85rem;}
.ourstory .help-meta{margin:0 0 .75rem;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);}
.ourstory .help-card-foot .help-meta{margin:0;}
.ourstory .help-sec-card .arrow{width:17px;height:17px;margin:0;padding:0;border-radius:0;background:none;box-shadow:none;stroke:var(--gold);stroke-width:2;flex:none;transition:transform .15s;}
.ourstory .help-group-sub{margin:.4rem 0 0;max-width:28rem;color:var(--muted);font-size:.95rem;line-height:1.4;}
.ourstory .help-hero::before{inset:0;width:auto;height:auto;transform:none;background:radial-gradient(ellipse 45% 70% at 50% 45%, rgb(var(--accent-warm) / .09), transparent 70%);}
.ourstory .help-learn{max-width:34rem;margin:0 auto 2rem;padding:1.5rem 1.6rem;text-align:left;
  background:rgb(var(--accent-warm) / .07);border:1px solid rgb(var(--accent-warm) / .18);border-radius:18px;}
.ourstory .help-learn ul{margin:0;padding:0;list-style:none;display:grid;gap:.6rem;}
.ourstory .help-learn li{position:relative;padding-left:1.25rem;color:var(--ink);line-height:1.5;}
.ourstory .help-learn li::before{content:"";position:absolute;left:.2rem;top:.6em;width:6px;height:6px;transform:rotate(45deg);background:var(--gold);}
.ourstory .help-learn-sec .help-video{margin-top:0;}
@media (min-width:52rem){
  .ourstory .help-cards-sec:first-of-type .help-cards li{flex-basis:calc((100% - 2rem) / 3);}
}
.ourstory #features.help-band .help-learn-sec::before{display:none;}
.ourstory .help-cards .help-sec-card:focus-visible{outline:2px solid rgb(var(--accent-guide));outline-offset:2px;}
.ourstory .help-sec-title{font-family:var(--serif);font-size:1.25rem;line-height:1.15;}
.ourstory .help-sec-sub{display:block;color:var(--muted);font-size:.9rem;line-height:1.4;}
/* Help sits in #features, whose section padding is built for long essays.
   Keep the hero and masthead on the live marketing rhythm. Give the home
   groups one gap, so that essay padding does not stack into a blank band. */
.ourstory #features.help-band main{padding-bottom:clamp(2.75rem,6vh,4rem);}
.ourstory #features.help-band .give-head{margin:clamp(2rem,4vh,2.75rem) auto 0;padding-top:0;border-top:0;}
.ourstory #features.help-band .section{padding:clamp(2.25rem,5vh,3.25rem) 0;}
.ourstory #features.help-band .section::before{width:2.25rem;margin:0 auto clamp(1.5rem,3vh,2rem);}
.ourstory #features.help-band .help-cards-sec{padding:0;}
.ourstory #features.help-band .help-cards-sec:first-of-type{padding-top:clamp(2rem,5vh,3rem);}
.ourstory #features.help-band .help-cards-sec::before{display:none;}
.ourstory #features.help-band .help-cards-sec .give-head{margin:0 auto 1.25rem;padding-top:0;border-top:0;}
.ourstory #features.help-band .help-cards-sec + .help-cards-sec{margin-top:clamp(2.75rem,6vh,4rem);}
.ourstory #features.help-band .help-next{padding-top:clamp(2.75rem,6vh,4rem);}
.ourstory #features.help-band .help-next::before{display:none;}
.ourstory #features.help-band .help-watch::before{display:none;}
@media (min-width:52rem){
  .ourstory .help-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;}
  .ourstory .help-cards li{flex:0 0 calc((100% - 3rem) / 4);}
  .ourstory .help-cards .help-sec-card{padding:1.4rem 1.1rem;}
  .ourstory .help-sec-title{font-size:1.45rem;}
  .ourstory .help-sec-sub{display:block;}
}
.ourstory .help-hero .help-label{margin:0 auto .6rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);}
.ourstory .help-hero .cta-primary + .hero-rule{margin-top:1.75rem;}
/* v3.7.11 device shots: iPad and Mac frames */
.ourstory .shot-frame.help-tablet{width:100%;max-width:22rem;margin:0 auto;padding:.4rem;border-radius:1.5rem;}
.ourstory .help-tablet > img{border-radius:1.1rem;}
.ourstory .shot-frame.help-desktop{width:100%;max-width:46rem;margin:0 auto;padding:0;border-radius:12px;}
.ourstory .help-pair .shot-frame.help-tablet{margin:0;max-width:13rem;}
@media (min-width:56rem){
  .ourstory .help-pair .shot-frame.help-tablet{max-width:17rem;}
  .ourstory .help-step--wide .shot-row{grid-template-columns:1fr;max-width:46rem;text-align:center;}
  .ourstory .help-step--wide .shot-row .section-head{align-items:center;}
  .ourstory .help-step--wide .shot-row .section-head h2{max-width:30ch;}
  .ourstory .help-step--wide .shot-row p{margin-left:auto;margin-right:auto;max-width:44ch;}
}
.ourstory .help-pair--stack{flex-direction:column;}
.ourstory .help-pair--stack .help-to{transform:rotate(90deg);}
.ourstory .help-pair--stack .shot-frame.help-desktop{max-width:46rem;margin:0;}
@media (max-width:40rem){.ourstory .help-pair .shot-frame.help-tablet{max-width:22rem;}}
@media (max-width:40rem){
  .ourstory #features.help-band .help-cards{grid-template-columns:1fr;}
  .ourstory #features.help-band .help-sec-card{min-width:0;}
  .ourstory:has(.help-band) .brandhero .pagenav{display:flex;flex-wrap:wrap;justify-content:center;width:100%;max-width:100%;border-radius:1.25rem;}
  .ourstory:has(.help-band) .brandhero .pagenav a{padding:.4rem .7rem;}
}
.ourstory .help-watch .section-head h2{max-width:none;}
.ourstory .help-video{max-width:40rem;margin:0 auto;}
.ourstory .help-video .shot-frame{margin:0 auto;}
.ourstory .help-video video{display:block;width:100%;height:auto;background:transparent;}
.ourstory .help-video figcaption{margin:.7rem 0 0;text-align:center;}
.ourstory .help-alts{max-width:40rem;margin:.85rem auto 0;text-align:center;}

/* One tutorial slot, used live and as a coming-soon frame.
   Swap a placeholder: delete .help-tutorial-soon, set data-status="live",
   uncomment the video in that figure, and fill the YouTube href.
   An empty href stays hidden. Do not add VideoObject until the video is live. */
.ourstory .help-tutorials{display:grid;gap:1.75rem;max-width:40rem;margin:0 auto;}
.ourstory .help-learn-sec .help-tutorials{margin-top:0;}
.ourstory .help-tutorial{margin:0;}
.ourstory #features.help-band .help-tutorials-sec{padding:clamp(.25rem,1vh,.5rem) 0 clamp(1.25rem,3vh,1.75rem);}
.ourstory #features.help-band .help-tutorials-sec::before{display:none;}
.ourstory .help-tutorial-frame{position:relative;aspect-ratio:16/9;}
.ourstory .help-tutorial-soon{
  position:absolute;inset:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;
  box-sizing:border-box;padding:1rem 1.25rem;text-align:center;
  background:rgb(var(--sand-100));
}
.ourstory .help-tutorial p{margin:0;max-width:none;}
.ourstory .help-tutorial-code{
  font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);
}
.ourstory .help-tutorial-name{
  max-width:24ch;font-family:var(--serif);font-size:clamp(1.15rem,2.6vw,1.45rem);
  line-height:1.2;font-weight:400;color:var(--ink);text-wrap:balance;
}
.ourstory .help-tutorial-state{margin-top:.15rem;font-size:.95rem;line-height:1.4;color:var(--ink-body);}
.ourstory .help-tutorial-caption{color:var(--ink);font-size:.95rem;line-height:1.45;text-wrap:pretty;}
.ourstory a.help-tutorial-yt{display:inline-block;margin-top:.45rem;font-size:.9rem;font-weight:600;}
.ourstory a.help-tutorial-yt[href=""]{display:none;}
.ourstory a.help-tutorial-yt:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}

/* Compact in-step video row and the All videos page. */
.ourstory .help-see-all{
  display:inline-block;margin:.55rem 0 0;font-size:.9rem;font-weight:600;
  color:var(--gold);text-decoration:none;border-bottom:1px solid rgb(var(--accent-warm) / .35);
}
.ourstory .help-see-all:hover{border-bottom-color:var(--gold);}
.ourstory .help-see-all:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
[id^="step-"],.ourstory #features.help-band .help-step .section-head{scroll-margin-top:28px;}
.ourstory .vid-row{
  display:flex;align-items:center;gap:.85rem;margin:1rem 0 0;padding:.65rem .75rem;
  max-width:34rem;background:rgb(var(--surface));border:1px solid var(--line);
  border-radius:14px;box-shadow:0 2px 10px rgb(0 0 0 / .04);text-align:left;
}
.dark .ourstory .vid-row{background:rgb(var(--sand-200));border-color:rgb(var(--sand-300));}
.ourstory .vid-row__thumb,.ourstory .vid-card__thumb{position:relative;background:#1c1a17;overflow:hidden;}
.ourstory .vid-row__thumb{flex:0 0 96px;width:96px;height:54px;border-radius:8px;}
.ourstory .vid-row__thumb img,.ourstory .vid-card__thumb img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;opacity:0;}
.ourstory .vid-row__thumb img.is-ready,.ourstory .vid-card__thumb img.is-ready{opacity:1;}
.ourstory .vid-fallback{
  position:absolute;inset:0;z-index:0;display:flex;flex-direction:column;justify-content:space-between;
  padding:.4rem .5rem;background:#1c1a17;color:#f3efe9;pointer-events:none;text-align:left;
}
.ourstory .vid-fallback__code{font-size:.68rem;font-weight:700;letter-spacing:0;line-height:1.2;color:#e8b04b;}
.ourstory .vid-fallback__name{font-size:.78rem;line-height:1.25;}
.ourstory .vid-row__thumb .vid-fallback{justify-content:flex-end;padding:.3rem .4rem;}
.ourstory .vid-row__thumb .vid-fallback__name{display:none;}
.ourstory .vid-row__body{flex:1 1 auto;min-width:0;}
.ourstory .shot-row .vid-row p,.ourstory .vid-row p{margin:0;max-width:none;}
.ourstory .vid-row__title{
  font-size:.95rem;font-weight:600;color:var(--ink);line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ourstory .vid-row__meta{margin-top:.2rem;font-size:.78rem;color:var(--muted);letter-spacing:.02em;}
.ourstory .vid-row__watch,.ourstory .vid-card__watch{
  flex:0 0 auto;appearance:none;border:0;cursor:pointer;
  padding:.48rem .95rem;border-radius:999px;background:var(--ink);color:var(--bg);
  font-size:.82rem;font-weight:700;letter-spacing:.01em;
}
.ourstory .vid-row__watch:hover,.ourstory .vid-card__watch:hover{opacity:.9;}
.ourstory .vid-row__watch:focus-visible,.ourstory .vid-card__watch:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
@media (max-width:28rem){
  .ourstory .vid-row{gap:.65rem;padding:.55rem .6rem;}
  .ourstory .vid-row__thumb{flex-basis:80px;width:80px;height:45px;}
  .ourstory .vid-row__watch{padding:.42rem .75rem;font-size:.78rem;}
}
.vid-modal[hidden]{display:none !important;}
.vid-modal{
  position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;
  padding:1rem;background:rgb(0 0 0 / .62);
}
.vid-modal__dialog{
  position:relative;width:min(56rem,100%);background:rgb(var(--surface));
  border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgb(0 0 0 / .35);
}
.dark .vid-modal__dialog{background:rgb(var(--sand-200));}
.vid-modal__head{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.85rem 1rem;border-bottom:1px solid var(--line-soft);
}
.vid-modal__title{margin:0;font-family:var(--serif);font-size:1.1rem;color:var(--ink);font-weight:400;}
.vid-modal__close{
  appearance:none;border:0;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;min-height:44px;padding:.45rem .9rem;border-radius:999px;
  background:rgb(var(--sand-900));color:rgb(var(--sand-50));font-size:1rem;font-weight:700;line-height:1;
}
.vid-modal__close:hover{opacity:.9;}
.vid-modal__close:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
.vid-modal__frame{position:relative;aspect-ratio:16/9;background:#111;}
.vid-modal__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.ourstory .vids-toolbar{
  max-width:56rem;margin:0 auto 1.5rem;padding:0 1rem;
  display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;
}
.ourstory .vids-chip{
  appearance:none;border:1px solid var(--line);background:var(--bg-lift);color:var(--muted);
  border-radius:999px;padding:.42rem .9rem;font-size:.84rem;font-weight:600;cursor:pointer;
}
.ourstory .vids-chip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink);}
.ourstory .vids-chip:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
.ourstory .vids-grid{
  max-width:56rem;margin:0 auto;padding:0 1rem 2rem;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1.1rem;
}
.ourstory .vid-card{
  background:rgb(var(--surface));border:1px solid var(--line);border-radius:16px;overflow:hidden;
  box-shadow:0 4px 14px rgb(0 0 0 / .05);display:flex;flex-direction:column;text-align:left;
}
.dark .ourstory .vid-card{background:rgb(var(--sand-200));border-color:rgb(var(--sand-300));}
.ourstory .vid-card__thumb{aspect-ratio:16/9;}
.ourstory .vid-card__body{padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.35rem;flex:1;}
.ourstory .vid-card__cat{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);}
.ourstory .vid-card__title{margin:0;max-width:none;font-size:1rem;line-height:1.3;color:var(--ink);font-weight:600;}
.ourstory .vid-card__meta{margin:0;max-width:none;font-size:.8rem;color:var(--muted);}
.ourstory .vid-card__watch{margin-top:.65rem;align-self:flex-start;font-size:.8rem;}
.ourstory .vid-card[hidden]{display:none !important;}
.ourstory .vids-empty{text-align:center;color:var(--muted);padding:2rem;}
.ourstory .vid-card__steps{font-size:.8rem;font-weight:600;color:var(--gold);text-decoration:underline;text-underline-offset:2px;}
.ourstory .vid-card__steps:hover{color:var(--ink);}
.ourstory .vid-card__steps:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}

.ourstory .help-n{position:absolute;z-index:2;left:.2rem;top:-.62rem;width:1.15rem;height:1.15rem;border-radius:50%;background:rgb(var(--accent-guide));color:var(--bg-lift);font-size:.68rem;font-weight:700;line-height:1.15rem;text-align:center;box-shadow:0 0 0 2px var(--bg);}
.ourstory .help-ring[data-ring="gs-2"] .help-n,
.ourstory .help-ring[data-ring="gs-7"] .help-n,
.ourstory .help-ring[data-ring="pr-4"] .help-n{left:auto;right:.2rem;}
.ourstory .help-step--multi .shot-copy{display:flex;flex-direction:column;gap:1.35rem;}
.ourstory .help-step--multi .section-head{margin-bottom:.35rem;}
.ourstory .help-step--multi .help-bit .lead{margin-bottom:0;}
.ourstory .help-group .help-start{margin:.85rem auto 0;max-width:32rem;color:var(--ink);font-size:1rem;line-height:1.5;}
@media (min-width:56rem){
  .ourstory .help-step--text{max-width:46rem;margin-left:auto;margin-right:auto;text-align:left;}
  .ourstory .help-step--text .section-head{align-items:flex-start;text-align:left;}
  .ourstory #features .help-step--text .lead{margin-left:0;margin-right:0;max-width:40rem;text-align:left;}
}
