@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');

.ov3-home{
  --v3-bg:#0d0812;
  --v3-bg-deep:#09060d;
  --v3-panel:rgba(20,12,27,.72);
  --v3-text:#f7f2f8;
  --v3-muted:#b6abb9;
  --v3-dim:#7c7280;
  --v3-line:rgba(244,232,249,.095);
  --v3-line-2:rgba(244,232,249,.16);
  --v3-violet:#b77cc1;
  --v3-violet-2:#d8acd9;
  --v3-plum:#7e456f;
  --v3-cyan:#99daef;
  --v3-cyan-2:#4c9ecd;
  position:relative;
  isolation:isolate;
  min-height:100vh;
  padding-top:72px;
  overflow:hidden;
  color:var(--v3-text);
  background:linear-gradient(180deg,rgba(13,8,18,.76),rgba(13,8,18,.92) 44%,rgba(9,6,13,.98));
  font-family:"Manrope",Inter,ui-sans-serif,system-ui,sans-serif;
}
.ov3-home,.ov3-home *{box-sizing:border-box}
.ov3-home h1,.ov3-home h2,.ov3-home h3,.ov3-home p{margin-top:0}
.ov3-home h1,.ov3-home h2,.ov3-home h3{font-family:"Cinzel",Georgia,"Times New Roman",serif}
.ov3-home code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.ov3-wrap{width:min(1220px,calc(100% - 54px));margin:0 auto}

.ov3-atmosphere{
  position:absolute;
  inset:0;
  z-index:-2;
  overflow:hidden;
  pointer-events:none;
  background:
    radial-gradient(circle at 83% 8%,rgba(113,52,132,.17),transparent 30rem),
    radial-gradient(circle at 5% 34%,rgba(69,45,108,.14),transparent 29rem),
    radial-gradient(circle at 74% 69%,rgba(76,158,205,.055),transparent 27rem);
}
.ov3-atmosphere::before{
  content:"";
  position:absolute;
  width:150%;
  height:72rem;
  left:-24%;
  top:-29rem;
  opacity:.12;
  filter:blur(18px);
  background:linear-gradient(113deg,
    transparent 28%,
    rgba(153,218,239,.58) 38%,
    rgba(172,107,196,.54) 46%,
    rgba(159,63,125,.48) 53%,
    rgba(255,255,255,.15) 57%,
    transparent 68%);
  transform:rotate(-9deg) translateX(-9%);
  animation:ov3Foil 18s ease-in-out infinite;
}
.ov3-atmosphere::after{
  content:"";
  position:absolute;
  width:54rem;
  height:54rem;
  right:-16rem;
  top:29rem;
  border-radius:50%;
  opacity:.16;
  background:radial-gradient(circle,rgba(142,78,158,.38),rgba(69,66,126,.16) 38%,transparent 69%);
  filter:blur(22px);
  animation:ov3Drift 15s ease-in-out infinite alternate;
}
@keyframes ov3Foil{
  0%,18%{transform:rotate(-9deg) translate3d(-9%,0,0)}
  55%,72%{transform:rotate(-9deg) translate3d(15%,3%,0)}
  100%{transform:rotate(-9deg) translate3d(-9%,0,0)}
}
@keyframes ov3Drift{
  from{transform:translate3d(0,0,0) scale(.95)}
  to{transform:translate3d(-8rem,6rem,0) scale(1.1)}
}

.ov3-home-nav{display:flex;align-items:center;gap:23px}
.ov3-home-nav a{color:#a99eac;font-size:9px;font-weight:700;letter-spacing:.105em;text-transform:uppercase}
.ov3-home-nav a:hover{color:#f4edf5}

.ov3-eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  color:#a88fab;
  font-size:9px;
  font-weight:800;
  letter-spacing:.19em;
  text-transform:uppercase;
}
.ov3-eyebrow::before{
  content:"";
  width:28px;
  height:1px;
  background:linear-gradient(90deg,var(--v3-violet),transparent);
}
.ov3-gradient{
  color:transparent;
  background:linear-gradient(90deg,#dcbcdf 0%,#b77cc1 50%,#8978b1 100%);
  -webkit-background-clip:text;
  background-clip:text;
}

.ov3-hero{
  min-height:720px;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);
  gap:60px;
  align-items:center;
  padding:62px 0 38px;
}
.ov3-hero-copy{min-width:0}
.ov3-title{
  max-width:650px;
  margin:19px 0 22px;
  font-size:clamp(54px,5.5vw,84px);
  line-height:.84;
  letter-spacing:-.025em;
  font-weight:600;
  text-transform:uppercase;
}
.ov3-title span{display:block}
.ov3-lede{
  max-width:600px;
  margin-bottom:0;
  color:#c0b6c3;
  font-size:14px;
  line-height:1.77;
}
.ov3-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.ov3-btn{
  min-height:45px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 17px;
  border:1px solid var(--v3-line-2);
  background:rgba(255,255,255,.018);
  color:#f5edf6;
  font-size:10px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.ov3-btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.28)}
.ov3-btn.primary{
  border-color:rgba(183,124,193,.38);
  background:linear-gradient(112deg,rgba(112,58,136,.72),rgba(126,58,111,.68));
  box-shadow:0 16px 42px rgba(77,35,86,.18);
}
.ov3-start{
  display:grid;
  grid-template-columns:auto auto 1fr;
  gap:12px;
  align-items:center;
  max-width:560px;
  margin-top:29px;
  padding-top:14px;
  border-top:1px solid var(--v3-line);
}
.ov3-start span{color:#756c7a;font-size:8px;font-weight:800;letter-spacing:.14em}
.ov3-start code{color:#d5a6d5;font-size:10px}
.ov3-start small{color:#89808d;font-size:10px}

.ov3-stage{
  position:relative;
  min-height:520px;
  perspective:1100px;
}
.ov3-stage::before{
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  left:50%;
  top:48%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(130,71,151,.15),rgba(76,158,205,.035) 44%,transparent 70%);
  box-shadow:0 0 0 1px rgba(255,255,255,.04),0 0 90px rgba(106,58,130,.08) inset;
}
.ov3-stage::after{
  content:"";
  position:absolute;
  left:14%;
  right:12%;
  bottom:27px;
  height:1px;
  opacity:.28;
  background:linear-gradient(90deg,transparent,var(--v3-violet),var(--v3-cyan),transparent);
}
.ov3-stage-card{
  position:absolute;
  width:230px;
  overflow:hidden;
  border:2px solid rgba(138,134,144,.45);
  background:#110c15;
  box-shadow:0 34px 76px rgba(0,0,0,.43);
  clip-path:polygon(4% 0,96% 0,100% 4%,100% 96%,96% 100%,4% 100%,0 96%,0 4%);
  transform-origin:50% 90%;
}
.ov3-stage-card.is-rare{border-color:rgba(76,158,205,.7);box-shadow:0 34px 76px rgba(0,0,0,.43),0 0 28px rgba(76,158,205,.07)}
.ov3-stage-card:nth-child(1){left:2%;top:160px;transform:rotate(-8deg);animation:ov3CardA 9s ease-in-out infinite}
.ov3-stage-card:nth-child(2){left:50%;top:54px;z-index:3;width:276px;transform:translateX(-50%) rotate(1deg);animation:ov3CardB 8s ease-in-out infinite}
.ov3-stage-card:nth-child(3){right:1%;top:170px;transform:rotate(8deg);animation:ov3CardC 10s ease-in-out infinite}
@keyframes ov3CardA{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-9deg) translateY(-10px)}}
@keyframes ov3CardB{0%,100%{transform:translateX(-50%) rotate(1deg) translateY(0)}50%{transform:translateX(-50%) rotate(0deg) translateY(-13px)}}
@keyframes ov3CardC{0%,100%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(9deg) translateY(-8px)}}
.ov3-stage-card img{
  display:block;
  width:100%;
  aspect-ratio:400/520;
  object-fit:cover;
  object-position:center 30%;
  background:#150f19;
}
.ov3-stage-meta{
  min-height:64px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:10px 13px 12px;
  border-top:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(17,11,22,.98),rgba(9,6,13,.99));
}
.ov3-stage-card.is-rare .ov3-stage-meta{box-shadow:inset 3px 0 0 var(--v3-cyan-2)}
.ov3-stage-meta strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-family:"Cinzel",Georgia,"Times New Roman",serif;
  font-size:18px;
  line-height:1;
}
.ov3-stage-meta span{
  margin-top:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#817785;
  font-size:8px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.ov3-facts{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--v3-line);
  border-bottom:1px solid var(--v3-line);
  background:rgba(8,5,11,.18);
}
.ov3-facts div{
  min-height:67px;
  display:flex;
  align-items:baseline;
  gap:8px;
  padding:16px 18px;
  border-right:1px solid var(--v3-line);
}
.ov3-facts div:last-child{border-right:0}
.ov3-facts strong{font-family:"Cinzel",Georgia,"Times New Roman",serif;font-size:23px;font-weight:800}
.ov3-facts span{color:#716876;font-size:8px;letter-spacing:.095em;text-transform:uppercase}

.ov3-flow{
  display:grid;
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);
  gap:74px;
  padding:106px 0 112px;
}
.ov3-flow-intro{position:sticky;top:115px;align-self:start}
.ov3-flow-intro h2,.ov3-build-copy h2,.ov3-encounter-copy h2,.ov3-final h2{
  margin:16px 0 13px;
  font-size:clamp(40px,4.2vw,60px);
  line-height:.9;
  letter-spacing:-.02em;
  font-weight:600;
  text-transform:uppercase;
}
.ov3-flow-intro p,.ov3-build-copy p,.ov3-encounter-copy p{
  max-width:480px;
  margin:0;
  color:#978d9b;
  font-size:12px;
  line-height:1.75;
}
.ov3-flow-list{position:relative;border-top:1px solid var(--v3-line)}
.ov3-flow-list::before{
  content:"";
  position:absolute;
  left:17px;
  top:29px;
  bottom:29px;
  width:1px;
  background:linear-gradient(180deg,var(--v3-violet),rgba(76,158,205,.48),transparent);
  opacity:.45;
}
.ov3-step{
  position:relative;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  min-height:126px;
  padding:22px 0;
  border-bottom:1px solid var(--v3-line);
}
.ov3-step-num{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:35px;
  height:35px;
  border:1px solid rgba(183,124,193,.26);
  border-radius:50%;
  background:#0e0913;
  color:#9a7f9d;
  font-size:8px;
  font-weight:800;
}
.ov3-step h3{margin:0 0 5px;font-size:24px;line-height:1.05}
.ov3-step p{margin:0;color:#887f8c;font-size:11px;line-height:1.65}
.ov3-step code{color:#b98abe;font-size:9px}

.ov3-catalog{
  position:relative;
  padding:92px 0 98px;
  border-top:1px solid var(--v3-line);
  border-bottom:1px solid var(--v3-line);
  background:linear-gradient(180deg,rgba(255,255,255,.008),rgba(82,40,93,.025),rgba(255,255,255,.005));
}
.ov3-catalog-copy{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:55px;
  margin-bottom:34px;
}
.ov3-catalog-copy h2{
  margin:15px 0 0;
  font-size:clamp(40px,4.2vw,60px);
  line-height:.9;
  font-weight:600;
  text-transform:uppercase;
}
.ov3-catalog-copy p{max-width:440px;margin:0;color:#8f8593;font-size:11px;line-height:1.7}
.ov3-reel{
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
}
.ov3-reel-track{
  display:flex;
  width:max-content;
  will-change:transform;
  animation:ov3Reel 66s linear infinite;
}
.ov3-reel:hover .ov3-reel-track{animation-play-state:paused}
@keyframes ov3Reel{to{transform:translate3d(-50%,0,0)}}
.ov3-reel-group{display:flex;gap:13px;padding-right:13px}
.ov3-reel-card{
  width:208px;
  flex:0 0 auto;
  border-top:1px solid rgba(255,255,255,.12);
}
.ov3-reel-card.is-rare{border-top-color:rgba(153,218,239,.5)}
.ov3-reel-card img{display:block;width:100%;aspect-ratio:400/535;object-fit:cover;object-position:center 31%;background:#130d17}
.ov3-reel-meta{padding:11px 1px 0}
.ov3-reel-meta strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-family:"Cinzel",Georgia,"Times New Roman",serif;
  font-size:18px;
  line-height:1;
}
.ov3-reel-meta span{
  display:block;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#756c79;
  font-size:7px;
  letter-spacing:.095em;
  text-transform:uppercase;
}
.ov3-reel-meta em{display:inline-block;margin-top:6px;color:#817985;font-size:7px;font-style:normal;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ov3-reel-card.is-rare .ov3-reel-meta em{color:var(--v3-cyan)}

.ov3-build{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);
  gap:76px;
  align-items:start;
  padding:108px 0 104px;
}
.ov3-build-copy{padding-top:7px}
.ov3-build-list{border-top:1px solid var(--v3-line)}
.ov3-build-item{
  display:grid;
  grid-template-columns:82px 1fr;
  gap:20px;
  padding:25px 0;
  border-bottom:1px solid var(--v3-line);
}
.ov3-build-item>span{color:#927394;font-size:8px;font-weight:800;letter-spacing:.15em}
.ov3-build-item h3{margin:0 0 6px;font-size:22px;line-height:1.05}
.ov3-build-item p{margin:0;color:#857b89;font-size:11px;line-height:1.65}

.ov3-encounter{
  position:relative;
  padding:92px 0 96px;
  border-top:1px solid rgba(153,218,239,.11);
  border-bottom:1px solid var(--v3-line);
  background:
    radial-gradient(circle at 72% 42%,rgba(76,158,205,.07),transparent 26rem),
    linear-gradient(90deg,rgba(75,48,102,.03),transparent 40%);
}
.ov3-encounter-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
  gap:76px;
  align-items:center;
}
.ov3-role-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.ov3-role-line span{
  padding:6px 9px;
  border:1px solid rgba(153,218,239,.13);
  background:rgba(76,158,205,.035);
  color:#8caeba;
  font-size:8px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.ov3-encounter-side{
  min-height:220px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:24px 0 24px 31px;
  border-left:1px solid rgba(153,218,239,.2);
}
.ov3-encounter-side strong{font-family:"Cinzel",Georgia,"Times New Roman",serif;font-size:25px;line-height:1.05}
.ov3-encounter-side p{max-width:520px;margin:9px 0 16px;color:#8a808f;font-size:11px;line-height:1.7}
.ov3-encounter-side code{color:var(--v3-cyan);font-size:10px}

.ov3-command-strip{
  overflow:hidden;
  border-top:1px solid var(--v3-line);
  border-bottom:1px solid var(--v3-line);
  background:rgba(255,255,255,.007);
}
.ov3-command-track{
  width:max-content;
  display:flex;
  align-items:center;
  gap:0;
  animation:ov3Commands 30s linear infinite;
}
@keyframes ov3Commands{to{transform:translateX(-50%)}}
.ov3-command-set{display:flex;align-items:center}
.ov3-command-set span{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:51px;
  padding:0 24px;
  border-right:1px solid var(--v3-line);
  color:#746a78;
  font-size:8px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ov3-command-set code{color:#c28bc5;font-size:9px}

.ov3-final{
  min-height:430px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:78px 0 92px;
}
.ov3-final>p{margin:0 0 8px;color:#766c7a;font-size:8px;font-weight:800;letter-spacing:.17em}
.ov3-final h2{max-width:760px;margin-top:0}
.ov3-final .ov3-btn{margin-top:22px}

.ov3-reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.ov3-reveal.is-in{opacity:1;transform:none}

@media(max-width:1000px){
  .ov3-hero{grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:38px}
  .ov3-stage-card{width:195px}
  .ov3-stage-card:nth-child(2){width:235px}
  .ov3-flow{gap:46px}
  .ov3-build,.ov3-encounter-grid{gap:46px}
}
@media(max-width:820px){
  .ov3-home-nav{display:none}
  .ov3-wrap{width:min(100% - 34px,760px)}
  .ov3-hero{min-height:auto;grid-template-columns:1fr;gap:25px;padding:58px 0 34px}
  .ov3-stage{width:min(100%,620px);min-height:440px;margin:0 auto}
  .ov3-stage-card{width:180px}
  .ov3-stage-card:nth-child(2){width:220px}
  .ov3-stage-card:nth-child(1){top:137px}
  .ov3-stage-card:nth-child(3){top:147px}
  .ov3-facts{grid-template-columns:1fr 1fr}
  .ov3-facts div:nth-child(2){border-right:0}
  .ov3-flow{grid-template-columns:1fr;gap:38px}
  .ov3-flow-intro{position:static}
  .ov3-catalog-copy{display:block}
  .ov3-catalog-copy p{margin-top:14px}
  .ov3-build,.ov3-encounter-grid{grid-template-columns:1fr;gap:38px}
  .ov3-encounter-side{min-height:0}
}
@media(max-width:560px){
  .ov3-home{padding-top:64px}
  .ov3-wrap{width:calc(100% - 26px)}
  .ov3-hero{padding-top:43px}
  .ov3-title{font-size:clamp(46px,14.8vw,64px);line-height:.90;margin:17px 0}
  .ov3-lede{font-size:12px;line-height:1.68}
  .ov3-actions{display:grid;grid-template-columns:1fr;margin-top:22px}
  .ov3-btn{width:100%}
  .ov3-start{grid-template-columns:auto auto}
  .ov3-start small{grid-column:1/-1}
  .ov3-stage{min-height:330px}
  .ov3-stage-card{width:132px;animation:none!important}
  .ov3-stage-card:nth-child(2){width:158px;top:28px}
  .ov3-stage-card:nth-child(1){left:1%;top:90px}
  .ov3-stage-card:nth-child(3){right:1%;top:96px}
  .ov3-stage-meta{min-height:50px;padding:8px 9px 9px}
  .ov3-stage-meta strong{font-size:16px}
  .ov3-stage-meta span{font-size:6px}
  .ov3-facts div{min-height:62px;display:block;padding:13px 10px}
  .ov3-facts strong{display:block;font-size:21px;line-height:1}
  .ov3-facts span{display:block;margin-top:5px;font-size:6px}
  .ov3-flow{padding:82px 0 86px}
  .ov3-flow-intro h2,.ov3-build-copy h2,.ov3-encounter-copy h2,.ov3-final h2{font-size:clamp(38px,12vw,52px)}
  .ov3-step{grid-template-columns:42px 1fr;min-height:110px}
  .ov3-step code{grid-column:2}
  .ov3-catalog{padding:76px 0 80px}
  .ov3-catalog-copy h2{font-size:clamp(38px,12vw,52px)}
  .ov3-reel{overflow:hidden;mask-image:none;scrollbar-width:none}
  .ov3-reel-track{animation:ov3Reel 84s linear infinite}
  .ov3-reel-group:nth-child(2){display:flex}
  .ov3-reel-card{width:68vw}
  .ov3-build{padding:84px 0 82px}
  .ov3-build-item{grid-template-columns:65px 1fr;padding:21px 0}
  .ov3-encounter{padding:75px 0}
  .ov3-encounter-side{padding:20px 0 0;border-left:0;border-top:1px solid rgba(153,218,239,.18)}
  .ov3-command-track{animation:none;overflow-x:auto}
  .ov3-command-set:nth-child(2){display:none}
  .ov3-final{min-height:390px;padding:67px 0 77px}
}
@media(prefers-reduced-motion:reduce){
  .ov3-atmosphere::before,.ov3-atmosphere::after,
  .ov3-stage-card,.ov3-reel-track,.ov3-command-track{animation:none!important}
  .ov3-reveal{opacity:1;transform:none;transition:none}
}


/* ------------------------------------------------------------------ */
/* Production home header: section navigation. */
/* ------------------------------------------------------------------ */
.site>header{
  height:72px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:"brand nav account";
  align-items:center;
  gap:24px;
  background:rgba(9,6,13,.88);
  border-bottom:1px solid var(--v3-line);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
.site>header>.brand{grid-area:brand}
.site>header>.main-nav{
  grid-area:nav;
  min-width:0;
  margin:0;
  justify-self:center;
}
.site>header>.header-account{
  grid-area:account;
  margin-left:0;
  justify-self:end;
}
.site>header>.menu{display:none!important}

.ov3-home-nav{
  display:flex;
  align-items:center;
  gap:2px;
  padding:4px;
  border:1px solid var(--v3-line);
  background:rgba(255,255,255,.014);
}
.ov3-home-nav a{
  min-height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  color:#998f9d;
  font-size:8px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  white-space:nowrap;
  transition:color .18s ease,background .18s ease;
}
.ov3-home-nav a:hover{
  color:#f4edf5;
  background:rgba(255,255,255,.025);
}
.ov3-home-nav .ov3-nav-page{
  color:#c5afc8;
  background:rgba(183,124,193,.025);
}

@media(max-width:1100px){
  .site>header{gap:15px}
  .ov3-home-nav a{padding:0 7px;font-size:7px}
}

@media(max-width:820px){
  .site>header{
    height:112px;
    grid-template-columns:auto minmax(0,1fr);
    grid-template-areas:
      "brand account"
      "nav nav";
    align-content:center;
    row-gap:7px;
    padding-top:8px;
    padding-bottom:8px;
  }
  .site>header>.main-nav{
    width:100%;
    justify-self:stretch;
  }
  .ov3-home-nav{
    display:flex!important;
    width:100%;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
  }
  .ov3-home-nav::-webkit-scrollbar{display:none}
  .ov3-home-nav a{flex:0 0 auto;min-height:30px;padding:0 9px}
  .ov3-home{padding-top:112px}
}

@media(max-width:560px){
  .site>header{padding-left:12px;padding-right:12px}
  .ov3-home{padding-top:112px}
}


/* ------------------------------------------------------------------ */
/* v4.4 desktop header navigation emphasis                             */
/* ------------------------------------------------------------------ */
@media(min-width:821px){
  .site>header{
    gap:20px;
  }

  .site>header>.main-nav{
    justify-self:center;
  }

  .ov3-home-nav{
    gap:3px;
    padding:5px;
    border-color:rgba(244,232,249,.12);
    background:rgba(255,255,255,.018);
  }

  .ov3-home-nav a{
    min-height:36px;
    padding:0 13px;
    color:#aaa0ad;
    font-size:10px;
    font-weight:800;
    letter-spacing:.075em;
  }

  .ov3-home-nav a:hover{
    color:#fff;
    background:rgba(183,124,193,.075);
  }

  .ov3-home-nav .ov3-nav-page{
    color:#cdb7cf;
    background:rgba(183,124,193,.035);
  }
}

@media(min-width:821px) and (max-width:1180px){
  .site>header{gap:14px}
  .ov3-home-nav{gap:1px;padding:4px}
  .ov3-home-nav a{
    min-height:34px;
    padding:0 9px;
    font-size:9px;
    letter-spacing:.06em;
  }
}


/* v4.5 filled navigation language */
.ov3-home-nav .ov3-nav-page{
  color:var(--o4-muted)!important;
  background:transparent!important;
}
.ov3-home-nav a{
  border:1px solid transparent;
}
.ov3-home-nav a:hover{
  border-color:color-mix(in srgb,var(--o4-accent) 18%,var(--o4-line));
  background:color-mix(in srgb,var(--o4-accent) 6%,transparent)!important;
}
.ov3-home-nav a[aria-current="page"]{
  color:var(--o4-ink)!important;
  border-color:var(--o4-nav-active-border)!important;
  background:var(--o4-nav-active)!important;
  box-shadow:none!important;
  clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);
}
@media(max-width:820px){
  .ov3-home-nav a[aria-current="page"]{clip-path:none}
}


/* ------------------------------------------------------------------ */
/* v5 readability pass                                                 */
/* ------------------------------------------------------------------ */
.ov3-eyebrow{font-size:11px!important;line-height:1.35}
.ov3-lede{font-size:16px!important;line-height:1.72!important}
.ov3-btn{font-size:11px!important}
.ov3-start span{font-size:10px!important}
.ov3-start code,.ov3-start small{font-size:12px!important}
.ov3-facts span{font-size:10px!important}
.ov3-flow-intro p,.ov3-build-copy p,.ov3-encounter-copy p{font-size:14px!important;line-height:1.72!important}
.ov3-step p{font-size:13px!important;line-height:1.65!important}
.ov3-step code{font-size:11px!important}
.ov3-catalog-copy p{font-size:13px!important;line-height:1.65!important}
.ov3-reel-meta span,.ov3-reel-meta em{font-size:10px!important}
.ov3-build-item>span{font-size:10px!important}
.ov3-build-item p{font-size:13px!important;line-height:1.62!important}
.ov3-role-line span{font-size:10px!important}
.ov3-encounter-side p{font-size:13px!important;line-height:1.68!important}
.ov3-encounter-side code{font-size:11px!important}
.ov3-command-set span{font-size:10px!important}
.ov3-command-set code{font-size:11px!important}
.ov3-final>p{font-size:10px!important}
.ov3-home-nav a{font-size:11px!important}
@media(min-width:821px) and (max-width:1180px){.ov3-home-nav a{font-size:10px!important}}
@media(max-width:820px){.site>header .ov3-home-nav a{font-size:11px!important}}
@media(max-width:560px){
  .ov3-lede{font-size:15px!important}
  .ov3-stage-meta span{font-size:9px!important}
  .ov3-facts span{font-size:9px!important}
}