:root{--byc-animate-easing: ease-in-out;--byc-animate-delay: 0s;--byc-animate-duration: .35s;--byc-animate-opacity-duration: .35s;--byc-animate-opacity-start: 0;--byc-animate-opacity-end: 1;--byc-animate-border-radius: 0;--byc-animate-background-color: #FFFFFF;--byc-animate-foreground-color: #F4F4F4;--byc-animate-reveal-delay: .35s;--byc-animate-reveal-delay-extra: 0s;--byc-animate-reveal-duration: .4s;--byc-animate-reveal-translate-y: -100%;--byc-animate-slide-duration: .65s;--byc-animate-slide-offset: 50px;--byc-animate-zoom-start: .5;--byc-animate-zoom-end: none}@media (prefers-reduced-motion: no-preference){[data-animate]{transition-duration:var(--byc-animate-duration);transition-delay:var(--byc-animate-delay);transition-timing-function:var(--byc-animate-easing)}[data-animate-batch]{opacity:0}[data-animate-batch].is-ready{opacity:1}[data-animate|=fade],[data-animate-effect=fade]:not(.is-ready)>*{opacity:var(--byc-animate-opacity-start);transition-property:opacity}[data-animate|=fade].in-view{opacity:var(--byc-animate-opacity-end)}[data-animate|=fade].out-view{opacity:var(--byc-animate-opacity-start)}[data-animate|=reveal],[data-animate-effect=reveal]:not(.is-ready)>*{border-radius:var(--byc-animate-border-radius);overflow:hidden;position:relative;will-change:transform}[data-animate|=reveal] .reveal__background,[data-animate|=reveal] .reveal__foreground,[data-animate-effect=reveal]:not(.is-ready)>* .reveal__background,[data-animate-effect=reveal]:not(.is-ready)>* .reveal__foreground{display:block;height:100%;left:0;position:absolute;pointer-events:none;top:0;transform:translateY(0);width:100%}[data-animate|=reveal] .reveal__background,[data-animate-effect=reveal]:not(.is-ready)>* .reveal__background{transition:transform var(--byc-animate-reveal-duration) var(--byc-animate-easing);z-index:2}[data-animate|=reveal] .reveal__foreground,[data-animate-effect=reveal]:not(.is-ready)>* .reveal__foreground{background-color:inherit;transition:transform var(--byc-animate-reveal-duration) var(--byc-animate-easing);transition-delay:var(--byc-animate-reveal-delay);z-index:3}[data-animate|=reveal]:before,[data-animate|=reveal]:after,[data-animate-effect=reveal]:not(.is-ready)>*:before,[data-animate-effect=reveal]:not(.is-ready)>*:after{content:"";display:block;height:100%;left:0;position:absolute;pointer-events:none;top:0;transform:translateY(0);width:100%}[data-animate|=reveal]:before,[data-animate-effect=reveal]:not(.is-ready)>*:before{background-color:var(--byc-animate-background-color);transition:transform var(--byc-animate-reveal-duration) var(--byc-animate-easing);transition-delay:var(--byc-animate-reveal-delay-extra);z-index:3}[data-animate|=reveal]:after,[data-animate-effect=reveal]:not(.is-ready)>*:after{background-color:var(--byc-animate-foreground-color);transition:transform var(--byc-animate-reveal-duration) var(--byc-animate-easing);transition-delay:calc(var(--byc-animate-reveal-delay) + var(--byc-animate-reveal-delay-extra));z-index:2}[data-animate|=reveal].in-view .reveal__background,[data-animate|=reveal].in-view .reveal__foreground{transform:translateY(var(--byc-animate-reveal-translate-y))}[data-animate|=reveal].in-view:before{transform:translateY(var(--byc-animate-reveal-translate-y))}[data-animate|=reveal].in-view:after{transform:translateY(var(--byc-animate-reveal-translate-y))}[data-animate|=reveal].out-view .reveal__background,[data-animate|=reveal].out-view .reveal__foreground{transform:translateY(0)}[data-animate|=reveal].out-view:before{transform:translateY(0)}[data-animate|=reveal].out-view:after{transform:translateY(0)}[data-animate|=slide],[data-animate-effect=slide]:not(.is-ready)>*{opacity:var(--byc-animate-opacity-start);transform:translateY(var(--byc-animate-slide-offset, var(--byc-animate-slide-offset)));transition-property:opacity,transform;transition-duration:var(--byc-animate-opacity-duration, var(--byc-animate-opacity-duration)),var(--byc-animate-slide-duration, var(--byc-animate-slide-duration))}[data-animate|=slide].in-view{opacity:var(--byc-animate-opacity-end);transform:none;transition-delay:var(--byc-animate-delay)}[data-animate|=slide].out-view{opacity:var(--byc-animate-opacity-start);transform:translateY(var(--byc-animate-slide-offset, -var(--byc-animate-slide-offset)));transition-delay:var(--byc-animate-delay)!important}[data-animate|=zoom]{opacity:var(--byc-animate-opacity-start);transform:scale(var(--byc-animate-zoom-start, var(--byc-animate-zoom-start)));transform-origin:center center;transition-property:opacity,transform}[data-animate|=zoom].in-view{opacity:var(--byc-animate-opacity-end);transform:scale(var(--byc-animate-zoom-end, var(--byc-animate-zoom-end)));transition-delay:var(--byc-animate-delay)}[data-animate|=zoom].out-view{opacity:var(--byc-animate-opacity-start);transform:scale(var(--byc-animate-zoom-start, var(--byc-animate-zoom-start)));transition-delay:var(--byc-animate-delay)}}@media only screen and (prefers-reduced-motion: no-preference) and (max-width: 991.99px){[data-animate-mobile]{display:block}[data-animate-mobile|=fade]{opacity:var(--byc-animate-opacity-start);transition-property:opacity;transform:unset}[data-animate-mobile|=fade].in-view{opacity:var(--byc-animate-opacity-end)}[data-animate-mobile|=slide]{opacity:var(--byc-animate-opacity-start);transform:translateY(var(--byc-animate-slide-offset, var(--byc-animate-slide-offset)));transition-property:opacity,transform;transition-duration:var(--byc-animate-opacity-duration, var(--byc-opacity-duration)),var(--byc-animate-slide-duration, var(--byc-animate-slide-duration))}[data-animate-mobile|=zoom]{opacity:var(--byc-animate-opacity-start);transform:scale(var(--byc-animate-zoom-start, var(--byc-animate-zoom-start)));transform-origin:center center;transition-property:opacity,transform}[data-animate-mobile|=slide].in-view,[data-animate-mobile|=zoom].in-view{opacity:var(--byc-animate-opacity-end);transform:none}}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px white;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}@font-face{font-family:Segment-Bold;src:url(https://blacheyong.github.io/byc-animations/assets/segment-bold-Dgizsd34.woff2) format("woff2"),url(https://blacheyong.github.io/byc-animations/assets/segment-bold-CugwpXvJ.woff) format("woff");font-display:swap}@font-face{font-family:Segment-Medium;src:url(https://blacheyong.github.io/byc-animations/assets/segment-medium-JjALL0f4.woff2) format("woff2"),url(https://blacheyong.github.io/byc-animations/assets/segment-medium-CXhqgp_L.woff) format("woff");font-display:swap}@font-face{font-family:Segment-Regular;src:url(https://blacheyong.github.io/byc-animations/assets/segment-regular-JCTblWwx.woff2) format("woff2"),url(https://blacheyong.github.io/byc-animations/assets/segment-regular-DzOphVe0.woff) format("woff");font-display:swap}@font-face{font-family:Segment-Semibold;src:url(https://blacheyong.github.io/byc-animations/assets/segment-semibold-ZKrFsNku.woff2) format("woff2"),url(https://blacheyong.github.io/byc-animations/assets/segment-semibold-CAfo1qql.woff) format("woff");font-display:swap}h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5{font-family:Segment-Semibold}h1,.h1{font-size:5rem;line-height:1.2}h2,.h2{font-size:3.125rem;line-height:1.3}h3,.h3{font-size:2.5rem;line-height:1.25}h4,.h4{font-size:1.875rem;line-height:1.2}h5,.h5{font-size:1.5rem;line-height:1.2}p{font-family:Segment-Regular;font-size:1.5rem}.btn.btn-primary{background-color:transparent;border:2px solid #131E32;border-radius:8px;color:#131e32}.btn.btn-primary:hover{background-color:#131e32;border-color:#131e32;color:#fff}.btn.btn-link{color:#131e32;padding:0}.btn.btn-link:hover{text-decoration:none}.code-toolbar{position:relative}.code-toolbar:hover .toolbar{display:block}.code-toolbar pre{border-radius:10px;padding:30px}.code-toolbar .toolbar{display:none;position:absolute;right:30px;top:15px}.code-toolbar .toolbar button{background-color:#f4f2f0;border:1px solid #878787;border-radius:5px;color:#878787;font-size:.75rem}.code-toolbar .toolbar button:hover{border-color:#000;color:#000}html{scroll-behavior:initial!important}a{color:#131e32}a:hover{text-decoration:none}.img-wrapper{aspect-ratio:1;border-radius:16px;overflow:hidden}.img-wrapper--16-9{aspect-ratio:16/9}.img-wrapper img{border-radius:16px;height:100%;object-fit:cover;width:100%}.section{padding:80px 0}.section--hero{background-color:#131e32;color:#fff;min-height:100vh;padding:140px 0 130px}.section--hero .container-xl>.d-flex{min-height:calc(100vh - 200px)}.section--hero .h1{border-bottom:1px solid rgba(255,255,255,.2);line-height:1.125;margin:0;padding:0 0 60px}.section--hero .intro{line-height:1.33;margin:60px 0 0;max-width:80%}.section--hero ul{align-items:center;display:flex;list-style:none;margin:20px 0 0;padding:0}.section--hero ul li:not(:last-child){margin-right:15px}.section--hero ul svg{transform:scale(.45);transition:opacity .25s ease-in-out}.section--hero ul svg:hover{opacity:.75}.section--parallax .image-parallax{height:500px;overflow:hidden;width:100%}.section--parallax .image-parallax img{display:block;width:100%;height:100%;object-fit:cover;transform-origin:center;will-change:transform;backface-visibility:hidden}.section--parallax [class*=col-]{display:flex;justify-content:center}.section--parallax [class*=col-]:nth-child(2n){margin-top:150px}.section--parallax img{aspect-ratio:450/600;max-height:700px}@media only screen and (max-width: 991.99px){.section [class*=col-]{margin-bottom:15px}}.footer{background-color:#131e32;color:#fff;padding:50px 0}.footer__logo{display:flex;flex-direction:column}.footer__logo-text{font-family:Segment-Semibold;font-size:2.1875rem;line-height:.95;margin:0}.footer__links ul{align-items:center;display:flex;list-style:none;margin:0;padding:0}.footer__links ul li:not(:last-child){margin-right:15px}.footer__links ul svg{transform:scale(.35);transition:all .25s ease-in-out}.footer__links ul svg:hover{opacity:.75}