main{padding-top:2.5rem}@media(min-width: 1280px){main{padding-top:0}}section#intro{position:relative}section#intro .intro-photo{margin-left:auto;margin-right:auto;--decoration-offset: .75rem;max-width:25.75rem;position:relative}section#intro .intro-photo:before{content:"";display:block;background-color:#fd8dd0}section#intro .intro-photo:after{content:"";display:block;background-color:#0679ab}section#intro .intro-photo:before,section#intro .intro-photo:after{top:var(--decoration-offset);bottom:var(--decoration-offset);left:var(--decoration-offset);right:var(--decoration-offset);position:absolute;-webkit-transition:top .3s ease,bottom .3s ease,left .3s ease,right .3s ease;transition:top .3s ease,bottom .3s ease,left .3s ease,right .3s ease;z-index:10}section#intro .intro-photo.show:before{top:0;bottom:-webkit-calc(2*var(--decoration-offset));bottom:calc(2*var(--decoration-offset));left:0;right:-webkit-calc(2*var(--decoration-offset));right:calc(2*var(--decoration-offset))}section#intro .intro-photo.show:after{top:-webkit-calc(2*var(--decoration-offset));top:calc(2*var(--decoration-offset));bottom:0;left:-webkit-calc(2*var(--decoration-offset));left:calc(2*var(--decoration-offset));right:0}section#intro .intro-photo img{padding:var(--decoration-offset);position:relative;z-index:20}section#intro .intro-headline{color:#0679ab;margin-bottom:1rem}section#intro .intro-headline>p{font-weight:700;font-family:"DM Sans";font-size:2rem;line-height:1.3125}@media(min-width: 1280px){section#intro .intro-headline>p{font-size:3rem;line-height:1.29}}section#intro .intro-headline>p>span{display:inline-block;vertical-align:bottom}section#intro .intro-headline>p>span:not(:empty)+.typed-cursor{margin-left:.25rem;margin-right:.25rem}@media(min-width: 1280px){section#intro .intro-headline>p>span:not(:empty)+.typed-cursor{margin-left:.5rem;margin-right:.5rem}}section#intro .intro-headline>p .typed-cursor{width:.25rem;height:-webkit-calc(2rem * 1.3125);height:calc(2rem * 1.3125);background-color:#fd8dd0}@media(min-width: 1280px){section#intro .intro-headline>p .typed-cursor{height:-webkit-calc(3rem * 1.29);height:calc(3rem * 1.29)}}section#intro .intro-headline>p>strong{font-weight:700;font-family:"DM Sans";font-size:3.125rem;line-height:1.3;display:block;margin-top:.5rem}@media(min-width: 1280px){section#intro .intro-headline>p>strong{font-size:5.375rem;line-height:1.3}}section#intro .intro-words{margin-bottom:1rem}section#intro .intro-words p{font-weight:500;font-family:"DM Sans";font-size:1.125rem;line-height:1.33;margin-bottom:.75rem}@media(min-width: 1280px){section#intro .intro-words p{font-size:1.25rem;line-height:1.3}}section#intro .intro-tags{font-weight:500;font-family:"DM Sans";font-size:1.125rem;line-height:1.33;font-weight:bold;margin-bottom:2.5rem;-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem;row-gap:.5rem}@media(min-width: 1280px){section#intro .intro-tags{font-size:1.25rem;line-height:1.3}}section#intro .intro-tags>span{color:#0679ab}section#intro .scroll-indicator .scroll-icn{width:3rem;height:3rem;display:block}section#intro .scroll-indicator>span{display:inline-block}section#intro .scroll-indicator>span .scroll-icn{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDIyTDYgMTJMNy40IDEwLjZMMTYgMTkuMkwyNC42IDEwLjZMMjYgMTJMMTYgMjJaIiBmaWxsPSIjMDY3OWFiIi8+Cjwvc3ZnPgo=);background-position:center center;background-repeat:no-repeat;background-size:100%}section#intro .scroll-indicator>a{-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:4rem;height:4rem;padding:0;text-decoration:none}section#intro .scroll-indicator>a .scroll-icn{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDIyTDYgMTJMNy40IDEwLjZMMTYgMTkuMkwyNC42IDEwLjZMMjYgMTJMMTYgMjJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);background-position:center center;background-repeat:no-repeat;background-size:100%}@media(max-width: 767.98px){section#intro .intro-actions button,section#intro .intro-actions a[role]{display:block}section#intro .intro-actions button:not(:first-child),section#intro .intro-actions a[role]:not(:first-child){margin-top:1rem}}@media(min-width: 768px){section#intro .intro-actions{-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}section#intro .intro-actions button:not(:first-child),section#intro .intro-actions a[role]:not(:first-child){margin-left:1rem}}@media(max-width: 1279.98px){section#intro .intro-container .intro-content{margin-bottom:3rem}section#intro .scroll-indicator{-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin-top:3rem}}@media(min-width: 1280px){section#intro{-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}section#intro .intro-container{-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;padding-left:5rem;padding-right:5rem}section#intro .intro-content{margin-left:4rem;-webkit-box-ordinal-group:3;-webkit-order:2;order:2}section#intro .intro-photo{--decoration-offset: 1rem;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}section#intro .intro-headline{margin-bottom:.75rem}section#intro .intro-headline>p>strong{margin-top:0}section#intro .intro-words{margin-bottom:1.25rem}section#intro .intro-tags{-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem}section#intro .scroll-indicator{bottom:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}section#works{padding-top:3rem}section#works .section-title{font-weight:700;font-family:"DM Sans";font-size:2rem;line-height:1.3125;color:#0679ab;margin-bottom:3rem}@media(min-width: 1280px){section#works .section-title{font-size:3rem;line-height:1.29}}section#works .section-title strong{font-weight:700;font-family:"DM Sans";font-size:3.125rem;line-height:1.3;display:block;margin-top:.5rem}@media(min-width: 1280px){section#works .section-title strong{font-size:5.375rem;line-height:1.3}}section#works .section-title,section#works .buttons{text-align:center}section#works .buttons+.portfolio{padding-top:5rem}section#works .portfolio{padding-top:3.75rem}section#works .portfolio .portfolio-content{margin-top:1.5rem;row-gap:1.25rem}section#works .portfolio .portfolio-title{font-weight:700;font-family:"DM Sans";font-size:1.5rem;line-height:1.33;color:#0679ab;padding-bottom:.375rem;padding-left:3.5rem;position:relative}@media(min-width: 1280px){section#works .portfolio .portfolio-title{font-size:2.125rem;line-height:1.3}}section#works .portfolio .portfolio-title svg{top:0;left:0;position:absolute;width:auto !important;height:auto !important}section#works .portfolio .portfolio-item{position:relative;text-decoration:none}section#works .portfolio .portfolio-overlay{-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;padding-left:1.25rem;padding-right:1.25rem;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff}section#works .portfolio .portfolio-item-title{margin-top:0;margin-bottom:0;font-weight:700;font-family:"DM Sans";font-size:1.5rem;line-height:1.33}@media(min-width: 1280px){section#works .portfolio .portfolio-item-title{font-size:1.75rem;line-height:1.29}}section#works .portfolio .portfolio-item-desc{margin-top:.5rem;margin-bottom:0;font-weight:500;font-family:"DM Sans";font-size:1.125rem;line-height:1.33}@media(min-width: 1280px){section#works .portfolio .portfolio-item-desc{font-size:1.25rem;line-height:1.3}}section#works .portfolio .portfolio-item-tags{margin-top:.75em;margin-bottom:0;-webkit-column-gap:.75rem;-moz-column-gap:.75rem;column-gap:.75rem;row-gap:.25rem}@media(max-width: 1279.98px){section#works .portfolio .portfolio-item{-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}section#works .portfolio .portfolio-image{height:21.25rem;-webkit-flex-shrink:0;flex-shrink:0;overflow-y:hidden;position:relative}section#works .portfolio .portfolio-image img{top:50%;left:50%;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);position:absolute}section#works .portfolio .portfolio-overlay{background-color:#192a31;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}}@media(min-width: 1280px){section#works{padding-top:10rem}section#works .section-title{margin-bottom:4rem}section#works .section-title strong{margin-top:.75rem}section#works .buttons+.portfolio{margin-top:5rem}section#works .portfolio{padding-top:5rem;margin-top:2.5rem}section#works .portfolio .portfolio-content{margin-top:2.25rem}section#works .portfolio .portfolio-title{padding-top:.125rem;padding-bottom:1.125rem;padding-left:5.25rem}section#works .portfolio .portfolio-item:hover>.portfolio-overlay,section#works .portfolio .portfolio-item:focus>.portfolio-overlay,section#works .portfolio .portfolio-item:active>.portfolio-overlay{opacity:1}section#works .portfolio .portfolio-item:hover>.portfolio-overlay:before,section#works .portfolio .portfolio-item:focus>.portfolio-overlay:before,section#works .portfolio .portfolio-item:active>.portfolio-overlay:before{opacity:.8}section#works .portfolio .portfolio-overlay{padding-top:2.5rem;padding-bottom:2.5rem;top:0;bottom:0;left:-webkit-calc(var(--bs-gutter-x)*.5);left:calc(var(--bs-gutter-x)*.5);right:-webkit-calc(var(--bs-gutter-x)*.5);right:calc(var(--bs-gutter-x)*.5);position:absolute;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}section#works .portfolio .portfolio-overlay:before{content:"";display:block;top:0;bottom:0;left:0;right:0;position:absolute;background-color:#192a31}section#works .portfolio .portfolio-overlay>*{z-index:10}section#works .portfolio .portfolio-overlay,section#works .portfolio .portfolio-overlay:before{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}section#works .portfolio .portfolio-item-tags{margin-top:1rem;margin-bottom:0;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}}
