@font-face{font-family:'FYLU Pillar';font-style:normal;font-weight:900;font-display:swap;src:url('/assets/pillar-montserrat-black.woff2')}
@font-face{font-family:'FYLU Pillar Thai';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/pillar-thai.woff2')}
@font-face{font-family:'FYLU Pillar CJK';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/pillar-cjk.woff2')}
.cinematic-site .principles{position:absolute;inset:auto;display:block;margin:0;padding:0;gap:0;opacity:1;z-index:2;pointer-events:none}
.cinematic-site .principles>span{position:absolute;display:block;padding:0!important;writing-mode:horizontal-tb!important;text-orientation:upright!important;transform:translateX(-50%)!important;font-family:'FYLU Pillar',sans-serif;font-weight:900;font-style:normal;font-synthesis:none;line-height:1;letter-spacing:0;color:#f4f0fa;text-shadow:none;filter:drop-shadow(0 1px 2px #12101d99)}
.cinematic-site .principles .pillar-letter{position:absolute;display:block;left:50%;transform:translateX(-50%);font:inherit;line-height:1}
.cinematic-site .principles .pillar-letter svg{display:block;width:100%;height:100%;overflow:visible;fill:currentColor}
.cinematic-site .principles .pillar-letter text{font-family:inherit;font-weight:inherit;font-size:100px;font-style:normal;letter-spacing:0}
html[lang=th] .cinematic-site .principles>span{font-family:'FYLU Pillar Thai',sans-serif;font-weight:800}
html[lang=zh-CN] .cinematic-site .principles>span{font-family:'FYLU Pillar CJK',sans-serif;font-weight:800}
.cinematic-site.scene-fallback #philosophy .chapter-art>img{object-position:var(--pillar-image-position,50%) center;transform:none;animation:none}
@media(max-width:500px){.cinematic-site #philosophy .chapter-art{height:400px}}
@media(max-width:350px){.cinematic-site #philosophy .chapter-art{height:350px}}