:root{--topbar-height: 60px;--base-size: 4px;--size-xs: var(--base-size);--size-s: calc(var(--base-size) * 2);--size-m: calc(var(--base-size) * 3);--size-l: calc(var(--base-size) * 4);--size-xl: calc(var(--base-size) * 5);--size-xxl: calc(var(--base-size) * 7);--body2-size: .9rem ;--body1-size: 1.1rem;--display-size: 2.3rem;--h1-size: 3.3rem;--h2-size: 1.8rem;--h3-size: 1.65rem;--h4-size: 1.5rem;--h5-size: 1.25rem;--h6-size: 1rem;--body-line-height: 1.5;--header-line-height: 1.5;--display-line-height: 1.3;--body-letter-spacing: .01em;--header-letter-spacing: .04em;--color-1: #363e24;--color-2: rgb(14, 22, 26);--color-2-lite: rgb(22, 28, 34);--color-3: rgb(222, 145, 58);--color-3-bg: rgb(243, 177, 102);--color-4: #882e28;--text-color-1: #b3b8a7;--hero-height: 100vh;--container-width: 100%;--container-padding: var(--size-xxl)}.container{width:var(--container-width);margin:0 auto;padding:0 var(--size-xxl);box-sizing:border-box}@media all and (min-width: 720px){:root{--h1-size: 3.3rem;--h2-size: 2.2rem;--body1-size: 1.25rem}}@media all and (min-width: 630px){:root{--display-size: 2.3rem}}@media all and (min-width: 800px){:root{--display-size: 4rem}:root{--container-width: 800px}}@media all and (min-width: 1100px){:root{--h2-size: 2.3rem;--body1-size: 1.4rem}}@media all and (min-width: 1400px){:root{--container-width: 1200px}}.body2{font-size:var(--body2-size);letter-spacing:var(--body-letter-spacing);opacity:.7}.body1{font-size:var(--body1-size);line-height:var(--body-line-height);letter-spacing:var(--body-letter-spacing)}h6{font-size:var(--h6-size);line-height:var(--header-line-height);letter-spacing:var(--header-letter-spacing)}h5{font-size:var(--h5-size);line-height:var(--header-line-height);letter-spacing:var(--header-letter-spacing)}h4{font-size:var(--h4-size);line-height:var(--header-line-height);letter-spacing:var(--header-letter-spacing)}h3{font-size:var(--h3-size);line-height:var(--header-line-height);letter-spacing:var(--header-letter-spacing)}h2{font-size:var(--h2-size);line-height:var(--header-line-height);letter-spacing:var(--header-letter-spacing)}h1{font-size:var(--h1-size);line-height:var(--header-line-height);letter-spacing:var(--header-letter-spacing)}.display,h1.display{font-size:var(--display-size);line-height:var(--display-line-height)}h1,h2,h3,h4,h5,h6,p{margin:.4em 0 .6em}h1,h2,h3,h4,h5,h6{margin:1.5em 0 .5em;line-height:1.1em}p,li,ol{line-height:1.45rem}.typography-h1{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.typography-body1{font-size:1.5rem;font-weight:400;line-height:1.5;margin-bottom:1.5rem}.flower.menu-flower{position:absolute}body{margin:0;font-family:Lato,sans-serif;font-weight:400;font-style:normal;width:100%;overflow-x:hidden;scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-size:16px;background-color:var(--color-2);overflow-x:hidden;overflow-y:auto}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}.text-white{color:#fff}.text-bg{padding:var(--size-m) var(--size-xl)}.bg-white{background-color:#fff}.text-color-4{color:var(--color-4)}.text-color-3{color:var(--color-3)}.text-color-2{color:var(--color-2)}.text-color-1{color:var(--color-1)}a[href]{color:var(--color-3)}header{position:fixed;width:100%;height:var(--topbar-height);display:flex;align-items:center;z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e161ad1;top:calc(var(--topbar-height) * -1);border-bottom:2px solid var(--color-2-lite)}header.visible{top:0}header nav{display:flex;justify-content:center;gap:var(--size-xxl)}header nav a[href]{color:var(--text-color-1);text-decoration:none;font-size:var(--body1-size)}section{background-color:var(--color-2);overflow:hidden;z-index:3;position:relative;color:var(--text-color-1)}.hero{height:var(--hero-height);width:100%;display:flex;background-image:url(/hero.webp);background-size:cover;background-position:50% 50%;align-items:center;justify-content:center;color:#fff;background-color:var(--color-1);flex-direction:column;position:sticky;top:0;z-index:1}.hero h1{margin-top:0;position:relative;z-index:2}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:1}.about{--triangle-height: 50px;background:transparent;position:relative;overflow:visible;z-index:6}@media all and (min-width: 800px){.about{--triangle-height: 100px}}.about .gallery{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(7,80px);grid-template-areas:"img1 img1 img1 img1 img2 img2 img2 img2" "img1 img1 img1 img1 img2 img2 img2 img2" "img1 img1 img1 img1 img3 img3 img3 img3" "img1 img1 img1 img1 img3 img3 img3 img3" "img1 img1 img1 img1 img4 img4 img4 img4" "img5 img5 img5 img5 img4 img4 img4 img4" "img5 img5 img5 img5 img6 img6 img6 img6";gap:10px;width:100%;height:100%}@media all and (min-width: 800px){.about .gallery{width:48%;position:absolute;z-index:5;top:0;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(9,1fr);grid-template-areas:"empA empA empA empA empA empA empA img3 img3" "empD empF img1 img1 img1 img4 img4 img3 img3" "empD empF img1 img1 img1 img4 img4 img6 empB" "img2 img2 img1 img1 img1 empH empC empC empC" "img2 img2 img5 empG empG empG empC empC empC"}}@media all and (min-width: 1200px){.about .gallery{height:120%}}.about .gallery .gallery-item:nth-child(1){grid-area:img1}.about .gallery .gallery-item:nth-child(2){grid-area:img2}.about .gallery .gallery-item:nth-child(3){grid-area:img3}.about .gallery .gallery-item:nth-child(4){grid-area:img4}.about .gallery .gallery-item:nth-child(5){grid-area:img5}.about .gallery .gallery-item:nth-child(6){grid-area:img6}.about .gallery-item{font-size:2em;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;will-change:outline;transition:outline-color .2s ease-in-out;background-color:var(--color-2);outline:2px solid transparent}.about .gallery-item img{transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:10px;opacity:.7}.about .gallery-item:hover,.about .gallery-item:focus{outline:2px solid var(--color-4)}.about .gallery-item:hover img,.about .gallery-item:focus img{transform:scale(1.1);opacity:1}.about .bg-container{z-index:3;background:var(--color-2);position:relative;margin-top:var(--triangle-height);display:flex;flex-direction:column;min-height:800px;align-items:center;gap:var(--size-xxl);padding:calc(var(--size-xxl) * 3) 0 calc(var(--size-xxl) * 1) 0}.about .bg-container svg{position:absolute;z-index:-1;fill:var(--color-2-lite)}.about .bg-container svg:nth-child(1){transform:scale(2);top:7%;right:30%}.about .bg-container svg:nth-child(2){transform:scale(2);bottom:50%;left:0}.about .bg-container svg:nth-child(3){transform:scale(.8);bottom:0%;left:42%}@media all and (min-width: 800px){.about .bg-container{flex-direction:row}}.about .bg-container>div{flex:1}.about .bg-container>div:nth-child(1){display:flex;align-items:center;justify-content:flex-end}.about .bg-container>div:nth-child(1)>div{width:var(--container-width);padding:0 var(--container-padding)}@media all and (min-width: 800px){.about .bg-container>div:nth-child(1)>div{width:calc((var(--container-width) / 2))}}.about .bg-container>div:nth-child(2){width:100%;padding:var(--container-padding)}@media all and (min-width: 800px){.about .bg-container>div:nth-child(2){width:unset;padding:0}}.about:after{content:"";position:absolute;top:calc(var(--triangle-height) * -1);left:0;width:100%;height:var(--triangle-height);background:var(--color-2);z-index:1;clip-path:polygon(99% 0,100% 0,100% 100%,0 100%)}.about .about-content{gap:calc(var(--size-xxl) * 2);align-items:center}.about .about-content .about-text h2{margin-top:0}.projects .bg-container{background:var(--color-3)}.projects svg:nth-child(1){margin-bottom:-1px}.projects svg.bottom{margin-top:-1px;transform:rotate(180deg)}.projects svg.flower-1{position:absolute;z-index:-1;fill:var(--color-3);transform:scale(1);bottom:5%;left:20%}.projects svg.flower-2{position:absolute;z-index:-1;fill:var(--color-3);transform:scale(.7);bottom:0%;right:10%}.projects svg.flower-3{position:absolute;z-index:-1;fill:var(--color-3);transform:scale(.3);bottom:0%;right:40%}.projects .container{overflow:hidden}.projects #snap-carousel{--remaining-space-on-side: calc((100% - var(--container-width)) / 2);--spacing: 30px;overflow:visible;padding-left:var(--remaining-space-on-side)}.projects #snap-carousel .carousel{overflow:visible;display:flex;justify-content:flex-start;height:100%;padding:var(--spacing) 0;will-change:transform}.projects #snap-carousel .carousel-item{flex-shrink:0;width:calc(90% - (var(--spacing) * 1.5));height:100%;margin-left:var(--spacing);background-color:var(--color-3-bg);border-radius:15px;list-style:none;border:4px solid var(--color-3-bg);color:var(--color-2);transition:border .2s ease-in-out;will-change:transform,border}@media all and (min-width: 620px){.projects #snap-carousel .carousel-item{width:calc(50% - (var(--spacing) * 1.5))}}@media all and (min-width: 800px){.projects #snap-carousel .carousel-item{width:calc(40% - (var(--spacing) * 1.5))}}@media all and (min-width: 1200px){.projects #snap-carousel .carousel-item{width:calc(35% - (var(--spacing) * 1.5))}}@media all and (min-width: 1400px){.projects #snap-carousel .carousel-item{width:calc(25% - (var(--spacing) * 1.5))}}.projects #snap-carousel .carousel-item:hover{border-color:var(--color-4)}.projects #snap-carousel .carousel-item:hover .img-container img{transform:scale(1.1);opacity:1}.projects #snap-carousel .carousel-item .item-content{padding:var(--size-m) var(--size-xl)}.projects #snap-carousel .carousel-item .item-content h3{margin-top:var(--size-m)}.projects #snap-carousel .carousel-item .item-content p{color:var(--color-2-lite)}.projects #snap-carousel .carousel-item .img-container{width:100%;height:25vw;min-height:215px;max-height:400px;overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px}.projects #snap-carousel .carousel-item .img-container img{transition:transform .2s ease-in-out,opacity .2s ease-in-out;will-change:transform,opacity;width:100%;height:100%;object-fit:cover;object-position:center;border-top-left-radius:10px;border-top-right-radius:10px;opacity:.85}.gallery img:hover,.projects img:hover{cursor:pointer}.contact{padding:12vw 0}.contact h2{margin-top:0}.contact svg{position:absolute;z-index:-1;fill:var(--color-2-lite)}.contact svg:nth-child(1){transform:scale(2);top:20%;left:0%}.contact .container{display:flex;gap:var(--size-xxl);flex-direction:column;align-items:center}@media all and (min-width: 800px){.contact .container{flex-direction:row}}.contact .container>div{flex:1;width:100%}.contact .container iframe{border:10px solid var(--color-4);width:100%;height:300px;border-radius:10px}@media all and (min-width: 800px){.contact .container iframe{height:400px}}section h2{position:relative;margin-left:13px}section h2:before{content:"";position:absolute;top:0;left:-13px;width:5px;height:100%;background:currentColor}footer{background:var(--color-2-lite);color:var(--text-color-1);padding:var(--size-xxl) 0}footer .copyright{display:flex;width:100%;flex-direction:column;justify-content:center;text-align:center}@media all and (min-width: 550px){footer .copyright{flex-direction:row;justify-content:space-between;text-align:unset}}/*!
* Viewer.js v1.11.7
* https://fengyuanchen.github.io/viewerjs
*
* Copyright 2015-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2024-11-24T04:32:14.526Z
*/.viewer-close:before,.viewer-flip-horizontal:before,.viewer-flip-vertical:before,.viewer-fullscreen-exit:before,.viewer-fullscreen:before,.viewer-next:before,.viewer-one-to-one:before,.viewer-play:before,.viewer-prev:before,.viewer-reset:before,.viewer-rotate-left:before,.viewer-rotate-right:before,.viewer-zoom-in:before,.viewer-zoom-out:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 40'%3E%3Cpath fill='%23fff' d='M49.6 17.9h20.2v3.9H49.6zm123.1 2 10.9-11 2.7 2.8-8.2 8.2 8.2 8.2-2.7 2.7-10.9-10.9zm94 0-10.8-11-2.7 2.8 8.1 8.2-8.1 8.2 2.7 2.7 10.8-10.9zM212 9.3l20.1 10.6L212 30.5V9.3zm161.5 4.6-7.2 6 7.2 5.9v-4h12.4v4l7.3-5.9-7.3-6v4h-12.4v-4zm40.2 12.3 5.9 7.2 5.9-7.2h-4V13.6h4l-5.9-7.3-5.9 7.3h4v12.6h-4zm35.9-16.5h6.3v2h-4.3V16h-2V9.7Zm14 0h6.2V16h-2v-4.3h-4.2v-2Zm6.2 14V30h-6.2v-2h4.2v-4.3h2Zm-14 6.3h-6.2v-6.3h2v4.4h4.3v2Zm-438 .1v-8.3H9.6v-3.9h8.2V9.7h3.9v8.2h8.1v3.9h-8.1v8.3h-3.9zM93.6 9.7h-5.8v3.9h2V30h3.8V9.7zm16.1 0h-5.8v3.9h1.9V30h3.9V9.7zm-11.9 4.1h3.9v3.9h-3.9zm0 8.2h3.9v3.9h-3.9zm244.6-11.7 7.2 5.9-7.2 6v-3.6c-5.4-.4-7.8.8-8.7 2.8-.8 1.7-1.8 4.9 2.8 8.2-6.3-2-7.5-6.9-6-11.3 1.6-4.4 8-5 11.9-4.9v-3.1Zm147.2 13.4h6.3V30h-2v-4.3h-4.3v-2zm14 6.3v-6.3h6.2v2h-4.3V30h-1.9zm6.2-14h-6.2V9.7h1.9V14h4.3v2zm-13.9 0h-6.3v-2h4.3V9.7h2V16zm33.3 12.5 8.6-8.6-8.6-8.7 1.9-1.9 8.6 8.7 8.6-8.7 1.9 1.9-8.6 8.7 8.6 8.6-1.9 2-8.6-8.7-8.6 8.7-1.9-2zM297 10.3l-7.1 5.9 7.2 6v-3.6c5.3-.4 7.7.8 8.7 2.8.8 1.7 1.7 4.9-2.9 8.2 6.3-2 7.5-6.9 6-11.3-1.6-4.4-7.9-5-11.8-4.9v-3.1Zm-157.3-.6c2.3 0 4.4.7 6 2l2.5-3 1.9 9.2h-9.3l2.6-3.1a6.2 6.2 0 0 0-9.9 5.1c0 3.4 2.8 6.3 6.2 6.3 2.8 0 5.1-1.9 6-4.4h4c-1 4.7-5 8.3-10 8.3a10 10 0 0 1-10-10.2 10 10 0 0 1 10-10.2Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:280px;color:transparent;display:block;font-size:0;height:20px;line-height:0;width:20px}.viewer-zoom-in:before{background-position:0 0;content:"Zoom In"}.viewer-zoom-out:before{background-position:-20px 0;content:"Zoom Out"}.viewer-one-to-one:before{background-position:-40px 0;content:"One to One"}.viewer-reset:before{background-position:-60px 0;content:"Reset"}.viewer-prev:before{background-position:-80px 0;content:"Previous"}.viewer-play:before{background-position:-100px 0;content:"Play"}.viewer-next:before{background-position:-120px 0;content:"Next"}.viewer-rotate-left:before{background-position:-140px 0;content:"Rotate Left"}.viewer-rotate-right:before{background-position:-160px 0;content:"Rotate Right"}.viewer-flip-horizontal:before{background-position:-180px 0;content:"Flip Horizontal"}.viewer-flip-vertical:before{background-position:-200px 0;content:"Flip Vertical"}.viewer-fullscreen:before{background-position:-220px 0;content:"Enter Full Screen"}.viewer-fullscreen-exit:before{background-position:-240px 0;content:"Exit Full Screen"}.viewer-close:before{background-position:-260px 0;content:"Close"}.viewer-container{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;bottom:0;direction:ltr;font-size:0;left:0;line-height:0;overflow:hidden;position:absolute;right:0;top:0;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.viewer-container ::-moz-selection,.viewer-container::-moz-selection{background-color:transparent}.viewer-container ::selection,.viewer-container::selection{background-color:transparent}.viewer-container:focus{outline:0}.viewer-container img{display:block;height:auto;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.viewer-canvas{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.viewer-canvas>img{height:auto;margin:15px auto;max-width:90%!important;width:auto}.viewer-footer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center}.viewer-navbar{background-color:#00000080;overflow:hidden}.viewer-list{box-sizing:content-box;height:50px;margin:0;overflow:hidden;padding:1px 0}.viewer-list>li{color:transparent;cursor:pointer;float:left;font-size:0;height:50px;line-height:0;opacity:.5;overflow:hidden;transition:opacity .15s;width:30px}.viewer-list>li:focus,.viewer-list>li:hover{opacity:.75}.viewer-list>li:focus{outline:0}.viewer-list>li+li{margin-left:1px}.viewer-list>.viewer-loading{position:relative}.viewer-list>.viewer-loading:after{border-width:2px;height:20px;margin-left:-10px;margin-top:-10px;width:20px}.viewer-list>.viewer-active,.viewer-list>.viewer-active:focus,.viewer-list>.viewer-active:hover{opacity:1}.viewer-player{background-color:#000;bottom:0;cursor:none;display:none;right:0;z-index:1}.viewer-player,.viewer-player>img{left:0;position:absolute;top:0}.viewer-toolbar>ul{display:inline-block;margin:0 auto 5px;overflow:hidden;padding:6px 3px}.viewer-toolbar>ul>li{background-color:#00000080;border-radius:50%;cursor:pointer;float:left;height:24px;overflow:hidden;transition:background-color .15s;width:24px}.viewer-toolbar>ul>li:focus,.viewer-toolbar>ul>li:hover{background-color:#000c}.viewer-toolbar>ul>li:focus{box-shadow:0 0 3px #fff;outline:0;position:relative;z-index:1}.viewer-toolbar>ul>li:before{margin:2px}.viewer-toolbar>ul>li+li{margin-left:1px}.viewer-toolbar>ul>.viewer-small{height:18px;margin-bottom:3px;margin-top:3px;width:18px}.viewer-toolbar>ul>.viewer-small:before{margin:-1px}.viewer-toolbar>ul>.viewer-large{height:30px;margin-bottom:-3px;margin-top:-3px;width:30px}.viewer-toolbar>ul>.viewer-large:before{margin:5px}.viewer-tooltip{background-color:#000c;border-radius:10px;color:#fff;display:none;font-size:12px;height:20px;left:50%;line-height:20px;margin-left:-25px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px}.viewer-title{color:#ccc;display:inline-block;font-size:12px;line-height:1.2;margin:5px 5%;max-width:90%;min-height:14px;opacity:.8;overflow:hidden;text-overflow:ellipsis;transition:opacity .15s;white-space:nowrap}.viewer-title:hover{opacity:1}.viewer-button{-webkit-app-region:no-drag;background-color:#00000080;border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;transition:background-color .15s;width:80px}.viewer-button:focus,.viewer-button:hover{background-color:#000c}.viewer-button:focus{box-shadow:0 0 3px #fff;outline:0}.viewer-button:before{bottom:15px;left:15px;position:absolute}.viewer-fixed{position:fixed}.viewer-open{overflow:hidden}.viewer-show{display:block}.viewer-hide{display:none}.viewer-backdrop{background-color:#00000080}.viewer-invisible{visibility:hidden}.viewer-move{cursor:move;cursor:grab}.viewer-fade{opacity:0}.viewer-in{opacity:1}.viewer-transition{transition:all .3s}@keyframes viewer-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.viewer-loading:after{animation:viewer-spinner 1s linear infinite;border:4px solid hsla(0,0%,100%,.1);border-left-color:#ffffff80;border-radius:50%;content:"";display:inline-block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}@media (max-width:767px){.viewer-hide-xs-down{display:none}}@media (max-width:991px){.viewer-hide-sm-down{display:none}}@media (max-width:1199px){.viewer-hide-md-down{display:none}}
