/* The landing page: the capture's own layout, this pad's type and palette. */
:root{--ink:#0A0808;--panel:#151110;--text:#EDE3DE;--red:#FF3322;--ash:#8A7F7A;--line:#2B2422;--disp:faceDisplay,"Arial Narrow",Impact,sans-serif}
html,body{background:var(--ink)!important;color:var(--text)}
body{font-family:faceBody,Arial,sans-serif;font-size:16px}
h1,h2,h3,.h3,.big,.mrquee-text,.marquee-text-item,.reads-h{font-family:var(--disp)!important;font-weight:800!important;text-transform:uppercase;letter-spacing:-.005em}
.main-banner h1{font-size:clamp(3.6rem,9.2vw,11.5rem)!important;line-height:.9!important}
.home-about h2{font-size:clamp(2.6rem,6.2vw,7.6rem)!important;line-height:.98!important;color:var(--text)}
.mrquee-text,.marquee-text-item{font-size:clamp(7rem,21vw,24rem)!important;line-height:.92!important;color:var(--text)!important}
.marquee-text-item:nth-of-type(2){color:var(--red)!important}
.title,.button-text,.btn{font-family:faceMono,monospace!important;font-size:14px!important;letter-spacing:.02em}
p,.small{font-size:16px!important;line-height:1.35}
#nav{mix-blend-mode:normal!important}
.boost-logo img{width:168px!important;height:auto!important}
.boost-pill{background:var(--red);color:#0A0808!important;border:1px solid var(--red);font-weight:700}
.boost-pill:hover{background:var(--text);border-color:var(--text)}
.boost-pill *{color:#0A0808!important}
.main-toggle,.menu-toggle{border-color:var(--text)!important;color:var(--text)}
#sound-toggle{background:#EDE3DE1a!important;color:var(--text)}
.menu-block{background:var(--panel)!important;border-color:var(--line)!important;color:var(--text)!important;border-radius:4px!important}
.menu-block *{color:var(--text)!important}
.h3{font-size:3rem!important;line-height:1!important}
.mobile-menu-inner a.menu{font-family:var(--disp);font-size:3rem;font-weight:800}
.hold-btn{position:relative;display:block;width:100%;max-width:21rem;min-height:3.5rem;border:1px solid var(--red);background:transparent;color:var(--text);cursor:pointer;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:2px;pointer-events:auto}
.hold-btn:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.hold-fill{position:absolute;inset:0;background:var(--red);transform:scaleX(0);transform-origin:left}
.hold-label{position:relative;font-family:var(--disp)!important;font-weight:800;font-size:1.75rem!important;letter-spacing:.01em;text-transform:uppercase;line-height:1}
#s1-stats{gap:.6rem;z-index:5;position:relative}
.hold-note{opacity:.7}
.boost-keyfacts,.boost-reads,.boost-cover{background:var(--panel)!important}
.boost-work,.boost-panel{background:#0A0808!important}
.boost-keyfacts .text-dark-font,.boost-keyfacts h2{color:var(--text)!important}
.boost-keyfacts p{color:var(--text)}
.boost-keyfacts h2{font-size:clamp(3rem,6vw,6.5rem)!important}
.boost-card{background:#0A0808!important;border:1px solid var(--line);border-radius:3px!important}
.boost-disc{background:var(--red)}
.kf-num{font-family:faceMono,monospace;font-weight:700;font-size:clamp(2.4rem,4vw,3.6rem);line-height:1;color:var(--text);min-height:1em;margin-bottom:.8rem}
.kf-disc{color:#0A0808;margin:0;font-size:2.5rem}
.kf-feed{display:flex;flex-direction:column;gap:.5rem;font-family:faceMono,monospace;font-size:14px}
.kf-feed a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:.5rem 0;color:var(--text)}
.kf-feed span{color:var(--ash)}
.led-band{display:block;width:100%;height:76px;background:#0A0808;border:1px solid var(--line)}
.line-link{display:inline-block;font-family:faceMono,monospace;font-size:14px;text-transform:uppercase;color:var(--text);border-bottom:1px solid var(--red);padding-bottom:.4rem;white-space:nowrap}
.line-link::after{content:" \2192";color:var(--red)}
.line-link:hover{color:var(--red)}
.slot-art{background:var(--panel);display:block;border:1px solid var(--line);border-radius:3px!important}
.slot-bar{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--red);transition:width 1.2s cubic-bezier(.2,.7,.2,1)}
.slot-ticker{position:absolute;left:1.5rem;bottom:.6rem;font-family:var(--disp);font-weight:900;font-size:clamp(3.5rem,8vw,8.5rem);line-height:.95;color:var(--text);mix-blend-mode:difference;max-width:calc(100% - 3rem);overflow:hidden;white-space:nowrap}
.slot-pct{position:absolute;right:1.25rem;top:1rem;font-family:faceMono,monospace;font-size:1.25rem;color:var(--text);mix-blend-mode:difference}
.slot-empty{display:none!important}
#work-section h3{font-size:2.6rem;color:var(--text)}
#work-section p{color:var(--ash)}
#work-section .text-dark-font{color:var(--text)!important}
.reads-h{font-size:clamp(3rem,6vw,6.5rem)!important;line-height:.98!important}
.boost-svc{background:#151110e6!important}
.svc-card h3{font-size:2.25rem!important}
#c{filter:sepia(.35) saturate(1.3) hue-rotate(-18deg)}
.boost-reads{border-top:1px solid var(--line)}
.reads-list{border-top:1px solid var(--line);margin-bottom:3rem}
.reads-row{display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem;padding:1.1rem 0;border-bottom:1px solid var(--line);color:var(--text);transition:padding .35s,color .25s}
.reads-row:hover{padding-left:1rem;color:var(--red)}
.reads-id{font-family:faceMono,monospace;font-size:clamp(1.05rem,2.6vw,2.2rem);overflow-wrap:anywhere}
.reads-go{font-family:faceMono,monospace;font-size:14px;color:var(--ash);text-transform:uppercase}
.reads-all{font-family:faceMono,monospace;font-size:14px;text-transform:uppercase;border-bottom:1px solid var(--red);padding-bottom:.4rem;align-self:flex-start}
#site-footer h2{font-size:clamp(4rem,9vw,10rem)!important;line-height:.9!important}
.pl-tag-word{font-family:faceMono,monospace!important}
@media(max-width:1023px){.banner-text-block{gap:1.25rem!important}#s1-scroll{display:none}.banner-text-block>div:last-child{grid-column:span 12/span 12!important;justify-content:flex-start!important}#s1-stats{align-items:stretch;text-align:left}.hold-btn{max-width:none}}
@media(max-width:767px){.main-banner h1{font-size:clamp(3.2rem,15.5vw,6rem)!important}.home-about h2{font-size:2.5rem!important}.led-band{height:62px}.kf-num{font-size:2.4rem}.h3{font-size:2.2rem!important}}
.home-about h2 .id{font-family:faceMono,monospace;font-weight:400;text-transform:none;font-size:.78em;letter-spacing:-.03em;color:var(--red)}
#s1-box span{line-height:1.2!important}
#site-footer h2,.big{letter-spacing:0!important}
.hero-ca{display:flex;align-items:stretch;justify-content:center;gap:8px;width:100%;max-width:420px;margin-top:12px;pointer-events:auto;position:relative;z-index:6}
.ca-copy,.x-btn{display:inline-flex;align-items:center;min-height:40px;border:1px solid var(--line);background:#0A0808;color:var(--text);border-radius:2px;font-family:faceMono,monospace;font-size:14px;line-height:1;cursor:pointer;transition:border-color .2s,color .2s,background .2s;white-space:nowrap}
.ca-copy{flex:1 1 auto;min-width:0;justify-content:space-between;gap:10px;padding:0 12px}
.ca-tick{color:var(--red);font-weight:700}
.ca-addr{overflow:hidden;text-overflow:ellipsis}
.ca-act{color:var(--ash);text-transform:uppercase;font-size:12px}
.ca-copy:hover,.x-btn:hover{border-color:var(--text)}
.ca-copy.done{border-color:var(--red)}
.ca-copy.done .ca-act{color:var(--red)}
.x-btn{gap:8px;padding:0 12px;flex:0 0 auto;background:var(--text);color:#0A0808!important;border-color:var(--text);font-weight:700}
.x-btn:hover{background:var(--red);border-color:var(--red)}
.ca-copy:focus-visible,.x-btn:focus-visible{outline:2px solid var(--text);outline-offset:2px}
@media(max-width:1023px){.hero-ca{max-width:none}}
@media(max-width:767px){.boost-logo img{width:132px!important}}
@media(max-width:400px){.ca-tick{display:none}.ca-copy,.x-btn{font-size:13px}}
@media(min-width:1024px) and (max-height:820px){.main-banner h1{font-size:min(9.2vw,15vh)!important}#s1-stats{justify-content:flex-start}.hold-note{display:none}}