@charset "UTF-8";::-moz-selection{background:gray;color:#fff;-webkit-text-fill-color:#fff}::selection{background:gray;color:#fff;-webkit-text-fill-color:#fff}::-webkit-scrollbar-track{background:inherit}::-webkit-scrollbar-thumb{background:#fff6;border-radius:99px}::-webkit-scrollbar{width:5px;height:5px;background:inherit}[data-hidden]{opacity:0}.splitWrap{transition:all .5s ease}.splitWrap:hover{color:var(--secAccent)}.split{display:inline-block;text-transform:inherit}.header{width:100%;position:fixed;top:0;display:flex;align-items:center;justify-content:center;z-index:6969;pointer-events:none}.header .logo{position:absolute;z-index:1;pointer-events:none;transform-origin:center}.header .logo svg{width:50px;height:50px}.header .logo svg *{transform-origin:center}.header .menu{position:relative;width:100px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-top:none;border-radius:0 0 calc(var(--bRadius) * 4) calc(var(--bRadius) * 4);cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.header .menu .menu-item{width:50%;height:100%;position:absolute;top:-50px;left:0;transform-origin:100% 100%;overflow:hidden;scale:2;opacity:0;display:none}.header .menu .menu-item:first-child{transform:rotate(-210deg) skewY(30deg)}.header .menu .menu-item:nth-child(2){transform:rotate(-150deg) skewY(30deg)}.header .menu .menu-item:nth-child(3){transform:rotate(-90deg) skewY(30deg)}.header .menu .menu-item:nth-child(4){transform:rotate(-30deg) skewY(30deg)}.header .menu .menu-item:nth-child(5){transform:rotate(30deg) skewY(30deg)}.header .menu .menu-item:nth-child(6){transform:rotate(90deg) skewY(30deg)}.header .menu .menu-item>div{width:200%;height:200%;border-radius:50%;transform:skewY(-30deg) rotate(-30deg);background-image:radial-gradient(75% 75% at 50% 50%,#fff0 25%,#eaeaea80);display:block;opacity:.5;border:1px solid var(--border);text-align:center;text-decoration:none;cursor:pointer;transition:all .25s ease-in-out}.header .menu .menu-item>div>*{display:block;transform:rotate(-180deg) scale(.4);padding:1rem;margin:-1rem;border-radius:50%}.header .menu .menu-item>div:hover{opacity:1}.header .underlay{position:absolute;top:0;scale:1;width:100%;height:100vh;background:radial-gradient(circle at 50% 0,#0f0f0f 10%,#0000 50%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-mask:radial-gradient(circle at 50% 0,rgb(0,0,0) 20%,rgba(0,0,0,0) 50%);mask:radial-gradient(circle at 50% 0,rgb(0,0,0) 20%,rgba(0,0,0,0) 50%);opacity:0;pointer-events:none;transform-origin:top center}.loader{height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#fff;overflow:hidden;z-index:2;--Loadermask: "0vw"}.loaderWrapper{height:100%;width:100%;position:fixed;right:0;bottom:0;top:0;left:0;overflow:hidden;display:none;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;-webkit-mask:radial-gradient(var(--Loadermask),rgba(0,0,0,0) 100%,rgb(0,0,0)) 0px 0px;mask:radial-gradient(var(--Loadermask),rgba(0,0,0,0) 100%,rgb(0,0,0)) 0px 0px;background:var(--accent);z-index:1000}.loaderWrapper #mesh{display:none}.loaderText{height:100%;width:100%;padding:10vh;display:flex;flex-direction:row;justify-content:center}.loaderText .loaderProgressText{display:flex;flex-direction:column;justify-content:center}.loaderText h1{font-size:clamp(8rem,5.333vw + .333rem,10rem)}.loaderText svg{max-width:30%;overflow:visible;rotate:90deg;opacity:0}.loaderProgressNumber{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;white-space:nowrap;color:#fff;font-size:clamp(4rem,5.333vw + .333rem,7.5rem);text-align:center;width:100%;-webkit-clip-path:polygon(50% 0%,0% 0%,0% 100%,50% 100%,50% 0%,100% 0%,100% 100%,50% 100%);clip-path:polygon(50% 0%,0% 0%,0% 100%,50% 100%,50% 0%,100% 0%,100% 100%,50% 100%)}@media (width <= 800px){.loaderText svg{max-width:50%;rotate:0deg}}@media (width <= 500px){.loaderText{padding:0}.loaderProgressNumber{font-size:clamp(2.5rem,5.333vw + .333rem,3.5rem)}}.sound{pointer-events:all;cursor:pointer}.sound span{display:block;width:30px;height:30px;display:flex;justify-content:center;align-items:center;align-content:center;text-align:-webkit-center;outline:1px gray solid;border-radius:100px}.sound span svg{width:50%;height:50%;vertical-align:middle}.contactCard{width:100vw;background-color:#ececec;padding:2rem;border-radius:24px;aspect-ratio:2/1;display:flex;justify-self:center;justify-content:center;align-items:center;color:#000;transform:translateY(-2%)}.contactCard .contCanv{width:50%;height:100%;text-transform:uppercase}.contactCard .contCanv .luxo{width:100%;height:100%}.contactCard .contDetail{width:50%;height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;text-transform:uppercase}.contactCard .contDetail h2{font-size:2.5rem;text-align:center}.contactCard .contDetail .header{all:unset}.contactCard .contDetail .radialMenu{width:100%;display:flex;align-items:center;justify-content:center;flex:auto}.contactCard .contDetail .radialMenu .menu{width:100%;height:unset;border-radius:50%;border:none;aspect-ratio:2/1;max-width:150px}.contactCard .contDetail .radialMenu .menu .menu-item{opacity:1;display:unset}.contactCard .contDetail .radialMenu .menu .menu-item>div{transition:all .5s ease}.contactCard .contDetail .radialMenu .menu .menu-item>div>*{transform:scale(.15);padding:0rem;margin:-3rem;transition:all .5s ease}@media (width <= 1000px){.contactCard{transform:translate(-1%,3%)}.contactCard .contDetail h2{font-size:2rem}}@media (width <= 800px){.contactCard{flex-direction:column;aspect-ratio:1/2;height:400px;transform:translate(1%,3%)}.contactCard .contDetail{width:100%;gap:3rem}.contactCard .contCanv{display:none;width:100%;height:50%}}@media (width <= 450px){.contactCard{height:450px;transform:translate(-1%,2%)}.contactCard .contDetail h2{font-size:1.5rem}}@font-face{font-display:swap;font-family:Kufam;font-style:normal;src:url(/Font/kufam.woff2) format("woff2")}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-width:100%;width:auto;height:auto;margin:0;padding:0;--accent: #141414;--secAccent: #f1ccba;--dot: #3c3c3c;--bg: #0d0d0d;--border: rgba(128, 128, 128, .25);--bRadius: 24px;background-color:var(--bg);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,#root::-webkit-scrollbar{display:none}#root{background-position:center;background-size:cover}body{font-family:kufam,helvetica neue,helvetica,arial,sans-serif;font-weight:400;color:#fff;-webkit-font-smoothing:antialiased}ul{list-style:none}a{color:inherit;text-decoration:none;cursor:pointer}button{cursor:pointer;all:unset}h1{font-size:clamp(1rem,5.333vw + .333rem,1.5rem);text-transform:uppercase;font-weight:600}h2{font-size:clamp(1rem,5.333vw + .333rem,1.25rem);text-transform:uppercase;font-weight:600}#gl{height:100vh;touch-action:none}@supports (height: 100dvh){#gl{height:100dvh!important}}.hero{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;position:fixed;padding:0 5vw;top:0;left:50%;translate:-50% 0;z-index:2;pointer-events:none}.hero .main-hero{width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-end}.hero .main-hero .project{align-content:center;text-transform:capitalize;font-size:1.25rem}.hero .main-hero .project h3{text-transform:uppercase;font-size:1.5rem}.hero .main-hero .project li{margin-block:.25rem}.hero .main-hero .project li.active p,.hero .main-hero .project li p:hover,.hero .main-hero .project li.active a,.hero .main-hero .project li a:hover{opacity:1;color:var(--secAccent)}.hero .main-hero .project li a,.hero .main-hero .project li p{opacity:.7;transition:all .5s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;pointer-events:all}.hero .main-hero .project li a.active,.hero .main-hero .project li a:hover,.hero .main-hero .project li p.active,.hero .main-hero .project li p:hover{opacity:1}.hero .main-hero .detail{min-width:300px;width:auto;height:100%;display:flex;flex-direction:column;justify-content:space-around}.hero .titleMobile{display:flex;justify-content:center;align-items:center;gap:1.5rem}.hero .titleMobile a{text-transform:uppercase;font-size:1.5rem;pointer-events:all;transition:all .5s ease}.hero .titleMobile .titleCtrl{height:100%;max-height:40px;aspect-ratio:1;display:flex;justify-content:center;align-items:center;font-size:1.25rem;color:#000;border:1px solid var(--border);border-radius:calc(var(--bRadius) * 4);background-color:#fff;font-weight:bolder;vertical-align:middle;font-size:x-large;line-height:1;cursor:pointer;pointer-events:all}.hero .hero-footer{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-block:1rem;font-size:.75rem}.hero .hero-footer .bCrumb{display:flex;flex-direction:row;align-items:center;gap:.25rem;transform-style:preserve-3d;perspective:25vw;pointer-events:all;position:absolute;left:50%;translate:-50% 0}.hero .hero-footer .bCrumb li{width:30px;height:30px;scale:.5 .05;border-radius:0;border:2px solid white;background:#fff;display:flex;justify-content:center;align-items:center;text-align:center;align-content:center;transition:all .5s ease,scale .25s ease,background 1s cubic-bezier(0,1,0,1)}.hero .hero-footer .bCrumb li:hover{cursor:pointer}.hero .hero-footer .bCrumb li.active{opacity:1;scale:1;background:transparent;border-radius:50%}.hero .hero-footer .contact{min-width:300px;display:flex;flex-wrap:wrap;gap:20px;text-transform:uppercase}.hero .hero-footer .contact a{opacity:.7;transition:all .5s ease;pointer-events:all}.hero .hero-footer .contact a.active,.hero .hero-footer .contact a:hover{opacity:1}@media (width <= 999px){.hero .main-hero{justify-content:start}.hero .main-hero .nav{display:none}.hero .main-hero .detail{min-width:auto;flex-direction:row;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-block:10vh;justify-content:space-between;gap:1rem;font-variant-caps:all-small-caps}.hero .main-hero .detail h1{line-height:1}.hero .main-hero .detail .project{display:none}.hero .hero-footer .contact{min-width:auto}}@media (width <= 550px){.hero .main-hero .detail h5{width:-webkit-min-content;width:-moz-min-content;width:min-content}.hero .hero-footer .contact{display:none}}@supports (height: 100dvh){.work-wrap{min-height:100dvh!important}}.work-wrap{width:100vw;height:auto;min-height:100vh;padding:0 5vw;display:inline-flex;flex-direction:row;justify-content:space-between;gap:5vw;overflow:visible}.work{max-width:600px;max-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:5vh;position:-webkit-sticky;position:sticky;top:0}.work .title h1{font-size:clamp(1rem,5.333vw + .333rem,2rem)}.work .title h6{text-transform:uppercase}.work .detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:start;min-height:200px;gap:1.5rem}.work .detail .desc{font-size:.9rem}.work .detail .desc p{margin-block:5px}.work .detail .desc ul{list-style-position:inside}.work .detail .desc ul li a{transition:all .5s ease}.work .detail .desc ul li a:hover{color:var(--secAccent)}.work .detail .desc ul li:before{content:counter(list-item) "› ";display:inline-block;vertical-align:middle;font-size:.5rem;margin-right:1rem}.work .detail .desc ul li:after{content:"🔗";display:inline-block;vertical-align:middle;margin-left:.5rem}.work .detail .service{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2.5vh}.work .detail .service .serviceList ul{list-style:none;padding:0;font-size:.8rem}.work .detail .service .serviceList ul li{text-transform:capitalize}.work .detail .service .stack ul{display:inline;list-style:none;padding:0;font-size:.8rem}.work .detail .service .stack ul li{display:inline;text-transform:capitalize}.work .detail .service .stack ul li:after{content:", "}.work .detail .service .stack ul li:last-child:after{content:""}.work .detail .liveBtn{position:relative}.work .detail .liveBtn a{overflow:hidden}.work .detail .liveBtn span{top:50%;translate:5% -50%;width:40px;height:40px;padding:.5rem;display:inline-block;text-align:center;border-radius:50%;color:#fff;font-weight:bolder;vertical-align:middle;font-size:larger;line-height:1;transform-origin:right;transition:all .25s ease;-webkit-backdrop-filter:invert(1);backdrop-filter:invert(1);position:absolute;left:100%;z-index:1}.work .detail .liveBtn span:before{content:"";position:absolute;top:50%;left:25%;translate:-50% -50%;width:10px;height:10px;display:inline-block;border-radius:50%;scale:0;opacity:0;transition:all .25s ease-in-out,opacity 0s}.work .detail .liveBtn:hover span{translate:-50% -50%}.work .detail .liveBtn:hover span:before{background:#000;scale:1;opacity:1;-webkit-animation:eye 5s linear(0 0%,0 1.8%,.01 3.6%,.03 6.35%,.07 9.1%,.13 11.4%,.19 13.4%,.27 15%,.34 16.1%,.54 18.35%,.66 20.6%,.72 22.4%,.77 24.6%,.81 27.3%,.85 30.4%,.88 35.1%,.92 40.6%,.94 47.2%,.96 55%,.98 64%,.99 74.4%,1 86.4%,1 100%) forwards infinite alternate;animation:eye 5s linear(0 0%,0 1.8%,.01 3.6%,.03 6.35%,.07 9.1%,.13 11.4%,.19 13.4%,.27 15%,.34 16.1%,.54 18.35%,.66 20.6%,.72 22.4%,.77 24.6%,.81 27.3%,.85 30.4%,.88 35.1%,.92 40.6%,.94 47.2%,.96 55%,.98 64%,.99 74.4%,1 86.4%,1 100%) forwards infinite alternate;animation-composition:accumulate}.work .detail .liveBtn a{display:inline-block;min-width:125px;padding:.5rem 1rem;position:relative;background-color:var(--bg);border:2px solid var(--border);border-radius:var(--bRadius);transition:all .5s ease-in-out}.work .detail .liveBtn:hover{color:var(--secAccent)}@-webkit-keyframes eye{0%{transform:translate(0) rotate3d(1,1,0,0)}20%{transform:translate(-2px,-2px) rotate3d(-1,1,0,-35deg)}40%{transform:translate(2px,-2px) rotate3d(1,1,0,35deg)}60%{transform:translate(-2px,2px) rotate3d(-1,-1,0,-35deg)}80%{transform:translate(2px,2px) rotate3d(-1,1,0,35deg)}to{transform:translate(0) rotate3d(1,1,0,0)}}@keyframes eye{0%{transform:translate(0) rotate3d(1,1,0,0)}20%{transform:translate(-2px,-2px) rotate3d(-1,1,0,-35deg)}40%{transform:translate(2px,-2px) rotate3d(1,1,0,35deg)}60%{transform:translate(-2px,2px) rotate3d(-1,-1,0,-35deg)}80%{transform:translate(2px,2px) rotate3d(-1,1,0,35deg)}to{transform:translate(0) rotate3d(1,1,0,0)}}.gallery{display:flex;flex-direction:column;justify-content:space-evenly;min-height:100vh;position:relative;gap:5vh}.gallery .imgWrap:first-of-type{margin-top:10vh}.gallery .imgWrap{position:relative;border-radius:var(--bRadius);--opac: 1}.gallery .imgWrap:before{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;height:102%;width:102%;background:var(--accent);opacity:var(--opac);border-radius:inherit;z-index:1}.media-slide{width:60vw;position:relative;border-radius:var(--bRadius);-o-object-fit:scale-down;object-fit:scale-down;transition:transform 1s ease-out;transform-origin:center;height:auto;aspect-ratio:16/9;-webkit-filter:blur(2px);filter:blur(2px)}.next{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#f5f5f5;color:#000;height:150px;padding:1rem 1.5rem;margin-block:5vh;border-radius:var(--bRadius);gap:1rem}.next .pTitle{width:150px}.next .pTitle p{color:gray;text-transform:uppercase;font-size:.75rem}.next .pTitle h2{font-size:clamp(1rem,5.333vw + .333rem,1.75rem)}.next .dragBounds{height:50px;width:100%;max-width:350px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-inline:.25rem;background-color:#f1ccba4f;border-radius:var(--bRadius);transition:all .5s ease}.next .dragBounds:hover{background:#f1ccbab3;box-shadow:inset 8px 8px 16px #debcab,inset -8px -8px 16px #ffdcc9;cursor:pointer}.next .dragBounds:hover .drag{box-shadow:0 0 8px 2px #ffb89580}.next .dragBounds .placeholder{opacity:.5;-webkit-mask-image:none;mask-image:none;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:-webkit-mask-image .2s,mask-image .2s;text-align:center}.next .dragBounds .drag{height:40px;width:65px;position:relative;background-color:#f5f5f5;border-radius:var(--bRadius);transition:box-shadow .5s ease}.next .dragBounds .drag:after{content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;width:20%;height:60%;background-image:radial-gradient(var(--accent) 1px,transparent 0px);background-repeat:repeat;background-size:5px 5px;background-position:center;border-radius:inherit}.next .dragBounds .hit{width:65px;height:100%;display:flex;align-items:center;justify-content:flex-end;padding-inline:10px;opacity:0;transition:opacity .25s ease}.next .nextProjImg{height:100%;border-radius:calc(var(--bRadius) / 2)}@media (width <= 999px){.work-wrap{flex-direction:column;align-items:center;padding-block:10vh 0;height:auto}.work-wrap .work{width:100%;max-width:unset;flex-direction:row;justify-content:space-around;gap:10vw;align-items:baseline;position:relative}.work-wrap .work h1{font-size:clamp(1rem,5.333vw + .333rem,2.25rem)}.work-wrap .work .detail{display:flex;flex-wrap:wrap}.work-wrap .work .detail .desc{max-width:unset}.gallery{align-items:center;width:100%}.gallery .imgWrap{width:100%}.gallery .imgWrap:before{height:100%;width:100%}.gallery .media-slide{width:100%}}@media (width <= 600px){.work-wrap{touch-action:auto;margin-bottom:10vh}.work-wrap .work{flex-wrap:wrap;justify-content:flex-start}.work-wrap .work h1{font-size:clamp(2.5rem,5.333vw + .333rem,3rem)}.next{width:100%;height:auto;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;border-radius:calc(var(--bRadius) / 2)}.next .nextProjImg{width:100%;height:auto;border-radius:calc(var(--bRadius) / 4)}.next .dragBounds{width:100%;max-width:unset;order:2}}@supports (height: 100dvh){.abt{height:100dvh!important;min-height:100dvh!important}}.abt{width:100vw;height:100vh;padding:5vh 5vw;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:stretch;align-items:stretch;gap:5vw;overflow:visible;background-image:radial-gradient(circle,var(--dot) 1px,var(--dot) 1px,transparent 1px,transparent 100%);background-repeat:repeat;background-position:center;background-size:25px 25px;-webkit-mask-image:radial-gradient(70% 100%,#151520 70%,transparent 90%);mask-image:radial-gradient(70% 100%,#151520 70%,transparent 90%)}.abtInfo{display:flex;flex-direction:column;justify-content:space-between;gap:2rem}.abtInfo .abtHeader{width:-webkit-fill-available}.abtInfo .abtHeader p{width:clamp(55ch,5.333vw + .333rem,75ch)}.abtInfo .abtTitle{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;width:-webkit-min-content;width:-moz-min-content;width:min-content;-moz-column-gap:2rem;column-gap:2rem}.abtInfo .abtTitle h1{width:-webkit-min-content;width:-moz-min-content;width:min-content;font-size:clamp(4rem,5.333vw + .333rem,4.5rem);text-transform:uppercase;font-weight:900}.abtInfo .abtTitle h5{max-width:-webkit-min-content;max-width:-moz-min-content;max-width:min-content;text-transform:uppercase}.abtInfo .detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center;gap:1rem}.abtInfo .infoSlider{width:100%;display:flex;justify-content:flex-start;gap:1rem}.abtInfo .infoSlider .slide{position:relative;height:300px;border:1px solid var(--border);border-radius:calc(var(--bRadius) * 2);background-color:var(--accent);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;overflow:hidden;cursor:pointer;transition:transform .5s ease;will-change:contents}.abtInfo .infoSlider .slide.active{width:300px}.abtInfo .infoSlider .slide.active .title{-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;-webkit-text-orientation:initial;text-orientation:initial;letter-spacing:0}.abtInfo .infoSlider .slide.active .content{opacity:1;display:block}.abtInfo .infoSlider .slide .slideIconWrap{position:absolute;top:1rem}.abtInfo .infoSlider .slide .slideIconWrap .slideIcon{width:40px;height:40px;margin:auto;display:flex;align-content:center;justify-content:center;align-items:center;font-size:1.25rem;color:#000;border:1px solid var(--border);border-radius:calc(var(--bRadius) * 4);background-color:#fff;font-weight:bolder;vertical-align:middle;font-size:larger;line-height:1}.abtInfo .infoSlider .slide .title{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-text-orientation:upright;text-orientation:upright;text-transform:uppercase;letter-spacing:-5px}.abtInfo .infoSlider .slide .content{width:100%;color:#fff;margin-top:1rem;font-size:.9rem;opacity:0;display:none}.abtInfo .infoSlider .slide .content .abtCont{text-transform:uppercase}.abtInfo .infoSlider .slide .content .abtCont li a{transition:all .5s ease}.abtInfo .infoSlider .slide .content .abtCont li a:hover{color:var(--secAccent)}.abtInfo .infoSlider .slide .content .abtCont li a:before{content:"🔗";display:inline-block;vertical-align:middle;margin-right:.5rem}.abtInfo .infoSlider .slide .content li{margin-block:10px;border-bottom:1px solid rgba(128,128,128,.5)}.abtCanvas{width:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:1.25rem}.abtCanvas .type{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;z-index:1}.abtCanvas .type .Lword,.abtCanvas .type .Rword{display:inline-block}.abtCanvas .type p{display:flex;flex-wrap:wrap;align-content:center;justify-content:flex-start;align-items:center;gap:.3rem;background-color:var(--accent);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:0 0 12px;padding:.5rem}.abtCanvas .type span{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center;display:block;position:relative;padding:.5rem;margin-left:.5rem;color:#000}.abtCanvas .type span:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:#fff;border-radius:6px;z-index:-1}.abtCanvas .canv{height:100%;background:var(--accent);border-radius:var(--bRadius);padding:1rem;border:1px solid var(--border);position:relative}.abtCanvas .canv .canvIcon{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;bottom:0;right:0;padding:1rem;z-index:1;display:flex;gap:.25rem}.abtCanvas .canv .canvIcon span{height:40px;padding:1rem .5rem;display:flex;justify-content:center;align-items:center;font-size:1.25rem;color:#000;border:1px solid var(--border);border-radius:calc(var(--bRadius) * 4);background-color:#fff;font-weight:bolder;vertical-align:middle;line-height:1}.abtCanvas .canv .canvIcon span p{font-size:.8rem;padding:.25rem;text-transform:uppercase}.abtCanvas .canv .canvIcon span:hover{cursor:pointer}.abtCanvas .sceneInfo{width:100%;max-height:150px;display:flex;flex-direction:row;justify-content:space-between;gap:1rem;background:var(--accent);border-radius:var(--bRadius);padding:1rem;border:1px solid var(--border)}.abtCanvas .sceneInfo h3{font-size:clamp(1rem,5.333vw + .333rem,2rem);line-height:1}.abtCanvas .sceneInfo h4{font-size:1rem;line-height:1}.abtCanvas .sceneInfo h6{margin-bottom:3px}.abtCanvas .sceneInfo .sceneInfoTitle{display:flex;flex-direction:column;justify-content:space-between;min-width:30%}.abtCanvas .sceneInfo .contList{display:flex;flex-direction:column;justify-content:center}.abtCanvas .sceneInfo>p{flex-grow:1;overflow-y:scroll}@media (width <= 999px){.abt{height:auto;min-height:100vh;grid-template-columns:repeat(auto-fit,minmax(550px,1fr));padding-block:10vh;background:none;-webkit-mask-image:none;mask-image:none;gap:10vh}.abt .abtInfo .abtHeader{place-items:center;text-align:center}.abt .abtInfo .abtHeader p{width:100%}.abt .abtInfo .abtTitle{justify-content:center;margin:auto}.abt .abtInfo .abtTitle h1{font-size:clamp(2.5rem,5.333vw + .333rem,4.5rem)}.abt .abtInfo .abtTitle h5{display:none}.abt .abtInfo .infoSlider{justify-content:center}.abt .abtCanvas{height:100%}.abt .abtCanvas .canv{min-height:70vh}}@media (width <= 650px){.abt{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.abt .abtCanvas .type p{justify-content:center}.abt .abtCanvas .sceneInfo{margin-bottom:5vh}.abt .abtCanvas .sceneInfo h3{font-size:1.25rem!important}.abtCanvas .canv .canvIcon span{font-weight:bolder;font-size:x-large}}@media (width <= 500px){.abt .abtInfo .infoSlider{min-height:600px;flex-direction:column}.abt .abtInfo .infoSlider .slide{height:70px;flex-direction:row;justify-content:space-between}.abt .abtInfo .infoSlider .slide .slideIconWrap{position:relative;top:unset}.abt .abtInfo .infoSlider .slide .slideIconWrap .slideIcon{rotate:90deg}.abt .abtInfo .infoSlider .slide .title{letter-spacing:0px;-webkit-text-orientation:initial;text-orientation:initial;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;width:100%;text-align:center}.abt .abtCanvas .sceneInfo{width:100%;max-height:unset;flex-direction:column}.abt .abtCanvas .sceneInfo .sceneInfoTitle{flex-direction:row;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.abt .abtCanvas .sceneInfo h3{font-size:1.25rem}.abt .abtCanvas .sceneInfo h4{font-size:.9rem}.abt .abtCanvas .sceneInfo>p{font-size:.8rem}}