/**handles:chant-play-main**/
:root{--black:#0e0c11;--espresso:#1f1614;--walnut:#322018;--brown:#5d412e;--bronze:#926546;--gold:#d1a372;--gold-bright:#ecc799;--blush:#d9a0a3;--burgundy:#702e38;--teal:#183b3d;--ivory:#f1ddc3;--paper:#f4eadb;--muted:#c7b7a6;--line:rgba(236, 199, 153, .22);--line-strong:rgba(236, 199, 153, .44);--serif:"Cormorant Garamond",Georgia,serif;--display:"Italiana","Times New Roman",serif;--sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--wide:min(1240px, calc(100% - 48px));--narrow:min(980px, calc(100% - 48px));--radius:28px;--shadow:0 28px 90px rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;color:var(--ivory);background:radial-gradient(circle at 16% 5%,rgba(112,46,56,.2),transparent 33rem),radial-gradient(circle at 88% 35%,rgba(24,59,61,.14),transparent 38rem),var(--black);font-family:var(--sans);line-height:1.65}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(https://chantandplay.com/wp-content/themes/chant-and-play-wordpress-theme/assets/css/%23n)' opacity='.9'/%3E%3C/svg%3E")}img{display:block;max-width:100%}button,input{font:inherit}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);line-height:.98;text-wrap:balance}h1{font-family:var(--display);font-size:clamp(3.5rem, 6.1vw, 7.4rem);font-weight:400;letter-spacing:-.055em}h2{font-size:clamp(2.6rem, 5.2vw, 5.5rem);font-weight:600;letter-spacing:-.052em}h3{font-size:clamp(1.65rem, 2.7vw, 2.5rem)}p{color:var(--muted)}::selection{color:#1d1115;background:var(--blush)}.skip-link{position:fixed;z-index:1100;top:-5rem;left:1rem;padding:.75rem 1rem;border-radius:.5rem;color:var(--black);background:var(--gold-bright)}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.scroll-progress{position:fixed;z-index:1001;top:0;left:0;width:100%;height:3px;background:0 0}.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blush),var(--gold-bright));box-shadow:0 0 14px rgba(236,199,153,.5)}.site-header{position:fixed;z-index:1000;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px max(24px,calc((100vw - 1240px)/ 2));transition:background .3s ease,border-color .3s ease,padding .3s ease}.site-header.scrolled{padding-top:10px;padding-bottom:10px;border-bottom:1px solid var(--line);background:rgba(14,12,17,.86);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none}.brand-seal{display:grid;place-items:center;width:2.55rem;height:2.55rem;border:1px solid var(--gold);border-radius:50%;color:var(--gold-bright);font-family:var(--display);font-size:1.2rem;box-shadow:inset 0 0 18px rgba(209,163,114,.13)}.brand-copy{display:grid;line-height:1.05}.brand-copy strong{font-family:var(--serif);font-size:1.3rem}.brand-copy small{color:var(--gold);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase}.primary-nav{display:flex;align-items:center;gap:1.45rem}.primary-nav a{color:rgba(241,221,195,.78);text-decoration:none;font-size:.88rem}.primary-nav a:hover{color:var(--gold-bright)}.nav-toggle{display:none;border:0;background:0 0;padding:.6rem}.nav-toggle span:not(.sr-only){display:block;width:26px;height:2px;margin:5px 0;background:var(--ivory)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:.82rem 1.25rem;border:1px solid transparent;border-radius:999px;cursor:pointer;text-decoration:none;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.button:hover{transform:translateY(-3px)}.button:focus-visible,.faq-item button:focus-visible,.mode-tab:focus-visible,.piano-key:focus-visible,.slider-button:focus-visible,.text-button:focus-visible,input:focus-visible{outline:3px solid rgba(236,199,153,.6);outline-offset:3px}.button-gold{color:#211316;background:linear-gradient(135deg,var(--gold-bright),var(--gold));box-shadow:0 16px 38px rgba(209,163,114,.18)}.button-gold:hover{box-shadow:0 20px 48px rgba(209,163,114,.3)}.button-ghost,.button-outline{color:var(--ivory);border-color:rgba(241,221,195,.32);background:rgba(14,12,17,.32);backdrop-filter:blur(10px)}.button-ghost:hover,.button-outline:hover{border-color:var(--gold)}.button-small{min-height:40px;padding:.55rem 1rem;font-size:.8rem}.button-large{min-height:50px;padding:1rem 1.4rem}.button-full{width:100%}.text-button{border:0;background:0 0;color:var(--gold-bright);cursor:pointer;text-decoration:underline;text-underline-offset:.25rem;padding:.65rem}.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy-panel{position:relative;z-index:4;display:grid;align-items:center;padding:8rem max(24px,calc((100vw - 1240px)/ 2)) 6rem;padding-right:clamp(2rem,5vw,6rem);background:radial-gradient(circle at 45% 52%,rgba(112,46,56,.18),transparent 26rem),linear-gradient(115deg,#0c0a0e 0,#151015 70%,rgba(14,12,17,.92) 100%)}.hero-copy-panel::after{content:"";position:absolute;z-index:-1;top:0;right:-120px;width:240px;height:100%;background:linear-gradient(90deg,#0e0c11,transparent)}.hero-copy-inner{max-width:710px}.devotional-line{color:var(--gold-bright);font-family:var(--serif);font-size:.76rem;letter-spacing:.2em;text-transform:uppercase}.ornament{display:flex;align-items:center;gap:.8rem;width:300px;max-width:70%;margin:1rem 0 1.5rem;color:var(--gold)}.ornament span{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.ornament span:last-child{background:linear-gradient(90deg,var(--gold),transparent)}.ornament i{font-style:normal;font-size:.75rem}.eyebrow{color:var(--gold-bright);font-size:.58rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.hero h1{margin:0 0 1.5rem;text-shadow:0 4px 34px rgba(0,0,0,.42)}.hero h1 em{color:var(--blush);font-family:var(--serif);font-weight:600}.hero-lede{max-width:690px;font-size:clamp(1rem, 1.5vw, 1.18rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.7rem}.hero-proof{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:2.2rem;padding-top:1.25rem;border-top:1px solid var(--line)}.hero-proof span{color:rgba(241,221,195,.66);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.hero-proof strong{display:block;color:var(--gold-bright);font-family:var(--serif);font-size:1.55rem;letter-spacing:0;text-transform:none}.hero-visual{position:relative;min-height:100svh;overflow:hidden;background:#191217}.hero-image{position:absolute;inset:-3%;z-index:1;width:106%;height:106%;max-width:none;object-fit:cover;object-position:72% center;filter:saturate(.96) contrast(1.03);animation:hero-breathe 15s ease-in-out infinite alternate}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,12,17,.36),transparent 30%),linear-gradient(to top,rgba(14,12,17,.75),transparent 42%),radial-gradient(circle at 52% 39%,transparent 22%,rgba(8,6,9,.24) 75%)}.hero-light{position:absolute;top:-20%;right:-18%;width:85%;height:115%;transform:rotate(12deg);background:linear-gradient(110deg,transparent 35%,rgba(246,217,171,.16) 50%,transparent 65%);filter:blur(18px);animation:light-sweep 9s ease-in-out infinite}.floating-note{position:absolute;color:rgba(236,199,153,.28);font-family:var(--serif);filter:drop-shadow(0 10px 20px rgba(0,0,0,.5));animation:note-float 7s ease-in-out infinite}.note-a{top:20%;right:7%;font-size:2.4rem}.note-b{bottom:18%;left:7%;font-size:3rem;animation-delay:-2.2s}.note-c{bottom:11%;right:18%;font-size:2rem;animation-delay:-4.5s}.hero-art-card{position:absolute;right:clamp(1rem,3vw,3.5rem);bottom:clamp(2rem,5vw,5rem);width:min(330px,calc(100% - 2rem));padding:1.2rem 1.35rem;border:1px solid rgba(236,199,153,.35);border-radius:18px;background:rgba(16,11,15,.58);box-shadow:0 25px 70px rgba(0,0,0,.35);backdrop-filter:blur(15px);transform-style:preserve-3d;transition:transform .2s ease}.hero-art-card span,.hero-art-card strong{display:block}.hero-art-card-kicker{color:var(--gold);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase}.hero-art-card strong{margin:.2rem 0;font-family:var(--serif);font-size:1.8rem}.hero-art-card span:last-child{color:var(--muted);font-size:.75rem}.scroll-cue{position:absolute;z-index:6;bottom:1.2rem;left:50%;display:flex;align-items:center;gap:.7rem;color:rgba(241,221,195,.6);text-decoration:none;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;transform:translateX(-50%)}.scroll-cue i{width:32px;height:1px;background:var(--gold);animation:cue 2s ease-in-out infinite}.section-wide{width:var(--wide);margin:0 auto;padding:clamp(6rem,10vw,10rem) 0}.section-narrow{width:var(--narrow);margin:0 auto;padding:clamp(6rem,10vw,9rem) 0}.section-heading{max-width:900px;margin-bottom:3.2rem}.section-heading>p:last-child{max-width:740px}.section-number{margin:0 0 1rem;color:rgba(236,199,153,.23);font-family:var(--display);font-size:3.2rem;line-height:.7}.manifesto{display:grid;grid-template-columns:120px 1fr;gap:2rem;border-bottom:1px solid var(--line)}.manifesto h2{max-width:890px}.manifesto-last{margin:1.3rem 0 0;color:var(--blush);font-family:var(--serif);font-size:1.25rem}.playground{position:relative}.playground::before{content:"";position:absolute;z-index:-1;left:55%;top:17%;width:34rem;height:34rem;border-radius:50%;background:rgba(24,59,61,.12);filter:blur(80px)}.app-stage{border:1px solid var(--line-strong);border-radius:30px;overflow:hidden;background:linear-gradient(150deg,#251a20,#120e12);box-shadow:var(--shadow)}.app-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.85rem 1.15rem;border-bottom:1px solid var(--line);background:rgba(8,6,9,.56)}.window-dots{display:flex;gap:.45rem}.window-dots i{width:9px;height:9px;border-radius:50%;background:var(--bronze);opacity:.75}.app-brand{color:var(--ivory);font-family:var(--serif)}.app-brand span{color:var(--gold)}.app-status{justify-self:end;color:var(--gold);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.app-body{display:grid;grid-template-columns:300px 1fr;min-height:610px}.app-sidebar{padding:2rem;border-right:1px solid var(--line);background:rgba(14,10,14,.38)}.mini-label{color:var(--gold);font-size:.65rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.mode-tabs{display:grid;gap:.65rem;margin:1.1rem 0 2rem}.mode-tab{display:grid;grid-template-columns:34px 1fr;gap:.05rem .7rem;padding:1rem;border:1px solid rgba(236,199,153,.14);border-radius:15px;color:var(--muted);background:rgba(255,255,255,.015);cursor:pointer;text-align:left;transition:border-color .2s ease,transform .2s ease,background .2s ease}.mode-tab:hover{transform:translateX(4px);border-color:var(--line-strong)}.mode-tab.active{color:var(--ivory);border-color:var(--gold);background:linear-gradient(90deg,rgba(209,163,114,.12),transparent)}.mode-tab>span{grid-row:1/3;color:var(--gold);font-family:var(--display);font-size:1.2rem}.mode-tab small,.mode-tab strong{display:block}.mode-tab strong{font-family:var(--serif);font-size:1.2rem}.mode-tab small{color:var(--muted);font-size:.62rem}.app-controls{display:grid;gap:.65rem}.midi-note{margin:.8rem 0 0;font-size:.62rem}.piano-workspace{padding:clamp(1.5rem,4vw,3.2rem);background:radial-gradient(circle at 75% 15%,rgba(209,163,114,.09),transparent 22rem)}.song-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.song-header h3{margin-bottom:0}.sound-toggle{display:flex;gap:.55rem;align-items:center;color:var(--muted);font-size:.75rem}.sound-toggle span{color:var(--gold)}.sound-toggle input{accent-color:var(--gold)}.note-ribbon{display:flex;gap:.5rem;min-height:56px;margin:1.6rem 0 1rem;align-items:center;overflow-x:auto;scrollbar-width:thin}.note-chip{flex:0 0 auto;display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:#1f1517;font-family:var(--serif);font-weight:700;opacity:.42;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.note-chip.current{opacity:1;transform:translateY(-5px) scale(1.08);box-shadow:0 12px 28px rgba(0,0,0,.34)}.note-chip.done{opacity:.75}.guidance{min-height:1.7rem;margin-bottom:1.2rem;color:var(--gold-bright);font-family:var(--serif);font-size:1.15rem}.piano{display:grid;grid-template-columns:repeat(8,1fr);min-height:270px;border:1px solid rgba(23,15,18,.5);border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.32)}.piano-key{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.18rem;padding:1rem .2rem 1.1rem;border:0;border-right:1px solid rgba(20,14,16,.25);color:rgba(20,12,14,.84);cursor:pointer;transform-origin:top;transition:transform .09s ease,filter .14s ease,box-shadow .14s ease}.piano-key:last-child{border-right:0}.piano-key:hover{filter:brightness(1.08)}.piano-key.pressed{transform:perspective(500px) rotateX(-4deg) translateY(5px);filter:brightness(1.14);box-shadow:inset 0 12px 24px rgba(0,0,0,.18)}.piano-key.guide{z-index:2;animation:key-guide .9s ease-in-out infinite}.piano-key span{position:absolute;top:1rem;font-size:.7rem;font-weight:800;opacity:.56}.piano-key strong{font-family:var(--serif);font-size:clamp(1.05rem, 2.1vw, 1.65rem)}.piano-key small{width:1.55rem;height:1.55rem;display:grid;place-items:center;border:1px solid rgba(20,12,14,.22);border-radius:50%;font-size:.58rem}.key-do{background:linear-gradient(#d98e8f,#bb6d73)}.key-re{background:linear-gradient(#d8a06f,#c27d4e)}.key-mi{background:linear-gradient(#e4c16f,#cda34f)}.key-fa{background:linear-gradient(#9cb47d,#75905f)}.key-sol{background:linear-gradient(#6faaa4,#467d7b)}.key-la{background:linear-gradient(#7897b8,#536f94)}.key-ti{background:linear-gradient(#9a82ac,#705b83)}.key-high-do{background:linear-gradient(#d7a0a3,#b87983)}.feedback-panel{display:flex;align-items:center;gap:.9rem;margin-top:1.2rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:15px;background:rgba(8,6,9,.32)}.feedback-icon{display:grid;place-items:center;width:2.4rem;height:1.6rem;border:1px solid var(--gold);border-radius:50%;color:var(--gold)}.feedback-panel p{display:grid;margin:0}.feedback-panel strong{color:var(--ivory);font-family:var(--serif);font-size:1.08rem}.feedback-panel span{font-size:.76rem}.feedback-panel.success{border-color:rgba(135,181,138,.4);background:rgba(78,116,80,.12)}.feedback-panel.nudge{border-color:rgba(217,160,163,.45);background:rgba(112,46,56,.12)}.channels{border-top:1px solid var(--line)}.channel-orbit{position:relative;min-height:650px}.orbit-core{position:absolute;z-index:3;left:50%;top:50%;display:grid;place-items:center;width:230px;aspect-ratio:1;border:1px solid var(--gold);border-radius:50%;transform:translate(-50%,-50%);text-align:center;background:radial-gradient(circle,rgba(209,163,114,.16),rgba(20,14,18,.96) 66%);box-shadow:0 0 80px rgba(209,163,114,.1)}.orbit-core span{position:absolute;top:2.2rem;color:var(--blush);font-family:var(--display);font-size:2.4rem}.orbit-core strong{margin-top:2.2rem;font-family:var(--serif);font-size:1.4rem;line-height:1.05}.channel-card{position:absolute;z-index:2;width:min(350px,36%);padding:1.5rem;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(43,29,35,.86),rgba(18,13,17,.92));box-shadow:0 20px 60px rgba(0,0,0,.25)}.channel-card>span{color:rgba(236,199,153,.28);font-family:var(--display);font-size:2.3rem}.channel-card h3{margin:.2rem 0 .5rem}.channel-card p{margin:0;font-size:.88rem}.channel-hear{left:0;top:0}.channel-see{right:0;top:0}.channel-say{left:0;bottom:0}.channel-press{right:0;bottom:0}.orbit-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.orbit-lines path{fill:none;stroke:rgba(209,163,114,.28);stroke-width:1.5;stroke-dasharray:8 11;animation:dash 18s linear infinite}.pre-reader{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(2rem,7vw,6rem);align-items:center;border-top:1px solid var(--line)}.pre-reader-image{position:relative;min-height:720px;border-radius:150px 24px 24px 24px;overflow:hidden;box-shadow:var(--shadow)}.pre-reader-image img{width:100%;height:100%;object-fit:cover;object-position:74% center;transform:scale(1.18)}.pre-reader-image::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(14,12,17,.9),transparent 62%)}.image-quote{position:absolute;z-index:2;left:2rem;right:2rem;bottom:2rem}.image-quote span{color:var(--gold-bright);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}.image-quote strong{display:block;margin-top:.5rem;font-family:var(--serif);font-size:clamp(2rem, 3.5vw, 3.7rem);line-height:.98}.pre-reader-copy h2{max-width:620px}.editorial-list{padding:0;list-style:none}.editorial-list li{display:grid;grid-template-columns:46px 1fr;gap:1rem;padding:1.1rem 0;border-top:1px solid var(--line)}.editorial-list li:last-child{border-bottom:1px solid var(--line)}.editorial-list>li>span{color:var(--gold);font-family:var(--display);font-size:1.25rem}.editorial-list strong{color:var(--ivory);font-family:var(--serif);font-size:1.25rem}.editorial-list p{margin:.3rem 0 0;font-size:.84rem}.section-dark-wide{width:100%;padding:clamp(6rem,10vw,10rem) max(24px,calc((100vw - 1240px)/ 2));border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 20%,rgba(24,59,61,.15),transparent 28rem),#100c11}.mode-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1240px}.mode-feature{padding:1.25rem 1.25rem 2rem;border:1px solid var(--line);border-radius:24px;background:linear-gradient(155deg,rgba(46,31,37,.78),rgba(19,14,18,.95));transition:transform .25s ease,border-color .25s ease}.mode-feature:hover{transform:translateY(-8px);border-color:var(--line-strong)}.mode-visual{position:relative;min-height:300px;display:grid;place-items:center;margin-bottom:1.4rem;border-radius:18px;overflow:hidden;background:#161117}.mode-number{color:var(--gold);font-family:var(--display);font-size:1.1rem}.mode-feature h3{margin-bottom:.45rem}.mode-feature>p:last-child{margin:0;font-size:.88rem}.mode-visual-hear i{z-index:2;color:var(--gold-bright);font-style:normal;font-size:4rem}.wave{position:absolute;border:1px solid rgba(236,199,153,.35);border-radius:50%;animation:wave 3s ease-out infinite}.wave-1{width:100px;height:100px}.wave-2{width:180px;height:180px;animation-delay:-1s}.wave-3{width:260px;height:260px;animation-delay:-2s}.mini-key-row{display:grid;grid-template-columns:repeat(5,48px);min-height:160px;align-items:end}.mini-key-row i{height:120px;border-right:1px solid rgba(20,14,18,.25);background:var(--paper)}.mini-key-row i.active{background:var(--gold);animation:mini-key 1s ease-in-out infinite}.mode-visual-guided>span{position:absolute;bottom:2rem;padding:.55rem .8rem;border-radius:999px;color:#193126;background:#dce8df;font-size:.72rem;font-weight:800}.mode-visual-free span{position:absolute;display:grid;place-items:center;width:76px;aspect-ratio:1;border-radius:50%;color:#1c1115;font-family:var(--serif);font-size:1.25rem;box-shadow:0 14px 35px rgba(0,0,0,.28);animation:free-float 5s ease-in-out infinite}.mode-visual-free span:first-child{left:12%;top:20%;background:#c77b82}.mode-visual-free span:nth-child(2){right:16%;top:12%;background:#d6b05a;animation-delay:-1.6s}.mode-visual-free span:nth-child(3){left:42%;bottom:13%;background:#5e9590;animation-delay:-3.2s}.mode-visual-free i{color:var(--gold-bright);font-style:normal;font-size:2rem}.lineage{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(3rem,8vw,7rem);align-items:start}.lineage-copy blockquote{margin:2rem 0 0;padding:1.3rem 0 1.3rem 1.4rem;border-left:2px solid var(--blush);color:var(--ivory);font-family:var(--serif);font-size:clamp(1.35rem, 2.2vw, 2rem);line-height:1.18}.timeline{position:relative;padding-top:1rem}.timeline::before{content:"";position:absolute;top:1.6rem;bottom:2rem;left:140px;width:1px;background:linear-gradient(var(--gold),rgba(209,163,114,.12));transform-origin:top;animation:timeline-draw 2.5s ease both;animation-timeline:view();animation-range:entry 20% cover 70%}.timeline article{position:relative;display:grid;grid-template-columns:110px 28px 1fr;gap:.9rem;min-height:170px}.timeline time{padding-top:.15rem;color:var(--gold);font-family:var(--serif);font-size:1.05rem;text-align:right}.timeline article>span{position:relative;z-index:2;width:13px;height:13px;margin:.35rem auto 0;border:2px solid var(--black);border-radius:50%;background:var(--gold-bright);box-shadow:0 0 0 5px rgba(209,163,114,.15)}.timeline strong{color:var(--ivory);font-family:var(--serif);font-size:1.35rem}.timeline p{margin:.4rem 0 0;font-size:.84rem}.benefit-mosaic{display:grid;grid-template-columns:1.1fr .9fr .9fr;grid-template-rows:repeat(2,minmax(270px,auto));gap:1rem}.benefit-mosaic article{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(43,29,35,.82),rgba(18,13,17,.94));overflow:hidden}.benefit-large{grid-row:1/3;padding:2.3rem;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 75% 20%,rgba(209,163,114,.13),transparent 18rem),linear-gradient(145deg,rgba(43,29,35,.88),rgba(18,13,17,.96))!important}.benefit-small{padding:1.6rem}.benefit-wide{grid-column:2/4;display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;align-items:center;padding:1.6rem 2rem}.benefit-image{position:relative;min-height:340px;grid-column:2/4;display:none}.benefit-image img{width:100%;height:100%;object-fit:cover;object-position:79% 72%;transform:scale(1.2)}.benefit-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,12,17,.92),transparent 70%)}.benefit-image div{position:absolute;z-index:2;left:2rem;top:50%;max-width:430px;transform:translateY(-50%)}.benefit-image span{color:var(--gold);font-size:.7rem;letter-spacing:.17em;text-transform:uppercase}.benefit-icon{display:grid;place-items:center;width:3rem;height:3rem;margin-bottom:1.2rem;border:1px solid var(--gold);border-radius:50%;color:var(--gold-bright);font-family:var(--serif);font-size:1.25rem}.benefit-mosaic h3{margin-bottom:.6rem}.benefit-mosaic p{margin-bottom:0}.benefit-wide .benefit-icon{margin-bottom:0}.video-section{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(2rem,7vw,6rem);align-items:center;border-top:1px solid var(--line)}.video-script-list{padding:0;list-style:none}.video-script-list li{display:grid;grid-template-columns:56px 1fr;gap:.8rem;padding:.85rem 0;border-top:1px solid var(--line);color:var(--muted);font-size:.84rem}.video-script-list li:last-child{border-bottom:1px solid var(--line)}.video-script-list span{color:var(--gold);font-family:var(--serif)}.cinema-card{position:relative;min-height:620px;padding:0;border:1px solid var(--line-strong);border-radius:140px 24px 24px 24px;cursor:pointer;overflow:hidden;background:#161117;box-shadow:var(--shadow)}.cinema-card img{width:100%;height:100%;object-fit:cover;object-position:74% center;transform:scale(1.16);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.cinema-card:hover img{transform:scale(1.22)}.cinema-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(14,12,17,.92),transparent 60%)}.cinema-play{position:absolute;left:50%;top:47%;display:grid;place-items:center;width:90px;height:90px;border:1px solid rgba(255,255,255,.45);border-radius:50%;color:#211316;background:rgba(236,199,153,.92);transform:translate(-50%,-50%);animation:play-pulse 2.5s ease-in-out infinite}.cinema-caption{position:absolute;left:2rem;right:2rem;bottom:2rem;text-align:left}.cinema-caption small,.cinema-caption strong{display:block}.cinema-caption small{color:var(--gold-bright);letter-spacing:.16em;text-transform:uppercase}.cinema-caption strong{font-family:var(--serif);font-size:2.4rem}.video-feature-list li{grid-template-columns:48px 110px 1fr;align-items:baseline}.video-feature-list strong{color:var(--ivory);font-family:var(--serif);font-size:1.05rem;font-weight:600}.video-feature-list small{color:var(--muted);font-size:.8rem}.video-embed-card{margin:0;border:1px solid var(--line-strong);border-radius:110px 24px 24px 24px;overflow:hidden;background:linear-gradient(145deg,rgba(43,29,35,.88),rgba(18,13,17,.98));box-shadow:var(--shadow)}.video-embed-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#0b090c}.video-embed-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-embed-card figcaption{display:grid;gap:.25rem;padding:1.35rem 1.7rem 1.5rem;text-align:left}.video-embed-card figcaption small{color:var(--gold-bright);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.video-embed-card figcaption strong{color:var(--ivory);font-family:var(--serif);font-size:clamp(1.35rem, 2.4vw, 2rem);line-height:1.1}.prototype-note{padding:.85rem 1rem;border-left:3px solid var(--blush);background:rgba(217,160,163,.08);font-size:.8rem}.family-testimonials{position:relative;overflow:hidden;background:radial-gradient(circle at 14% 40%,rgba(146,101,70,.11),transparent 24rem),radial-gradient(circle at 87% 58%,rgba(112,46,56,.16),transparent 27rem),#100c11}.testimonial-heading{max-width:820px;margin-right:auto;margin-left:auto;text-align:center}.testimonial-heading h2{font-size:clamp(2.7rem, 5.5vw, 4.8rem)}.testimonial-heading>p:last-child{max-width:680px;margin-right:auto;margin-left:auto}.family-testimonial-stage{position:relative;width:min(1280px,100%);margin:2.35rem auto 0;padding:0 3.2rem 1.2rem}.family-testimonial-window{position:relative;overflow:hidden;padding-top:0;border-radius:24px}.testimonial-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2rem)/ 3);gap:1rem;width:100%;overflow-x:auto;padding:38px 2px .5rem;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scrollbar-width:none;overscroll-behavior-inline:contain}.testimonial-track::-webkit-scrollbar{display:none}.family-story-card{position:relative;min-width:0;display:flex;flex-direction:column;scroll-snap-align:start;padding:3rem 1.15rem 1.2rem;border:1px solid rgba(209,163,114,.52);border-radius:24px;text-align:left;background:linear-gradient(rgba(38,24,29,.95),rgba(22,15,19,.98)),radial-gradient(circle at 50% 0,rgba(209,163,114,.11),transparent 18rem);box-shadow:inset 0 0 0 4px rgba(14,12,17,.72),inset 0 0 0 6px rgba(209,163,114,.14),0 22px 55px rgba(0,0,0,.34)}.family-story-card::after,.family-story-card::before{content:"❦";position:absolute;color:rgba(209,163,114,.42);font-family:var(--serif);font-size:1.35rem}.family-story-card::before{top:.8rem;left:1rem}.family-story-card::after{right:1rem;bottom:.55rem;transform:rotate(180deg)}.family-monogram{position:absolute;left:50%;top:0;width:68px;height:68px;display:grid;place-items:center;border:1px solid rgba(236,199,153,.72);border-radius:50%;color:var(--gold-bright);background:radial-gradient(circle at 42% 30%,rgba(236,199,153,.18),transparent 35%),linear-gradient(145deg,#302027,#171015);box-shadow:0 14px 35px rgba(0,0,0,.42),inset 0 0 0 5px rgba(14,12,17,.58),inset 0 0 0 6px rgba(209,163,114,.27);transform:translate(-50%,-50%)}.family-monogram::before{content:"";position:absolute;inset:7px;border:1px dashed rgba(209,163,114,.38);border-radius:50%}.family-monogram span{position:relative;z-index:1;padding-top:.06em;font-family:var(--display);font-size:2rem;line-height:1}.family-monogram i,.family-monogram small{position:absolute;z-index:1;color:var(--gold);font-style:normal}.family-monogram small{top:6px;font-size:.53rem}.family-monogram i{bottom:6px;font-size:.5rem}.testimonial-badges{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem}.testimonial-badges span{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:.28rem .55rem;border-radius:999px;font-size:.55rem;line-height:1.25;letter-spacing:.05em}.verified-badge{color:var(--ivory);border:1px solid rgba(217,160,163,.52);background:linear-gradient(135deg,rgba(112,46,56,.78),rgba(146,101,70,.54))}.lesson-badge{color:var(--gold-bright);border:1px solid var(--line);background:rgba(14,12,17,.42)}.family-story-card blockquote{position:relative;flex:1;max-width:none;margin:0;padding-left:.8rem}.family-story-card blockquote p{margin:0;color:var(--ivory);font-family:var(--serif);font-size:clamp(.98rem, 1.15vw, 1.12rem);line-height:1.52;text-wrap:pretty}.quote-mark{position:absolute;left:-.05em;top:-.22em;color:rgba(217,160,163,.66);font-family:var(--display);font-size:2.45rem;line-height:1;pointer-events:none;transform:translateX(-38%)}.testimonial-rule{width:min(170px,58%);display:flex;align-items:center;gap:.55rem;margin:1rem auto .75rem;color:var(--gold)}.testimonial-rule span{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(209,163,114,.75))}.testimonial-rule span:last-child{background:linear-gradient(90deg,rgba(209,163,114,.75),transparent)}.testimonial-rule i{font-style:normal;font-size:.55rem}.testimonial-attribution{display:grid;justify-items:start;gap:.18rem}.testimonial-attribution strong{color:var(--gold-bright);font-family:var(--serif);font-size:1.12rem;line-height:1.2;font-weight:600}.testimonial-attribution span{color:var(--blush);font-size:.53rem;line-height:1.45;letter-spacing:.11em;text-transform:uppercase}.testimonial-themes{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:.35rem .75rem;padding:.8rem 0 0;margin:.8rem 0 0;border-top:1px solid var(--line);list-style:none}.testimonial-themes li{position:relative;padding-left:.85rem;color:var(--muted);font-size:.58rem;line-height:1.35}.testimonial-themes li::before{content:"✦";position:absolute;left:0;color:var(--gold)}.slider-button{position:absolute;z-index:5;top:calc(50% + 18px);width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(209,163,114,.82);border-radius:50%;color:var(--gold-bright);background:rgba(14,12,17,.9);box-shadow:0 12px 30px rgba(0,0,0,.32);cursor:pointer;transform:translateY(-50%);transition:transform .2s ease,opacity .2s ease,background .2s ease}.slider-button:hover:not(:disabled){background:rgba(112,46,56,.74);transform:translateY(-50%) scale(1.06)}.slider-button span{font-size:1.08rem;line-height:1}.slider-button.prev{left:0}.slider-button.next{right:0}.slider-button:disabled{opacity:.3;cursor:default}.testimonial-meta{display:flex;justify-content:space-between;gap:1rem;padding:.65rem .25rem 0;color:rgba(241,221,195,.57);font-size:.57rem;letter-spacing:.09em;text-transform:uppercase}.testimonial-glow{position:absolute;z-index:-1;width:22rem;height:22rem;border-radius:50%;filter:blur(85px);pointer-events:none}.testimonial-glow-left{left:-10rem;top:8%;background:rgba(146,101,70,.16)}.testimonial-glow-right{right:-10rem;bottom:5%;background:rgba(112,46,56,.2)}@media (max-width:1060px){.testimonial-track{grid-auto-columns:calc((100% - 1rem)/ 2)}}@media (max-width:760px){.testimonial-heading h2{font-size:clamp(2.45rem, 11vw, 4.1rem)}.family-testimonial-stage{margin-top:2.2rem;padding:0 0 4.1rem}.family-testimonial-window{padding-top:0;border-radius:22px}.testimonial-track{grid-auto-columns:88%;gap:.8rem;padding-inline:1rem;scroll-padding-inline:1rem}.family-story-card{padding:2.9rem 1rem 1.1rem;border-radius:22px}.family-story-card blockquote p{font-size:1rem;line-height:1.48}.slider-button{top:auto;bottom:0;width:42px;height:42px;transform:none}.slider-button:hover:not(:disabled){transform:scale(1.05)}.slider-button.prev{left:calc(50% - 52px)}.slider-button.next{right:calc(50% - 52px)}.testimonial-meta{justify-content:center;padding-top:.9rem}.testimonial-meta span:first-child{display:none}}@media (max-width:520px){.testimonial-track{grid-auto-columns:94%;padding-inline:.45rem;scroll-padding-inline:.45rem}.slider-button{display:grid}}.offer{display:grid;grid-template-columns:1fr .76fr;gap:clamp(2rem,8vw,7rem);align-items:center}.lesson-flow{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin:2rem 0}.lesson-flow span{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem .85rem;border:1px solid var(--line);border-radius:999px;color:var(--ivory);font-family:var(--serif)}.lesson-flow i{color:var(--gold);font-family:var(--display);font-style:normal}.lesson-flow b{color:var(--gold);font-weight:400}.course-list{columns:2;gap:2rem;padding:0;list-style:none}.course-list li{position:relative;break-inside:avoid;padding:.55rem 0 .55rem 1.45rem;color:var(--muted)}.course-list li::before{content:"✦";position:absolute;left:0;color:var(--gold)}.offer-card{position:relative;padding:clamp(2rem,5vw,3.3rem);border:1px solid rgba(209,163,114,.5);border-radius:180px 180px 28px 28px;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 10%,rgba(209,163,114,.14),transparent 17rem),linear-gradient(160deg,rgba(46,31,37,.98),rgba(18,13,17,.99));box-shadow:var(--shadow)}.offer-card-halo{position:absolute;left:50%;top:1.25rem;width:78%;aspect-ratio:1;border:1px solid rgba(236,199,153,.13);border-radius:50%;transform:translateX(-50%)}.offer-kicker{position:relative;color:var(--gold);font-size:.62rem;letter-spacing:.17em;text-transform:uppercase}.offer-card h3{position:relative;margin-top:1.3rem}.price{position:relative;margin:1rem 0 0;font-family:var(--display);font-size:clamp(5rem, 9vw, 8rem);line-height:.8}.price sup{font-size:.32em;vertical-align:top}.price-note{position:relative;font-size:.78rem}.payment-block{position:relative;margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--line)}.payment-block>span{display:block;margin-bottom:.8rem;color:var(--muted);font-size:.65rem;letter-spacing:.13em;text-transform:uppercase}.payment-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.payment-logos>b{min-height:32px;display:inline-flex;align-items:center;justify-content:center;padding:.35rem .52rem;border-radius:6px;color:#161116;background:#f5f1eb;font-family:var(--sans);font-size:.65rem;font-style:normal}.payment-logos .visa{color:#1a1f71;font-style:italic}.payment-logos .amex{color:#fff;background:#2779a7}.payment-logos .paypal{color:#003087}.payment-logos .paypal span{color:#009cde}.payment-logos .mastercard{gap:0;min-width:54px}.payment-logos .mastercard i{width:17px;height:17px;border-radius:50%;background:#e6513a}.payment-logos .mastercard i:last-child{margin-left:-6px;background:#f0a52e;opacity:.9}.subscribe{position:relative;display:grid;grid-template-columns:180px 1fr .92fr;gap:2.5rem;align-items:center;padding-left:clamp(2rem,5vw,4rem);padding-right:clamp(2rem,5vw,4rem);border:1px solid var(--line);border-radius:28px;overflow:hidden;background:linear-gradient(120deg,rgba(112,46,56,.38),rgba(24,59,61,.28)),#1c1318}.subscribe-art{position:relative;height:180px}.subscribe-art span{position:absolute;display:grid;place-items:center;width:74px;aspect-ratio:1;border:1px solid rgba(236,199,153,.35);border-radius:50%;color:var(--gold-bright);font-family:var(--serif);backdrop-filter:blur(8px)}.subscribe-art span:first-child{left:0;top:40px;background:rgba(112,46,56,.55)}.subscribe-art span:nth-child(2){left:53px;top:5px;background:rgba(146,101,70,.55)}.subscribe-art span:nth-child(3){left:86px;top:75px;background:rgba(24,59,61,.65)}.subscribe-copy h2{font-size:clamp(2.4rem, 4vw, 4.2rem)}.subscribe-form label{display:block;margin-bottom:.5rem;color:var(--ivory);font-weight:700}.subscribe-form>div{display:flex;gap:.65rem}.subscribe-form input{min-width:0;flex:1;min-height:46px;padding:0 1rem;border:1px solid rgba(241,221,195,.26);border-radius:999px;color:var(--ivory);background:rgba(14,12,17,.55)}.form-status{min-height:1.3rem;margin:.6rem 0 0;color:var(--gold-bright);font-size:.78rem}.credibility{padding-top:3rem}.creator-card{display:grid;grid-template-columns:180px 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;padding:clamp(2rem,5vw,4rem);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.creator-seal{position:relative;display:grid;place-items:center;width:170px;aspect-ratio:1;border:1px solid var(--gold);border-radius:50%;background:radial-gradient(circle,rgba(209,163,114,.14),transparent 66%)}.creator-seal span{color:var(--gold-bright);font-family:var(--display);font-size:3.4rem}.creator-seal i{position:absolute;bottom:.8rem;color:var(--blush);font-family:var(--serif);font-style:italic}.creator-card h2{font-size:clamp(2.5rem, 4.5vw, 4.7rem)}.faq{padding-top:3rem}.faq-list{max-width:920px}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-item button{width:100%;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.35rem 0;border:0;color:var(--ivory);background:0 0;cursor:pointer;text-align:left;font-family:var(--serif);font-size:1.55rem}.faq-item button span{color:var(--gold);transition:transform .2s ease}.faq-item button[aria-expanded=true] span{transform:rotate(45deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.faq-answer p{margin:0;overflow:hidden}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer p{padding-bottom:1.3rem}.final-cta{position:relative;min-height:760px;display:grid;place-items:center;padding:8rem 24px;overflow:hidden;text-align:center;border-top:1px solid var(--line);background:linear-gradient(rgba(12,9,12,.55),rgba(12,9,12,.92)),url("https://chantandplay.com/wp-content/themes/chant-and-play-wordpress-theme/assets/css/assets/st-cecilia-hero.png") 70% center/cover no-repeat}.final-cta::after{content:"";position:absolute;inset:0;backdrop-filter:blur(2px)}.final-light{position:absolute;z-index:1;left:50%;top:40%;width:60vw;height:60vw;border-radius:50%;background:rgba(209,163,114,.1);filter:blur(90px);transform:translate(-50%,-50%);animation:halo-pulse 6s ease-in-out infinite}.final-copy{position:relative;z-index:2;max-width:900px}.final-copy h2{font-size:clamp(3.2rem, 7vw, 7rem)}.final-copy p{max-width:700px;margin-left:auto;margin-right:auto}.final-copy .hero-actions{justify-content:center}footer{width:var(--wide);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:2.5rem 0 3.5rem}footer p{margin:0;font-size:.78rem}.footer-devotion{margin-left:auto}.modal{width:min(720px,calc(100% - 28px));max-height:min(88vh,820px);padding:clamp(1.5rem,4vw,3rem);border:1px solid rgba(209,163,114,.5);border-radius:28px;color:var(--ivory);background:radial-gradient(circle at 95% 0,rgba(209,163,114,.12),transparent 20rem),#171117;box-shadow:0 40px 120px rgba(0,0,0,.7)}.modal::backdrop{background:rgba(6,4,6,.78);backdrop-filter:blur(9px)}.modal-close{position:absolute;right:1rem;top:1rem;width:2.5rem;height:2.5rem;border:1px solid var(--line);border-radius:50%;color:var(--ivory);background:rgba(14,12,17,.6);cursor:pointer;font-size:1.4rem}.progress-row{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:center;margin-bottom:1.5rem;color:var(--muted);font-size:.78rem}.progress-track{height:7px;border-radius:999px;overflow:hidden;background:rgba(241,221,195,.12)}.progress-track i{display:block;width:20%;height:100%;background:linear-gradient(90deg,var(--blush),var(--gold));transition:width .22s ease}.question{display:none;padding:0;border:0}.question.active{display:grid;gap:.65rem;animation:fade-up .22s ease}.question legend{margin-bottom:1.2rem;color:var(--ivory);font-family:var(--serif);font-size:clamp(1.8rem, 4vw, 2.8rem);line-height:1.04}.question label{display:flex;gap:.7rem;align-items:center;padding:.9rem 1rem;border:1px solid var(--line);border-radius:14px;color:var(--muted);cursor:pointer}.question label:has(input:checked){color:var(--ivory);border-color:var(--gold);background:rgba(209,163,114,.08)}.question input{accent-color:var(--gold)}.quiz-message{min-height:1.3rem;margin:.7rem 0 0;color:var(--blush);font-size:.8rem}.quiz-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem}.result-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}.result-tags span{padding:.48rem .75rem;border:1px solid var(--line);border-radius:999px;color:var(--gold-bright)}.video-placeholder{position:relative;aspect-ratio:16/9;margin:1.5rem 0;border-radius:18px;overflow:hidden}.video-placeholder img{width:100%;height:100%;object-fit:cover;filter:brightness(.48)}.video-placeholder span{position:absolute;inset:0;display:grid;place-items:center;color:var(--gold-bright);font-size:3rem}.reveal{opacity:1;transform:none;transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.reveal-pending{opacity:0;transform:translateY(30px)}.reveal.reveal-pending.visible{opacity:1;transform:translateY(0)}@keyframes hero-breathe{from{transform:scale(1.01) translate3d(0,0,0)}to{transform:scale(1.075) translate3d(-1%,-1%,0)}}@keyframes light-sweep{0%,15%{transform:translateX(-38%) rotate(12deg);opacity:0}48%{opacity:1}100%,80%{transform:translateX(38%) rotate(12deg);opacity:0}}@keyframes halo-pulse{0%,100%{opacity:.45;transform:scale(.97)}50%{opacity:.95;transform:scale(1.035)}}@keyframes note-float{0%,100%{transform:translateY(0) rotate(-6deg);opacity:.18}50%{transform:translateY(-22px) rotate(7deg);opacity:.48}}@keyframes cue{0%,100%{transform:scaleX(.35);transform-origin:left;opacity:.3}50%{transform:scaleX(1);opacity:1}}@keyframes key-guide{0%,100%{box-shadow:inset 0 0 0 4px rgba(255,255,255,.18),0 0 0 0 rgba(236,199,153,.45);transform:translateY(0)}50%{box-shadow:inset 0 0 0 4px rgba(255,255,255,.48),0 0 0 12px rgba(236,199,153,0);transform:translateY(-5px)}}@keyframes dash{to{stroke-dashoffset:-380}}@keyframes wave{0%{transform:scale(.45);opacity:.7}100%{transform:scale(1.25);opacity:0}}@keyframes mini-key{0%,100%{transform:translateY(0);box-shadow:0 0 0 rgba(209,163,114,0)}50%{transform:translateY(-14px);box-shadow:0 16px 30px rgba(209,163,114,.25)}}@keyframes free-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-20px) rotate(6deg)}}@keyframes timeline-draw{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes play-pulse{0%,100%{box-shadow:0 0 0 0 rgba(236,199,153,.26),0 18px 50px rgba(0,0,0,.35)}50%{box-shadow:0 0 0 18px rgba(236,199,153,0),0 18px 50px rgba(0,0,0,.35)}}@keyframes fade-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1060px){.site-header{background:linear-gradient(rgba(14,12,17,.76),transparent)}.nav-toggle{display:block}.primary-nav{position:absolute;top:calc(100% + 1px);left:20px;right:20px;display:grid;padding:1rem;border:1px solid var(--line);border-radius:18px;background:rgba(14,12,17,.97);backdrop-filter:blur(20px);transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.primary-nav.open{opacity:1;transform:translateY(0);pointer-events:auto}.hero{grid-template-columns:1fr}.hero-visual{min-height:74svh;order:-1}.hero-image{object-position:69% center}.hero-copy-panel{margin-top:-180px;padding-top:9rem;padding-right:max(24px,calc((100vw - 1240px)/ 2));background:linear-gradient(to bottom,transparent 0,rgba(14,12,17,.92) 110px,#100c11 230px)}.hero-copy-panel::after{display:none}.hero-art-card{bottom:11rem}.scroll-cue{display:none}.app-body{grid-template-columns:240px 1fr}.lineage,.offer,.pre-reader,.video-section{grid-template-columns:1fr}.pre-reader-image{min-height:620px}.cinema-card{min-height:560px}.subscribe{grid-template-columns:130px 1fr}.subscribe-form{grid-column:2}}@media (max-width:760px){:root{--wide:min(100% - 28px, 1240px);--narrow:min(100% - 28px, 980px)}h1{font-size:clamp(3.2rem, 14vw, 5.8rem)}h2{font-size:clamp(2.45rem, 11vw, 4.5rem)}.hero-visual{min-height:66svh}.hero-image{object-position:72% center}.hero-copy-panel{margin-top:-150px;padding:8rem 14px 4rem}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.hero-proof span{font-size:.58rem}.hero-art-card{display:none}.manifesto{grid-template-columns:1fr}.manifesto .section-number{margin-bottom:-1rem}.app-topbar{grid-template-columns:1fr auto}.app-status{display:none}.app-body{grid-template-columns:1fr}.app-sidebar{border-right:0;border-bottom:1px solid var(--line)}.mode-tabs{grid-template-columns:repeat(3,1fr)}.mode-tab{grid-template-columns:1fr;text-align:center}.mode-tab>span{grid-row:auto}.piano{min-height:220px}.piano-key strong{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.72rem}.piano-key small{width:1.25rem;height:1.25rem}.channel-orbit{min-height:auto;display:grid;gap:.8rem}.orbit-core{position:relative;left:auto;top:auto;margin:0 auto 1rem;transform:none}.channel-card{position:static;width:100%}.orbit-lines{display:none}.pre-reader-image{min-height:520px;border-radius:90px 20px 20px 20px}.mode-showcase{grid-template-columns:1fr}.timeline::before{left:104px}.timeline article{grid-template-columns:80px 28px 1fr}.benefit-mosaic{grid-template-columns:1fr;grid-template-rows:auto}.benefit-large,.benefit-wide{grid-row:auto;grid-column:auto}.benefit-wide{grid-template-columns:1fr}.cinema-card{min-height:500px;border-radius:90px 20px 20px 20px}.slider-button{width:40px;height:40px}.course-list{columns:1}.offer-card{border-radius:120px 120px 24px 24px}.subscribe{grid-template-columns:1fr;padding:2rem}.subscribe-art{width:170px}.subscribe-form{grid-column:auto}.creator-card{grid-template-columns:1fr}.creator-seal{width:130px}footer{align-items:flex-start}.footer-devotion{width:100%;margin-left:0}}@media (max-width:520px){.site-header{padding-left:14px;padding-right:14px}.brand-copy strong{font-size:1.05rem}.brand-copy small{display:none}.devotional-line{font-size:.61rem}.hero-proof{grid-template-columns:1fr}.mode-tabs{grid-template-columns:1fr}.mode-tab{grid-template-columns:34px 1fr;text-align:left}.mode-tab>span{grid-row:1/3}.song-header{display:grid}.piano-workspace{padding:1.2rem .75rem}.piano{min-height:190px;border-radius:10px}.piano-key{padding-left:0;padding-right:0}.piano-key span{font-size:.56rem}.piano-key strong{font-size:.72rem}.piano-key small{display:none}.feedback-panel{align-items:flex-start}.timeline::before{left:18px}.timeline article{grid-template-columns:28px 1fr;min-height:210px}.timeline time{grid-column:2;text-align:left}.timeline article>span{grid-column:1;grid-row:1/3}.timeline article>div{grid-column:2}.subscribe-form>div{display:grid}.quiz-actions{display:grid;grid-template-columns:1fr}.quiz-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important}.reveal{opacity:1;transform:none}}.brand{gap:.68rem}.brand-mark{width:3rem;height:3rem;object-fit:contain;filter:drop-shadow(0 7px 14px rgba(0,0,0,.38))}.site-header.scrolled .brand-mark{width:2.7rem;height:2.7rem}.hero-visual::before{content:"";position:absolute;inset:0;z-index:0;background:#191217}.floating-note,.hero-art-card,.hero-light,.hero-vignette{z-index:2}.floating-note,.hero-light,.hero-vignette{pointer-events:none}.lineage-visual{display:grid;gap:2rem}.guido-portrait{display:grid;grid-template-columns:minmax(150px,210px) 1fr;align-items:center;gap:1.4rem;margin:0 0 1.2rem;padding:1rem;border:1px solid var(--line);border-radius:22px;background:linear-gradient(140deg,rgba(236,199,153,.08),rgba(24,17,20,.72)),var(--espresso)}.guido-frame{position:relative;aspect-ratio:4/5;padding:.65rem;border:1px solid rgba(209,163,114,.55);background:linear-gradient(145deg,#e7d3af,#9b7046);box-shadow:0 20px 50px rgba(0,0,0,.28);overflow:hidden}.guido-frame::after{content:"";position:absolute;inset:.65rem;box-shadow:inset 0 0 35px rgba(66,38,19,.32);pointer-events:none}.guido-frame img{width:100%;height:100%;object-fit:cover;filter:sepia(.12) saturate(.82) contrast(1.03)}.guido-portrait figcaption{display:grid;gap:.25rem}.guido-portrait strong{color:var(--ivory);font-family:var(--serif);font-size:1.8rem}.guido-portrait span{color:var(--gold);font-size:.75rem;letter-spacing:.08em}.offer-card .price{margin:2.3rem 0 1.1rem;padding:.2rem 0 .55rem;line-height:.9}.offer-card .price sup{display:inline-block;margin-right:.08em;transform:translateY(.15em)}.offer-card .price-note{margin:0 0 1.45rem}.offer.course-recommended .offer-card{animation:recommended-glow 2.2s ease both}@keyframes recommended-glow{0%{box-shadow:0 0 0 0 rgba(236,199,153,0),var(--shadow);transform:translateY(0)}30%{box-shadow:0 0 0 9px rgba(236,199,153,.18),0 28px 90px rgba(209,163,114,.25);transform:translateY(-5px)}100%{box-shadow:0 0 0 0 rgba(236,199,153,0),var(--shadow);transform:translateY(0)}}.modal{transition:opacity .18s ease,transform .18s ease}.modal.is-closing{opacity:0;transform:translateY(12px) scale(.985)}.about-section{padding-top:clamp(4.5rem,8vw,8rem)}.creator-card{grid-template-columns:minmax(250px,.75fr) minmax(0,1.55fr);align-items:start}.creator-portrait{position:sticky;top:110px;margin:0}.creator-portrait::before{content:"";position:absolute;inset:-13px;z-index:-1;border:1px solid rgba(209,163,114,.46);border-radius:190px 190px 28px 28px}.creator-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 25%;border-radius:180px 180px 24px 24px;border:1px solid rgba(236,199,153,.32);box-shadow:0 28px 75px rgba(0,0,0,.43)}.creator-portrait figcaption{display:grid;justify-items:center;gap:.1rem;margin-top:1.15rem;text-align:center}.creator-portrait strong{color:var(--ivory);font-family:var(--serif);font-size:1.7rem}.creator-portrait span{color:var(--gold);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.creator-bio>p{max-width:760px}.creator-bio strong{color:var(--ivory)}.psalm-quote{position:relative;max-width:780px;margin:2rem 0 0;padding:clamp(1.4rem,3vw,2.3rem);border:1px solid rgba(209,163,114,.34);border-radius:22px;background:linear-gradient(rgba(31,22,20,.91),rgba(20,14,18,.96)),radial-gradient(circle at 90% 0,rgba(209,163,114,.16),transparent 22rem);box-shadow:inset 0 0 55px rgba(0,0,0,.2)}.psalm-quote::before{content:"“";position:absolute;top:-.45rem;right:1rem;color:rgba(209,163,114,.17);font-family:var(--display);font-size:8rem;line-height:1}.psalm-quote p{position:relative;margin:0;color:var(--ivory);font-family:var(--serif);font-size:clamp(1.15rem, 2vw, 1.55rem);line-height:1.42}.psalm-quote cite{display:block;margin-top:1rem;color:var(--gold);font-size:.75rem;font-style:normal;letter-spacing:.12em;text-transform:uppercase}.site-footer{width:var(--wide);margin:0 auto;display:grid;grid-template-columns:minmax(210px,.8fr) auto minmax(280px,1fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);padding:3rem 0 3.8rem}.footer-logo{display:block;width:min(270px,100%)}.footer-logo img{width:100%;height:auto}.footer-brand-block p,.footer-credit p{margin:.4rem 0 0;font-size:.76rem}.footer-links{display:grid;gap:.55rem}.footer-credit a,.footer-links a{color:var(--gold-bright);text-decoration:none}.footer-credit a:hover,.footer-links a:hover{color:var(--blush);text-decoration:underline;text-underline-offset:.22rem}.footer-credit{text-align:right}.articles-hero{min-height:72svh;display:grid;align-items:end;padding:8rem max(20px,calc((100vw - 1180px)/ 2)) 5rem;background:linear-gradient(90deg,rgba(14,12,17,.97),rgba(14,12,17,.72) 55%,rgba(14,12,17,.35)),url("https://chantandplay.com/wp-content/themes/chant-and-play-wordpress-theme/assets/css/assets/st-cecilia-hero.png") 72% center/cover no-repeat;border-bottom:1px solid var(--line)}.articles-hero-inner{max-width:780px}.articles-hero h1{font-size:clamp(3.7rem, 8vw, 8rem)}.article-index{padding-top:5rem}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.article-card{min-height:360px;display:flex;flex-direction:column;padding:1.6rem;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 90% 0,rgba(209,163,114,.1),transparent 17rem),linear-gradient(145deg,rgba(45,30,36,.92),rgba(20,14,18,.98));transition:transform .22s ease,border-color .22s ease}.article-card:hover{transform:translateY(-6px);border-color:rgba(236,199,153,.48)}.article-card .article-meta{color:var(--gold);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.article-card h2{margin-top:auto;font-size:2.35rem}.article-card p{font-size:.72rem}.article-card a{color:var(--gold-bright);text-decoration:none;font-weight:700}.article-card a:hover{color:var(--blush)}@media (max-width:960px){.creator-card{grid-template-columns:minmax(210px,.62fr) minmax(0,1fr)}.site-footer{grid-template-columns:1fr 1fr}.footer-credit{grid-column:1/-1;text-align:left}.article-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.brand-mark{width:2.55rem;height:2.55rem}.hero-image{object-position:69% center}.creator-card{grid-template-columns:1fr}.creator-portrait{position:relative;top:auto;max-width:430px;margin:0 auto}.guido-portrait{grid-template-columns:130px 1fr}.site-footer{grid-template-columns:1fr}.footer-credit{text-align:left}.article-grid{grid-template-columns:1fr}}@media (max-width:520px){.guido-portrait{grid-template-columns:1fr}.guido-frame{max-width:210px}}.benefit-image-card,.image-overlay-card,.method-image-card,.story-image-card{overflow:visible}.benefit-image-card .overlay-content h3,.image-overlay-copy h3,.method-image-card .overlay-content h3,.story-image-card .overlay-content h3{letter-spacing:0;overflow-wrap:anywhere}.benefit-image-card .overlay-content .eyebrow,.image-overlay-copy .eyebrow,.method-image-card .overlay-content .eyebrow,.story-image-card .overlay-content .eyebrow{white-space:normal}.image-overlay-card{max-width:760px;padding:2rem 2.3rem}.image-overlay-card .eyebrow{font-size:clamp(1.15rem, 2vw, 1.55rem);letter-spacing:.02em}.image-overlay-card h3{font-size:clamp(2.35rem, 4vw, 3.7rem);line-height:.98;margin-bottom:.75rem}.image-overlay-card p{font-size:clamp(1.05rem, 1.6vw, 1.3rem)}.benefit-visual img,.feature-image img,.image-feature img,.story-panel img{object-position:58% center!important}@media (max-width:900px){.image-overlay-card{max-width:min(92%,680px);padding:1.4rem 1.5rem}.image-overlay-card h3{font-size:clamp(2rem, 6vw, 3rem)}.image-overlay-card .eyebrow{font-size:clamp(1rem, 3.8vw, 1.3rem)}}@media (max-width:640px){.image-overlay-card{max-width:calc(100% - 1.5rem);margin-inline:auto;padding:1.2rem 1.1rem;border-radius:28px}.image-overlay-card h3{font-size:clamp(1.85rem, 7.2vw, 2.6rem);line-height:1.02}.image-overlay-card .eyebrow{font-size:1rem}.benefit-visual img,.feature-image img,.image-feature img,.story-panel img{object-position:62% center!important}}@media (max-width:760px){.video-feature-list li{grid-template-columns:40px 92px 1fr;gap:.55rem}.video-embed-card{border-radius:70px 20px 20px 20px}.video-embed-card figcaption{padding:1.1rem 1.2rem 1.25rem}}@media (max-width:520px){.video-feature-list li{grid-template-columns:34px 1fr}.video-feature-list small{grid-column:2}.video-embed-card{border-radius:42px 16px 16px 16px}}.youtube-embed{position:relative;width:100%;height:100%;min-height:100%;background:#111}.youtube-embed iframe{width:100%;height:100%;border:0;display:block}.youtube-fallback-card{position:absolute;inset:0;display:block;overflow:hidden;color:#fff;background:#111}.youtube-fallback-card img{width:100%;height:100%;object-fit:cover;display:block;opacity:.78;transition:transform .25s ease,opacity .25s ease}.youtube-fallback-card:hover img{transform:scale(1.02);opacity:.9}.youtube-play-button{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:78px;height:56px;border-radius:16px;background:#f03;color:#fff;font-size:1.65rem;line-height:1;transform:translate(-50%,-50%);box-shadow:0 12px 35px rgba(0,0,0,.45);padding-left:4px}.youtube-fallback-label{position:absolute;left:50%;bottom:1.15rem;transform:translateX(-50%);padding:.55rem .85rem;border-radius:999px;background:rgba(0,0,0,.72);font-weight:700;font-size:.9rem;white-space:nowrap}