@charset "utf-8";
/* ─────────────────────────────────────────────────────────────
   (사)더드림벤처포럼 — 공개 소개 사이트
   디자인 근거: nexu-io/open-design · design-systems/stripe
     · 시그니처 = weight 300 헤드라인(굵게 쓰지 않는다)
     · 크기에 비례하는 음수 자간
     · 파랑기 도는 다층 그림자 → 협회 네이비 틴트로 환산
     · 보수적 radius 4~8px, 필 모양 금지
   색 치환: Stripe Purple #533afd → 딥골드 #8f6d15
            Stripe Navy   #061b31 → 협회 네이비 #0b2347
   타입: sohne-var(전용 라이선스) → Pretendard Variable
   ───────────────────────────────────────────────────────────── */

@font-face{
  font-family:"DV Sans";
  src:url(fonts/PretendardVariable.woff2) format('woff2-variations'),
      url(fonts/PretendardVariable.woff2) format('woff2');
  font-weight:100 900; font-style:normal; font-display:swap;
}

:root{
  --font:"DV Sans",Pretendard,system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;

  /* 면 */
  --paper:#ffffff;
  --paper-2:#f7f9fc;
  --paper-3:#eef3f9;

  /* 잉크 — Stripe의 네이비 헤딩 원칙 유지 */
  --navy:#0b2347;
  --navy-deep:#071730;
  --label:#273951;
  --body:#64748d;
  --body-soft:#8895ab;

  /* 선 */
  --line:#e5edf5;
  --line-2:#d8e3ef;

  /* 브랜드 */
  --gold:#8f6d15;
  --gold-hover:#74580e;
  --gold-deep:#5e470b;
  --gold-lite:#efbe5f;
  --gold-wash:#fdf7e9;
  --gold-line:#efe0bc;

  /* 반전면 */
  --on-navy:#f2f6fb;
  --on-navy-2:#a9bcd4;
  --on-navy-3:#7b8fa9;
  --on-navy-line:rgba(239,190,95,.22);

  /* 그림자 — Stripe rgba(50,50,93,*) 를 협회 네이비로 환산 */
  --sh-1:0 2px 5px -1px rgba(11,35,71,.07), 0 1px 3px -1px rgba(0,0,0,.05);
  --sh-2:0 6px 14px -3px rgba(11,35,71,.13), 0 3px 7px -4px rgba(0,0,0,.09);
  --sh-3:0 13px 27px -5px rgba(11,35,71,.18), 0 8px 16px -8px rgba(0,0,0,.16);

  --r-xs:4px; --r-sm:6px; --r:8px;
  --pad:clamp(20px,4vw,32px);
  --gap-sec:clamp(76px,9vw,132px);
  --max:1200px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:86px}
body{
  margin:0; background:var(--paper); color:var(--body);
  font-family:var(--font); font-size:17px; font-weight:400;
  line-height:1.75; letter-spacing:-.012em;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
img,svg{display:block;max-width:100%}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--gold-hover)}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{margin:0;color:var(--navy);word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty}
p{margin:0}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:var(--r-xs)}

/* ── 타입 스케일 : Stripe 계층을 그대로, 자간은 em 으로 환산 ───── */
.t-display{font-size:clamp(38px,5.1vw,56px);font-weight:300;line-height:1.14;letter-spacing:-.028em}
.t-h2{font-size:clamp(27px,3.2vw,36px);font-weight:300;line-height:1.24;letter-spacing:-.024em}
.t-h3{font-size:clamp(20px,1.6vw,23px);font-weight:400;line-height:1.42;letter-spacing:-.02em}
.t-h4{font-size:17px;font-weight:500;line-height:1.5;letter-spacing:-.018em;color:var(--navy)}
.t-lead{font-size:clamp(17px,1.35vw,19px);font-weight:400;line-height:1.78;letter-spacing:-.014em;color:var(--body)}
.t-note{font-size:14px;line-height:1.7;color:var(--body-soft)}
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}

.eyebrow{
  display:inline-block;font-size:11.5px;font-weight:500;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold);margin:0 0 18px
}
.eyebrow--onnavy{color:var(--gold-lite)}

/* ── 레이아웃 ─────────────────────────────────────────────── */
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}
.sec{padding-block:var(--gap-sec)}
.sec--wash{background:var(--paper-2);border-block:1px solid var(--line)}
.sec--navy{background:var(--navy-deep);color:var(--on-navy-2)}
.sec--navy h2,.sec--navy h3,.sec--navy h4{color:var(--on-navy)}
.head{max-width:44em;margin-bottom:clamp(40px,4.5vw,60px)}
.head .t-lead{margin-top:20px}

/* ── 버튼 : radius 4px, 굵기 400~500, 필 금지 ─────────────── */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 22px;border-radius:var(--r-xs);border:1px solid transparent;
  font-size:15px;font-weight:500;letter-spacing:-.014em;line-height:1;
  cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease
}
.btn--gold{background:var(--gold);color:#fff;box-shadow:var(--sh-1)}
.btn--gold:hover{background:var(--gold-hover);color:#fff;box-shadow:var(--sh-2)}
.btn--line{background:#fff;color:var(--navy);border-color:var(--line-2)}
.btn--line:hover{border-color:var(--gold-lite);color:var(--gold-hover)}
.btn--onnavy{background:var(--gold-lite);color:var(--navy-deep)}
.btn--onnavy:hover{background:#f5cd80;color:var(--navy-deep)}
.btn--ghost{background:transparent;color:var(--on-navy);border-color:var(--on-navy-line)}
.btn--ghost:hover{color:var(--gold-lite);border-color:var(--gold-lite)}
.link-arw{display:inline-flex;align-items:center;gap:6px;font-size:14.5px;font-weight:500}
.link-arw::after{content:"→";transition:transform .16s ease}
.link-arw:hover::after{transform:translateX(3px)}

/* ── 헤더 ─────────────────────────────────────────────────── */
.topline{height:3px;background:linear-gradient(90deg,var(--navy) 0%,#1c4a86 42%,var(--gold-lite) 100%)}
/* 최상단에서는 투명 — 반투명 흰 면이 히어로 그라데이션 위에 띠를 만든다 */
.hdr{
  position:sticky;top:0;z-index:60;background:transparent;
  border-bottom:1px solid transparent;
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease
}
.hdr[data-stuck="1"]{
  background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(12px);
  border-bottom-color:var(--line);box-shadow:0 1px 2px rgba(11,35,71,.05)
}
.hdr:has(.navdrop[data-open="1"]){background:#fff}
.hdr__in{display:flex;align-items:center;gap:26px;height:70px}
.brand{display:flex;align-items:center;gap:13px;color:var(--navy)}
/* DV✳ 레터마크 — 503:329 비율, 높이 기준으로 맞춘다 */
.brand__mark{width:auto;height:30px;flex:none}
.brand__txt{display:flex;flex-direction:column;line-height:1.16}
.brand__en{font-size:9.5px;font-weight:500;letter-spacing:.17em;color:var(--body-soft)}
.brand__ko{font-size:16px;font-weight:500;letter-spacing:-.03em;color:var(--navy)}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{padding:9px 13px;border-radius:var(--r-xs);font-size:14.5px;font-weight:400;color:var(--label)}
.nav a:hover{background:var(--paper-3);color:var(--navy)}
.hdr__cta{display:flex;align-items:center;gap:10px;padding-left:18px;border-left:1px solid var(--line)}
.hdr__cta .btn{padding:10px 17px;font-size:14px}
.navtoggle{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--line-2);border-radius:var(--r-xs);background:#fff;cursor:pointer}
.navtoggle i{display:block;position:relative;width:16px;height:1.5px;margin-inline:auto;background:var(--navy)}
.navtoggle i::before,.navtoggle i::after{content:"";position:absolute;left:0;width:16px;height:1.5px;background:var(--navy)}
.navtoggle i::before{top:-5px}
.navtoggle i::after{top:5px}

/* ── 히어로 ───────────────────────────────────────────────── */
.hero{position:relative;overflow:hidden;padding-block:clamp(64px,7.5vw,104px) clamp(64px,7vw,96px)}
/* 전폭으로 깔아야 좁은 화면에서 세로 이음선이 생기지 않는다 */
.hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(1250px 780px at 95% 26%,rgba(239,190,95,.20),transparent 60%),
    radial-gradient(1050px 800px at 80% 98%,rgba(11,35,71,.06),transparent 60%);
  pointer-events:none
}
.hero__grid{position:relative;display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(36px,4.5vw,72px);align-items:center}
.hero h1{margin-bottom:26px}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero__lead{max-width:30em}
.hero__act{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px}
.hero__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
.tag{
  padding:6px 12px;border:1px solid var(--gold-line);border-radius:999px;
  background:var(--gold-wash);color:var(--gold-deep);font-size:12.5px;font-weight:500;letter-spacing:-.01em
}

/* 운영 현황 카드 */
.ops{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-3);overflow:hidden}
.ops__top{display:flex;align-items:center;gap:9px;padding:15px 20px;border-bottom:1px solid var(--line);background:var(--paper-2)}
.ops__ttl{font-size:13.5px;font-weight:500;color:var(--navy);letter-spacing:-.015em}
.ops__live{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:11.5px;font-weight:500;color:#108c3d}
.dot{width:6px;height:6px;border-radius:50%;background:#15be53;box-shadow:0 0 0 3px rgba(21,190,83,.16)}
.ops__stats{display:grid;grid-template-columns:repeat(3,1fr)}
.ops__stats div{padding:20px 18px;border-right:1px solid var(--line)}
.ops__stats div:last-child{border-right:0}
.ops__stats b{display:block;font-size:30px;font-weight:300;line-height:1.05;letter-spacing:-.03em;color:var(--navy);font-variant-numeric:tabular-nums}
.ops__stats span{display:block;margin-top:7px;font-size:12.5px;color:var(--body-soft);letter-spacing:-.01em}
.ops__list{padding:6px 20px 18px}
.ops__row{padding:15px 0;border-bottom:1px solid var(--line)}
.ops__row:last-child{border-bottom:0}
.ops__k{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.ops__v{margin-top:7px;font-size:15px;font-weight:400;color:var(--navy);letter-spacing:-.018em}
.ops__m{margin-top:5px;font-size:12.5px;color:var(--body-soft);font-variant-numeric:tabular-nums}
.bar{height:3px;margin-top:11px;border-radius:2px;background:var(--paper-3);overflow:hidden}
.bar i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--gold),var(--gold-lite))}
.pill{display:inline-block;padding:3px 9px;border-radius:var(--r-xs);background:var(--gold-wash);border:1px solid var(--gold-line);color:var(--gold-deep);font-size:11.5px;font-weight:500}

/* ── 숫자 밴드 ─────────────────────────────────────────────── */
.band{border-block:1px solid var(--line);background:var(--paper-2)}
.band__in{display:grid;grid-template-columns:repeat(4,1fr);padding-block:clamp(34px,4vw,50px)}
.band__in>div{padding-inline:clamp(14px,2vw,28px);border-right:1px solid var(--line)}
.band__in>div:first-child{padding-left:0}
.band__in>div:last-child{border-right:0}
.band b{display:block;font-size:clamp(30px,3.4vw,42px);font-weight:300;line-height:1.05;letter-spacing:-.032em;color:var(--navy);font-variant-numeric:tabular-nums}
.band span{display:block;margin-top:9px;font-size:13.5px;color:var(--body);letter-spacing:-.012em}

/* ── 소개 · 조직 ──────────────────────────────────────────── */
.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,84px);align-items:start}
.about__pts{margin-top:34px;display:grid;gap:0}
.about__pts li{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--line)}
.about__pts li:last-child{border-bottom:1px solid var(--line)}
.about__pts i{
  width:22px;height:22px;margin-top:3px;border-radius:50%;
  border:1px solid var(--gold-line);background:var(--gold-wash);
  font-style:normal;font-size:11px;font-weight:500;color:var(--gold-deep);
  display:grid;place-items:center;font-variant-numeric:tabular-nums
}
.about__pts p{font-size:15.5px;color:var(--body);line-height:1.7}
.about__pts strong{display:block;font-weight:500;color:var(--navy);letter-spacing:-.018em;margin-bottom:3px}

.org{border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--sh-2);padding:clamp(22px,2.6vw,32px)}
.org__k{font-size:11.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}
.org__node{position:relative;padding:0 0 22px 28px}
.org__node:last-child{padding-bottom:0}
.org__node::before{
  content:"";position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:50%;
  background:#fff;border:1.5px solid var(--gold-lite)
}
.org__node:first-child::before{background:var(--gold-lite)}
.org__node::after{content:"";position:absolute;left:4px;top:20px;bottom:2px;width:1px;background:var(--line-2)}
.org__node:last-child::after{display:none}
.org__node b{display:block;font-size:15.5px;font-weight:500;color:var(--navy);letter-spacing:-.02em}
.org__node span{display:block;margin-top:4px;font-size:13.5px;color:var(--body-soft);line-height:1.65}

/* ── 분과 카드 ─────────────────────────────────────────────── */
.coms{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.com{
  display:flex;flex-direction:column;padding:24px;background:#fff;
  border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-1);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.com:hover{transform:translateY(-2px);box-shadow:var(--sh-3);border-color:var(--line-2)}
.com__top{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.com__no{font-size:12px;font-weight:500;color:var(--gold);letter-spacing:.06em;font-variant-numeric:tabular-nums}
.com__cnt{margin-left:auto;font-size:12.5px;color:var(--body-soft);font-variant-numeric:tabular-nums}
.com h3{font-size:18px;font-weight:500;line-height:1.42;letter-spacing:-.024em;margin-bottom:10px}
.com__d{font-size:14.5px;line-height:1.68;color:var(--body)}
.com__kpi{margin-top:auto;padding-top:16px;display:flex;flex-wrap:wrap;gap:6px}
.com__kpi::before{content:"";display:block;width:100%;height:1px;background:var(--line);margin-bottom:12px}
.kpi{
  padding:4px 9px;border-radius:var(--r-xs);background:var(--paper-2);border:1px solid var(--line);
  font-size:11.5px;color:var(--label);letter-spacing:-.01em;font-variant-numeric:tabular-nums
}
.coms__note{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}

/* 분과 가입 유도 카드 */
.com--join{background:var(--navy-deep);border-color:var(--navy-deep)}
.com--join:hover{border-color:var(--gold-lite)}
.com--join h3{color:var(--on-navy)}
.com--join .com__d{color:var(--on-navy-2)}
.com--join .com__no{color:var(--gold-lite)}
.com--join .com__kpi::before{display:none}

/* ── 운영 흐름 ─────────────────────────────────────────────── */
.flow{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;box-shadow:var(--sh-2)}
.step{padding:26px 22px;border-right:1px solid var(--line)}
.step:last-child{border-right:0}
.step__no{font-size:12px;font-weight:500;color:var(--gold);letter-spacing:.08em;font-variant-numeric:tabular-nums}
.step h3{margin-top:12px;font-size:17px;font-weight:500;letter-spacing:-.022em;line-height:1.45}
.step p{margin-top:9px;font-size:14px;line-height:1.66;color:var(--body)}
.step__sla{margin-top:16px;font-size:11.5px;color:var(--gold-deep);letter-spacing:-.008em;font-variant-numeric:tabular-nums}
.step__sla::before{content:"";display:inline-block;width:14px;height:1px;margin-right:7px;vertical-align:middle;background:var(--gold-lite)}
.flow__tail{margin-top:20px;font-size:13.5px;color:var(--body-soft)}

/* ── 성과 (네이비) ─────────────────────────────────────────── */
.out{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(34px,5vw,80px);align-items:start}
.rule{
  margin-top:28px;padding:20px 22px;border-radius:var(--r);
  border:1px solid var(--on-navy-line);background:rgba(239,190,95,.06)
}
.rule b{display:block;font-size:16px;font-weight:400;color:var(--gold-lite);letter-spacing:-.02em}
.rule span{display:block;margin-top:8px;font-size:14px;line-height:1.7;color:var(--on-navy-2)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.klist__k{font-size:11.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-lite);padding-bottom:12px;border-bottom:1px solid var(--on-navy-line)}
.klist ul{margin-top:14px;display:flex;flex-wrap:wrap;gap:7px}
.klist li{
  padding:6px 11px;border-radius:var(--r-xs);border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);font-size:13px;color:var(--on-navy);letter-spacing:-.012em
}
.out__nums{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:34px;background:var(--on-navy-line);border:1px solid var(--on-navy-line);border-radius:var(--r);overflow:hidden}
.out__nums div{padding:20px 18px;background:var(--navy-deep)}
.out__nums b{display:block;font-size:26px;font-weight:300;letter-spacing:-.03em;color:var(--gold-lite);line-height:1.1;font-variant-numeric:tabular-nums}
.out__nums span{display:block;margin-top:7px;font-size:12.5px;color:var(--on-navy-3)}

/* ── 행사 ─────────────────────────────────────────────────── */
.event{
  display:grid;grid-template-columns:auto 1fr auto;gap:clamp(24px,3.5vw,54px);align-items:center;
  padding:clamp(26px,3.4vw,44px);border:1px solid var(--gold-line);border-radius:var(--r);
  background:linear-gradient(115deg,var(--gold-wash) 0%,#fff 58%);box-shadow:var(--sh-2)
}
.event__date{padding-right:clamp(24px,3.5vw,54px);border-right:1px solid var(--gold-line)}
.event__date b{display:block;font-size:clamp(28px,3vw,38px);font-weight:300;letter-spacing:-.03em;color:var(--navy);line-height:1.1;font-variant-numeric:tabular-nums}
.event__date span{display:block;margin-top:8px;font-size:13px;color:var(--body-soft)}
.event h3{font-size:clamp(20px,2vw,25px);font-weight:400;letter-spacing:-.026em;line-height:1.36}
.event p{margin-top:10px;font-size:15px;line-height:1.7;color:var(--body);max-width:36em}

/* ── 참여 ─────────────────────────────────────────────────── */
.joins{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.join{display:flex;flex-direction:column;padding:28px 26px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-1)}
.join__k{font-size:11.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.join h3{margin-top:14px;font-size:20px;font-weight:400;letter-spacing:-.024em}
.join p{margin-top:11px;font-size:15px;line-height:1.7;color:var(--body)}
.join ul{margin:18px 0 24px;display:grid;gap:9px}
.join li{padding-left:16px;position:relative;font-size:14px;color:var(--label);line-height:1.6}
.join li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--gold-lite)}
.join .btn{margin-top:auto;align-self:flex-start}

/* ── 푸터 ─────────────────────────────────────────────────── */
.ft{background:var(--navy-deep);color:var(--on-navy-3);padding-block:clamp(52px,6vw,76px) 34px}
.ft__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:clamp(26px,3.5vw,54px)}
.ft .brand__ko{color:var(--on-navy)}
.ft .brand__en{color:var(--on-navy-3)}
.ft__about{margin-top:18px;font-size:14px;line-height:1.75;color:var(--on-navy-3);max-width:26em}
.ft__k{font-size:11.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-lite);margin-bottom:16px}
.ft__col li{margin-bottom:10px;font-size:14px;line-height:1.6}
.ft__col a{color:var(--on-navy-2)}
.ft__col a:hover{color:var(--gold-lite)}
.ft__col dt{font-size:12px;color:var(--on-navy-3);margin-bottom:3px}
.ft__col dd{margin:0 0 14px;font-size:14px;color:var(--on-navy);line-height:1.6}
.ft__col dd a{color:var(--on-navy)}
.ft__btm{
  margin-top:clamp(36px,4vw,56px);padding-top:24px;border-top:1px solid var(--on-navy-line);
  display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;font-size:12.5px;color:var(--on-navy-3)
}
.ft__btm nav{display:flex;gap:18px;margin-left:auto}
.ft__btm a{color:var(--on-navy-3)}
.ft__btm a:hover{color:var(--gold-lite)}

/* ── 등장 ─────────────────────────────────────────────────── */
/* JS가 없거나 실패하면 .js 가 붙지 않는다 → 본문은 그대로 보인다 */
html.js .rv{opacity:0;transform:translateY(14px);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}
html.js .rv.on{opacity:1;transform:none}

/* ── 모바일 내비 ───────────────────────────────────────────── */
.navdrop{display:none;border-top:1px solid var(--line);background:#fff;padding:14px var(--pad) 20px}
.navdrop[data-open="1"]{display:block}
.navdrop a{display:block;padding:12px 0;font-size:16px;color:var(--navy);border-bottom:1px solid var(--line)}
.navdrop .btn{margin-top:16px;width:100%;justify-content:center}

/* ── 반응형 ───────────────────────────────────────────────── */
@media (max-width:1080px){
  .coms{grid-template-columns:repeat(2,1fr)}
  .flow{grid-template-columns:repeat(2,1fr)}
  .step{border-bottom:1px solid var(--line)}
  .step:nth-child(2n){border-right:0}
  .ft__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:920px){
  .nav,.hdr__cta{display:none}
  .navtoggle{display:block}
  .hero__grid,.about,.out,.joins{grid-template-columns:1fr}
  .joins{gap:14px}
  .event{grid-template-columns:1fr;gap:24px}
  .event__date{padding-right:0;padding-bottom:22px;border-right:0;border-bottom:1px solid var(--gold-line)}
  .band__in{grid-template-columns:repeat(2,1fr);gap:26px 0}
  .band__in>div{padding-inline:0 clamp(14px,2vw,28px)}
  .band__in>div:nth-child(2n){border-right:0;padding-right:0}
}
@media (max-width:640px){
  body{font-size:16px}
  .coms,.flow{grid-template-columns:1fr}
  .step{border-right:0}
  .ops__stats{grid-template-columns:1fr}
  .ops__stats div{border-right:0;border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:12px}
  .ops__stats div:last-child{border-bottom:0}
  .ops__stats span{margin-top:0}
  .grid2,.ft__grid,.out__nums{grid-template-columns:1fr}
  .out__nums div{border-bottom:1px solid var(--on-navy-line)}
  .ft__btm nav{margin-left:0;width:100%}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important;scroll-behavior:auto !important}
  html.js .rv{opacity:1;transform:none}
}