:root{--stage:#17140f;--stage-raised:#211c15;--barre-gold:#c9a464;--barre-gold-dim:#8a7145;--slipper-pink:#e3b8b0;--parchment:#f2ece0;--parchment-dim:#cfc7b6;--font-display:"Fraunces",Georgia,serif;--font-body:"Work Sans",-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--stage);color:var(--parchment);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-header{padding:2rem 2rem 0}.site-header-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.site-title{font-family:var(--font-display);font-size:1.5rem;font-weight:500;letter-spacing:.02em;color:var(--parchment)}.search-box{display:flex;align-items:center;gap:.4rem;flex:1 1 260px;max-width:320px}.search-box input{flex:1 1;font-family:var(--font-body);font-size:.9rem;color:var(--parchment);background:var(--stage-raised);border:1px solid hsla(38,48%,59%,.3);border-radius:999px;padding:.5rem 1rem}.search-box input::placeholder{color:var(--parchment-dim)}.search-box input:focus{outline:none;border-color:var(--barre-gold)}.search-box button{flex-shrink:0;width:2.1rem;height:2.1rem;border-radius:999px;border:1px solid var(--barre-gold-dim);background:transparent;color:var(--barre-gold);cursor:pointer;transition:border-color .15s ease,background .15s ease}.search-box button:hover{border-color:var(--barre-gold);background:hsla(38,48%,59%,.12)}.barre-line{margin-top:1.5rem;height:2px;width:100%;background:linear-gradient(90deg,transparent 0,var(--barre-gold) 15%,var(--barre-gold) 85%,transparent 100%);opacity:.6}main{max-width:960px;margin:0 auto;padding:3rem 2rem 6rem}.hero{margin-bottom:4rem}.hero h1{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.4rem);font-weight:600;line-height:1.05;margin:0 0 .75rem}.hero p{font-size:1.05rem;color:var(--parchment-dim);max-width:42ch;line-height:1.6}.group-section{margin-bottom:3.5rem}.group-heading{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--barre-gold-dim);padding-bottom:.6rem}.group-heading h2{font-family:var(--font-display);font-weight:500;font-size:1.5rem;margin:0;color:var(--barre-gold)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:.9rem;gap:.9rem}.category-card{background:var(--stage-raised);border:1px solid hsla(38,48%,59%,.18);border-radius:3px;padding:1.1rem 1.2rem;transition:border-color .15s ease,transform .15s ease}.category-card:hover{border-color:var(--barre-gold);transform:translateY(-1px)}.category-card .name{font-family:var(--font-display);font-size:1.05rem;font-weight:500}.category-card .subtype{display:block;margin-top:.2rem;font-size:.8rem;color:var(--slipper-pink);letter-spacing:.03em;text-transform:uppercase}.category-header{margin-bottom:2.5rem}.eyebrow{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--barre-gold);margin-bottom:.5rem}.category-header h1{font-family:var(--font-display);font-size:2.2rem;font-weight:600;margin:0 0 1rem}.category-description{color:var(--parchment-dim);line-height:1.7;max-width:62ch}.play-all-link{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.1rem;padding:.55rem 1.1rem;border:1px solid var(--barre-gold);border-radius:999px;color:var(--barre-gold);font-size:.85rem;letter-spacing:.02em}.play-all-link:hover{background:var(--barre-gold);color:var(--stage)}.search-empty{color:var(--parchment-dim);line-height:1.7;max-width:56ch}.step-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:.75rem;gap:.75rem;margin-top:2rem}.step-card{background:var(--stage-raised);border:1px solid hsla(38,48%,59%,.18);border-radius:3px;padding:1rem 1.1rem}.step-card:hover{border-color:var(--barre-gold)}.step-card .title{font-weight:500}.step-card .pronunciation{display:block;font-size:.85rem;color:var(--parchment-dim);margin-top:.15rem;font-style:italic}.step-header{margin-bottom:2rem}.step-header h1{font-family:var(--font-display);font-size:2.4rem;font-weight:600;margin:0 0 .3rem}.step-header .pronunciation{font-size:1.1rem;color:var(--slipper-pink);font-style:italic}.video-wrapper{background:#000;border-radius:4px;overflow:hidden;margin-bottom:1.5rem}.video-wrapper video{width:100%;display:block}.playlist-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;padding:.6rem 1rem;background:var(--stage-raised);border:1px solid hsla(38,48%,59%,.18);border-radius:3px}.playlist-exit{font-size:.8rem;color:var(--slipper-pink);text-transform:uppercase;letter-spacing:.04em}.playlist-exit:hover{color:var(--barre-gold)}.playlist-position{font-size:.85rem;color:var(--parchment-dim)}.video-controls{justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.75rem 0 .25rem}.repeat-toggle,.video-controls{display:flex;align-items:center}.repeat-toggle{gap:.4rem;font-size:.85rem;color:var(--parchment-dim);cursor:pointer}.playlist-nav{display:flex;gap:.6rem}.playlist-nav button{font-family:var(--font-body);font-size:.8rem;letter-spacing:.02em;padding:.4rem .9rem;border:1px solid var(--barre-gold-dim);border-radius:999px;background:transparent;color:var(--parchment);cursor:pointer;transition:border-color .15s ease,color .15s ease}.playlist-nav button:hover:not(:disabled){border-color:var(--barre-gold);color:var(--barre-gold)}.playlist-nav button:disabled{opacity:.3;cursor:default}.audio-row{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.audio-row span{font-size:.85rem;color:var(--parchment-dim);text-transform:uppercase;letter-spacing:.05em}.narrative{line-height:1.75;font-size:1.05rem;max-width:62ch;margin-bottom:2.5rem}.also-in{border-top:1px solid hsla(38,48%,59%,.18);padding-top:1.5rem}.also-in h2{font-family:var(--font-display);font-size:1rem;font-weight:500;color:var(--barre-gold);margin-bottom:.8rem}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{font-size:.8rem;padding:.35rem .7rem;border:1px solid var(--barre-gold-dim);border-radius:999px;color:var(--parchment-dim)}