@media (min-width:1024px){.eng-hero .type-display:lang(ta){font-size:clamp(2rem,1rem + 1.9vw,2.6rem)}}.eng-hero-fig{margin:0}.eng-mat{aspect-ratio:420/222;background:hsl(var(--secondary));box-shadow:var(--shadow-sheet);border-radius:6px 5px 8px 6px;position:relative;overflow:hidden}.eng-tray{width:100%;height:90.1%;position:absolute;top:0;left:0}.eng-token{transform-origin:50%;width:24%;position:absolute;top:14%}.eng-token[data-slot="0"]{left:7.05%}.eng-token[data-slot="1"]{left:38%}.eng-token[data-slot="2"]{left:68.95%}.eng-token-label{text-align:center;width:30%;color:hsl(var(--foreground));font-size:clamp(15px,1.25vw,17px);line-height:1.2;position:absolute;top:81.5%}.eng-token-label[data-slot="0"]{left:4.05%}.eng-token-label[data-slot="1"]{left:35%}.eng-token-label[data-slot="2"]{left:65.95%}.js [data-inview]:not([data-in]) .eng-token{transform:perspective(600px)rotateY(-86deg)}[data-in=true] .eng-token{animation:eng-flip .5s steps(1,end)calc(.25s + var(--i,0)*.16s)both}@keyframes eng-flip{0%{transform:perspective(600px)rotateY(-86deg)}25%{transform:perspective(600px)rotateY(-56deg)}50%{transform:perspective(600px)rotateY(-22deg)}75%{transform:perspective(600px)rotateY(7deg)}to{transform:none}}.eng-enablers{align-items:start;gap:20px;display:grid}@media (min-width:768px){.eng-enablers{grid-template-columns:88px minmax(0,1fr);gap:28px}}.eng-stamp{background:hsl(var(--card));width:72px;height:72px;box-shadow:var(--shadow-slip);border-radius:10px 9px 11px;padding:8px;transform:rotate(-3deg)}.eng-models{gap:18px;margin:40px 0 0;padding:0;list-style:none;display:grid}.eng-model{gap:14px 22px;padding:20px 18px 22px;scroll-margin-top:104px;display:grid}@media (min-width:768px){.eng-model{grid-template-columns:56px minmax(0,1.35fr) minmax(0,1fr);padding:24px 26px 26px}}.eng-model-icon{background:hsl(var(--secondary));border-radius:10px 9px 11px;width:56px;height:56px;padding:6px}.eng-model-title{margin:0 0 6px}.eng-dagger{color:hsl(var(--primary));margin-left:2px;font-weight:700}.eng-model-how{color:hsl(var(--muted-foreground));margin:0}.eng-steps{color:hsl(var(--primary));margin:0 0 12px;font-size:13px;line-height:1.55}.eng-steps .sep{opacity:.7;margin:0 6px}.eng-facts{gap:8px;margin:0;display:grid}.eng-facts dt{color:hsl(var(--foreground));font-size:13px;font-weight:650}.eng-facts dd{color:hsl(var(--muted-foreground));margin:0;font-size:15px}.eng-note{color:hsl(var(--muted-foreground));margin:12px 0 0;font-size:13px;font-style:italic}.eng-foot{color:hsl(var(--muted-foreground));margin:14px 0 0;font-size:13px;font-style:italic}.eng-split{align-items:start;gap:36px;display:grid}@media (min-width:1024px){.eng-split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px}}.eng-sources{gap:6px;margin-top:18px;display:grid}:lang(ta) .eng-note,:lang(ta) .eng-foot{font-style:normal}.eng-pack-fig{margin:0}@media (min-width:1024px){.eng-pack-fig{margin-top:72px}}.eng-pack{aspect-ratio:5/4;max-width:420px;margin:0 auto;position:relative}.eng-sheet{background:repeating-linear-gradient(to bottom,transparent 0 17px,hsl(var(--border))17px 18px)14% 88%/72% 42% no-repeat,hsl(var(--card));width:60%;height:76%;box-shadow:var(--shadow-slip);transform-origin:50% 96%;transform:rotate(var(--r,0deg));border-radius:4px 3px 5px;position:absolute;top:10%;left:18%}.eng-sheet[data-tone=sage]{background:repeating-linear-gradient(to bottom,transparent 0 17px,hsl(var(--sage-3)/.5)17px 18px)14% 88%/72% 42% no-repeat,hsl(var(--secondary))}.eng-sheet-top{flex-direction:column;padding:14% 10% 10%;display:flex}.eng-pack-label{color:hsl(var(--primary));font-size:clamp(16px,1.4vw,19px);line-height:1.25;display:block}.js [data-inview]:not([data-in]) .eng-sheet{transform:rotate(0)}[data-in=true] .eng-sheet{animation:eng-fan .54s steps(1,end)calc(.45s + var(--i,0)*80ms)both}@keyframes eng-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))}}@media (prefers-reduced-motion:reduce){.js [data-inview]:not([data-in]) .eng-token{transform:none}.js [data-inview]:not([data-in]) .eng-sheet{transform:rotate(var(--r,0deg))}}html[data-motion=paused] :is(.eng-token,.eng-sheet){animation:none!important}
