@import"https://fonts.googleapis.com/css2?family=Handlee&Instrument+Sans:wdth,wght@75..100,400..700&display=swap";*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.fixed{position:fixed}.mt-8{margin-top:2rem}.flex{display:flex}.grid{display:grid}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-x-14{column-gap:3.5rem}.gap-y-8{row-gap:2rem}.pb-10{padding-bottom:2.5rem}.text-center{text-align:center}.font-special{font-family:Handlee,cursive}html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}@font-face{font-family:Manuka_Bold;src:local("Manuka_Bold"),url(/assets/Manuka-Bold-Bf1dtduc.woff2) format("woff2")}@font-face{font-family:Instrument Sans;src:local("Instrument Sans"),url(../fonts/FoundersGrotesk-Semibold.woff2) format("woff2")}:root{--primary_font: "Instrument Sans", sans-serif;--special_font: "Handlee", cursive;--secondary_font: "Manuka_Bold", sans-serif;--primary_color: #1A1A1A;--white_color: #ffffff;--heading_size: 120px;--heading_leading: 100px;--heading_space: 0px;--content_size: 16px;--line-height: 1.5}body{min-height:100vh;background-color:var(--primary_color);overflow-x:hidden}html{-webkit-text-size-adjust:100%;line-height:var(--line-height);font-size:var(--content_size);color:var(--primary_color);overflow-x:hidden}.container{max-width:1024px!important}.container-max{max-width:1200px!important}.primary_header{position:fixed;top:0;z-index:30;display:flex;width:100%;align-items:center;justify-content:space-between;padding:1.25rem}@media (min-width: 768px){.primary_header{padding:2rem 4rem}}.default_heading{font-size:clamp(48px,12vw,var(--heading_size));text-align:center;text-transform:uppercase;font-family:var(--secondary_font);line-height:.9;color:#1a1a1a}@media (min-width: 768px){.default_heading{font-size:var(--heading_size);line-height:var(--heading_leading)}}.app_container{background-color:#1a1a1a;min-height:100vh}.primary_header{position:fixed;top:0;width:100%;align-items:center;justify-content:space-between}.primary_header .primary_logo,.primary_header .primary_contact{font-family:var(--secondary_font);text-transform:uppercase;font-size:16px;position:relative;color:#fff;line-height:1}@media (min-width: 768px){.primary_header .primary_logo,.primary_header .primary_contact{font-size:22px}}.primary_header .primary_logo:before,.primary_header .primary_contact:before{position:absolute;left:0;bottom:-6px;height:2px;width:50%;background-color:#fff;content:"";transition:transform .6s cubic-bezier(.23,1,.32,1);transform:scale3d(0,1,1);transform-origin:top right}.primary_header .primary_logo:after,.primary_header .primary_contact:after{position:absolute;right:0;bottom:-6px;height:2px;width:50%;background-color:#fff;content:"";transition:transform .6s cubic-bezier(.23,1,.32,1);transform:scale3d(0,1,1);transform-origin:top left}.primary_header .primary_logo:hover:before,.primary_header .primary_contact:hover:before{transform-origin:top left;transform:scaleZ(1)}.primary_header .primary_logo:hover:after,.primary_header .primary_contact:hover:after{transform-origin:top right;transform:scaleZ(1)}.hero_banner{position:fixed;display:flex;height:90vh;width:100%;align-items:center;justify-content:center;padding-left:1rem;padding-right:1rem;padding-top:4rem;text-align:center}@media (min-width: 768px){.hero_banner{padding-top:5rem}}.hero_banner article{position:relative;top:0;width:100%}.hero_banner .default_heading{color:#fff;font-size:clamp(52px,14vw,210px);line-height:.9}@media (min-width: 768px){.hero_banner .default_heading{font-size:clamp(100px,14vw,210px);line-height:.85}}@media (min-width: 1280px){.hero_banner .default_heading{font-size:210px}}.hero_banner .sub_heading{color:#fff;font-family:var(--special_font);font-size:clamp(18px,4vw,36px);margin-bottom:8px}.about_section{position:relative;z-index:20;display:flex;flex-direction:column;padding-top:90vh}.about_section .inner_content_small{background-color:#fff;margin:0 auto;border-radius:8px;padding:14px 40px;font-size:20px;width:20vw}.about_section .inner_content{background-color:#fff;width:calc(100vw - 32px);margin:0 auto;border-radius:16px;padding:40px 20px;position:relative}@media (min-width: 768px){.about_section .inner_content{width:calc(100vw - 80px);border-radius:24px;padding:80px 40px}}.about_section .inner_content:before{background-color:#fff;width:160px;position:absolute;top:-30px;display:flex;justify-content:center;align-items:center;left:0;right:0;margin:auto}.about_section .default_content{text-align:center;font-size:15px;line-height:1.7;margin-top:20px;padding:0}@media (min-width: 768px){.about_section .default_content{font-size:18px;line-height:1.8;margin-top:24px;padding:0 80px}}.about_section .default_content.font-special{font-size:22px}@media (min-width: 768px){.about_section .default_content.font-special{font-size:30px}}.portfolio_section{padding:0;margin-top:32px}@media (min-width: 768px){.portfolio_section{padding:0 80px;margin-top:40px}}.portfolio_section figure{overflow:hidden;border-radius:10px;width:100%}.portfolio_section img{border-radius:10px;width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:16/10}.portfolio_section .project_meta{margin-top:1rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}@media (min-width: 768px){.portfolio_section .project_meta{margin-top:1.25rem}}.portfolio_section .project_title{position:relative;min-width:0px;flex:1 1 0%;padding-left:16px;font-size:15px;font-weight:600;text-transform:uppercase}@media (min-width: 768px){.portfolio_section .project_title{padding-left:18px;font-size:18px}}.portfolio_section .project_title{color:#1a1a1a}.portfolio_section .project_title:before{width:8px;height:8px;background-color:#1a1a1a;position:absolute;left:0;top:0;bottom:0;margin:auto;content:"";border-radius:50%}@media (min-width: 768px){.portfolio_section .project_title:before{width:10px;height:10px}}.portfolio_section .project_detail{font-size:12px}@media (min-width: 768px){.portfolio_section .project_detail{font-size:14px}}.portfolio_section .project_detail{color:#646464;text-align:right;max-width:50%}.portfolio_section .portfolio_0,.portfolio_section .portfolio_1,.portfolio_section .portfolio_2,.portfolio_section .portfolio_3{grid-column:span 1/span 1;padding-top:0;width:100%}@media (min-width: 768px){.portfolio_section .portfolio_0{grid-column:span 7/span 7}.portfolio_section .portfolio_1,.portfolio_section .portfolio_2{grid-column:span 5/span 5;padding-top:5rem}.portfolio_section .portfolio_3{grid-column:span 7/span 7}}.primary_footer{min-height:50vh;height:auto;display:flex;align-items:center;justify-content:center;padding:80px 20px 40px;width:100%}@media (min-width: 768px){.primary_footer{min-height:80vh;padding:0 40px}}.primary_footer article{width:100%;max-width:100%}.primary_footer .default_heading{color:#fff;font-size:clamp(40px,11vw,180px);line-height:.95;word-break:break-word}@media (min-width: 768px){.primary_footer .default_heading{font-size:clamp(80px,12vw,180px);line-height:.9}}@media (min-width: 1280px){.primary_footer .default_heading{font-size:180px}}.primary_footer .default_round_button{color:#fff;font-size:18px;border:1px solid #ffffff;padding:10px 28px;border-radius:50px;display:inline-block}@media (min-width: 768px){.primary_footer .default_round_button{font-size:26px;padding:10px 40px}}.copyright{padding:16px 20px 24px}@media (min-width: 768px){.copyright{padding:10px 60px 20px}}.copyright *{color:#fff;font-size:13px;font-family:var(--special_font)}@media (min-width: 768px){.copyright *{font-size:14px}}.copyright article>div{flex-direction:column;gap:12px;align-items:center;text-align:center}@media (min-width: 768px){.copyright article>div{flex-direction:row;gap:0;align-items:center;text-align:left}}.copyright ul li{position:relative;padding:0 20px}.copyright ul li:before{width:6px;height:6px;background-color:#d9d9d9;content:"";display:block;border-radius:50%;position:absolute;left:0;top:7px}@media (min-width: 768px){.md\:mt-14{margin-top:3.5rem}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:gap-y-20{row-gap:5rem}.md\:pb-20{padding-bottom:5rem}}@media (min-width: 1536px){.\32xl\:gap-x-20{column-gap:5rem}}
