@font-face{font-family:Satoshi-Variable;src:url(/fonts/Satoshi/Satoshi-Variable.woff2) format("woff2"),url(/fonts/Satoshi/Satoshi-Variable.woff) format("woff"),url(/fonts/Satoshi/Satoshi-Variable.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-VariableItalic;src:url(/fonts/Satoshi/Satoshi-VariableItalic.woff2) format("woff2"),url(/fonts/Satoshi/Satoshi-VariableItalic.woff) format("woff"),url(/fonts/Satoshi/Satoshi-VariableItalic.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Light;src:url(/fonts/Satoshi/Satoshi-Light.woff2) format("woff2"),url(/fonts/Satoshi/Satoshi-Light.woff) format("woff"),url(/fonts/Satoshi/Satoshi-Light.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-LightItalic;src:url(/fonts/Satoshi/Satoshi-LightItalic.woff2) format("woff2"),url(/fonts/Satoshi/Satoshi-LightItalic.woff) format("woff"),url(/fonts/Satoshi/Satoshi-LightItalic.ttf) format("truetype");font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Regular;src:url(/fonts/Satoshi/Satoshi-Regular.woff2) format("woff2"),url(/fonts/Satoshi/Satoshi-Regular.woff) format("woff"),url(/fonts/Satoshi/Satoshi-Regular.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-Italic;src:url(/fonts/Satoshi/Satoshi-Italic.woff2) format("woff2"),url(/fonts/Satoshi/Satoshi-Italic.woff) format("woff"),url(/fonts/Satoshi/Satoshi-Italic.ttf) format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Medium;src:url(/fonts/Satoshi/Satoshi-Medium.woff2) format("woff2"),url(/fonts/Satoshi/Satoshi-Medium.woff) format("woff"),url(/fonts/Satoshi/Satoshi-Medium.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-MediumItalic;src:url(/fonts/Satoshi/Satoshi-MediumItalic.woff2) format("woff2"),url(/fonts/Satoshi/Satoshi-MediumItalic.woff) format("woff"),url(/fonts/Satoshi/Satoshi-MediumItalic.ttf) format("truetype");font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Bold;src:url(/fonts/Satoshi/Satoshi-Bold.woff2) format("woff2"),url(/fonts/Satoshi/Satoshi-Bold.woff) format("woff"),url(/fonts/Satoshi/Satoshi-Bold.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-BoldItalic;src:url(/fonts/Satoshi/Satoshi-BoldItalic.woff2) format("woff2"),url(/fonts/Satoshi/Satoshi-BoldItalic.woff) format("woff"),url(/fonts/Satoshi/Satoshi-BoldItalic.ttf) format("truetype");font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Black;src:url(/fonts/Satoshi/Satoshi-Black.woff2) format("woff2"),url(/fonts/Satoshi/Satoshi-Black.woff) format("woff"),url(/fonts/Satoshi/Satoshi-Black.ttf) format("truetype");font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-BlackItalic;src:url(/fonts/Satoshi/Satoshi-BlackItalic.woff2) format("woff2"),url(/fonts/Satoshi/Satoshi-BlackItalic.woff) format("woff"),url(/fonts/Satoshi/Satoshi-BlackItalic.ttf) format("truetype");font-weight:900;font-display:swap;font-style:italic}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Satoshi-Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}:root{--divider-color: #e0e0e0;--text-color: #161616;--text-secondary-color: #545454;--background-color: #FFFFFF;--button-idle-color: #0F62FE;--button-hover-color: #0353E9;--button-active-color: #002D9C}.site-in-construction-container{display:grid;grid-template-columns:auto;grid-template-rows:88px auto;width:calc(100vw - 32px);margin:0 auto;color:var(--text-color);*[data-gridded="true"] {display: grid; column-gap: 16px; row-gap: 8px; grid-template-columns: repeat(4,1fr); margin: 0 auto;} & > nav.site-in-construction {position: sticky; top: 0; left: 0; width: 100%; grid-template-rows: auto; background-color: var(--background-color); z-index: 1; place-items: center; & img {height: 48px; &.logomark {margin: 0 0 0 auto; transform: translateX(8px); display: none;} &.logo {grid-column: 1 / 5; margin: 0 auto; transform: translateX(-8px);}} &::after {content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 100vw; display: block; border-bottom: 1px solid var(--divider-color);}} & > main.site-in-construction {padding: 24px 0; grid-template-rows: repeat(3,auto); & > .tagline {grid-column: 1 / 5; grid-row: 1 / 2; font-size: 40px; line-height: 48px; display: grid; grid-template-columns: auto auto; grid-column-gap: 16px; & > b {font-family: "Satoshi-Bold",sans-serif;} & > img {margin-top: 16px; width: 56px; max-height: 100%; margin-left: auto;}} & > .picture {position: relative; grid-column: 1 / 5; grid-row: 2 / 3; margin-top: 24px; padding-top: 66.66%; & > img.logo-overlay {position: absolute; width: 75%; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; filter: invert();} &::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/media/site-in-construction-picture-1440x960.jpg); background-size: cover; filter: brightness(.4); transform: scaleX(-1);}} & > .description {font-size: 20px; line-height: 26px; grid-column: 1 / 5; grid-row: 3 / 4; & > a.cta {display: block; width: 100%; padding: 16px 16px; font-family: "Satoshi-Bold",sans-serif; font-size: 20px; font-weight: 700; background-color: var(--button-idle-color); color: #FFFFFF; border: none; text-decoration: none; text-align: center; margin-top: 40px; &:hover {background-color: var(--button-hover-color);} &:active {background-color: var(--button-active-color);}}}}}@media screen and (min-width: 744px){.site-in-construction-container{grid-template-rows:96px auto;max-width:552px;&>nav.site-in-construction{& img{&.logomark{display:initial;grid-column:12 / 13}&.logo{grid-column:1 / 7;margin:0 auto 0 0}}}&>main.site-in-construction{&>.tagline{grid-column:1 / 13;grid-row:1 / 2;font-size:48px;line-height:56px;& b{display:block}&>img{width:64px}}&>.description{grid-column:1 / 13;grid-row:3 / 4;font-size:24px;line-height:initial;&>a.cta{font-size:24px}}&>.picture{grid-column:1 / 13;grid-row:2 / 3;margin-bottom:16px}}*[data-gridded="true"] {grid-template-columns: repeat(12,1fr);}}}@media screen and (min-width: 1024px){.site-in-construction-container{height:100vh;max-width:832px;&>nav.site-in-construction{& img{&.logomark{grid-column:16 / 17}}}&>main.site-in-construction{padding:32px 0 48px;&>.tagline{grid-column:1 / 8;grid-row:1 / 2}&>.picture{grid-column:9 / 13;grid-row:1 / 4;margin-top:0;margin-bottom:0;padding-top:initial;&:before{height:100%;max-width:100%;background-position:30%}}&>.description{margin-top:auto;grid-column:1 / 8;grid-row:2 / 4}}}}@media screen and (min-width: 1440px){.site-in-construction-container{max-width:1248px;&>main.site-in-construction{padding:40px 0 80px;&>.tagline{padding:0;grid-column:1 / 8;font-size:64px;line-height:72px}&>.picture{margin-top:0;grid-column:9 / 17}&>.description{grid-column:1 / 8}}*[data-grided="true"] {grid-template-columns: repeat(16,1fr);}}}@media screen and (min-width: 1920px){.site-in-construction-container{grid-template-rows:120px auto;max-width:1584px;&>nav.site-in-construction{& img{&.logomark{height:72px}&.logo{height:64px}}}&>main.site-in-construction{&>.tagline{padding:0;grid-column:1 / 7;font-size:64px;line-height:72px}&>.picture{margin-top:0;grid-column:8 / 17}&>.description{grid-column:1 / 7;font-size:28px}}}}
/**
 * @license
 *
 * Font Family: Satoshi
 * Designed by: Deni Anggara
 * URL: https://www.fontshare.com/fonts/satoshi
 * © 2023 Indian Type Foundry
 *
 * Font Styles:
 * Satoshi Variable(Variable font)
 * Satoshi Variable Italic(Variable font)
 * Satoshi Light
 * Satoshi Light Italic
 * Satoshi Regular
 * Satoshi Italic
 * Satoshi Medium
 * Satoshi Medium Italic
 * Satoshi Bold
 * Satoshi Bold Italic
 * Satoshi Black
 * Satoshi Black Italic
 *
*/