.page-banner{text-align:center;height:420px;color:var(--white);background-color:#0028554d;background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;display:flex;position:relative}.page-banner:before{content:"";z-index:1;background:#0028554d;position:absolute;inset:0}.page-banner .container{z-index:2;padding-top:86px;position:relative}.page-banner h1{font-size:clamp(2.25rem,5vw,3.75rem)}.page-banner p{margin-top:20px;margin-bottom:3rem;font-size:clamp(1.125rem,2vw,1.375rem)}.page-body{min-height:calc(100vh - 475px)}.post-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}.post-card{text-align:center;background:var(--white);box-shadow:var(--shadow-md);border-radius:var(--radius-sm);flex-direction:column;align-items:center;padding:2rem 1rem;display:flex}.post-card img{width:50px;height:50px}.post-card h5{margin:1.5rem 0 .5rem;font-size:clamp(1.125rem,2vw,1.25rem)}.faq-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.faq-card{box-shadow:var(--shadow-sm);border-radius:var(--radius-sm);padding:1.5rem}.faq-card h5{margin:.5rem 0;font-size:clamp(1.125rem,2vw,1.25rem)}.faq-card p{color:var(--black-65)}.intro-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.intro-grid .intro-content{flex-direction:column;justify-content:center;gap:16px;min-height:360px;display:flex}.intro-grid .intro-content h2{font-size:clamp(1.5rem,3vw,1.95rem)}.intro-grid .intro-content p{text-align:justify;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.8}.intro-grid .intro-img{border-radius:var(--radius-sm);width:610px;height:360px}.intro-grid .intro-img img{border-radius:var(--radius-sm);width:100%;height:100%}.culture-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}.culture-card{background:var(--white);text-align:center;box-shadow:var(--shadow-sm);border-radius:var(--radius-sm);transition:var(--transition);flex-direction:column;align-items:center;padding:2rem 1rem;display:flex}.culture-card img{width:50px;height:50px}.culture-card h4{margin:1.5rem 0;font-size:clamp(1.25rem,2vw,1.5rem)}.culture-card p{color:var(--black-65)}.advantage-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(305px,1fr))}.advantage-card{box-shadow:var(--shadow-sm);border-radius:var(--radius-sm);padding:1.5rem}.advantage-card h5{margin:.5rem 0;font-size:clamp(1.125rem,2vw,1.25rem)}.advantage-card p{color:var(--black-65)}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}.contact-card{text-align:center;box-shadow:var(--shadow-md);border-radius:var(--radius-sm);transition:var(--transition);flex-direction:column;align-items:center;padding:2rem 1rem;display:flex}a.contact-card{cursor:pointer}.contact-card img{width:50px;height:50px}.contact-card h5{margin:1.5rem 0 .5rem;font-size:clamp(1.125rem,2vw,1.25rem)}html[lang=en-US] .intro-grid .intro-content p{text-align:left;font-size:clamp(.95rem,1.1vw,1.05rem)}@media screen and (width<=1200px){.faq-grid{grid-template-columns:1fr}.intro-grid{grid-template-columns:1fr;gap:16px}.intro-grid .intro-content{min-height:0}.intro-grid .intro-img{width:100%;height:100%}}@media screen and (width<=768px){.page-banner{background-position:70%}.page-body{min-height:calc(100vh - 510px)}}@media (hover:hover) and (pointer:fine){.culture-card:hover,.contact-card:hover{transform:var(--translate-y-6)}}
