:root{
  --bg:#0b0b12;--panel:#15131b;--panel-2:#211722;--gold:#f2bd54;--gold-2:#ffe3a0;
  --cream:#fff8e8;--muted:#d7cbbb;--ruby:#8f2436;--line:rgba(242,189,84,.25);
  --shadow:0 24px 70px rgba(0,0,0,.42);--radius:24px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:Georgia,"Noto Serif Tamil","Noto Sans Tamil",serif;line-height:1.6}
a{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:999;background:#fff;color:#000;padding:.8rem 1rem;border-radius:.5rem}.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}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:2rem;padding:.75rem clamp(1rem,4vw,4rem);background:rgba(9,8,14,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;min-width:max-content}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);box-shadow:0 0 25px rgba(242,189,84,.2)}.brand strong,.brand small{display:block}.brand strong{font-size:1.25rem}.brand small{color:var(--gold-2)}
.site-nav{display:flex;align-items:center;justify-content:center;gap:.2rem;margin-left:auto}.site-nav a{text-decoration:none;padding:.65rem .75rem;border-radius:999px;color:#eee5da;font-family:system-ui,sans-serif;font-size:.92rem}.site-nav a:hover,.site-nav a:focus-visible,.site-nav a.active{background:rgba(242,189,84,.12);color:var(--gold-2)}.menu-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:#17131b;color:#fff;padding:.65rem .9rem;border-radius:12px}
.hero{position:relative;isolation:isolate;min-height:min(780px,calc(100svh - 74px));overflow:hidden;display:grid;align-items:center;padding:clamp(3rem,8vw,8rem) clamp(1.1rem,8vw,8rem);background:url("../images/hero-sunrise.webp") center/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;z-index:-4;background:linear-gradient(90deg,rgba(5,5,10,.96) 0%,rgba(7,6,10,.72) 43%,rgba(5,4,8,.2) 72%,rgba(5,4,8,.75) 100%)}
.hero-overlay{position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 69% 34%,rgba(255,203,94,.3),transparent 24%),linear-gradient(0deg,#0b0b12 0,transparent 28%)}
.hero-temple-art,.hero-murugan-art{position:absolute;z-index:-2;object-fit:cover;filter:saturate(1.05) contrast(1.05);border-radius:28px;box-shadow:var(--shadow)}
.hero-temple-art{left:-3%;bottom:6%;width:min(33vw,470px);height:63%;opacity:.68;mask-image:linear-gradient(to right,transparent 0,#000 20%,#000 76%,transparent 100%)}
.hero-murugan-art{right:3%;bottom:2%;width:min(31vw,430px);height:76%;object-position:center top;opacity:.95;mask-image:linear-gradient(to bottom,#000 0,#000 74%,transparent 100%)}
.hero-copy{position:relative;z-index:3;width:min(760px,65vw);margin-left:clamp(0rem,13vw,13rem)}.eyebrow{margin:0 0 .7rem;color:var(--gold);font-family:system-ui,sans-serif;font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem}
.hero h1{margin:0;font-size:clamp(3.5rem,9vw,8.6rem);line-height:.88;text-shadow:0 3px 30px rgba(0,0,0,.7)}.hero-subtitle{margin:.85rem 0 .35rem;font-size:clamp(1.45rem,3vw,2.5rem);color:var(--gold-2)}.hero-description{max-width:630px;color:#f3e9da;font-size:clamp(1rem,1.4vw,1.2rem)}
.hero-search{display:flex;max-width:650px;margin-top:1.6rem;background:rgba(255,255,255,.93);border:1px solid rgba(255,255,255,.45);border-radius:999px;box-shadow:var(--shadow);overflow:hidden}.hero-search input{width:100%;min-width:0;border:0;background:transparent;padding:1rem 1.3rem;font-size:1rem;outline:0}.hero-search button{width:58px;border:0;background:linear-gradient(135deg,#d59b31,#f2bd54);font-size:1.7rem;cursor:pointer}
.quick-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;margin-top:1.2rem}.quick-links a{display:grid;grid-template-columns:auto 1fr;column-gap:.6rem;align-items:center;padding:.75rem;border:1px solid var(--line);border-radius:14px;background:rgba(10,9,14,.65);backdrop-filter:blur(10px);text-decoration:none;font-family:system-ui,sans-serif}.quick-links span{grid-row:1/3;color:var(--gold);font-size:1.35rem}.quick-links b{font-size:.83rem}.quick-links small{color:#cfc1ae;font-size:.7rem}
.metrics{position:relative;z-index:5;max-width:1200px;margin:-45px auto 0;padding:0 1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metrics article{display:grid;grid-template-columns:auto 1fr;gap:.15rem .8rem;padding:1.15rem 1.35rem;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(42,28,37,.98),rgba(15,15,22,.98));box-shadow:var(--shadow)}.metrics span{grid-row:1/3;color:var(--gold);font-size:2rem}.metrics strong{font-size:1.65rem}.metrics p{margin:0;color:var(--muted);font-family:system-ui,sans-serif;font-size:.85rem}
.section{max-width:1240px;margin:clamp(4rem,8vw,7rem) auto;padding:0 1.2rem}.section-heading{text-align:center;max-width:820px;margin:0 auto 2.1rem}.section h2{margin:.25rem 0 .75rem;font-size:clamp(2.2rem,5vw,4.3rem);line-height:1.05}.section-heading>p:last-child{color:var(--muted)}
.collection-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.collection-card{position:relative;min-height:340px;overflow:hidden;border:1px solid var(--line);border-radius:22px;text-decoration:none;background:#17151b;box-shadow:var(--shadow);transition:transform .25s ease,border-color .25s ease}.collection-card:hover{transform:translateY(-7px);border-color:var(--gold)}.collection-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.collection-card:hover img{transform:scale(1.035)}.collection-card::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(7,7,11,.96))}.collection-card span{position:absolute;z-index:2;left:1.2rem;right:1.2rem;bottom:1.2rem}.collection-card strong,.collection-card small{display:block}.collection-card strong{font-size:1.45rem;color:var(--gold-2)}.collection-card small{font-family:system-ui,sans-serif;color:#e8ded0}
.platform-tools{position:relative}.platform-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.platform-tool-grid a{display:grid;grid-template-columns:auto 1fr;column-gap:.85rem;align-items:center;min-height:122px;padding:1rem;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(37,24,35,.96),rgba(14,14,21,.96));text-decoration:none;box-shadow:0 15px 45px rgba(0,0,0,.25);transition:transform .2s ease,border-color .2s ease}.platform-tool-grid a:hover,.platform-tool-grid a:focus-visible{transform:translateY(-4px);border-color:var(--gold)}.platform-tool-grid span{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:13px;color:var(--gold);font-size:1.35rem}.platform-tool-grid strong{color:var(--gold-2);font-size:1.05rem}.platform-tool-grid small{color:var(--muted);font-family:system-ui,sans-serif;font-size:.76rem}
.temple-preview{position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;min-height:420px;padding:clamp(2rem,6vw,5rem);border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle at 78% 48%,rgba(255,194,75,.33),transparent 20%),linear-gradient(120deg,#251122,#681b2a 58%,#b86428);box-shadow:var(--shadow)}.temple-copy{max-width:650px}.temple-copy p:not(.eyebrow){color:#f4e4d0}.button{display:inline-block;margin-top:1rem;padding:.8rem 1.05rem;border-radius:999px;background:var(--gold);color:#29190e;text-decoration:none;font-family:system-ui,sans-serif;font-weight:800}.vel-emblem{position:relative;display:grid;place-items:center;min-height:300px;color:#ffe9a8}.vel-emblem span{position:absolute;font-size:15rem;opacity:.16;line-height:1}.vel-emblem b{font-size:4rem;z-index:2}.vel-emblem i{position:absolute;width:7px;height:160px;top:50%;background:linear-gradient(var(--gold-2),var(--gold));border-radius:999px}.vel-emblem i::before{content:"";position:absolute;left:50%;top:-55px;transform:translateX(-50%);border-left:26px solid transparent;border-right:26px solid transparent;border-bottom:68px solid var(--gold-2)}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.features article{padding:1.4rem;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}.features span{color:var(--gold);font-size:1.8rem}.features h3{margin:.4rem 0}.features p{margin:0;color:var(--muted);font-family:system-ui,sans-serif}
footer{text-align:center;padding:4rem 1rem;border-top:1px solid var(--line);background:#08080d;color:var(--muted)}footer>p{font-size:1.5rem;color:var(--gold)}footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin:1rem}footer a{color:var(--cream)}
@media(max-width:1180px){.collection-grid{grid-template-columns:repeat(3,1fr)}.platform-tool-grid{grid-template-columns:repeat(3,1fr)}.site-nav a{padding:.6rem .52rem;font-size:.8rem}}
@media(max-width:1050px){.site-nav{display:none;position:absolute;left:1rem;right:1rem;top:72px;flex-direction:column;align-items:stretch;padding:1rem;background:#14111a;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.site-nav.open{display:flex}.menu-toggle{display:block}.hero-copy{width:min(680px,75vw);margin-left:0}.hero-temple-art{display:none}.hero-murugan-art{right:-6%;width:43vw;opacity:.72}.quick-links{grid-template-columns:repeat(2,1fr)}.collection-grid{grid-template-columns:repeat(2,1fr)}.platform-tool-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.site-header{padding:.7rem 1rem}.brand-mark{width:42px;height:42px}.brand strong{font-size:1.08rem}.brand small{font-size:.78rem}.hero{min-height:auto;padding:4.5rem 1rem 4rem;background-position:42% center}.hero::before{background:linear-gradient(180deg,rgba(8,7,12,.48),rgba(8,7,12,.94) 58%,#0b0b12)}.hero-murugan-art{position:relative;right:auto;bottom:auto;width:min(78vw,380px);height:390px;margin:0 auto 1rem;grid-row:1;opacity:1;mask-image:linear-gradient(to bottom,#000 0,#000 80%,transparent 100%)}.hero{display:flex;flex-direction:column}.hero-copy{width:100%;text-align:center}.hero h1{font-size:clamp(3.2rem,18vw,5.2rem)}.hero-description{margin-left:auto;margin-right:auto}.hero-search{margin-left:auto;margin-right:auto;text-align:left}.quick-links{grid-template-columns:1fr 1fr;text-align:left}.metrics{grid-template-columns:1fr 1fr;margin:-12px auto 0}.collection-grid,.platform-tool-grid{grid-template-columns:1fr}.collection-card{min-height:390px}.temple-preview{grid-template-columns:1fr;padding:2rem}.vel-emblem{min-height:230px}.features{grid-template-columns:1fr 1fr}.section{margin:4.5rem auto}}
@media(max-width:440px){.quick-links,.metrics,.features{grid-template-columns:1fr}.hero-murugan-art{height:330px}.hero-search input{font-size:.9rem}.metrics{padding:.7rem}.section h2{font-size:2.3rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}