/* ============ Ponniyin Selvan – bright royal theme ============ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Noto+Serif+Tamil:wght@500;600;700&family=Mukta+Malar:wght@400;500;600&display=swap');

:root{
  --bg:#fffaf0; --bg2:#f9edd0; --surface:#ffffff;
  --ink:#3a2412; --muted:#7b6650;
  --maroon:#7b1a24; --maroon2:#a02a37; --maroon-d:#4e0f16;
  --gold:#c98f1d; --gold2:#e8b84a; --gold-soft:#f6e3ab;
  --line:rgba(201,143,29,.5);
  --shadow:0 10px 30px rgba(120,70,10,.14);
  --serif:'Cinzel','Noto Serif Tamil',serif;
  --body:'Cormorant Garamond','Mukta Malar',serif;
  --ta:'Noto Serif Tamil','Mukta Malar',serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  background-image:radial-gradient(900px 500px at 50% -80px,#ffe9b5 0%,transparent 70%);
  color:var(--ink);font-family:var(--body);font-size:1.25rem;font-weight:500;line-height:1.65;
}
img{max-width:100%;display:block}
a{color:var(--maroon);text-decoration:none}
a:hover{color:var(--maroon2)}
.wrap{width:min(1180px,92%);margin-inline:auto}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,250,240,.94);backdrop-filter:blur(8px);
  border-bottom:2px solid var(--gold);box-shadow:0 4px 18px rgba(120,70,10,.12)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.45rem 0;gap:1rem}
.brand{display:flex;align-items:center;gap:.8rem;color:var(--maroon)}
.brand-logo{height:50px;width:auto;border-radius:6px;box-shadow:0 2px 8px rgba(120,70,10,.25)}
.brand-text{display:flex;flex-direction:column;line-height:1.15}
.brand-text b{font-family:var(--ta);font-size:1.15rem;color:var(--maroon)}
.brand-text small{font-family:var(--serif);font-size:.62rem;letter-spacing:.24em;color:var(--gold);text-transform:uppercase;font-weight:600}
.menu{display:flex;gap:.2rem;list-style:none}
.menu a{font-family:var(--serif);font-size:.82rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink);padding:.6rem 1rem;border-radius:4px;position:relative;transition:color .2s}
.menu a::after{content:"";position:absolute;left:50%;bottom:3px;width:0;height:3px;border-radius:3px;background:var(--gold);
  transition:.3s;transform:translateX(-50%)}
.menu a:hover{color:var(--maroon)}
.menu a:hover::after,.menu a.active::after{width:70%}
.menu a.active{color:var(--maroon)}
.burger{display:none;background:#fff;border:1px solid var(--gold);color:var(--maroon);width:44px;height:40px;border-radius:6px;font-size:1.3rem;cursor:pointer}

/* ---------- Hero day/night ---------- */
.hero{position:relative;background:#2a1608;border-bottom:3px solid var(--gold)}
.stage{position:relative;overflow:hidden;aspect-ratio:2000/1007;width:100%;line-height:0;background:#2a1608}
.stage>img,.stage .layer{position:absolute;inset:0;width:100%;height:100%;display:block}
.stage .night{opacity:0;will-change:opacity}
.stage .dusk{pointer-events:none;opacity:0;mix-blend-mode:soft-light;
  background:linear-gradient(180deg,#ff8a3a 0%,#ffb25e 40%,#c24818 100%)}
.stage .fg-title,.stage .fg-chars{will-change:filter;pointer-events:none}
.stage .fg-title{animation:titlein 1.6s cubic-bezier(.2,.7,.2,1) both}
.stage .fg-chars{animation:charsin 1.8s cubic-bezier(.2,.7,.2,1) .25s both}
@keyframes titlein{from{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:none}}
@keyframes charsin{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.stage .vignette{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at center,transparent 62%,rgba(30,10,0,.32) 100%)}

/* Torches – % sizes so they scale with the banner */
.torch{position:absolute;width:calc(1.25% * var(--s,1));aspect-ratio:1/2.7;transform:translate(-50%,-100%);
  opacity:0;pointer-events:none;z-index:3}
.torch .glow{position:absolute;left:50%;top:15%;width:1500%;aspect-ratio:1;transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(255,176,70,.5) 0%,rgba(255,120,30,.2) 26%,transparent 60%);
  mix-blend-mode:screen;animation:glow 2.2s ease-in-out var(--d,0s) infinite alternate}
.torch .pole{position:absolute;left:36%;right:36%;top:42%;bottom:0;border-radius:2px;
  background:linear-gradient(90deg,#2b1708,#a2672a 45%,#2b1708);box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.torch .bowl{position:absolute;left:4%;right:4%;top:34%;height:14%;border-radius:0 0 70% 70%/0 0 100% 100%;
  background:linear-gradient(180deg,#e0a443,#6b3d12);box-shadow:0 1px 0 #2b1708}
.torch .flame{position:absolute;left:10%;right:10%;top:-4%;height:40%;transform-origin:50% 100%;
  border-radius:50% 50% 46% 46%/72% 72% 28% 28%;
  background:radial-gradient(ellipse at 50% 82%,#fffbd0 0%,#ffd75e 26%,#ff8b1f 58%,rgba(255,60,0,0) 80%);
  animation:flicker .85s ease-in-out var(--d,0s) infinite alternate}
.torch .flame.f2{left:28%;right:28%;top:6%;height:30%;
  background:radial-gradient(ellipse at 50% 88%,#fff 0%,#ffe891 42%,rgba(255,170,40,0) 82%);
  animation-duration:.58s;animation-delay:calc(var(--d,0s) - .25s)}
.torch .ember{position:absolute;left:50%;top:6%;width:3px;height:3px;border-radius:50%;background:#ffbb55;
  box-shadow:0 0 6px 2px rgba(255,150,40,.85);opacity:0;animation:ember 3s linear infinite}
@keyframes flicker{
  0%{transform:scale(1,1) skewX(0)}
  30%{transform:scale(.93,1.1) skewX(-3deg)}
  60%{transform:scale(1.05,.95) skewX(2.5deg)}
  100%{transform:scale(.98,1.08) skewX(-1.5deg)}}
@keyframes glow{from{opacity:.7;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}
@keyframes ember{0%{opacity:0;transform:translate(0,0)}12%{opacity:1}100%{opacity:0;transform:translate(var(--dx,8px),-520%)}}

/* Day-night control */
.dn{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;padding:.85rem 1rem;
  background:linear-gradient(180deg,#fff7e0,#f7e5b8)}
.dn .ico{font-size:1.5rem}
.dn input[type=range]{-webkit-appearance:none;appearance:none;width:min(380px,56vw);height:9px;border-radius:99px;outline:none;
  background:linear-gradient(90deg,#ffd45e,#f08a3e 50%,#27386e);box-shadow:0 0 0 1px var(--gold)}
.dn input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff3c4,var(--gold2));border:3px solid var(--maroon);cursor:grab;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.dn input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--gold2);border:3px solid var(--maroon);cursor:grab}
.dn-label{font-family:var(--serif);font-weight:700;letter-spacing:.14em;font-size:.75rem;color:var(--maroon);min-width:118px;text-transform:uppercase}
.btn-sm{font-family:var(--serif);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.5rem .95rem;
  border:1.5px solid var(--maroon);background:#fff;color:var(--maroon);border-radius:4px;cursor:pointer;transition:.2s}
.btn-sm:hover{background:var(--maroon);color:#fff}

/* ---------- Sections ---------- */
section.block{padding:4.5rem 0}
section.alt{background:linear-gradient(180deg,var(--bg2),#fdf3da)}
.eyebrow{font-family:var(--serif);letter-spacing:.3em;font-size:.78rem;font-weight:700;color:var(--gold);text-transform:uppercase;text-align:center}
.title{font-family:var(--serif);font-weight:700;font-size:clamp(1.7rem,3.4vw,2.5rem);color:var(--maroon);text-align:center;margin:.3rem 0 .3rem;line-height:1.25}
.title-ta{font-family:var(--ta);text-align:center;color:var(--muted);font-size:1.1rem}
.divider{width:220px;height:16px;margin:1rem auto 2.5rem;
  background:radial-gradient(circle,var(--gold) 4px,transparent 5px) center/16px 16px no-repeat,
  linear-gradient(90deg,transparent,var(--gold),transparent) center/100% 2px no-repeat}
.lead{max-width:780px;margin:0 auto;text-align:center;font-size:1.3rem}
.btn{display:inline-block;font-family:var(--serif);font-weight:700;letter-spacing:.15em;text-transform:uppercase;font-size:.83rem;
  padding:.95rem 1.8rem;border-radius:5px;border:2px solid var(--maroon);cursor:pointer;
  background:linear-gradient(180deg,var(--maroon2),var(--maroon));color:#fff3d4;box-shadow:0 6px 16px rgba(123,26,36,.3);transition:.25s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(123,26,36,.4);color:#fff}
.btn.ghost{background:transparent;color:var(--maroon);box-shadow:none}
.btn.ghost:hover{background:var(--maroon);color:#fff}
.cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.8rem}

/* Trailers */
.featured{display:grid;grid-template-columns:1.6fr 1fr;gap:2.2rem;align-items:center;background:var(--surface);
  border:1px solid var(--line);border-radius:14px;padding:1.4rem;box-shadow:var(--shadow)}
.video{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;cursor:pointer;background:#2a1608;
  border:2px solid var(--gold);box-shadow:0 8px 22px rgba(80,40,0,.25)}
.video img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.video:hover img{transform:scale(1.05)}
.video::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(40,10,0,.5));pointer-events:none}
.play{position:absolute;left:50%;top:50%;z-index:2;width:70px;height:70px;transform:translate(-50%,-50%);border-radius:50%;
  background:rgba(123,26,36,.92);border:3px solid #fff3c4;display:grid;place-items:center;box-shadow:0 0 0 6px rgba(255,255,255,.2),0 6px 20px rgba(0,0,0,.4);transition:.3s}
.play::before{content:"";margin-left:5px;border-left:20px solid #fff3c4;border-top:12px solid transparent;border-bottom:12px solid transparent}
.video:hover .play{transform:translate(-50%,-50%) scale(1.12)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.f-info h3{font-family:var(--ta);font-size:1.55rem;color:var(--maroon);line-height:1.3}
.f-info .en{font-family:var(--serif);color:var(--gold);font-weight:700;letter-spacing:.08em;font-size:.95rem;margin:.3rem 0 1rem}
.grid{display:grid;gap:1.6rem}
.grid.t3{grid-template-columns:repeat(3,1fr)}
.grid.t2{grid-template-columns:repeat(2,1fr);max-width:900px;margin-inline:auto}
.t-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.8rem .8rem 1.1rem;box-shadow:var(--shadow);transition:.3s}
.t-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(120,70,10,.22)}
.t-card h4{font-family:var(--ta);font-size:1.05rem;color:var(--maroon);margin-top:.8rem;font-weight:700;line-height:1.4}
.t-card p{font-size:1.02rem;color:var(--muted);line-height:1.45}
.t-card .tag{display:inline-block;margin-top:.8rem;font-family:var(--serif);font-size:.65rem;font-weight:700;letter-spacing:.2em;color:#fff;
  background:var(--gold);padding:.2rem .6rem;border-radius:99px;text-transform:uppercase}

/* Characters (cut-outs standing in a banner-like scene) */
.scene{background:linear-gradient(180deg,#78b6ee 0%,#bfe0f6 42%,#f4dfa8 66%,#d49a55 88%,#b97a3a 100%)}
.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:1.5rem}
.char{display:block;width:100%;padding:0;font:inherit;text-align:center;cursor:pointer;position:relative;border-radius:12px;overflow:hidden;
  border:3px solid var(--gold);background:#fff;box-shadow:var(--shadow);transition:transform .35s,box-shadow .35s}
.char .pic{display:block;overflow:hidden;background:#1c2f4a}
.char .pic img{width:100%;aspect-ratio:1100/1512;object-fit:cover;transition:transform .6s}
.char .cap{display:block;padding:.7rem .6rem .85rem;border-top:3px solid var(--gold);background:linear-gradient(180deg,#fffdf6,#fbf0d4)}
.char .cap b{display:block;font-family:var(--ta);color:var(--maroon);font-size:1.1rem;line-height:1.3}
.char .cap small{font-family:var(--serif);font-size:.68rem;font-weight:700;letter-spacing:.16em;color:var(--gold);text-transform:uppercase}
.char:hover,.char:focus-visible{transform:translateY(-8px);box-shadow:0 22px 44px rgba(120,70,10,.32);outline:none}
.char:hover .pic img{transform:scale(1.05)}
.char-grid>div{display:block}
/* viewer */
.lightbox{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;gap:1rem;background:rgba(25,10,0,.92);padding:1rem}
.lightbox.open{display:flex}
.lightbox figure{max-height:94vh;display:flex;flex-direction:column;align-items:center;gap:.6rem}
.lightbox img{max-height:84vh;max-width:min(82vw,640px);width:auto;height:auto;border:3px solid var(--gold);border-radius:8px;box-shadow:0 0 60px rgba(232,182,74,.3)}
.lightbox figcaption{color:var(--gold-soft);font-family:var(--serif);letter-spacing:.1em;font-size:.85rem;text-align:center}
.lb-x,.lb-nav{background:#fff;border:2px solid var(--gold);color:var(--maroon);border-radius:50%;cursor:pointer;line-height:1;flex:none}
.lb-x{position:absolute;right:16px;top:16px;width:42px;height:42px;font-size:1.15rem}
.lb-nav{width:52px;height:52px;font-size:2rem;padding-bottom:4px}
.lb-nav:hover,.lb-x:hover{background:var(--gold-soft)}
.strip-wrap{background:linear-gradient(180deg,#78b6ee 0%,#bfe0f6 38%,#f4dfa8 70%,#c98b48 100%);border-block:3px solid var(--gold);padding-top:1.6rem}
.strip{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.strip-track{display:flex;gap:1.3rem;width:max-content;padding-bottom:1.6rem;animation:slide var(--dur,40s) linear infinite}
.strip-track .char{width:230px;flex:none}
.strip:hover .strip-track{animation-play-state:paused}
@keyframes slide{to{transform:translateX(-50%)}}

/* About / contact */
.two{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;align-items:start}
.panel{padding:2rem;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.panel h3{font-family:var(--serif);font-weight:700;color:var(--maroon);margin-bottom:.7rem;font-size:1.3rem}
.panel p+p{margin-top:.9rem}
.panel.logo-card{display:grid;place-items:center;text-align:center;gap:1rem;background:linear-gradient(180deg,#fff,#fdf1cf)}
.panel.logo-card img{width:min(360px,100%);border-radius:12px;box-shadow:0 10px 26px rgba(120,70,10,.28)}
.timeline{position:relative;max-width:820px;margin:0 auto;padding-left:2rem}
.timeline::before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:3px;background:linear-gradient(180deg,var(--gold),var(--maroon));border-radius:3px}
.tl{position:relative;padding:0 0 2rem 1.2rem}
.tl::before{content:"";position:absolute;left:-2rem;top:6px;width:22px;height:22px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff3c4,var(--gold2));border:4px solid var(--maroon)}
.tl .yr{font-family:var(--serif);font-weight:700;color:var(--gold);letter-spacing:.14em;font-size:.95rem}
.tl h4{font-family:var(--serif);color:var(--maroon);font-size:1.2rem}
.profile{display:grid;grid-template-columns:200px 1fr;gap:2rem;align-items:center}
.avatar{width:170px;height:170px;border-radius:50%;margin:0 auto;display:grid;place-items:center;font-family:var(--serif);font-weight:700;font-size:3rem;color:#fff3d4;
  background:radial-gradient(circle at 35% 30%,var(--maroon2),var(--maroon-d));box-shadow:0 0 0 5px var(--gold-soft),0 0 0 7px var(--gold),0 10px 24px rgba(80,20,10,.35)}
.profile h3{font-family:var(--serif);color:var(--maroon);font-size:1.5rem}
.profile .role{font-family:var(--serif);color:var(--gold);font-weight:700;letter-spacing:.14em;font-size:.78rem;text-transform:uppercase;margin-bottom:.6rem}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.chips span{background:var(--gold-soft);color:var(--maroon-d);border:1px solid var(--gold);border-radius:99px;padding:.2rem .8rem;font-size:1rem;font-weight:600}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;background:linear-gradient(135deg,var(--maroon2),var(--maroon-d));
  border-radius:14px;padding:2rem 1rem;color:#fff3d4;box-shadow:var(--shadow);border:2px solid var(--gold)}
.stat{text-align:center;padding:0 .5rem}
.stat b{display:block;font-family:var(--serif);font-size:2.4rem;color:var(--gold2);line-height:1.1}
.stat span{font-family:var(--serif);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.info-list{list-style:none;display:grid;gap:1.1rem}
.info-list li{display:flex;gap:.9rem;align-items:flex-start}
.info-list .i{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:1.15rem;
  background:var(--gold-soft);border:2px solid var(--gold);color:var(--maroon)}
.info-list b{font-family:var(--serif);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--maroon)}
.info-list a{font-weight:700}
.map{margin-top:1.4rem;border-radius:12px;overflow:hidden;border:2px solid var(--gold);box-shadow:var(--shadow);aspect-ratio:16/10}
.map iframe{width:100%;height:100%;border:0}
form{display:grid;gap:1rem}
label{font-family:var(--serif);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--maroon)}
input,textarea{width:100%;margin-top:.3rem;padding:.8rem 1rem;border-radius:6px;font:inherit;font-size:1.1rem;background:#fffdf8;color:var(--ink);
  border:1.5px solid var(--line);outline:none;transition:.2s}
input:focus,textarea:focus{border-color:var(--maroon);box-shadow:0 0 0 4px rgba(123,26,36,.12)}
.socials{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem}
.socials a{padding:.5rem 1.1rem;border:1.5px solid var(--maroon);border-radius:99px;font-family:var(--serif);font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--maroon);background:#fff;transition:.2s}
.socials a:hover{background:var(--maroon);color:#fff}
.page-head{padding:3.6rem 0 .6rem;text-align:center;background:radial-gradient(800px 260px at 50% 0%,rgba(232,184,74,.4),transparent 70%)}

/* ---------- Footer (uses your terrace image) ---------- */
.site-footer{position:relative;margin-top:0;padding-top:clamp(110px,15vw,220px);color:#fff1d6;border-top:4px solid var(--gold);
  background:url('../images/footer.jpg') center bottom/cover no-repeat,#2a1608}
.site-footer::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(30,10,0,0) 0%,rgba(30,10,0,0) 22%,rgba(30,10,0,.72) 56%,rgba(24,8,0,.93) 100%)}
.foot{position:relative;display:grid;grid-template-columns:1.3fr .8fr 1.2fr;gap:2.5rem;padding:1rem 0 2.2rem}
.foot h5{font-family:var(--serif);font-weight:700;letter-spacing:.2em;font-size:.82rem;color:var(--gold2);text-transform:uppercase;margin-bottom:.9rem}
.foot img.flogo{height:78px;width:auto;border-radius:8px;margin-bottom:.9rem;box-shadow:0 4px 14px rgba(0,0,0,.5)}
.foot p,.foot li{font-size:1.1rem;line-height:1.55;color:#fbe9c4}
.foot ul{list-style:none;display:grid;gap:.4rem}
.foot a{color:#ffe3a0}
.foot a:hover{color:#fff}
.foot .socials a{background:transparent;border-color:var(--gold2);color:#ffe3a0}
.foot .socials a:hover{background:var(--gold2);color:var(--maroon-d)}
.copy{position:relative;border-top:1px solid rgba(232,184,74,.35);padding:1rem 0 1.4rem;text-align:center;font-size:.95rem;color:#e5cf9d}

/* Modal */
.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;background:rgba(20,8,0,.88);padding:1rem}
.modal.open{display:grid}
.modal .box{width:min(980px,100%);aspect-ratio:16/9;position:relative;border:2px solid var(--gold);box-shadow:0 0 60px rgba(232,182,74,.3);background:#000}
.modal iframe{width:100%;height:100%;border:0}
.modal .close{position:absolute;right:-4px;top:-48px;background:#fff;border:2px solid var(--gold);color:var(--maroon);width:38px;height:38px;border-radius:50%;font-size:1.1rem;cursor:pointer}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}
.reveal.in{opacity:1;transform:none}

@media (max-width:900px){
  .burger{display:block}
  .menu{position:absolute;left:0;right:0;top:100%;flex-direction:column;background:rgba(255,250,240,.99);padding:.6rem 4%;display:none;border-bottom:2px solid var(--gold)}
  .menu.open{display:flex}
  .featured,.two,.grid.t3,.grid.t2,.profile,.foot{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr);row-gap:1.6rem}
  .brand-text small{display:none}
  section.block{padding:3rem 0}
  .strip-track .char{width:170px}.lb-nav{width:40px;height:40px;font-size:1.5rem}.lightbox{gap:.4rem;padding:.5rem}.lightbox img{max-width:76vw}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}