/* Filipino identity and a readable fantasy-game typographic hierarchy. */
body{font-family:var(--body);}
h1,h2,h3,h4{font-family:var(--display);font-weight:600;}
h2{font-size:clamp(32px,3.7vw,54px);letter-spacing:-.7px;line-height:1.2;}
.hero{height:auto;min-height:clamp(810px,100svh,980px);max-height:none;}
.hero-content{padding-top:126px;padding-bottom:136px;}
.hero-content>.eyebrow{font-size:11px;letter-spacing:1.65px;max-width:570px;}
.baybayin-signature{display:flex;align-items:center;gap:17px;max-width:570px;margin-top:14px;}
.baybayin-script{font-family:"Noto Sans Tagalog",sans-serif;font-size:28px;line-height:1.5;color:#b9ead0;text-shadow:0 2px 3px #000,0 0 18px #83cda02b;white-space:nowrap;}
.baybayin-meaning{border-left:1px solid #b29a5966;padding-left:15px;line-height:1.5;}
.baybayin-meaning strong{display:block;color:#ebd69f;font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:.7px;}
.baybayin-meaning small{display:block;color:#bbccbe;font-size:11px;letter-spacing:.3px;}
.hero .frontier-title{margin:15px 0 16px;}
.filipino-made{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;padding:7px 12px;margin-bottom:18px;border:1px solid #d7b56455;border-radius:2px;background:linear-gradient(110deg,#173a2dcc,#0b251bcc);box-shadow:inset 0 1px 0 #dfc99b1a,0 3px 12px #0003;}
.filipino-made img{width:28px;height:14px;flex-shrink:0;border-radius:1px;box-shadow:0 1px 4px #0006;}
.filipino-made span{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#f1dfb5;line-height:1.4;}
.hero-description{font-size:16px;line-height:1.8;max-width:470px;}
.hero .hero-actions{gap:26px;margin-top:31px;align-items:stretch;max-width:565px;}
.hero .button-ornate{min-width:0;min-height:62px;flex:1 1 0;padding:14px 19px;font-family:var(--body);font-size:12px;letter-spacing:1px;line-height:1.4;}
.hero-actions .button-label{max-width:190px;text-align:center;}
.hero-caption{font-size:11px;line-height:1.65;margin-top:25px;}
.master-caption h2,.champion-copy h3{font-family:var(--hero-name);font-weight:700;letter-spacing:.4px;line-height:1.18;color:#f3d597;text-shadow:0 1px 0 #a3793c,0 2px 0 #664725,0 3px 0 #25180c,0 9px 24px #000b;}
.master-caption h2{font-size:clamp(35px,3.8vw,55px);}
.master-caption .eyebrow{font-size:10px;}
.master-skill-plaque{font-family:var(--display);font-size:11px;line-height:1.5;}
.champion-copy h3{font-size:clamp(40px,4.7vw,65px);overflow-wrap:anywhere;}
.champion-tabs strong{font-family:var(--hero-name);font-size:clamp(12px,1.25vw,17px);line-height:1.3;font-weight:700;letter-spacing:0;}
.champion-tabs small{font-family:var(--body);font-size:10px;line-height:1.4;letter-spacing:.4px;white-space:normal;}
.champion-tabs button>span{min-width:0;}
.element-master strong{font-family:var(--display);font-size:18px;font-weight:600;letter-spacing:0;}
.element-master small{font-family:var(--body);font-size:10px;line-height:1.4;letter-spacing:.4px;color:#bac7b4;}
.eyebrow{font-size:11px;letter-spacing:1.7px;}
.site-header nav a{font-size:12px;letter-spacing:1.2px;}
.button{font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:1px;}
.button-small,.footer-links>button{font-size:10px;min-height:40px;}
.interest-dialog #interest-delete{font-size:10px;}
.section-intro>p,.world-copy>p:not(.eyebrow),.mobile-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;}
.gameplay-pillars h3{font-size:19px;line-height:1.35;}
.gameplay-pillars p{font-size:13px;line-height:1.8;}
.gameplay-top,.preview-chip,.gameplay-bottom{font-size:11px;}
.champion-copy>p:not(.champion-role){font-size:14px;}
.champion-copy .champion-role{font-size:13px;}
.signature h4{font-size:clamp(20px,2.1vw,29px);line-height:1.3;}
.signature p{font-size:13px;line-height:1.8;}
.world-gate-note strong{font-size:21px;line-height:1.4;}
.path-content strong{font-family:var(--display);font-size:clamp(23px,2.3vw,32px);line-height:1.3;}
.path-content small,.path-content>span{font-size:11px;line-height:1.6;}
.price-card h3{font-size:clamp(25px,3vw,36px);line-height:1.25;}
.price{font-family:var(--display);}
.tier-note,.pioneer-fineprint p,.small-note{font-size:12px;line-height:1.75;}
.support-heading{margin-top:21px;color:#bce0c6;font-size:12px;font-weight:600;letter-spacing:1.25px;text-transform:uppercase;}
.pioneer-heading>p:not(.eyebrow){font-size:15px;line-height:1.8;}
.collection-status{font-size:11px;line-height:1.6;}
.faq-list summary{font-size:15px;line-height:1.5;}
.faq-list details>p{font-size:14px;line-height:1.85;}
.closing-banner h2{font-size:clamp(33px,4.3vw,58px);}
.closing-banner .closing-support{font-size:15px;margin:18px auto 24px;color:#c5d3bf;max-width:540px;line-height:1.8;}
.footer-studio span,.footer-links,.site-footer>p,.site-footer>p small{font-size:12px;}
.footer-links{flex-wrap:wrap;align-items:center;}
.interest-dialog .form-privacy,.interest-dialog #interest-success .small-note{font-size:12px;}
@media(max-width:1050px){
 .site-header{gap:16px;}.site-header nav{gap:18px;}.site-header nav a{font-size:11px;letter-spacing:.8px;}
 .hero .hero-actions{width:46vw;gap:24px;}.hero .button-ornate{font-size:11px;padding-inline:15px;letter-spacing:.6px;}
 .hero-content>.eyebrow{font-size:10px;letter-spacing:1.1px;max-width:47vw;}
 .baybayin-script{font-size:25px;}.baybayin-meaning strong{font-size:11px;}
 .champion-copy h3{font-size:clamp(36px,4.5vw,54px);}.champion-tabs strong{font-size:13px;}
}
@media(min-width:621px) and (max-width:800px){
 .hero{min-height:860px;}.hero .hero-actions{flex-direction:column;align-items:flex-start;gap:24px;width:41vw;}
 .hero .button-ornate{flex:auto;width:100%;min-height:51px;}.hero-actions .button-label{max-width:none;}
 .hero-description{max-width:42vw;font-size:14px;}.hero-caption{max-width:42vw;}
 .baybayin-signature{max-width:45vw;gap:12px;flex-wrap:wrap;}.baybayin-meaning{display:flex;gap:8px;align-items:baseline;}
 .champion-tabs small{font-size:9px;}.world-gate-note strong{font-size:18px;}
 .price-card h3{font-size:clamp(21px,3vw,25px);}
}
@media(max-width:620px){
 h2{font-size:clamp(30px,8.1vw,45px);letter-spacing:-.3px;line-height:1.25;}
 .hero{min-height:0;padding-bottom:114px;}.hero-content{padding-top:482px;padding-bottom:0;}
 .hero-content>.eyebrow{font-size:10px;letter-spacing:1px;max-width:none;line-height:1.6;gap:8px;}
 .jade-line{width:22px;flex-shrink:0;}.baybayin-signature{margin-top:12px;gap:13px;}
 .baybayin-script{font-size:clamp(22px,6.2vw,29px);}.baybayin-meaning{padding-left:12px;}
 .baybayin-meaning strong{font-size:10px;letter-spacing:.3px;}.baybayin-meaning small{font-size:10px;}
 .hero .frontier-title{margin:14px 0 16px;}.filipino-made{margin-bottom:17px;padding:7px 10px;}.filipino-made span{font-size:10px;letter-spacing:1px;}
 .hero-description{font-size:14px;line-height:1.85;max-width:none;}
 .hero .hero-actions{width:100%;gap:24px;margin-top:30px;max-width:none;padding-inline:6px;}
 .hero .button-ornate{font-size:11px;letter-spacing:.5px;min-height:63px;padding:10px 12px;gap:7px;}
 .hero-caption{font-size:10px;line-height:1.8;margin-top:25px;gap:6px;}
 .master-caption h2{font-size:clamp(21px,6vw,29px);line-height:1.2;letter-spacing:.2px;}
 .master-skill-plaque{font-size:9px;max-width:60%;}.master-caption .eyebrow{display:none;}
 .element-master strong{font-size:clamp(8.5px,2.6vw,15px);}.element-master small{font-size:clamp(7px,2vw,10px);letter-spacing:0;}
 .champion-copy h3{font-size:clamp(36px,10vw,54px);}.champion-tabs strong{font-size:clamp(11px,3.1vw,17px);}
 .champion-tabs small{font-size:9px;letter-spacing:0;}.champion-tabs button{min-height:125px;}
 .eyebrow{font-size:10px;letter-spacing:1.3px;line-height:1.6;}
 .button{font-size:12px;min-height:49px;}.button-small,.footer-links>button{font-size:10px;}
 .section-intro>p,.world-copy>p:not(.eyebrow),.mobile-copy>p:not(.eyebrow){font-size:14px;}
 .world-copy h2{font-size:clamp(29px,8.1vw,45px);}.world-gate-note strong{font-size:18px;}
 .gameplay-top,.preview-chip,.gameplay-bottom{font-size:9px;}.gameplay-pillars h3{font-size:19px;}
 .path-content strong{font-size:clamp(24px,7vw,32px);}.path-content small,.path-content>span{font-size:11px;}
 .pioneer-heading h2{font-size:clamp(33px,9vw,49px);}.price-card h3{font-size:clamp(20px,6.3vw,29px);}
 .pioneer-heading .eyebrow,.closing-banner .eyebrow{font-size:10px;letter-spacing:1px;}
 .faq-heading h2{font-size:34px;}.faq-list summary{font-size:14px;}
 .closing-banner .button{font-size:12px;}.interest-dialog .button{font-size:12px;}
 .footer-links{flex-wrap:wrap;gap:18px;}.site-footer>p{line-height:1.8;}
}
@media(max-width:360px){.baybayin-signature{flex-wrap:wrap;gap:6px 14px;}.hero .hero-actions{flex-direction:column;gap:27px;}.hero .button-ornate{width:100%;min-height:52px;flex:auto;}.hero-actions .button-label{max-width:none;}}
