@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Myanmar:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
body{overflow-x:clip}.hero-art{min-width:0;overflow:clip}
.download-strip{position:relative;z-index:1;width:min(1216px,calc(100% - 80px));margin:0 auto 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid #d9bf7733;border-radius:16px;background:#ffffff06}.download-strip p{font-size:12px;color:#b9cabd;line-height:2;margin-bottom:0}.download-strip .primary{min-width:220px}@media(max-width:650px){.download-strip{width:calc(100% - 40px);flex-direction:column;text-align:center}.download-strip .primary{width:100%}}
*{box-sizing:border-box}html{background:#122b22}body{margin:0;color:#fffaf0;font-family:'Outfit','Noto Sans Myanmar',sans-serif;background:radial-gradient(ellipse at 80% 18%,#b98c3322,transparent 48%),linear-gradient(135deg,#122a21,#194432 65%,#10281f);min-height:100vh}a{color:inherit;text-decoration:none}header,main,footer{position:relative;z-index:1;width:min(1216px,calc(100% - 80px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:27px 0;border-bottom:1px solid #e3c67a25}.wordmark img{width:232px;display:block}.edition{font-size:10px;letter-spacing:3px;color:#d8bc77}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:54px 0 50px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:4px;color:#e6cb88}.eyebrow span{display:block;width:29px;height:1px;background:#d9b764}h1{font-size:clamp(30px,3.7vw,53px);font-weight:600;line-height:1.9;margin:17px 0 10px;letter-spacing:-1px}h1 em{font-style:normal;color:#f0d489}.intro{font-size:13px;line-height:2.2;color:#c3d0bf;margin:0 0 28px}.primary{display:flex;align-items:center;justify-content:space-between;gap:45px;width:max-content;min-width:256px;padding:18px 24px;border-radius:10px;color:#1b3828;font-size:14px;font-weight:700;background:linear-gradient(115deg,#f1d491,#d2a646);box-shadow:0 12px 32px #0002}.primary:hover{filter:brightness(1.07)}.categories{display:flex;align-items:center;gap:18px;color:#b8cbbb;margin-top:28px;font-size:11px}.categories i{font-style:normal;color:#ceab5a;font-size:8px}.hero-art{position:relative;padding:6px 10px 0}.art-frame{position:relative;padding:8px;border:1px solid #e0c37c70;border-radius:160px 160px 24px 24px;box-shadow:0 22px 65px #0003;background:#d6b85a1a;overflow:hidden}.art-frame img{display:block;width:100%;border-radius:150px 150px 18px 18px}.art-halo{position:absolute;inset:5% -8%;border:1px solid #d9b66018;border-radius:50%;box-shadow:0 0 0 24px #d9b66007,0 0 0 50px #d9b66004;transform:rotate(-17deg)}.art-caption{display:block;position:relative;text-align:center;font-size:8px;letter-spacing:3px;color:#d6c18c;margin-top:19px}.portals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:33px}.portals>a{display:flex;gap:16px;align-items:center;border:1px solid #d9bf772d;border-radius:16px;background:linear-gradient(120deg,#ffffff09,#ffffff02);padding:23px 21px;min-width:0;transition:background .2s,border .2s}.portals>a:hover{background:#d3b76012;border-color:#d9bf7766}.portal-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:48px;border-radius:10px;background:#d4b66916;border:1px solid #d4b6692f;color:#e8cb82;font-size:19px;font-weight:600}.portals small{display:block;font-size:7px;letter-spacing:1.4px;color:#bda876}.portals h2{font-size:22px;font-weight:500;margin:6px 0}.portals p{margin:0;font-size:9px;line-height:1.8;color:#b9cabd}.portals b{margin-left:auto;color:#d9bf78;font-size:18px;font-weight:400}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d6bd7820;padding:22px 0 28px;color:#99ad9e;font-size:9px}.grain{position:fixed;z-index:0;inset:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}@media(max-width:900px){header,main,footer{width:calc(100% - 40px)}.hero{gap:28px}.portals{gap:10px}.portals>a{padding:18px 13px;gap:10px}.portals p{font-size:9px}.edition{font-size:8px;letter-spacing:1.5px}.wordmark img{width:205px}}@media(max-width:650px){header{padding:18px 0}.wordmark img{width:178px}.edition{font-size:7px;max-width:92px;text-align:right;line-height:1.7}.hero{grid-template-columns:1fr;gap:30px;padding:30px 0 25px}.hero-copy{text-align:center}.eyebrow{justify-content:center;font-size:10px}h1{font-size:32px;line-height:1.95;margin:15px 0 10px}.intro{font-size:11px;line-height:2.1}.primary{margin:auto;width:100%;max-width:340px;padding:16px 22px}.categories{justify-content:center;font-size:10px;margin-top:20px}.hero-art{width:min(370px,88%);margin:auto}.art-frame{border-radius:125px 125px 22px 22px}.art-frame img{border-radius:116px 116px 15px 15px}.art-caption{letter-spacing:2px;font-size:6px}.portals{grid-template-columns:1fr;gap:10px}.portals>a{padding:17px 20px}.portals small{font-size:7px}.portals h2{font-size:21px}.portals p{font-size:10px}footer{flex-direction:column;gap:10px;text-align:center;font-size:8px;padding:20px 0}.portal-icon{width:40px;height:46px;flex-basis:40px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
