:root{--ink:#201438;--violet:#2b155a;--pink:#ff3f62;--acid:#d9ff55;--cream:#fff8e9;--blue:#455ee9;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--violet);color:var(--cream);font-family:"DM Sans",Arial,sans-serif}.wrap{width:min(1200px,calc(100% - 48px));margin:auto}.skip-link{position:fixed;top:-4rem;left:1rem;z-index:50;background:var(--acid);color:var(--ink);padding:.8rem}.skip-link:focus{top:1rem}.ticker{height:31px;overflow:hidden;display:flex;align-items:center;white-space:nowrap;background:var(--pink);color:var(--cream);font:500 11px/1 var(--mono);letter-spacing:.09em}.ticker span{animation:slide 20s linear infinite}@keyframes slide{to{transform:translateX(-100%)}}.masthead{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:block;width:142px;line-height:0}.wordmark img{width:100%;filter:brightness(0) invert(1)}nav{display:flex;gap:28px}nav a,.footer a{color:inherit;text-decoration:none;font-size:.8rem;font-weight:700}.button{display:inline-flex;align-items:center;gap:22px;padding:14px 17px;background:var(--acid);color:var(--ink);text-decoration:none;font-size:.8rem;font-weight:700}.hero{min-height:740px;padding:65px 0 88px;position:relative;overflow:visible}.eyebrow,.section-tag,.tool-number{font:500 .7rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}.eyebrow{display:flex;gap:13px;align-items:center}.eyebrow i{width:10px;height:10px;border-radius:50%;background:var(--acid)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.065em}h1{position:relative;z-index:2;max-width:850px;margin:28px 0 34px;font:normal clamp(4.9rem,9.5vw,9.2rem)/.83 "Archivo Black",sans-serif;text-transform:uppercase}h1 em,h2 em{font-family:"Playfair Display",Georgia,serif;font-weight:500}h1 em{color:var(--pink)}.hero-bottom{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;max-width:620px}.hero-bottom p{max-width:370px;margin:0;font-size:1.05rem;line-height:1.45}.underlined{padding-bottom:7px;border-bottom:2px solid var(--cream);color:inherit;text-decoration:none;font-size:.86rem;font-weight:700;white-space:nowrap}.hero-stamp{position:absolute;z-index:4;right:3%;top:39px;width:101px;height:101px;display:grid;place-items:center;border-radius:50%;background:var(--pink);box-shadow:4px 4px 0 var(--ink);color:var(--cream);font:500 .62rem/1.25 var(--mono);letter-spacing:.04em;text-align:center;text-transform:uppercase;transform:rotate(13deg)}.app-frame{position:absolute;right:0;bottom:12px;z-index:1;width:min(50vw,600px);height:510px;margin:0;overflow:hidden;border:2px solid var(--ink);background:#181a20;box-shadow:18px 18px 0 var(--pink);color:#e9e4d9;transform:rotate(2deg)}.appbar{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #343640;font-size:.72rem}.appbar span{color:#9fc99b;font:500 .6rem var(--mono)}.workspace{display:grid;grid-template-columns:130px 1fr 166px;height:462px}.workspace aside{display:flex;flex-direction:column;gap:10px;padding:17px 10px;border-right:1px solid #343640;background:#1d1f26;color:#ccc8bf;font-size:.62rem}.workspace small,.lore small{color:#a39f96;font:500 .54rem var(--mono);letter-spacing:.08em}.workspace aside b{padding:6px;border-radius:4px;background:#363940;color:#fff}.workspace aside .active{color:#f1ddae}.workspace hr{width:100%;margin:5px 0;border:0;border-top:1px solid #363841}.workspace article{padding:26px 22px;background:#181a20;font:400 .68rem/1.75 Georgia,serif}.workspace article h3{margin:18px 0 4px;color:#d2a45d;font:500 .64rem var(--mono);letter-spacing:.08em}.workspace article mark{background:none;border-bottom:1px solid var(--pink);color:#f5c6c0}.lore{padding:17px 10px;border-left:1px solid #343640;background:#202229}.lore h2{margin:7px 0;font:500 1rem/1 Newsreader,serif;letter-spacing:-.035em}.lore p{color:#b7b3aa;font-size:.61rem;line-height:1.4}.lore div{margin-top:7px;padding:7px;border:1px solid #41434c;background:#272a31}.lore div b{display:block;margin-top:3px;font:500 .65rem/1.16 Newsreader,serif}.manifesto{margin-top:35px;padding:110px 0;background:var(--ink);color:var(--cream)}.manifesto-wrap{display:grid;grid-template-columns:.45fr 1.25fr .65fr;gap:35px}.manifesto .section-tag{color:var(--acid)}.manifesto h2,.section-heading h2,.notes h2,.closing h2{margin:0;font:normal clamp(3rem,5vw,5.8rem)/.88 "Archivo Black",sans-serif}.manifesto-copy{align-self:end;margin:0;color:#d8d1c6;font-size:1.02rem;line-height:1.5}.tools{padding:126px 0}.section-heading{max-width:750px;margin-bottom:56px}.section-heading .section-tag{margin-bottom:18px;color:var(--acid)}.section-heading h2{font-size:clamp(3.6rem,6vw,6.6rem)}.tool-list{border-top:2px solid var(--cream)}.tool{min-height:245px;display:grid;grid-template-columns:.16fr .92fr .7fr;gap:25px;align-items:center;padding:28px 18px;border-bottom:2px solid var(--cream);background-size:cover;background-repeat:no-repeat}.tool h3{margin:0 0 14px;color:#fff;font:normal clamp(3.1rem,5vw,5.7rem)/.87 "Archivo Black",sans-serif;text-transform:uppercase}.tool p:not(.tool-number){max-width:490px;margin-bottom:0;color:#fff;line-height:1.48}.tool a{display:inline-block;margin-top:12px;padding-bottom:5px;border-bottom:1px solid #fff;color:#fff;text-decoration:none;font-size:.82rem;font-weight:700}.tool-number{color:#fff}.tool--one{background-color:#ff244f;background-image:linear-gradient(90deg,rgba(255,26,66,.94),rgba(255,26,66,.46)),url("assets/chordlore-artist-room-hero.png")}.tool--two{background-color:var(--blue);background-image:linear-gradient(90deg,rgba(69,94,233,.95),rgba(69,94,233,.42)),url("assets/chordlore-artist-room-hero-dark.png")}.tool--three{background-color:#1b102f;background-image:linear-gradient(90deg,rgba(27,16,47,.96),rgba(27,16,47,.48)),url("assets/chordlore-artist-room-hero.png")}.tool-graphic{justify-self:center;min-width:126px;padding:15px;background:var(--acid);color:var(--ink);font:500 1.15rem/1.35 var(--mono);text-align:center;transform:rotate(-8deg)}.graphic-lore{display:grid;place-items:center;width:126px;height:126px;border-radius:50%;font-size:5rem}.graphic-chords{background:var(--pink);color:var(--cream);transform:rotate(7deg)}.notes{padding:108px 0;background:var(--blue);color:#fff}.notes .section-tag{margin-bottom:21px;color:var(--acid)}.notes-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px}.notes h2{font-size:clamp(3.4rem,5vw,5.6rem)}.notes h2 em{color:var(--acid)}.principles{border-top:1px solid rgba(255,255,255,.6)}.principles article{min-height:120px;display:grid;grid-template-columns:42px 1fr 1.35fr;gap:18px;padding:21px 0;border-bottom:1px solid rgba(255,255,255,.6)}.principles article>span{color:var(--acid);font-size:1.3rem}.principles h3{margin:0;font:normal 1.55rem/1 "Archivo Black",sans-serif}.principles p{margin:0;color:#eeeafa;line-height:1.45}.closing{min-height:560px;padding:130px 0;position:relative;background:var(--pink);color:var(--ink);box-shadow:0 0 0 100vmax var(--pink);clip-path:inset(0 -100vmax)}.closing .section-tag{position:relative;z-index:1}.closing h2{position:relative;z-index:1;max-width:900px;margin:22px 0 40px;font-size:clamp(3.7rem,6.5vw,7.2rem)}.closing h2 em{color:var(--cream)}.partner-note{position:relative;z-index:1;max-width:600px;font-size:1rem;line-height:1.55}.closing-badge{position:absolute;right:4%;top:82px;width:225px;height:225px;display:grid;place-content:center;background:var(--ink);border-radius:50%;box-shadow:8px 8px 0 var(--acid);color:var(--acid);font:4rem/.75 "Archivo Black",sans-serif;text-align:center;transform:rotate(12deg)}.closing-badge small{margin-top:18px;color:var(--cream);font:.82rem/1 var(--mono);letter-spacing:.09em}.master-beta-form{position:relative;z-index:1;display:grid;gap:12px;max-width:490px;margin-top:2rem}.master-beta-form label{font-size:.7rem}.master-beta-form input,.master-beta-form textarea{width:100%;margin-top:5px;padding:.75rem;border:2px solid var(--ink);background:var(--cream);color:var(--ink);font:inherit}.master-beta-form textarea{min-height:80px}.master-beta-form button{justify-self:start;border:0;background:var(--ink);color:#fff;padding:.9rem 1rem;font-weight:bold}.mb-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden}.footer{display:flex;align-items:center;gap:2rem;padding:2rem 0 3rem;border-top:2px solid rgba(255,248,233,.65)}.footer .wordmark{margin-right:auto}.footer p{margin:0;font-size:.75rem}@media(max-width:850px){nav{display:none}.hero{min-height:725px}.app-frame{right:-37px;width:500px;height:470px}.workspace{height:422px;grid-template-columns:112px 1fr 145px}.manifesto-wrap,.notes-grid{grid-template-columns:1fr;gap:28px}.manifesto-copy{max-width:470px}.tool{grid-template-columns:.12fr 1fr .45fr}}@media(max-width:600px){.wrap{width:min(calc(100% - 32px),600px)}.masthead{min-height:73px}.masthead .button{padding:11px;font-size:.7rem}.hero{min-height:690px;padding-top:42px}.hero h1{font-size:clamp(3rem,15vw,4.7rem);line-height:.86}.hero-bottom{display:block}.hero-bottom p{font-size:.95rem}.underlined{display:inline-block;margin-top:21px}.hero-stamp{right:0;top:23px;width:80px;height:80px;font-size:.52rem}.app-frame{right:-74px;bottom:18px;width:385px;height:390px}.workspace{height:342px;grid-template-columns:1fr}.workspace aside,.lore{display:none}.workspace article{padding:24px}.manifesto,.notes{padding:76px 0}.tools{padding:80px 0}.tool{grid-template-columns:40px 1fr;min-height:0;padding:22px 10px}.tool h3{font-size:2.7rem}.tool-graphic{grid-column:2;justify-self:start;margin-top:7px;transform:scale(.7);transform-origin:left top;height:95px}.notes-grid{gap:50px}.principles article{grid-template-columns:26px 1fr;gap:10px}.principles article p{grid-column:2}.closing{min-height:480px;padding:90px 0}.closing-badge{right:-20px;top:55px;width:145px;height:145px;font-size:2.5rem}.closing-badge small{font-size:.55rem}.footer{flex-wrap:wrap;gap:15px}.footer p{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker span{animation:none}.app-frame,.hero-stamp,.tool-graphic,.closing-badge{transform:none}}
