.home_container{width:100%;height:100%}.home{width:100%;min-height:calc(var(--height) - var(--gutter) * 2)}.home .title{position:relative;top:calc((var(--height) - var(--gutter) * 2) / 5);left:15%;font-family:var(--neueVar);max-height:60vh;max-width:60%;font-size:clamp(33px,33px + (96 - 33) * (100vw - 320px) / (1920 - 320),96px);font-weight:900;font-variant-ligatures:discretionary-ligatures;transition:all .6s cubic-bezier(.65,.74,.18,1);font-feature-settings:"liga" 1,"kern" 1,"ss01" 1;kerning:normal}.ui_wrapper,.webgl_wrapper,.interaction_wrapper,.focus_wrapper,.education_wrapper{width:100%;max-height:calc(var(--height) - var(--gutter) * 2)}.ui_wrapper section,.webgl_wrapper section,.interaction_wrapper section,.focus_wrapper section,.education_wrapper section{position:relative;width:calc(100vw - var(--gutter) * 2);min-height:calc(var(--height) - var(--gutter) * 2)}.ui_wrapper section .title,.webgl_wrapper section .title,.interaction_wrapper section .title,.focus_wrapper section .title,.education_wrapper section .title{font-size:clamp(22px,22px + (96 - 22) * (100vw - 320px) / (1920 - 320),96px)}.ui_wrapper section.ui,.webgl_wrapper section.ui,.interaction_wrapper section.ui,.focus_wrapper section.ui,.education_wrapper section.ui{width:100%;height:100%}.ui_wrapper section.ui .title_top,.webgl_wrapper section.ui .title_top,.interaction_wrapper section.ui .title_top,.focus_wrapper section.ui .title_top,.education_wrapper section.ui .title_top{padding-top:10px;float:center;text-align:center}.ui_wrapper section.ui .middle,.webgl_wrapper section.ui .middle,.interaction_wrapper section.ui .middle,.focus_wrapper section.ui .middle,.education_wrapper section.ui .middle{margin:5% 0 0 10%;display:flex;flex-direction:row;align-items:center;gap:2%}.ui_wrapper section.ui .middle .title,.webgl_wrapper section.ui .middle .title,.interaction_wrapper section.ui .middle .title,.focus_wrapper section.ui .middle .title,.education_wrapper section.ui .middle .title{width:30%}.ui_wrapper section.ui .middle .iphone,.webgl_wrapper section.ui .middle .iphone,.interaction_wrapper section.ui .middle .iphone,.focus_wrapper section.ui .middle .iphone,.education_wrapper section.ui .middle .iphone{position:relative;width:clamp(150px,460 * (100vw - var(--gutter) * 2) / 1920,100vw - var(--gutter) * 2);aspect-ratio:200/433}.ui_wrapper section.ui .middle .iphone img,.webgl_wrapper section.ui .middle .iphone img,.interaction_wrapper section.ui .middle .iphone img,.focus_wrapper section.ui .middle .iphone img,.education_wrapper section.ui .middle .iphone img{width:100%;height:100%;object-fit:cover}.ui_wrapper section.ui .img3,.webgl_wrapper section.ui .img3,.interaction_wrapper section.ui .img3,.focus_wrapper section.ui .img3,.education_wrapper section.ui .img3{position:absolute;top:20%;right:calc(var(--gutter) + 10px);width:clamp(22px,150 * (100vw - var(--gutter) * 2) / 1920,100vw - var(--gutter) * 2)}.ui_wrapper section.ui .img3 img,.webgl_wrapper section.ui .img3 img,.interaction_wrapper section.ui .img3 img,.focus_wrapper section.ui .img3 img,.education_wrapper section.ui .img3 img{width:100%;object-fit:cover}@media only screen and (min-width: 320px) and (max-width: 768px){.ui_wrapper section.ui .img3,.webgl_wrapper section.ui .img3,.interaction_wrapper section.ui .img3,.focus_wrapper section.ui .img3,.education_wrapper section.ui .img3{top:20%;right:calc(var(--gutter) + 5px)}}.ui_wrapper section.ui .img4,.webgl_wrapper section.ui .img4,.interaction_wrapper section.ui .img4,.focus_wrapper section.ui .img4,.education_wrapper section.ui .img4{position:absolute;right:calc(var(--gutter) + 10px);bottom:calc(var(--gutter) + 10px);width:clamp(20px,150 * (100vw - var(--gutter) * 2) / 1920,100vw - var(--gutter) * 2)}.ui_wrapper section.ui .img4 img,.webgl_wrapper section.ui .img4 img,.interaction_wrapper section.ui .img4 img,.focus_wrapper section.ui .img4 img,.education_wrapper section.ui .img4 img{width:100%;object-fit:cover}@media only screen and (min-width: 320px) and (max-width: 768px){.ui_wrapper section.ui .img4,.webgl_wrapper section.ui .img4,.interaction_wrapper section.ui .img4,.focus_wrapper section.ui .img4,.education_wrapper section.ui .img4{right:calc(var(--gutter) + 5px);bottom:calc(var(--gutter) + 15vh)}}.ui_wrapper section.ui .img5,.webgl_wrapper section.ui .img5,.interaction_wrapper section.ui .img5,.focus_wrapper section.ui .img5,.education_wrapper section.ui .img5{position:absolute;left:calc(var(--gutter) + 30vw);bottom:calc(var(--gutter) + 20vh);width:clamp(30px,120 * (100vw - var(--gutter) * 2) / 1920,100vw - var(--gutter) * 2)}.ui_wrapper section.ui .img5 img,.webgl_wrapper section.ui .img5 img,.interaction_wrapper section.ui .img5 img,.focus_wrapper section.ui .img5 img,.education_wrapper section.ui .img5 img{width:100%;object-fit:cover}@media only screen and (min-width: 320px) and (max-width: 768px){.ui_wrapper section.ui .img5,.webgl_wrapper section.ui .img5,.interaction_wrapper section.ui .img5,.focus_wrapper section.ui .img5,.education_wrapper section.ui .img5{left:calc(var(--gutter) + 20vw);bottom:calc(var(--gutter) + 40vh)}}.ui_wrapper section.webgl,.webgl_wrapper section.webgl,.interaction_wrapper section.webgl,.focus_wrapper section.webgl,.education_wrapper section.webgl{width:100%;height:100%;position:relative}.ui_wrapper section.webgl .middle,.webgl_wrapper section.webgl .middle,.interaction_wrapper section.webgl .middle,.focus_wrapper section.webgl .middle,.education_wrapper section.webgl .middle{width:50vw;position:relative}.ui_wrapper section.webgl .middle .title,.webgl_wrapper section.webgl .middle .title,.interaction_wrapper section.webgl .middle .title,.focus_wrapper section.webgl .middle .title,.education_wrapper section.webgl .middle .title{max-width:100%;top:30vh;left:10vw}.ui_wrapper section.interaction,.webgl_wrapper section.interaction,.interaction_wrapper section.interaction,.focus_wrapper section.interaction,.education_wrapper section.interaction{width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;gap:15%}.ui_wrapper section.interaction .middle,.webgl_wrapper section.interaction .middle,.interaction_wrapper section.interaction .middle,.focus_wrapper section.interaction .middle,.education_wrapper section.interaction .middle{position:relative;left:10vw;width:50vw}.ui_wrapper section.interaction .middle .title,.webgl_wrapper section.interaction .middle .title,.interaction_wrapper section.interaction .middle .title,.focus_wrapper section.interaction .middle .title,.education_wrapper section.interaction .middle .title{max-width:100%;display:inline-block}.ui_wrapper section.focus,.webgl_wrapper section.focus,.interaction_wrapper section.focus,.focus_wrapper section.focus,.education_wrapper section.focus{position:relative;width:100%;height:100%}.ui_wrapper section.focus .imag_contain,.webgl_wrapper section.focus .imag_contain,.interaction_wrapper section.focus .imag_contain,.focus_wrapper section.focus .imag_contain,.education_wrapper section.focus .imag_contain{position:absolute;top:11vh;left:6vw;aspect-ratio:134/106;width:clamp(30px,134 * (100vw - var(--gutter) * 2) / 1920,100vw - var(--gutter) * 2);height:auto}.ui_wrapper section.focus .imag_contain img,.webgl_wrapper section.focus .imag_contain img,.interaction_wrapper section.focus .imag_contain img,.focus_wrapper section.focus .imag_contain img,.education_wrapper section.focus .imag_contain img{width:100%;height:100%;object-fit:contain}.ui_wrapper section.focus .title,.webgl_wrapper section.focus .title,.interaction_wrapper section.focus .title,.focus_wrapper section.focus .title,.education_wrapper section.focus .title{position:absolute;top:15vh;left:10vw;text-transform:none;max-width:52%;max-height:80%;font-family:var(--neueVar);font-size:clamp(33px,33px + (96 - 33) * (100vw - 320px) / (1920 - 320),96px);font-weight:1000;font-feature-settings:"liga" 1,"kern" 1,"ss01" 0}.ui_wrapper section.focus .reference,.webgl_wrapper section.focus .reference,.interaction_wrapper section.focus .reference,.focus_wrapper section.focus .reference,.education_wrapper section.focus .reference{position:absolute;top:35vh;left:35vw;font-size:20px}.ui_wrapper section.education,.webgl_wrapper section.education,.interaction_wrapper section.education,.focus_wrapper section.education,.education_wrapper section.education{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.ui_wrapper section.education .title,.webgl_wrapper section.education .title,.interaction_wrapper section.education .title,.focus_wrapper section.education .title,.education_wrapper section.education .title{max-width:100%;font:var(--neueVar);font-size:clamp(33px,33px + (96 - 33) * (100vw - 320px) / (1920 - 320),96px);text-align:center}.ui_wrapper section.education .books_self,.webgl_wrapper section.education .books_self,.interaction_wrapper section.education .books_self,.focus_wrapper section.education .books_self,.education_wrapper section.education .books_self{width:100%;display:flex;justify-content:center;align-items:center}.ui_wrapper section.education .books_self .book,.webgl_wrapper section.education .books_self .book,.interaction_wrapper section.education .books_self .book,.focus_wrapper section.education .books_self .book,.education_wrapper section.education .books_self .book{width:80vw}.ui_wrapper section.education .books_self .book img,.webgl_wrapper section.education .books_self .book img,.interaction_wrapper section.education .books_self .book img,.focus_wrapper section.education .books_self .book img,.education_wrapper section.education .books_self .book img{width:100%;aspect-ratio:6.4/1;object-fit:cover;display:block}.ui_wrapper section.education .books_self .book .bar,.webgl_wrapper section.education .books_self .book .bar,.interaction_wrapper section.education .books_self .book .bar,.focus_wrapper section.education .books_self .book .bar,.education_wrapper section.education .books_self .book .bar{margin-top:4px}@media only screen and (min-width: 768px) and (max-width: 1024px){.ui_wrapper section.education .books_self,.webgl_wrapper section.education .books_self,.interaction_wrapper section.education .books_self,.focus_wrapper section.education .books_self,.education_wrapper section.education .books_self{display:none}}@media only screen and (min-width: 320px) and (max-width: 768px){.ui_wrapper section.education .books_self,.webgl_wrapper section.education .books_self,.interaction_wrapper section.education .books_self,.focus_wrapper section.education .books_self,.education_wrapper section.education .books_self{display:none}}.ui_wrapper section.education .course-table,.webgl_wrapper section.education .course-table,.interaction_wrapper section.education .course-table,.focus_wrapper section.education .course-table,.education_wrapper section.education .course-table{position:relative;width:80vw}.ui_wrapper section.education .course-table tr.mainCourse,.webgl_wrapper section.education .course-table tr.mainCourse,.interaction_wrapper section.education .course-table tr.mainCourse,.focus_wrapper section.education .course-table tr.mainCourse,.education_wrapper section.education .course-table tr.mainCourse{height:70px}.ui_wrapper section.education .course-table tr.mainCourse .year,.webgl_wrapper section.education .course-table tr.mainCourse .year,.interaction_wrapper section.education .course-table tr.mainCourse .year,.focus_wrapper section.education .course-table tr.mainCourse .year,.education_wrapper section.education .course-table tr.mainCourse .year{width:40%;max-width:40%;font-size:13px}.ui_wrapper section.education .course-table tr.mainCourse .provider,.webgl_wrapper section.education .course-table tr.mainCourse .provider,.interaction_wrapper section.education .course-table tr.mainCourse .provider,.focus_wrapper section.education .course-table tr.mainCourse .provider,.education_wrapper section.education .course-table tr.mainCourse .provider{width:25%;max-width:25%;font-size:20px;font-size:clamp(10px,10px + (20 - 10) * (100vw - 320px) / (1920 - 320),20px);font-weight:400}.ui_wrapper section.education .course-table tr.mainCourse #course_c1,.webgl_wrapper section.education .course-table tr.mainCourse #course_c1,.interaction_wrapper section.education .course-table tr.mainCourse #course_c1,.focus_wrapper section.education .course-table tr.mainCourse #course_c1,.education_wrapper section.education .course-table tr.mainCourse #course_c1{margin-bottom:30px;font-weight:600;font-size:34px;font-size:clamp(10px,10px + (34 - 10) * (100vw - 320px) / (1920 - 320),34px)}.ui_wrapper section.education .course-table tr.mainCourse #course_c2,.webgl_wrapper section.education .course-table tr.mainCourse #course_c2,.interaction_wrapper section.education .course-table tr.mainCourse #course_c2,.focus_wrapper section.education .course-table tr.mainCourse #course_c2,.education_wrapper section.education .course-table tr.mainCourse #course_c2{font-weight:600;font-size:29px;font-size:clamp(9px,9px + (29 - 9) * (100vw - 320px) / (1920 - 320),29px)}.ui_wrapper section.education .course-table tr.mainCourse #course_c3,.webgl_wrapper section.education .course-table tr.mainCourse #course_c3,.interaction_wrapper section.education .course-table tr.mainCourse #course_c3,.focus_wrapper section.education .course-table tr.mainCourse #course_c3,.education_wrapper section.education .course-table tr.mainCourse #course_c3{font-weight:600;font-size:24px;font-size:clamp(9px,9px + (24 - 9) * (100vw - 320px) / (1920 - 320),24px)}.ui_wrapper section.education .shortTitle,.webgl_wrapper section.education .shortTitle,.interaction_wrapper section.education .shortTitle,.focus_wrapper section.education .shortTitle,.education_wrapper section.education .shortTitle{width:80vw;text-align:left;font-size:13px}.ui_wrapper section.education .other-course-table,.webgl_wrapper section.education .other-course-table,.interaction_wrapper section.education .other-course-table,.focus_wrapper section.education .other-course-table,.education_wrapper section.education .other-course-table{width:80vw}.ui_wrapper section.education .other-course-table tr.otherCourse,.webgl_wrapper section.education .other-course-table tr.otherCourse,.interaction_wrapper section.education .other-course-table tr.otherCourse,.focus_wrapper section.education .other-course-table tr.otherCourse,.education_wrapper section.education .other-course-table tr.otherCourse{height:30px}.ui_wrapper section.education .other-course-table .year,.webgl_wrapper section.education .other-course-table .year,.interaction_wrapper section.education .other-course-table .year,.focus_wrapper section.education .other-course-table .year,.education_wrapper section.education .other-course-table .year{width:40%;max-width:40%}.ui_wrapper section.education .other-course-table .provider_2,.webgl_wrapper section.education .other-course-table .provider_2,.interaction_wrapper section.education .other-course-table .provider_2,.focus_wrapper section.education .other-course-table .provider_2,.education_wrapper section.education .other-course-table .provider_2{width:25%;max-width:25%;font-size:16px;font-size:clamp(9px,9px + (16 - 9) * (100vw - 320px) / (1920 - 320),16px);font-weight:400}.ui_wrapper section.education .other-course-table .course_online,.webgl_wrapper section.education .other-course-table .course_online,.interaction_wrapper section.education .other-course-table .course_online,.focus_wrapper section.education .other-course-table .course_online,.education_wrapper section.education .other-course-table .course_online{width:40%;max-width:40%;font-size:16px}.ui_wrapper section.education .other-course-table .otherCourse td.provider_2,.ui_wrapper section.education .other-course-table .otherCourse td.course_online,.webgl_wrapper section.education .other-course-table .otherCourse td.provider_2,.webgl_wrapper section.education .other-course-table .otherCourse td.course_online,.interaction_wrapper section.education .other-course-table .otherCourse td.provider_2,.interaction_wrapper section.education .other-course-table .otherCourse td.course_online,.focus_wrapper section.education .other-course-table .otherCourse td.provider_2,.focus_wrapper section.education .other-course-table .otherCourse td.course_online,.education_wrapper section.education .other-course-table .otherCourse td.provider_2,.education_wrapper section.education .other-course-table .otherCourse td.course_online{border-bottom:1px solid var(--black);padding:8px 0}.ui_wrapper section.education .mbl_tbl,.webgl_wrapper section.education .mbl_tbl,.interaction_wrapper section.education .mbl_tbl,.focus_wrapper section.education .mbl_tbl,.education_wrapper section.education .mbl_tbl{width:calc(100vw - (var(--gutter) * 2 + 40px))}.ui_wrapper section.education .mbl_tbl tr.mbl_main,.webgl_wrapper section.education .mbl_tbl tr.mbl_main,.interaction_wrapper section.education .mbl_tbl tr.mbl_main,.focus_wrapper section.education .mbl_tbl tr.mbl_main,.education_wrapper section.education .mbl_tbl tr.mbl_main{width:100%;height:8vh;border-bottom:1px solid var(--black)}.ui_wrapper section.education .mbl_tbl tr.mbl_main p.provider,.webgl_wrapper section.education .mbl_tbl tr.mbl_main p.provider,.interaction_wrapper section.education .mbl_tbl tr.mbl_main p.provider,.focus_wrapper section.education .mbl_tbl tr.mbl_main p.provider,.education_wrapper section.education .mbl_tbl tr.mbl_main p.provider{font-size:15px;font-size:clamp(15px,15px + (20 - 15) * (100vw - 320px) / (768 - 320),20px)}.ui_wrapper section.education .mbl_tbl tr.mbl_main #cert_c1,.webgl_wrapper section.education .mbl_tbl tr.mbl_main #cert_c1,.interaction_wrapper section.education .mbl_tbl tr.mbl_main #cert_c1,.focus_wrapper section.education .mbl_tbl tr.mbl_main #cert_c1,.education_wrapper section.education .mbl_tbl tr.mbl_main #cert_c1{font-size:18px;font-size:clamp(18px,18px + (24 - 18) * (100vw - 320px) / (768 - 320),24px);font-weight:600;display:inline-block;margin-left:calc(var(--gutter) + 10px)}.ui_wrapper section.education .mbl_tbl tr.mbl_main #cert_c2,.webgl_wrapper section.education .mbl_tbl tr.mbl_main #cert_c2,.interaction_wrapper section.education .mbl_tbl tr.mbl_main #cert_c2,.focus_wrapper section.education .mbl_tbl tr.mbl_main #cert_c2,.education_wrapper section.education .mbl_tbl tr.mbl_main #cert_c2{font-size:18px;font-size:clamp(18px,18px + (22 - 18) * (100vw - 320px) / (768 - 320),22px);font-weight:600;display:inline-block;margin-left:calc(var(--gutter) + 10px)}.ui_wrapper section.education .mbl_tbl tr.mbl_main #cert_c3,.webgl_wrapper section.education .mbl_tbl tr.mbl_main #cert_c3,.interaction_wrapper section.education .mbl_tbl tr.mbl_main #cert_c3,.focus_wrapper section.education .mbl_tbl tr.mbl_main #cert_c3,.education_wrapper section.education .mbl_tbl tr.mbl_main #cert_c3{font-size:16px;font-size:clamp(16px,16px + (20 - 16) * (100vw - 320px) / (768 - 320),20px);font-weight:600;display:inline-block;margin-left:calc(var(--gutter) + 10px)}.ui_wrapper section.education .mbl_tbl tr.mbl_other,.webgl_wrapper section.education .mbl_tbl tr.mbl_other,.interaction_wrapper section.education .mbl_tbl tr.mbl_other,.focus_wrapper section.education .mbl_tbl tr.mbl_other,.education_wrapper section.education .mbl_tbl tr.mbl_other{width:100%;height:6vh}.ui_wrapper section.education .mbl_tbl tr.mbl_other p.provider,.webgl_wrapper section.education .mbl_tbl tr.mbl_other p.provider,.interaction_wrapper section.education .mbl_tbl tr.mbl_other p.provider,.focus_wrapper section.education .mbl_tbl tr.mbl_other p.provider,.education_wrapper section.education .mbl_tbl tr.mbl_other p.provider{font-size:14px;font-weight:300;font-size:clamp(14px,14px + (20 - 14) * (100vw - 320px) / (768 - 320),20px)}.ui_wrapper section.education .mbl_tbl tr.mbl_other span.cert,.webgl_wrapper section.education .mbl_tbl tr.mbl_other span.cert,.interaction_wrapper section.education .mbl_tbl tr.mbl_other span.cert,.focus_wrapper section.education .mbl_tbl tr.mbl_other span.cert,.education_wrapper section.education .mbl_tbl tr.mbl_other span.cert{font-size:14px;font-size:clamp(14px,14px + (20 - 14) * (100vw - 320px) / (768 - 320),20px);font-weight:500;display:inline-block;margin-left:calc(var(--gutter) + 10px)}.ui_wrapper section.education .bookImage,.webgl_wrapper section.education .bookImage,.interaction_wrapper section.education .bookImage,.focus_wrapper section.education .bookImage,.education_wrapper section.education .bookImage{position:absolute;z-index:10;width:144px;width:clamp(90px,144 * (100vw - var(--gutter) * 2) / 1920,100vw - var(--gutter) * 2);aspect-ratio:144/171;bottom:calc(var(--gutter) + 10px);left:28vw}.ui_wrapper section.education .bookImage img,.webgl_wrapper section.education .bookImage img,.interaction_wrapper section.education .bookImage img,.focus_wrapper section.education .bookImage img,.education_wrapper section.education .bookImage img{width:100%;height:100%}@media only screen and (min-width: 768px) and (max-width: 1024px){.ui_wrapper section.education .bookImage,.webgl_wrapper section.education .bookImage,.interaction_wrapper section.education .bookImage,.focus_wrapper section.education .bookImage,.education_wrapper section.education .bookImage{display:none}}@media only screen and (min-width: 320px) and (max-width: 768px){.ui_wrapper section.education .bookImage,.webgl_wrapper section.education .bookImage,.interaction_wrapper section.education .bookImage,.focus_wrapper section.education .bookImage,.education_wrapper section.education .bookImage{display:none}}.ui_wrapper .title,.webgl_wrapper .title,.interaction_wrapper .title,.focus_wrapper .title,.education_wrapper .title{position:relative;max-width:390px;max-height:339px;word-wrap:break-word;letter-spacing:4%;font-family:var(--neueVar);font-variant-ligatures:discretionary-ligatures;text-transform:uppercase;font-size:clamp(33px,33px + (96 - 33) * (100vw - 320px) / (1920 - 320),96px);font-weight:1000;transition:all .6s cubic-bezier(.65,.74,.18,1);font-feature-settings:"liga" 1,"kern" 1,"ss01" 1;kerning:normal}.works_container{width:100%;min-height:calc(var(--height) - var(--gutter) * 2)}.works_container .myworks{position:relative;min-width:calc(100vw - var(--gutter) * 2);min-height:calc(var(--height) - var(--gutter) * 2)}.works_container .myworks .title_container{position:relative;top:5vh;left:20vw;display:flex;flex-direction:row}.works_container .myworks .title_container .title{position:relative;width:40vw;font-family:var(--neueVar);font-variant-ligatures:discretionary-ligatures;font-size:clamp(20px,20px + (45 - 20) * (100vw - 320px) / (1920 - 320),45px);font-weight:1000;transition:all .6s cubic-bezier(.65,.74,.18,1);font-feature-settings:"liga" 1,"kern" 1,"ss01" 0;kerning:normal}.works_container .myworks .title_container .imagebox{position:inherit;width:100px;height:100px;left:-40px}.works_container .myworks .title_container .imagebox img{width:100%;height:100%;object-fit:contain}.works_container .myworks .work_list{position:relative;width:clamp(450px,1000 * (100vw - var(--gutter) * 2) / 1920,100vw - var(--gutter) * 2);top:8vw;left:20vw;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.works_container .myworks .work_list #item_0,.works_container .myworks .work_list #item_1,.works_container .myworks .work_list #item_2,.works_container .myworks .work_list #item_3{height:200px;border:1px solid var(--black);border-bottom-right-radius:32px;overflow:hidden;text-wrap:nowrap}.works_container .myworks .work_list #item_0 .marq_track,.works_container .myworks .work_list #item_1 .marq_track,.works_container .myworks .work_list #item_2 .marq_track,.works_container .myworks .work_list #item_3 .marq_track{width:100%;overflow:hidden;display:inline-flex}.works_container .myworks .work_list #item_0 .num,.works_container .myworks .work_list #item_1 .num,.works_container .myworks .work_list #item_2 .num,.works_container .myworks .work_list #item_3 .num{font-size:40px}.works_container .myworks .work_list #item_0 .num,.works_container .myworks .work_list #item_0 .headline,.works_container .myworks .work_list #item_1 .num,.works_container .myworks .work_list #item_1 .headline,.works_container .myworks .work_list #item_2 .num,.works_container .myworks .work_list #item_2 .headline,.works_container .myworks .work_list #item_3 .num,.works_container .myworks .work_list #item_3 .headline{font-family:var(--neueVar);font-weight:1000}.works_container .myworks .work_list #item_0 .headline,.works_container .myworks .work_list #item_1 .headline,.works_container .myworks .work_list #item_2 .headline,.works_container .myworks .work_list #item_3 .headline{padding-right:100%}.works_container .myworks .work_list #item_0 .headline.dup,.works_container .myworks .work_list #item_1 .headline.dup,.works_container .myworks .work_list #item_2 .headline.dup,.works_container .myworks .work_list #item_3 .headline.dup{opacity:1}.works_container .myworks .work_list #item_0 .box_heading,.works_container .myworks .work_list #item_1 .box_heading,.works_container .myworks .work_list #item_2 .box_heading,.works_container .myworks .work_list #item_3 .box_heading{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:start;padding:10px;text-transform:uppercase;transition:all .5s ease-in-out}.works_container .myworks .work_list #item_0{width:clamp(200px,380 * (100vw - var(--gutter) * 2) / 1920,100vw - var(--gutter) * 2)}.works_container .myworks .work_list #item_1{width:clamp(200px,400 * (100vw - var(--gutter) * 2) / 1920,100vw - var(--gutter) * 2)}.works_container .myworks .work_list #item_2{width:clamp(200px,500 * (100vw - var(--gutter) * 2) / 1920,100vw - var(--gutter) * 2)}.works_container .myworks .work_list #item_3{width:clamp(200px,420 * (100vw - var(--gutter) * 2) / 1920,100vw - var(--gutter) * 2)}@media only screen and (min-width: 320px) and (max-width: 768px){.works_container .myworks .title_container{width:calc(100vw - var(--gutter) * 2);top:0vh;left:10vw;display:flex;justify-content:flex-start;align-items:center}.works_container .myworks .title_container .title{width:60%}.works_container .myworks .title_container .imagebox{width:clamp(50px,70 * (100vw - var(--gutter) * 2) / 768,100vw - var(--gutter) * 2);left:0}.works_container .myworks .work_list{position:relative;width:calc(100vw - (var(--gutter) + 10px) * 2);top:8vw;left:5vw;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.works_container .myworks .work_list #item_0,.works_container .myworks .work_list #item_1,.works_container .myworks .work_list #item_2,.works_container .myworks .work_list #item_3{width:clamp(260px,400 * (100vw - var(--gutter) * 2) / 768,100vw - var(--gutter) * 2);height:clamp(100px,130 * (100vh - var(--gutter) * 2) / 768,100vh - var(--gutter) * 2);border-bottom-right-radius:40px}.works_container .myworks .work_list #item_0 p.num,.works_container .myworks .work_list #item_1 p.num,.works_container .myworks .work_list #item_2 p.num,.works_container .myworks .work_list #item_3 p.num{font-size:clamp(20px,20px + (30 - 20) * (100vw - 320px) / (768 - 320),30px)}.works_container .myworks .work_list #item_0 .headline,.works_container .myworks .work_list #item_1 .headline,.works_container .myworks .work_list #item_2 .headline,.works_container .myworks .work_list #item_3 .headline{font-size:clamp(25px,25px + (40 - 25) * (100vw - 320px) / (768 - 320),40px)}}.exp_wrapper{width:calc(100vw - var(--gutter) * 2);height:calc(100vh + 100px);position:relative}.exp_wrapper .title{max-width:100%;font:var(--fira);font-weight:700;font-size:clamp(33px,33px + (96 - 33) * (100vw - 320px) / (1920 - 320),96px);text-align:center}.contact_wrapper{width:100%;height:100%}.contact_wrapper .contact{position:relative;width:calc(100vw - var(--gutter) * 2);height:auto;min-height:var(--height);display:flex;flex-direction:column;overflow:hidden}.contact_wrapper .contact .highilighted{color:var(--red)}.contact_wrapper .contact .title{position:relative;width:100%;top:5vh;left:2vw;font-family:var(--fira);font-weight:900;font-size:clamp(26px,26px + (100 - 26) * (100vw - 320px) / (1920 - 320),100px);font-feature-settings:"liga" 1,"kern" 1;text-transform:capitalize}.contact_wrapper .contact .middle_content{position:relative;width:calc(100vw - (var(--gutter) * 2 + 10px));height:240px;top:30%;left:50%;transform:translate(-50%,20%);display:flex;border-top:1px solid var(--black);border-bottom:1px solid var(--black);justify-content:space-between;align-items:center}.contact_wrapper .contact .client_time{position:relative;align-self:flex-start}.contact_wrapper .contact .client_time .heading{font-family:var(--fira);font-weight:700;font-size:16px}.contact_wrapper .contact .client_time .desc{margin-top:10px;font-family:var(--neueVar);font-size:16px;font-weight:400;line-height:100%;letter-spacing:4%}.contact_wrapper .contact .time_freme{position:relative;align-self:flex-end;margin-bottom:8px}.contact_wrapper .contact .time_freme .year{font-size:150px;font-size:clamp(20px,20px + (150 - 20) * (100vw - 320px) / (1920 - 320),150px);font-weight:900;line-height:.7}.contact_wrapper .contact a{text-decoration:none}.contact_wrapper .contact .email_me{position:relative;align-self:flex-end;text-align:right;margin-bottom:10px}.contact_wrapper .contact .email_me .heading{font-size:16px;font-weight:600}.contact_wrapper .contact .email_me .email{font-size:clamp(24px,24px + (54 - 24) * (100vw - 320px) / (1920 - 320),54px);font-weight:900}.contact_wrapper .contact .ending_part{position:relative;width:calc(100vw - (var(--gutter) * 2 + 10px));top:50%;left:50%;transform:translate(-50%,30%);display:flex;flex-direction:row;justify-content:space-between;align-items:center}.contact_wrapper .contact .ending_part:before{content:"";flex:1}.contact_wrapper .contact .ending_part .res_loc{display:flex;flex-direction:column;justify-content:flex-start;align-self:flex-start;font-size:16px;width:33%;gap:3rem}.contact_wrapper .contact .ending_part .res_loc .heading{font-weight:600}.contact_wrapper .contact .ending_part .phn_icon{display:flex;flex-direction:column;justify-content:flex-end;align-self:flex-start;gap:1rem;text-align:end;width:33%}.contact_wrapper .contact .ending_part .phn_icon .heading{font-weight:600}.contact_wrapper .contact .ending_part .phn_icon .phone{font-size:20px;font-weight:900;letter-spacing:1px}.contact_wrapper .contact .ending_part .phn_icon .socail_icon{display:flex;flex-direction:row;justify-content:flex-end;align-self:flex-end;gap:1rem}@media only screen and (min-width: 320px) and (max-width: 768px){.contact_wrapper .contact .middle_content{width:calc(100vw - (var(--gutter) * 2 + 10px));height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.contact_wrapper .contact .middle_content .client_time{align-self:flex-start}.contact_wrapper .contact .middle_content .time_freme{margin-top:10px;align-self:center}.contact_wrapper .contact .middle_content a{text-decoration:none}.contact_wrapper .contact .middle_content .email_me{align-self:flex-end;margin-bottom:8px}.contact_wrapper .contact .ending_part{margin-top:2rem}.contact_wrapper .contact .ending_part:before{content:none;flex:0}.contact_wrapper .contact .ending_part .res_loc{display:flex;flex-direction:column;justify-content:flex-start;align-items:start;width:50%;font-size:12px;gap:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.contact_wrapper .spin360{animation:spin 15s linear infinite}.socialmedia_container{position:fixed;width:16px;height:613px;top:18vh;left:calc(var(--gutter) + 20px);z-index:10}.all_svgs,.icons{display:flex;flex-direction:column;align-items:center;gap:20px}.mylogo{position:fixed;top:calc(var(--gutter) + 20px);left:calc(var(--gutter) + 20px);z-index:100;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:5px;width:220px;height:51px;transition:all .5s ease-in-out}.mylogo .logo_Text{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:2px}.mylogo .logo_T1,.mylogo .logo_T2{font-family:var(--fira);text-transform:uppercase;line-height:90%}.mylogo .logo_T1{font-weight:600;font-size:clamp(12px,12px + (20 - 12) * (100vw - 320px) / (1920 - 320),20px)}.mylogo .logo_T2{font-size:12px}.mylogo .char{will-change:transform}.corner_container .cornerinfo{width:100%;height:100%;font-family:var(--neueVar);font-weight:500;font-size:12px;text-transform:uppercase;display:flex;flex-direction:column;justify-content:flex-start}.corner_container .cornerinfo .time_svg{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}.corner_container .cornerinfo .time_svg .mainTime{font-weight:1000;font-size:clamp(26px,26px + (48 - 26) * (100vw - 320px) / (1920 - 320),48px);line-height:100%}.corner_container .cornerinfo .time_svg .amPm{display:flex;flex-direction:column;gap:2px}.corner_container .cornerinfo .heading2{font-weight:800;font-size:clamp(16px,16px + (20 - 16) * (100vw - 320px) / (1920 - 320),20px);letter-spacing:10%;width:250px;line-height:90%}.corner_container .cornerinfo .description{margin-top:4px;width:100%;text-transform:none}.canvas_wrapper{position:fixed;right:0;bottom:0;z-index:-1000;pointer-events:none!important;overflow:hidden;width:calc(100vw - var(--gutter) * 2);height:calc(var(--height) - var(--gutter) * 2);top:50%;left:50%;transform:translate(-50%,-50%)}.canvas_wrapper canvas{width:100%;height:100%;border-radius:16px}.spinner{position:absolute;bottom:calc(0vh + var(--gutter) * .8);left:calc(0vw - var(--gutter) * .8)}.flower_box{position:relative;width:clamp(190px,400 * (100vw - var(--gutter) * 2) / 1920,100vw - var(--gutter) * 2);height:clamp(200px,420 * (100vh - var(--gutter) * 2) / 1920,100vh - var(--gutter) * 2);display:flex;justify-content:center;align-items:center}.flowers,.lets_make{position:absolute;display:flex;justify-content:center;align-items:center}.flowers img,.lets_make img{width:100%;height:auto}#flower{margin:0 70px 33px 55px}.menu{position:relative;width:100vw;height:var(--height);scroll-behavior:stop;z-index:400;background-color:var(--red);display:flex;flex-direction:column;justify-content:center;transform:translateY(calc(-100% - 400px));visibility:hidden}.menu .listings{width:calc(100vw - var(--gutter) * 2);height:calc(100% - var(--gutter) * 2);display:flex;flex-direction:row-reverse;justify-content:flex-start;align-items:end;gap:10rem}.menu .listings .items_list{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.menu .listings .items_list .item{font-size:clamp(50px,50px + (150 - 50) * (100vw - 768px) / (1920 - 768),150px);font-family:var(--grotesk);font-weight:700}.menu .listings .items_list .item .superscript{font-size:clamp(14px,14px + (60 - 14) * (100vw - 768px) / (1920 - 768),60px);font-weight:700}.menu .listings .items_list .item #star{color:var(--greener)}.menu .listings .items_list .item:hover{color:var(--cream);transition:all .3s ease-in-out}@media only screen and (min-width: 320px) and (max-width: 768px){.menu .listings{width:calc(100vw - var(--gutter) * 2);height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:end;gap:4rem}.menu .listings .item{font-size:clamp(24px,24px + (50 - 24) * (100vw - 320px) / (768 - 320),50px)}}.menu .listings .secondaryItems_list{align-self:center;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;text-align:right;gap:2rem}.menu .listings .secondaryItems_list .inpageLinks{color:var(--white)}.menu .listings .secondaryItems_list .inpageLinks .item{font-size:clamp(12px,12px + (18 - 12) * (100vw - 768px) / (1920 - 768),18px);line-height:1.8rem;letter-spacing:2px;font-family:var(--grotesk);font-weight:400;text-align:right}.menu .listings .secondaryItems_list .inpageLinks .item:hover,.menu .listings .secondaryItems_list .inpageLinks .item.highlighted{color:var(--black);transition:all .3s ease-in-out}.menu .listings .secondaryItems_list .social_item{font-size:clamp(12px,12px + (18 - 12) * (100vw - 768px) / (1920 - 768),18px);line-height:2rem;letter-spacing:2px;font-family:var(--grotesk);font-weight:400;color:var(--white)}.menu .listings .secondaryItems_list .social_item .social_links{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.menu .listings .secondaryItems_list .social_item .urls:hover svg{fill:var(--cream);transition:all .6s "ease.inOut"}@media only screen and (min-width: 320px) and (max-width: 768px){.menu .listings .secondaryItems_list{width:calc(100vw - var(--gutter) * 2);height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:end;gap:1rem}}.menu .overlay_svg{position:absolute;top:100%;left:0;width:100%;height:400px;fill:#ed3203;z-index:500}:root{--greener: #9dff0a;--red: #ed3203;--red40: #ed320373;--black: #0f0f0f;--black40: #0f0f0f4b;--cream: #fafad2;--cream40: #fafad2b7;--white: #fffff2;--white40: #fffff2a7;--fira: "Fira Sans", sans-serif;--neueVar: "Neue Regrade Variable", sans-serif;--grotesk: "Space Grotesk Variable", sans-serif;--width: 100vw;--height: 100dvh;--gutter: 40px;--borderradious: 16px}@media (max-width: 1024px){:root{--gutter: 32px;--borderradious: 12px;--border: 1px solid var(--black)}}@media (max-width: 768px){:root{--gutter: 20px;--borderradious: 10px;--border: 1px solid var(--black)}}@media (max-width: 480px){:root{--gutter: 8px;--borderradious: 4px;--border: none}}*,html,body,#root{padding:0;margin:0;box-sizing:border-box;scroll-behavior:auto;overscroll-behavior:none;cursor:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{overflow:auto;background-color:var(--white);color:var(--black);font-family:var(--fira);font-size:16px}body,a,button,link{cursor:none}.no_smoother#smooth-wrapper{height:100vh;overflow:auto}.no-smoother#smooth-content{will-change:transform}body.touch #smooth-wrapper{overflow:auto;height:auto}.border{position:fixed;top:50%;left:50%;width:calc(100vw - (var(--gutter) * 2 + env(safe-area-inset-left) + env(safe-area-inset-right)));height:calc(100dvh - (var(--gutter) * 2 + env(safe-area-inset-top) + env(safe-area-inset-bottom)));border:1px solid var(--black);border-radius:var(--borderradious);transform:translate(-50%,-50%);overflow:hidden}@media only screen and (min-width: 320px) and (max-width: 768px){.border .hiderBar{position:fixed;top:0;left:0;z-index:5;width:100%;height:80px;background-color:var(--white40);border-bottom:1px solid var(--black40);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:env(safe-area-inset-top)}}#MenuCircle{background:transparent;position:fixed;transform-origin:center;top:calc(var(--gutter) + 10px);left:calc(100vw - (var(--gutter) + 64px + 10px))}.primaryMouse{position:fixed;z-index:1001;width:50px;height:50px;border:1px solid var(--black);border-radius:50%;pointer-events:none;overflow:hidden;transform:translateZ(0)}