
:root{--font-display:"Archivo",Arial,sans-serif;--font-body:"Archivo",Arial,sans-serif;--radius:3px;--radius-sm:3px;--amber:#E6A23C;--muted-onlight:#59584F}
html{scroll-behavior:auto;scroll-padding-top:110px}
.reveal{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
.hero,.section--dark,.cta-final{background:var(--paper)!important;color:var(--ink)!important}
.hero::before,.hero__loop{display:none!important}
.hero__lead,.hero__note,.hero .eyebrow,.cta-final p,.section--dark p,.section--dark li,.section--dark .kicker{color:var(--muted)!important}
.hero h1{font-size:clamp(2.2rem,4.6vw,3.5rem);max-width:22ch;font-stretch:90%;line-height:1.1}
.hero{padding-block:clamp(58px,8vw,100px);border-bottom:1px solid var(--line)}
.btn-outline-dark{color:var(--ink);border-color:#67675E}
.btn-outline-dark:hover{color:var(--ink);border-color:var(--ink);background:#E7E3D9}
.btn,.btn-header{border-radius:3px;min-height:44px;transform:none!important}
.kicker,.price-card__eyebrow,.price-card__price-tag{color:#85540E!important}
.price-card{box-shadow:none!important;border-radius:3px}
.price-card__price-tag,.price-card__eyebrow{opacity:1}
.custom-route{margin-top:28px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:68ch}
.custom-route p{margin:8px 0 12px}.custom-route a{text-decoration:underline;text-underline-offset:5px;display:inline-block;min-height:44px;padding-top:8px}
.price-card__cta .channel-note{font-size:.85rem;color:var(--muted);margin-top:10px}
.condition-block{max-width:70ch}
:focus-visible{outline:2px solid #85540E;outline-offset:4px}
.site-header :focus-visible,.site-footer :focus-visible{outline-color:#E6A23C}
@media(max-width:760px){.site-header__inner{flex-wrap:wrap;gap:10px}.page-nav{display:flex!important;order:3;width:100%;justify-content:space-between;gap:8px;overflow-x:auto}.page-nav a{min-height:40px;display:flex;align-items:center;font-size:.7rem}.header-right{margin-left:auto}.brand-mark{letter-spacing:.07em}.hero__inner{padding-inline:24px}}
.site-header__inner{padding-inline:24px}
@media(max-width:380px){.btn-header{font-size:12px;padding-inline:10px}.header-right{gap:8px}}

/* Official The8Lab loop mark proportions */
.brand-mark svg{width:13px!important;height:24px!important;flex:none!important;overflow:visible}
