@keyframes imgIn{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}.img-in{animation:imgIn .85s cubic-bezier(.4,0,.2,1) both}.chapter-row{cursor:pointer;transition:all .3s ease}.subtitle-row{cursor:pointer;transition:all .35s ease;padding:12px 0 12px 20px;border-left:2px solid transparent}.subtitle-row.active,.subtitle-row:hover{border-left-color:#ec9cb2}.subtitle-row .sub-label{transition:color .3s ease,font-size .3s ease;color:rgba(0,64,101,.3);font-size:clamp(1.3rem,2.2vw,1.9rem);font-family:var(--font-barlow,"Barlow Condensed",sans-serif);font-weight:300;line-height:1.2;margin:0}.subtitle-row:hover .sub-label{color:rgba(0,64,101,.6)}.subtitle-row.active .sub-label{color:#004065;font-size:clamp(1.5rem,2.6vw,2.2rem)}.learn-row{display:flex;align-items:center;gap:14px;overflow:hidden;max-height:0;opacity:0;margin-top:0;transition:max-height .4s ease,opacity .4s ease,margin-top .4s ease}.subtitle-row.active .learn-row{max-height:28px;opacity:1;margin-top:10px}@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700&family=Inter:wght@400;500;700&display=swap");.grid-square:hover .media-container{filter:blur(5px);transform:scale(1.05)}.grid-square:not(.revealed):hover .hover-indicator{opacity:1}.tap-ripple,.tap-ripple-2{position:absolute;width:100px;height:100px;border-radius:50%;border:2px solid hsla(0,0%,100%,.8);transform:scale(.4);animation:ripple 2.5s ease-out infinite}.tap-ripple-2{border-color:hsla(0,0%,100%,.4);animation-delay:1s}@keyframes ripple{to{transform:scale(1.8);opacity:0}}.brand-scroll-circle{position:fixed;bottom:24px;right:20px;width:56px;height:56px;z-index:9999;opacity:0;transition:opacity .3s ease;background:hsla(0,0%,100%,.92);border-radius:50%;box-shadow:0 4px 15px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center}.brand-scroll-circle.visible{opacity:1}@keyframes brand-scroll-bounce{0%,to{transform:translateX(-50%) translateY(0);opacity:.45}50%{transform:translateX(-50%) translateY(8px);opacity:.85}}