.hww-panel{background-color:hsl(var(--secondary));box-shadow:inset 0 0 0 1px hsl(var(--sage-3)/.55);border-radius:4px 3px 5px;position:relative;overflow:hidden}.hww-panel>.art,.hww-panel>.hww-pop{position:absolute;inset:0}.hww-pop .cel-static{filter:drop-shadow(0 1px 0 hsl(var(--ink)/.18))drop-shadow(0 4px 4px hsl(var(--ink)/.16))}.hww-strip{margin:0}.hww-strip-mat{background-color:hsl(var(--card));background-image:var(--grain);box-shadow:var(--shadow-sheet,0 1px 0 hsl(var(--ink)/.08),0 18px 30px -18px hsl(var(--ink)/.35));background-size:240px;border-radius:8px 6px 9px 7px;padding:18px 16px 20px;position:relative}.hww-strip-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:560px){.hww-strip-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px}}.hww-strip-item{min-width:0}.hww-strip-item:nth-child(odd) .hww-panel{transform:perspective(700px)rotateY(7deg)}.hww-strip-item:nth-child(2n) .hww-panel{transform:perspective(700px)rotateY(-7deg)}.hww-strip-link{min-height:44px;color:inherit;border-radius:6px;text-decoration:none;display:block}.hww-strip-link:focus-visible{outline:2.5px solid hsl(var(--primary));outline-offset:3px}.hww-strip-label{color:hsl(var(--foreground));align-items:baseline;gap:6px;margin-top:8px;font-size:14px;font-weight:650;line-height:1.3;display:flex}.hww-strip-link:hover .hww-strip-label span:last-child{color:hsl(var(--primary))}.hww-strip-n{font-family:var(--font-hand),var(--font-tamil),cursive;color:hsl(var(--primary));flex:none;font-size:15px;font-weight:400}:lang(ta) .hww-strip-n{font-family:var(--font-mono),ui-monospace,monospace;font-size:12px}:lang(ta) .hww-strip-label{font-size:13px}.hww-strip-cap{margin-top:.7rem}.hww-timeline{gap:28px;margin:0;padding:0;list-style:none;display:grid;position:relative}.hww-timeline:before{content:"";background-image:radial-gradient(circle,hsl(var(--primary)/.75)1.3px,transparent 1.7px);background-repeat:repeat-y;background-size:4px 9px;width:4px;position:absolute;top:30px;bottom:30px;left:21px}.hww-spine-beads{pointer-events:none;background-image:radial-gradient(circle,hsl(var(--sun))2.2px,transparent 2.8px);background-repeat:repeat-y;background-size:6px 54px;width:6px;animation:1.04s steps(8,end) infinite hww-beads;position:absolute;top:30px;bottom:30px;left:20px}@keyframes hww-beads{to{background-position:0 54px}}.hww-stage{grid-template-columns:44px minmax(0,1fr);column-gap:16px;scroll-margin-top:96px;display:grid;position:relative}@media (min-width:768px){.hww-timeline:before,.hww-spine-beads{left:29px}.hww-stage{grid-template-columns:60px minmax(0,1fr);column-gap:20px}}.hww-disc{z-index:1;background-color:hsl(var(--card));background-image:var(--grain);width:44px;height:44px;box-shadow:0 1px 0 hsl(var(--ink)/.1),0 3px 0 hsl(var(--sage-3)),0 10px 14px -8px hsl(var(--ink)/.4);font-family:var(--font-hand),var(--font-tamil),cursive;color:hsl(var(--primary));background-size:240px;border-radius:48% 52% 50% 50%/51% 49% 52% 48%;place-items:center;margin-top:14px;font-size:1.1rem;line-height:1;display:grid;position:relative}@media (min-width:768px){.hww-disc{width:60px;height:60px;font-size:1.35rem}}.hww-card{gap:18px;padding:16px 16px 22px;display:grid}@media (min-width:900px){.hww-card{grid-template-columns:minmax(0,1fr) 220px;gap:28px;padding:22px 24px 26px}.hww-card-art{grid-area:1/2/span 2}}.hww-card-art{max-width:260px}.hww-card-short{font-family:var(--font-mono),var(--font-tamil),ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--primary));margin-top:2px;font-size:12.5px;font-weight:500}:lang(ta) .hww-card-short{font-family:var(--font-tamil),var(--font-body),sans-serif;letter-spacing:0;text-transform:none;font-size:13.5px}.hww-cols{gap:16px;display:grid}@media (min-width:640px){.hww-cols{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px}}.hww-label{font-family:var(--font-mono),var(--font-tamil),ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--muted-foreground));margin-bottom:6px;font-size:11.5px;font-weight:500}:lang(ta) .hww-label{font-family:var(--font-tamil),var(--font-body),sans-serif;letter-spacing:0;text-transform:none;font-size:13px;font-weight:600}.hww-acts{color:hsl(var(--foreground));gap:6px;margin:0;padding:0;font-size:15px;line-height:1.5;list-style:none;display:grid}.hww-acts li{padding-left:16px;position:relative}.hww-acts li:before{content:"";background:hsl(var(--primary)/.7);border-radius:50% 45% 55% 50%;width:6px;height:6px;position:absolute;top:.62em;left:2px}.hww-part{color:hsl(var(--muted-foreground));font-size:15px;line-height:1.5}.hww-roles{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hww-role{background-color:hsl(var(--secondary));min-height:36px;color:hsl(var(--foreground));border-radius:10px 9px 11px;align-items:center;padding:6px 12px;font-size:13.5px;font-weight:600;line-height:1.3;text-decoration:none;display:inline-flex}a.hww-role:hover{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}a.hww-role:focus-visible{outline:2.5px solid hsl(var(--primary));outline-offset:2px}@media (max-width:767px){.hww-role{min-height:44px}}[data-in=true] .hww-tag{animation:.9s step-end .8s both hww-swing}@keyframes hww-swing{0%{transform:rotate(0)}33%{transform:rotate(9deg)}66%{transform:rotate(-6deg)}to{transform:rotate(0)}}.hww-sheet{transform:rotate(var(--r,0deg))}.js [data-inview]:not([data-in]) .hww-sheet{transform:rotate(0)}[data-in=true] .hww-sheet{animation:hww-fan .54s steps(1,end)calc(.7s + var(--i,0)*80ms)both}@keyframes hww-fan{0%{transform:rotate(0)}33%{transform:rotate(calc(var(--r,0deg)*.35))}66%{transform:rotate(calc(var(--r,0deg)*.75))}to{transform:rotate(var(--r,0deg))}}.hww-split{align-items:start;gap:32px;display:grid}@media (min-width:1024px){.hww-split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px}}.hww-figure{margin:0}.hww-panel.hww-mini{background-image:linear-gradient(to bottom,transparent 0 85.6%,hsl(var(--foreground)/.22)85.6% 86.6%,hsl(var(--sage-3))86.6% 100%)}@media (prefers-reduced-motion:reduce){.js [data-inview]:not([data-in]) .hww-sheet{transform:rotate(var(--r,0deg))}}
