/* Glider Innovations' own look for public demos, from the intriligator.com tokens (paper, ink, violet, red velvet; Newsreader and Archivo Narrow). */
:root{--g-bg:#F7F3F2;--g-ink:#1C1430;--g-deep:#150F26;--g-blue:#4F6AD8;--g-accent:#8A1538;--g-pop:#6D45C9;--g-sans:"Archivo Narrow","Arial Narrow",Arial,sans-serif;--g-display:"Newsreader",Georgia,serif;--g-wash:#EFE8F0;--quiet:#5E5574;--rule:#DCD2DF;--body:#3B3150}
body{background:var(--g-bg);color:var(--body);font:17px/1.55 var(--g-display);-webkit-font-smoothing:antialiased}
a{color:var(--g-pop)}
.banner{background:var(--g-ink);color:#EEE8F7;font:500 13.5px/1.45 var(--g-sans);letter-spacing:.01em}
header.top{background:var(--g-bg);border-bottom:1px solid var(--rule);padding:16px 0}
header.top .wrap{align-items:baseline}
header.top .brand{color:var(--g-ink);font:600 22px/1.2 var(--g-display);letter-spacing:-.01em}
header.top nav{gap:4px 20px}
header.top nav a{color:var(--g-ink);font:600 15.5px var(--g-sans);letter-spacing:.02em;text-transform:uppercase}
header.top nav a:hover{color:var(--g-pop)}
h1,h2,h3{color:var(--g-ink);font-family:var(--g-display);font-weight:500;letter-spacing:-.015em}
h1{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:40px 0 16px}
h2{font-size:clamp(26px,3.2vw,38px);line-height:1.1;margin:48px 0 14px}
.lede{font-size:19px;line-height:1.55;max-width:760px;color:var(--body)}
.kick,.tag,.pill,.chip,.sticker,.src,.axis,.dot,.sit small,.concept dt,.qa summary,.gap,textarea,.hero-btn{font-family:var(--g-sans)!important}
.kick{color:var(--g-accent);letter-spacing:.1em}
.sit b{font:500 36px/1 var(--g-display);color:var(--g-accent)}
.panel{border-top-color:var(--g-pop)}
.panel h3,.concept h4{font:500 26px/1.1 var(--g-display);text-transform:none;letter-spacing:-.01em}
.concept h4{font-size:21px}
.concept{border-top-color:var(--g-pop)}
.dot{background:var(--g-ink);font-weight:600;font-size:14px}
.dot.open{background:var(--g-accent)}
.zone{font:italic 500 24px/1 var(--g-display);color:var(--g-accent)}
.map::before{background:linear-gradient(90deg,rgba(138,21,56,.08),transparent 38%);border-color:var(--g-ink)}
.pill,.hero-btn{background:var(--g-pop);border-radius:999px;font-weight:600;letter-spacing:.02em}
.pill.ghost{color:var(--g-ink)!important;border-color:var(--g-ink)}
.chip{border-color:var(--g-ink);color:var(--g-ink)}
.chip[aria-pressed=true]{background:var(--g-pop);border-color:var(--g-pop)}
.tag{background:#F3E4EA;color:var(--g-accent)}
.tag.busy{background:var(--g-wash);color:var(--g-ink)}
.rule{background:#FBF1F4;border-left-color:var(--g-accent)}
.then .yr{font:500 30px/1 var(--g-display);color:var(--g-accent)}
.doors3 a{background:var(--g-ink)}
.doors3 a:nth-child(2){background:var(--g-pop)}
.doors3 a:nth-child(3){background:var(--g-accent)}
.doors3 b{font:500 32px/1.05 var(--g-display);text-transform:none;letter-spacing:-.01em}
.qa summary{font-size:18px;font-weight:600;color:var(--g-ink)}
.qa summary::after{color:var(--g-pop);font-family:var(--g-display)}
.qa sup a{color:var(--g-pop)}
textarea{border-color:var(--g-ink);color:var(--g-ink)}
mark{background:#F3D9E3}
.adds ul{padding-left:20px}.adds li{margin:8px 0}
/* the typographic hero: a wash band with a soaring route line, no photograph */
.hero-type{background:var(--g-wash);border-bottom:1px solid var(--rule);position:relative;overflow:hidden}
.hero-type .hero-band{padding:72px 0 64px;position:relative}
.hero-type::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 420' preserveAspectRatio='none'%3E%3Cpath d='M760 430 C 930 400 1060 300 1160 210 S 1360 70 1460 30' fill='none' stroke='%238A1538' stroke-width='2.5' stroke-dasharray='2 10' stroke-linecap='round'/%3E%3Cpath d='M820 440 C 1000 420 1120 340 1220 260 S 1380 150 1460 120' fill='none' stroke='%236D45C9' stroke-opacity='.35' stroke-width='1.5'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none}
.hero-title{font:500 clamp(40px,6.4vw,84px)/1.02 var(--g-display);color:var(--g-ink);letter-spacing:-.025em;margin:0 0 20px;max-width:15ch}
.hero-text{font:19px/1.5 var(--g-display);max-width:620px;margin:0 0 26px;color:var(--body)}
.hero-btn{display:inline-block;color:#fff!important;padding:13px 24px;text-decoration:none;font-size:16px}
footer{border-top:1px solid var(--rule);margin-top:72px;padding:28px 0 48px;font:15px/1.5 var(--g-sans);color:var(--quiet)}
footer a{color:var(--g-pop)}
@media (max-width:700px){.hero-type .hero-band{padding:48px 0 44px}header.top nav a{font-size:14px}}