/* Runverra v3 "Ink & Ember" subpage skin (R2, 2026-10-17). Loaded AFTER the ENG-014 subpage stylesheet; styling only.
   Same type and palette as the home page: Barlow Condensed ExtraBold (display.ttf) + DM Sans (sans.ttf), ink #0B0B0C,
   ember #FF5A1F, paper #FAF8F4. Ember is only used as text on ink, or as a fill under ink text; on paper, text accents use
   --ember-text (#B23C10, 5.3:1 on paper). */
@font-face{font-family:"Barlow Condensed";src:url(/assets/display.ttf) format("truetype");font-weight:800;font-display:swap}
@font-face{font-family:"DM Sans";src:url(/assets/sans.ttf) format("truetype");font-weight:400;font-display:swap}
:root{
  --ink:#0B0B0C;--bone:#FAF8F4;--paper:#F3EFE9;--forest:#0B0B0C;--forest-2:#1B1A19;--stone:#A9A39B;--stone-d:#5E5953;
  --amber:#FF5A1F;--amber-d:#B23C10;--ember:#FF5A1F;--ember-text:#B23C10;--violet:#B14BFF;
  --line:rgba(11,11,12,.13);--line-inv:rgba(250,248,244,.16);
  --sans:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--display:"Barlow Condensed",Impact,"Arial Narrow",sans-serif;
  --mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;--cut:0px
}
html{background:var(--bone)}
body{background:var(--bone);color:#141414;font-family:var(--sans)}
::selection{background:var(--ember);color:var(--ink)}
:focus-visible{outline:2px solid var(--ember);outline-offset:3px;box-shadow:0 0 0 5px var(--ink)}
.skip:focus{background:var(--ink);color:var(--bone);border-radius:999px}
/* type */
h1,h2{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:.92}
h3{font-family:var(--sans);font-weight:600;letter-spacing:-.01em}
.label{font:500 12px/1.3 var(--mono);letter-spacing:.06em;color:var(--ember-text)}
.label::after{background:var(--ember);opacity:.35}
.muted{color:var(--stone-d)}
a:hover{text-decoration-color:var(--ember)}
/* header = home .nav treatment: paper glass bar, orange R mark + condensed wordmark, outlined pill CTA */
header.site{background:rgba(250,248,244,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.04em;text-transform:uppercase;color:#141414}
.brand img{width:30px;height:30px}
nav.main ul{font-size:14px;font-weight:400}
nav.main a{border-bottom-width:1px}
nav.main a[aria-current="page"],nav.main a:not(.cta):not(.feat):hover{border-color:var(--ember)}
.cta,nav.main .cta{background:transparent;color:#141414;border:1px solid #141414;border-radius:999px;clip-path:none;font-weight:500;padding:8px 16px}
.cta:hover{background:#141414;color:var(--bone)}
nav.main a.feat{background:var(--ember);color:#141414;border-radius:999px;clip-path:none;font-weight:600;padding:8px 14px}
nav.main a.feat:hover{background:#141414;color:var(--bone)}
nav.main a.feat[aria-current="page"]{background:var(--ember);color:#141414;box-shadow:inset 0 0 0 1.5px #141414}
.menu-btn{border-radius:999px;border-width:1px!important;font-family:var(--sans)!important;font-weight:500!important}
dialog.menu{background:var(--ink);color:var(--bone)}
dialog.menu .brand{color:var(--bone)}
dialog.menu li a{font:800 clamp(44px,13vw,96px)/1 var(--display);text-transform:uppercase;letter-spacing:0}
dialog.menu li a:hover{color:var(--ember)}
.btn-x{border-radius:999px;border-width:1px}
/* buttons = home .btn: ember pill, ink text; secondary = ghost pill */
.btn{border-radius:999px;clip-path:none;border-width:1px;font-weight:600;font-family:var(--sans)}
.btn.primary,.inv .btn.primary{background:var(--ember);border-color:var(--ember);color:#141414;clip-path:none}
.btn.primary:hover,.inv .btn.primary:hover{background:#141414;border-color:#141414;color:var(--bone)}
.btn.secondary{color:#141414;border-color:rgba(20,20,20,.35)}
.btn.secondary:hover,.inv .btn.secondary:hover{background:#141414;border-color:#141414;color:var(--bone)}
/* page hero = home stage: paper with the ember/violet glow, ink display type */
.hero,.hero.inv{background:var(--bone);color:#141414;border-bottom:1px solid var(--line);
  background-image:radial-gradient(60vmax 40vmax at 88% 0%,color-mix(in srgb,var(--ember) 13%,transparent),transparent 70%),radial-gradient(50vmax 36vmax at 6% 110%,color-mix(in srgb,var(--violet) 8%,transparent),transparent 70%)}
.hero h1{color:#141414;letter-spacing:-.005em;max-width:16ch}
.hero.page h1{font-size:clamp(48px,9vw,128px)}
.hero h1 .s{color:var(--ember-text)}
.hero .lede{color:#3b3732}
.hero .small{color:var(--stone-d)}
.hero a:not(.btn):not(.cta),.hero.inv a:not(.btn):not(.cta){color:#141414}
.hero.inv .label,.hero .label{color:var(--ember-text)}
.hero.inv .muted{color:var(--stone-d)}
/* sections */
section.band h2+p,section.band h2+.lede{margin-top:16px}
section.band{border-top:1px solid var(--line)}
section.band.paper{background:var(--paper)}
section.band.inv,section.band.ink{background:var(--ink);color:var(--bone)}
.inv .label,.ink .label{color:var(--ember)}
.inv .label::after,.ink .label::after{background:var(--bone);opacity:.2}
.inv .muted,.ink .muted{color:#BDB7AE}
section.band.inv a:not(.btn):not(.cta),section.band.ink a:not(.btn):not(.cta){color:var(--bone)}
.big-cta h2{line-height:.86}
.big-cta h2 .s{color:var(--ember);font-family:var(--display);font-style:normal;text-transform:uppercase}
.cut{clip-path:none;border-radius:18px}
.card,.svc-card{background:#fff;border:1px solid var(--line)}
section.band:not(.paper) .card{background:var(--paper)}
.svc-card .num{font-family:var(--mono);font-weight:500;color:var(--ember-text)}
.svc-card:hover{background:var(--ink);color:var(--bone);border-color:var(--ink)}.svc-card:hover .num{color:var(--ember)}
.price{font-family:var(--display);font-weight:800;font-size:30px;line-height:1;color:var(--ember-text)}
.svc-card:hover .price{color:var(--ember)}
.jump a{text-decoration-color:var(--ember);text-decoration-thickness:1.5px}
ul.ticks li::before{font-family:var(--mono);font-weight:500;color:var(--ember-text)}
ol.steps li::before{font:800 clamp(44px,6vw,80px)/.9 var(--display);color:var(--ember-text)}
.not{border-left-color:var(--ember)}
table.pk{background:#fff;border-radius:14px;overflow:hidden}
table.pk thead th{background:var(--ink);color:var(--bone);font-family:var(--mono);font-weight:500;letter-spacing:.06em}
table.pk tbody tr:first-child td{font:800 26px/1.05 var(--display);color:#141414}
table.cmp tbody tr:first-child td{font:inherit;color:inherit}
.faq summary{font-weight:600}
.faq summary::after{color:var(--ember-text)}
.gig{border-radius:18px}
.gig .k{color:var(--ember-text)}
/* contact form: home .quote feel (labels in mute, soft field outlines, ember focus) */
form.contact label{font-weight:600;font-size:14px;color:#141414}
form.contact input,form.contact textarea,form.contact select{width:100%;font:16px var(--sans);color:#141414;background:#fff;border:1px solid rgba(20,20,20,.35);border-radius:12px;padding:12px 14px}
form.contact select{appearance:auto}
form.contact input:focus,form.contact textarea:focus,form.contact select:focus{border-color:var(--ember)}
form.contact .note{color:var(--stone-d)}
/* legal pages */
.legal{background:var(--bone)}
.legal h1{font-size:clamp(48px,8vw,96px);color:#141414}
.legal h2{font-size:30px;letter-spacing:0;line-height:1}
.legal blockquote{border-radius:0 10px 10px 0}
.toc h2{font:500 12px var(--mono);letter-spacing:.06em;color:var(--ember-text);text-transform:uppercase}
/* footer = home .foot treatment: paper, hairline top, ink links, giant pale condensed wordmark */
footer.site{background:var(--bone);color:var(--stone-d);border-top:1px solid var(--line)}
footer.site a{color:#141414}
footer.site a:hover{color:var(--ember-text)}
footer.site a.cta:hover{color:var(--bone)}
footer.site h2{font:500 12px var(--mono);letter-spacing:.06em;color:var(--stone-d);text-transform:uppercase}
footer.site .base{border-top-color:var(--line);color:var(--stone-d)}
svg.word text{font:800 150px var(--display);fill:#ECE6DE;letter-spacing:0}
section.band.big-cta{border-bottom:0}
@media (max-width:479px){.brand{font-size:19px;gap:8px}.brand img{width:26px;height:26px}nav.main a.feat{padding:7px 12px}nav.main .cta{padding:7px 12px}}
@media (max-width:719px) and (scripting: enabled){.menu-btn{border:1px solid #141414;color:#141414}}
/* R3 (RUN-QA R2 round 1): no custom cursor dot (the home page has none); single TOC numbering; legal measure ~70 characters */
.cursor{display:none!important}
.toc ol{list-style:none;padding-left:0}
.legal .doc{max-width:min(100%,36em)}