@import "https://fonts.googleapis.com/css2?family=Kanit:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Martel+Sans:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap";.branding{margin-top:35px}.dark .branding p{color:#fafafa}.branding h3{letter-spacing:.1px;font-family:TarabaComfortaa;font-size:24px;font-style:normal;font-weight:700;line-height:38px}.branding img{border-radius:20px}.branding-heading{letter-spacing:.1px;margin-bottom:30px;font-size:30px;font-style:normal;font-weight:700;line-height:38px}.branding-introduction{flex-direction:column;align-items:center;gap:24px;font-size:18px;display:flex}.branding-introduction-left-side-text{margin-top:12px}.branding-introduction-right-side{width:100%}.branding-introduction-right-side-gif-container{width:100%;height:205px}.branding-introduction-right-side-gif-container img{-o-object-fit:cover;object-fit:cover;border-radius:20px;width:100%;height:100%}@media (width>=481px){.branding-introduction-right-side-gif-container{height:250px}}@media (width>=769px){.branding-introduction-right-side-gif-container{height:325px}}@media (width>=1025px){.branding-introduction-right-side-gif-container{height:235px}}@media (width>=481px){.branding-introduction{flex-direction:column}.branding-introduction-left-side{width:100%}}@media (width>=1024px){.branding-introduction{flex-direction:row}.branding-introduction-left-side{padding-right:40px}}.branding-logo-evolution{grid-template-columns:1fr;margin-top:24px;display:grid}.branding-logo-evolution-right-side{margin-top:12px;font-size:18px}.branding-logo-evolution-right-side li p{padding-left:10px;line-height:28px}@media (width>=769px){.branding-logo-evolution{grid-template-columns:1fr;gap:16px}.branding-logo-evolution-right-side-title{margin:0}}@media (width>=1025px){.branding-logo-evolution{grid-template-columns:1fr 1fr;gap:182px}.branding-logo-evolution-right-side{margin-top:12px;margin-left:-65px}}.branding-logo-process,.branding-typography{margin-top:24px}.branding-typography-heading{margin-bottom:24px;font-size:30px!important}.branding-typography-parent{display:block}.branding-typography-parent-left-side-heading-kanit{letter-spacing:.1px;color:#1f1f1f;margin-top:10px;margin-bottom:25px;font-family:Kanit;font-size:65px;font-style:normal;font-weight:700;line-height:55px}.dark .branding-typography-parent-left-side-heading-kanit{color:#fff}.branding-typography-parent-left-side-anotaion{margin-top:40px}.branding-typography-parent-left-side-anotaion-martel-sans{letter-spacing:.1px;text-align:left;margin-top:12px;font-family:Martel Sans;font-size:65px;font-style:normal;font-weight:400;line-height:55px}.dark .branding-typography-parent-left-side-anotaion-martel-sans{color:#fff}@media (width>=769px){.branding-typography-parent{align-items:flex-start;gap:65px;display:flex}.branding-typography-parent-left-side-heading-kanit{margin-bottom:25px}.branding-typography-parent-left-side-anotaion-martel-sans{text-align:initial}}.branding-clear-space{margin-top:24px}.branding-clear-space h3{margin-bottom:12px}.branding-finology-web h3{margin-top:24px;margin-bottom:12px}.branding-finology-web-gallery{grid-template-columns:1fr;gap:20px;margin-top:24px;display:grid}.branding-finology-web-gallery img{border-radius:10px!important}@media (width>=769px){.branding-finology-web-gallery{grid-template-columns:repeat(2,1fr);gap:20px}.branding-finology-web-gallery img:last-child{margin-top:-80px}}@media (width>=1025px){.branding-finology-web-gallery{grid-template-columns:repeat(3,1fr);gap:25px}.branding-finology-web-gallery img:last-child{margin-top:0}}.branding-color-palette{margin-top:24px}.branding-color-palette img{border-radius:4px;width:65px}.branding-color-palette h3{margin-bottom:12px}.branding-print-logomark{margin-top:42px;margin-bottom:42px}.branding-print-logomark img{border-radius:0!important}@media (width>=769px){.branding-print-logomark-top{margin-bottom:24px;display:flex}.branding-print-logomark-bottom{display:flex}}.branding-social-media{margin-top:42px}.branding-social-media h3{margin-bottom:24px}.branding-social-media img{border-radius:0}.branding-social-media-container{grid-template-columns:1fr;place-items:start;gap:24px;display:grid}@media (width>=769px){.branding-social-media-container{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;place-items:start}}.branding-social-media .profile{width:100px}.branding-print-material{margin-top:42px}.branding-print-material img{border-radius:0}.branding-print-material h3{margin-bottom:24px}.branding-print-material-container{flex-wrap:wrap;gap:20px;display:flex}@media (width>=769px){.branding-print-material-container{flex-wrap:nowrap;gap:20px;display:flex}}.color-palette img{border-radius:4px;width:65px}.color-palette-parent{display:block}@media (width>=481px){.color-palette-parent{justify-content:space-between;gap:20px;display:flex}}.color-palette-achromatic{margin-top:12px}.color-palette-achromatic-container-colors{text-align:center;flex-wrap:wrap;gap:32px;margin-top:16px;display:flex}.color-palette-achromatic-container-colors-name,.color-palette-achromatic-container-colors-title{margin-top:12px}@media (width>=481px){.color-palette-achromatic{margin-top:0}}.color-palette-chromatic-container-colors{text-align:center;flex-wrap:wrap;gap:32px;margin-top:16px;display:flex}.color-palette-chromatic-container-colors-name,.color-palette-chromatic-container-colors-title{margin-top:12px}.web{margin-top:24px}.dark .web p{color:#fafafa}.web .dark-fonts{display:none}.dark .web .dark-fonts,.web .light-fonts{display:block}.dark .web .light-fonts{display:none}.web h3{font-size:30px}.web-hero img{border-radius:20px}.web-gallery{margin-top:20px}.web-gallery img{border-radius:10px}.web-gallery-first-row{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=769px){.web-gallery-first-row{grid-template-columns:1fr 1fr}}.web-gallery-second-row{grid-template-columns:1fr;gap:20px;margin-top:20px;display:grid}@media (width>=769px){.web-gallery-second-row{grid-template-columns:1fr 1fr 1fr}}.web-color-palette{margin-top:42px}.web-color-palette p{color:#1f2a37;margin-bottom:5px}.web-color-palette h3{margin-bottom:16px;font-size:30px}@media (width>=481px){.web-color-palette .color-palette-parent{justify-content:space-between;display:flex}}@media (width>=769px){.web-color-palette .color-palette-parent{justify-content:start;gap:96px;display:flex}}.web-typography{margin-top:24px}.web-typography h3{margin-bottom:24px}@media (width>=769px){.web-typography-parent{gap:102px;display:flex}}.web-typography-parent-headings-hurme{margin:12px 0}@media (width>=481px){.web-typography-parent-headings-hurme{width:430px}}@media (width>=769px){.web-typography-parent-headings-hurme{width:300px;margin-bottom:24px}}.web-typography-parent-headings-structure{grid-template-columns:1fr;gap:10px;margin-bottom:12px;display:grid}.web-typography-parent-headings-structure-child{flex-direction:column;justify-content:space-between;display:flex}@media (width>=481px){.web-typography-parent-headings-structure-child{flex-direction:row;justify-content:start;gap:50px}}.web-typography-parent-headings-structure-child-type{font-size:20px;font-style:normal;font-weight:600;line-height:28px}.web-typography-parent-headings-structure-child .h1-heading{width:280px}.web-typography-parent-headings-structure-child .h2-heading{width:260px}.web-typography-parent-headings-structure-child .h3-heading{width:240px}.web-typography-parent-headings-structure-child .h4-heading{width:220px}.web-typography-parent-text{margin-top:24px}@media (width>=769px){.web-typography-parent-text{margin-top:0}}.web-typography-parent-text-header-montserrat{color:#1f1f1f;font-family:Montserrat,sans-serif;font-size:30px;font-style:normal;font-weight:700;line-height:60px}@media (width>=481px){.web-typography-parent-text-header-montserrat{font-size:40px;line-height:40px}}@media (width>=769px){.web-typography-parent-text-header-montserrat{font-size:30px;line-height:40px}}.web-typography-parent-text-type{margin-top:12px}.web-typography-parent-text-type-container{grid-template-columns:1fr;gap:12px;margin-bottom:12px;display:grid}@media (width>=1025px){.web-typography-parent-text-type-container{grid-template-columns:1fr 4fr}}.web-typography-parent-text-type-container-lgsm{margin:auto auto auto 0;font-family:Montserrat,sans-serif;font-size:20px;font-style:normal;font-weight:600;line-height:20px}.web-typography-parent-text-type-container-lg-text{font-family:Montserrat;font-size:18px;font-style:normal;font-weight:400;line-height:26px}.web-typography-parent-text-type-container-sm-text{font-family:Montserrat;font-size:16px;font-style:normal;font-weight:400;line-height:24px}
