@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;600&family=Inter:wght@300;400;500&display=swap');:root{--db:#2E2B24;--lb:#EEE7D7;--hl:#F3F1E5;--bt:#C1BDB1;--ag:#A67A45;--bf:#8B5F30;--mb:#6A5B40}body{margin:0;padding:0;background:var(--db);font-family:"Inter","Helvetica Neue",sans-serif;color:var(--bt)}.container{display:flex;flex-direction:column;align-items:center;margin-top:14vh}.title{font-family:"Lora",Georgia,serif;font-size:2.2rem;font-weight:600;letter-spacing:.05em;margin-bottom:6vh;color:var(--hl)}.hexagram{display:flex;flex-direction:column;gap:22px;width:100%;align-items:center}.bar{display:block;width:40%;height:28px;border-radius:4px;transition:background .25s ease,transform .25s ease;position:relative;text-decoration:none}.bar.solid{background:var(--ag)}.bar.broken{background:transparent}.bar.broken::before,.bar.broken::after{content:"";position:absolute;top:0;height:100%;width:42%;background:var(--ag);border-radius:4px;transition:background .25s ease,transform .25s ease}.bar.broken::before{left:0}.bar.broken::after{right:0}.bar:hover{transform:scale(1.02)}.bar.solid:hover{background:#C09355;cursor:pointer}.bar.broken:hover::before,.bar.broken:hover::after{background:#C09355;cursor:pointer}.bar[data-label]{overflow:hidden}.bar[data-label]::after{content:attr(data-label);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:"Lora",Georgia,serif;font-size:.8rem;color:var(--hl);white-space:nowrap;opacity:0;transition:opacity .25s ease;pointer-events:none;letter-spacing:.3em;text-transform:uppercase}.bar[data-label]:hover::after{opacity:1}.back-link{position:absolute;top:2vh;left:4vw;text-decoration:none;color:var(--bt);font-size:1rem;opacity:.7;transition:opacity .2s ease}.back-link:hover{opacity:1}.section-content{max-width:680px;margin:0 auto;padding:2vh 5vw 6vh;line-height:1.8}.section-content h2{font-family:"Lora",Georgia,serif;font-size:1.5rem;font-weight:600;margin-top:2.2rem;margin-bottom:.8rem;color:var(--hl);letter-spacing:.03em}.section-content p{font-size:1.05rem;margin-bottom:1rem;color:var(--bt)}.section-content .subtitle{font-family:"Lora",Georgia,serif;font-size:1rem;font-style:italic;color:var(--ag);text-align:center;margin-bottom:2rem}.section-content ul{list-style:none;padding:0;margin:1rem 0}.section-content ul li{padding:.3rem 0;padding-left:1.5rem;position:relative;color:var(--bt)}.section-content ul li::before{content:"\2013";position:absolute;left:0;color:var(--ag)}.slide{max-width:760px;margin:0 auto 3rem;padding:3rem 3.5rem;background:rgba(255,255,255,.04);border:1px solid rgba(166,122,69,.15);border-radius:8px;line-height:1.8}.slide:first-child{margin-top:1rem}.slide-label{font-family:"Inter",sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.25em;color:var(--ag);text-transform:uppercase;margin-bottom:.5rem}.slide h2{font-family:"Lora",Georgia,serif;font-size:1.6rem;font-weight:600;margin:0 0 .3rem;color:var(--hl);letter-spacing:.02em}.slide h3{font-family:"Lora",Georgia,serif;font-size:1.15rem;font-weight:500;margin:1.5rem 0 .5rem;color:var(--hl)}.slide .slide-subtitle{font-family:"Lora",Georgia,serif;font-size:1rem;font-style:italic;color:var(--ag);margin-bottom:1.5rem}.slide p{font-size:1rem;margin-bottom:1rem;color:var(--bt)}.slide .dyad-name{font-family:"Lora",Georgia,serif;font-size:1.2rem;font-weight:600;color:var(--hl);margin:1.2rem 0 .3rem}.slide .dyad-desc{font-size:.95rem;color:var(--ag);margin-bottom:1rem}.slide .keywords{font-size:.85rem;letter-spacing:.1em;color:var(--ag);margin:.5rem 0 1rem}.slide .pull-quote{font-family:"Lora",Georgia,serif;font-size:1.1rem;font-style:italic;color:var(--ag);text-align:center;margin:1.5rem 0;padding:.5rem 1rem}.slide ol{list-style:none;padding:0;counter-reset:step}.slide ol li{padding:.5rem 0 .5rem 2.5rem;position:relative;counter-increment:step;color:var(--bt)}.slide ol li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:.5rem;font-family:"Lora",Georgia,serif;font-size:.85rem;color:var(--ag);letter-spacing:.1em}.slide .step-title{font-weight:600;color:var(--hl)}.slide .closing{text-align:center;font-family:"Lora",Georgia,serif;font-size:1.3rem;font-weight:600;letter-spacing:.05em;color:var(--hl);margin-top:2rem;padding-top:2rem;border-top:1px solid var(--ag)}.slide-title-card{text-align:center;padding:4rem 3.5rem 4rem}.hexagram-circle{width:180px;height:180px;border:2px solid var(--ag);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:0 auto 2.5rem;padding:28px 0}.hexagram-circle .mini-bar{width:100px;height:10px;border-radius:2px;position:relative}.hexagram-circle .mini-bar.solid{background:var(--ag)}.hexagram-circle .mini-bar.broken{background:transparent}.hexagram-circle .mini-bar.broken::before,.hexagram-circle .mini-bar.broken::after{content:"";position:absolute;top:0;height:100%;width:42%;background:var(--ag);border-radius:2px}.hexagram-circle .mini-bar.broken::before{left:0}.hexagram-circle .mini-bar.broken::after{right:0}.slide-title-main{font-family:"Lora",Georgia,serif;font-size:2rem;font-weight:600;color:var(--hl);letter-spacing:.03em;margin-bottom:.8rem}.slide-title-sub{font-family:"Lora",Georgia,serif;font-size:1rem;font-style:italic;color:var(--ag);margin-bottom:1.5rem}.slide-title-dyads{font-size:.9rem;color:var(--bt);margin-bottom:2rem}.slide-title-footer{font-family:"Inter",sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.3em;color:var(--ag);text-transform:uppercase}.slide-light{max-width:760px;margin:0 auto 3rem;padding:3rem 3.5rem;background:var(--lb);border:1px solid rgba(166,122,69,.2);border-radius:8px;line-height:1.8}.slide-light .slide-label{color:var(--ag)}.slide-light h2{font-family:"Lora",Georgia,serif;font-size:1.6rem;font-weight:600;margin:0 0 .3rem;color:var(--db);letter-spacing:.02em}.slide-light h3{font-family:"Lora",Georgia,serif;font-size:1.15rem;font-weight:500;margin:1.5rem 0 .5rem;color:var(--db)}.slide-light .slide-subtitle{font-family:"Lora",Georgia,serif;font-size:1rem;font-style:italic;color:var(--ag);margin-bottom:1.5rem}.slide-light p{font-size:1rem;margin-bottom:1rem;color:#4A4538}.slide-light .dyad-name{font-family:"Lora",Georgia,serif;font-size:1.2rem;font-weight:600;color:var(--db);margin:1.2rem 0 .3rem}.slide-light .dyad-desc{font-size:.95rem;color:var(--ag);margin-bottom:1rem}.slide-light .keywords{font-size:.85rem;letter-spacing:.1em;color:var(--ag);margin:.5rem 0 1rem}.slide-light .pull-quote{font-family:"Lora",Georgia,serif;font-size:1.1rem;font-style:italic;color:var(--ag);text-align:center;margin:1.5rem 0;padding:.5rem 1rem}.slide-light ol{list-style:none;padding:0;counter-reset:step}.slide-light ol li{padding:.5rem 0 .5rem 2.5rem;position:relative;counter-increment:step;color:#4A4538}.slide-light ol li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:.5rem;font-family:"Lora",Georgia,serif;font-size:.85rem;color:var(--ag);letter-spacing:.1em}.slide-light .step-title{font-weight:600;color:var(--db)}.slide-light .closing{text-align:center;font-family:"Lora",Georgia,serif;font-size:1.3rem;font-weight:600;letter-spacing:.05em;color:var(--db);margin-top:2rem;padding-top:2rem;border-top:1px solid var(--ag)}.slide-light .slide-title-card{text-align:center;padding:4rem 3.5rem 4rem}.slide-light .slide-title-main{color:var(--db)}.slide-light .slide-title-sub{color:var(--ag)}.slide-light .slide-title-dyads{color:#4A4538}.slide-light .slide-title-footer{color:var(--ag)}