:root{--night:#091b23;--navy:#102c35;--teal:#295453;--gold:#e5b65a;--cream:#f9f4e9;--text:#1d2f34;--muted:#52636a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,"Noto Sans Sinhala",sans-serif;background:var(--cream);color:var(--text);line-height:1.7}a{color:#145b61}a:focus-visible,button:focus-visible{outline:3px solid #e5b65a;outline-offset:3px}.skip{position:absolute;left:-10000px;top:auto}.skip:focus{left:16px;top:8px;z-index:99;background:white;padding:8px}.eyebrow{letter-spacing:.15em;text-transform:uppercase;font-size:.73rem;font-weight:750}.shell{max-width:1140px;margin:auto;padding:0 24px}.notice{padding:9px 16px;text-align:center;font-size:.88rem;background:#ebc77a;color:#28200d;font-weight:700}.header{background:var(--night);color:white;position:relative;z-index:2;border-bottom:1px solid #ffffff20}.header .shell{display:flex;align-items:center;gap:18px;justify-content:space-between;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.logo{display:flex;gap:14px;align-items:center;color:white;text-decoration:none;padding:10px 14px;border:1px solid #d4b06955;border-radius:18px;background:linear-gradient(180deg,#ffffff10,#ffffff05);box-shadow:0 8px 24px #00000018}.emblem{width:72px;height:72px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);background:radial-gradient(circle at 30% 30%,#ffefc53b,#0000 55%),linear-gradient(180deg,#ffffff12,#0000);box-shadow:0 0 0 4px #e5b65a18,0 10px 28px #00000024;font-family:serif;font-size:42px;font-weight:700;flex:0 0 auto}.logo strong{display:block;line-height:1.15;font-family:Georgia,serif;letter-spacing:.08em;font-size:clamp(1.35rem,2.2vw,2rem)}.logo small{font-size:13px;color:#efd8a7;display:block;margin-top:2px}.nav{display:flex;flex-wrap:wrap;gap:9px}.nav a{padding:7px 10px;border-radius:9px;color:#fff9eb;text-decoration:none}.nav a[aria-current=page],.nav a:hover{background:#ffffff23}.hero{color:white;background:radial-gradient(ellipse at 80% 35%,#3c6152 0%,transparent 40%),radial-gradient(ellipse at 15% 20%,#78613966,transparent 45%),linear-gradient(140deg,#0b2027,#112f34 58%,#091923);position:relative;overflow:hidden}.hero::after{content:'✦';font-family:serif;position:absolute;right:2%;top:0;color:#d4ad6544;font-size:min(48vw,480px);line-height:1}.hero .shell{position:relative;z-index:1;padding-top:92px;padding-bottom:106px}.hero h1{font-family:Georgia,"Noto Serif Sinhala",serif;font-size:clamp(34px,6vw,70px);line-height:1.2;max-width:900px;margin:18px 0}.hero .lead{color:#f7ead3;max-width:730px;font-size:1.11rem}.kicker{display:inline-block;color:var(--gold);font-weight:800;letter-spacing:.08em;border:1px solid #f4c66a77;border-radius:40px;padding:5px 14px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;align-items:center;text-decoration:none;padding:12px 22px;border-radius:11px;min-height:48px;font-weight:800;background:#e5b65a;color:#211d12}.button.alt{border:1px solid #dbcfb7;background:transparent;color:#fdf4e7}.section{padding:72px 0}.section h2{font-family:Georgia,"Noto Serif Sinhala",serif;font-size:clamp(25px,4vw,39px);line-height:1.35;margin:8px 0 18px}.sub{max-width:800px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}.tile{background:#fff;border:1px solid #e0d5c0;border-radius:17px;padding:23px;box-shadow:0 7px 24px #102c350a}.tile .sym{font-size:29px;color:#83611c}.tile h3{margin:12px 0 8px;font-size:1.12rem}.tile p{font-size:.93rem;color:#45545a}.tile span.status{font-size:.74rem;color:#775924;font-weight:800;display:inline-block;margin-top:8px;border:1px solid #dbc78d;border-radius:30px;padding:3px 9px}.shade{background:#e9ede8}.band{background:var(--night);color:#fff;padding:48px 0}.band p{max-width:820px;color:#d4e1d9}.features{display:grid;grid-template-columns:1fr 1fr;gap:30px}.info{padding:21px 26px;border-left:3px solid #d3a84c;background:#fff;border-radius:0 12px 12px 0}.info h3{margin-top:0}.list{padding-left:22px}.list li{margin:8px 0}footer{background:#081820;color:#dbe5df;padding:35px 0}footer a{color:#f2d393}footer .shell{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}footer p{max-width:700px;font-size:.86rem}.callout{background:#fff8e8;padding:16px 22px;border-left:4px solid #cf9b33;border-radius:7px;margin:24px 0}.small{font-size:.85rem}.no-dots{list-style:none;padding:0}.no-dots li{margin:12px 0}.no-dots a{text-decoration:none}section[id]{scroll-margin-top:24px}@media(max-width:800px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.features{grid-template-columns:1fr}.hero .shell{padding-top:64px;padding-bottom:70px}}@media(max-width:520px){.shell{padding-left:17px;padding-right:17px}.cards{grid-template-columns:1fr}.header .shell{justify-content:center}.nav{justify-content:center}.hero .shell{padding-top:46px;padding-bottom:50px}.hero::after{font-size:280px;right:-150px;opacity:.6}.section{padding:48px 0}.logo{width:100%;justify-content:center;padding:12px 14px}.logo strong{text-align:center;font-size:1.6rem}.logo small{font-size:11px;text-align:center}.emblem{width:82px;height:82px;font-size:48px}.tile{padding:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Official logo and owned HELA PARAMPARA concept artworks — public pre-launch update. */
.logo{min-width:0}
.official-emblem{width:86px;height:86px;padding:6px;overflow:hidden;background:#f9f5eb;border-color:#d4ac63;box-shadow:0 0 0 4px #e5b65a24,0 8px 30px #0004}
.official-emblem img{display:block;width:100%;height:100%;object-fit:contain}
.logo strong{font-size:clamp(1.25rem,2.6vw,2rem)}
.logo small{font-size:.79rem}
.brand-identity{background:linear-gradient(135deg,#f9f4e9,#e9e2d3)}
.identity-layout{display:grid;grid-template-columns:1fr minmax(280px,430px);gap:36px;align-items:center}
.identity-image{margin:0;background:#fffdf5;border:1px solid #decba4;border-radius:22px;overflow:hidden;padding:12px;box-shadow:0 18px 44px #102c3519}
.identity-image img{display:block;width:100%;height:auto;border-radius:15px}
.identity-image figcaption{text-align:center;font-size:.85rem;color:#6b592e;padding:7px 3px}
.concept-section{background:#f2ede3}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}
.story-card{margin:0;min-width:0;overflow:hidden;background:#fffdf7;border:1px solid #e3d3b4;border-radius:18px;box-shadow:0 12px 32px #102c3510}
.story-card img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block}
.story-card figcaption{padding:14px 16px 20px}
.story-card strong,.story-card span{display:block}
.story-card span{font-size:.84rem;color:#52636a;margin-top:3px}
.heritage-banner{margin:30px auto 28px;max-width:1080px}
.heritage-banner img{width:100%;height:auto;display:block;border-radius:18px;border:1px solid #dfcfb1}
.heritage-banner figcaption{font-size:.8rem;color:#52636a;text-align:center;margin:7px 0}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-brand img{width:53px;height:53px;object-fit:contain;background:#fbf6e9;padding:3px;border-radius:50%}
@media(max-width:900px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.identity-layout{grid-template-columns:minmax(0,1fr)}.story-grid{grid-template-columns:minmax(0,1fr)}.identity-image{max-width:490px;margin:auto}.logo{width:100%;justify-content:center}.official-emblem{width:82px;height:82px;flex-shrink:0}.logo strong{font-size:clamp(1.05rem,4.65vw,1.65rem)}.logo small{font-size:.72rem}.nav a{padding:8px 9px}}
@media(max-width:360px){.official-emblem{width:66px;height:66px}.logo{padding:9px}.logo strong{font-size:1.1rem}.nav{gap:3px}.nav a{font-size:.95rem}}