*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f4ff;color:#17142b;font:16px/1.6 system-ui,"Noto Sans Sinhala","Iskoola Pota","Nirmala UI",sans-serif}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{border:0;border-radius:999px;padding:12px 18px;background:#17142b;color:#fff;font-weight:800;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-2px)}button:disabled{cursor:not-allowed;opacity:.72;transform:none}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:4px solid #ffb02e;outline-offset:4px}.skip-link{position:fixed;z-index:999;left:16px;top:12px;padding:10px 16px;border-radius:12px;background:#17142b;color:#fff;transform:translateY(-160%);transition:transform .2s}.skip-link:focus{transform:translateY(0)}.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}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:14px 5vw;background:#fffffff0;backdrop-filter:blur(18px);border-bottom:1px solid #ddd}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand>b{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#ff8a3d,#7557ff);color:#fff;font-size:22px}.brand span{display:flex;flex-direction:column}.brand small{opacity:.55}nav{display:flex;gap:22px;font-weight:700}#lang{background:#fff;color:#17142b;border:1px solid #ccc}main,footer{overflow:hidden}section{padding:90px 7vw}.hero{min-height:86vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;background:radial-gradient(circle at 15% 15%,#ffd6b7,transparent 32%),radial-gradient(circle at 90% 25%,#c8c1ff,transparent 34%),linear-gradient(135deg,#fff9ef,#f2efff)}.tag{font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#6b55d9}.hero h1{font:800 clamp(48px,8vw,110px)/.94 Georgia,serif;max-width:900px;margin:.2em 0}.hero p:not(.tag){max-width:650px;font-size:19px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.actions button:first-child{background:linear-gradient(135deg,#ff7043,#7c5cff)}.hero-photos{position:relative;min-height:610px}.hero-photo{position:absolute;margin:0;overflow:hidden;border-radius:30px;background:#17142b;box-shadow:0 35px 80px #2e225133}.hero-photo img{display:block;width:100%;height:100%;object-fit:cover}.hero-photo-a{width:67%;height:72%;left:0;top:0;transform:rotate(-3deg)}.hero-photo-b{width:58%;height:62%;right:0;bottom:10px;transform:rotate(4deg);border:7px solid #fff}.hero-photo figcaption{position:absolute;left:14px;bottom:14px;padding:8px 12px;border-radius:999px;background:#17142bdd;color:#fff;font-size:13px;font-weight:800;backdrop-filter:blur(8px)}.era-arrow{position:absolute;z-index:4;left:5%;right:5%;bottom:0;padding:14px;border-radius:18px;background:linear-gradient(90deg,#f47c38,#129c83,#6658e8);color:#fff;text-align:center;font-size:12px;font-weight:900;letter-spacing:.1em;box-shadow:0 14px 35px #372c6429}.era-arrow i{padding:0 12px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cards article,.era{border-radius:32px}.cards article{padding:35px;background:#fff;box-shadow:0 15px 50px #2d245512}.cards article:first-child{border-top:7px solid #ff7548}.cards article:last-child{border-top:7px solid #6658e8}h2{font:700 clamp(38px,6vw,75px)/1 Georgia,serif;margin:.2em 0 .5em}h3{font-size:26px}.era{margin:24px 4vw;padding:70px 5vw;min-height:70vh;display:grid;grid-template-columns:.88fr 1.12fr;gap:55px;align-items:center}.era p{max-width:780px;font-size:18px}.ancient{background:linear-gradient(135deg,#fff0d6,#ffc5aa)}.middle{background:linear-gradient(135deg,#d7fff1,#b8e8df)}.modern{background:linear-gradient(135deg,#e0e6ff,#ddcfff)}.lab{margin-top:24px;min-height:90px;padding:24px;border:2px dashed #17142b55;border-radius:22px;font:800 25px/1.5 ui-monospace,monospace;background:#ffffff88;overflow-wrap:anywhere}.photo-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:14px;min-width:0}.photo-card{position:relative;margin:0;min-height:260px;overflow:hidden;border-radius:25px;background:#17142b;box-shadow:0 22px 55px #241b4a24}.photo-card:first-child{grid-row:span 2;min-height:570px}.photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.photo-card:hover img{transform:scale(1.045)}.photo-card figcaption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:85px 22px 20px;color:#fff;background:linear-gradient(transparent,#11101df5)}.photo-card figcaption b,.photo-card figcaption span{display:block}.photo-card figcaption b{font-size:17px}.photo-card figcaption span{font-size:14px;opacity:.94;margin-top:5px;line-height:1.5}.image-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;background:linear-gradient(135deg,#2f2844,#17142b);color:#fff;font-weight:800}.artifact-story{margin:35px 4vw;padding:70px 5vw;border-radius:34px;display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center;background:#fff;box-shadow:0 22px 70px #211b4210}.artifact-story h2{font-size:clamp(35px,5vw,64px)}.artifact-copy>p:not(.tag){font-size:18px;color:#484457}.fact-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:28px}.fact-row>span{padding:14px;border-radius:15px;background:#f4f1fa;font-size:13px}.fact-row b,.fact-row span span{display:block}.fact-row b{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6b55d9}.artifact-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}.artifact-gallery figure{position:relative;margin:0;min-height:440px;overflow:hidden;border-radius:24px;background:#17142b}.artifact-gallery img{position:absolute;width:100%;height:100%;object-fit:cover}.artifact-gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:80px 20px 20px;background:linear-gradient(transparent,#0d0b17f4);color:white}.artifact-gallery b,.artifact-gallery span{display:block}.artifact-gallery span{font-size:14px;line-height:1.5;opacity:.94;margin-top:5px}.ancient-story{background:linear-gradient(135deg,#fffaf0,#fff)}.middle-story{background:linear-gradient(135deg,#effff9,#fff)}.modern-story{background:linear-gradient(135deg,#f2f3ff,#fff)}.detail-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-cards article{min-height:220px;padding:25px;border-radius:22px;background:#f5f3fa;border:1px solid #ebe7f2}.detail-cards strong{font-size:12px;letter-spacing:.12em;color:#6b55d9}.detail-cards p{font-size:15px;line-height:1.65;color:#4e495c}.image-break{position:relative;margin:30px 4vw;border-radius:32px;min-height:260px;display:grid;place-items:center;text-align:center;color:#fff;overflow:hidden;background:#17142b}.image-break:before{content:"";position:absolute;inset:0;opacity:.48;background-size:cover;background-position:center;filter:saturate(.8)}.ancient-break:before{background-image:url('https://commons.wikimedia.org/wiki/Special:Redirect/file/Thanthirimale_cave_paintings.jpg?width=1600')}.middle-break:before{background-image:url('https://assets.roar.media/Life/2018/01/Radio_ceylon_003.jpg?w=1200')}.image-break div{position:relative;z-index:2}.image-break span,.image-break strong{display:block}.image-break span{font-size:12px;letter-spacing:.24em;font-weight:900}.image-break strong{font:800 clamp(34px,6vw,70px)/1 Georgia,serif;margin-top:10px;text-shadow:0 4px 25px #000}.modal{position:fixed;inset:0;z-index:50;display:none;place-items:center;padding:20px;background:#100d22dd}.modal.open{display:grid}.panel{position:relative;width:min(1000px,96vw);max-height:92vh;overflow:auto;border-radius:30px;padding:35px;background:#fdfcff}.close{position:absolute;right:20px;top:20px;width:44px;height:44px;padding:0;font-size:25px}.panel input{width:100%;padding:18px;border:2px solid #aaa;border-radius:18px;margin:15px 0;background:#fff;color:#17142b}.microcopy{font-size:14px;color:#625d72}.transmissions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.transmissions div{padding:20px;border-radius:20px;background:#f1effa;min-width:0}.transmissions code{display:block;margin-top:12px;word-break:break-word;white-space:pre-wrap}.transmissions small{display:block;margin-top:8px;color:#6d6880}.score{display:flex;gap:10px;align-items:baseline;font-size:18px;flex-wrap:wrap}.score b{font-size:35px}.option{display:block;width:100%;margin:10px 0;text-align:left;background:#eee;color:#17142b}.option.correct{background:#b7f1c8}.option.wrong{background:#ffc1bd}.option.reveal{outline:3px solid #4d9b65}#toast{position:fixed;z-index:90;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;padding:12px 20px;border-radius:999px;background:#17142b;color:#fff;transition:.25s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}footer{padding:50px 7vw;text-align:center;font-weight:800}html[lang="si"] h1,html[lang="si"] h2,html[lang="si"] h3{line-height:1.2;letter-spacing:0}html[lang="si"] .tag{letter-spacing:.08em}.loading-error{opacity:.72}
@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-photos{min-height:560px;max-width:720px}.era,.artifact-story{grid-template-columns:1fr}.photo-grid{min-height:560px}.artifact-gallery{min-height:480px}}
@media(max-width:800px){nav{display:none}.hero{min-height:auto}.hero-photos{min-height:450px}.hero-photo-a{width:72%;height:70%}.hero-photo-b{width:62%;height:58%}.cards,.transmissions,.artifact-gallery,.detail-cards,.fact-row{grid-template-columns:1fr}section{padding:65px 6vw}.era,.artifact-story{margin:12px;padding:50px 6vw;gap:35px}.hero h1{font-size:clamp(42px,14vw,58px)}.photo-grid{min-height:auto;grid-template-columns:1fr}.photo-card,.photo-card:first-child{grid-row:auto;min-height:400px}.image-break{margin:12px;min-height:220px}.artifact-gallery{min-height:auto}.artifact-gallery figure{min-height:390px}.panel{padding:28px 20px}.close{right:12px;top:12px}}
@media(max-width:420px){header{padding:10px 4vw}.brand small{display:none}.hero-photos{min-height:360px}.photo-card,.photo-card:first-child,.artifact-gallery figure{min-height:330px}.hero-photo figcaption{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.photo-card:hover img{transform:none}button:hover{transform:none}}