#content:has(.tile){display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px}.tile{height:300px;background-position:center;background-size:cover;position:relative}.tile a{position:absolute;inset:0;display:block}.tile-code{background-image:none!important;background-color:#f7f7f7;display:flex;align-items:center;justify-content:center}.tile-code span{font-family:Courier New,Courier,monospace;font-size:3.2rem;font-weight:700;color:#111;letter-spacing:-.02em;user-select:none}#studio-tile1{background-image:url(/images/studio/main/image1.png)}#studio-tile2{background-image:url(/images/studio/main/image2.png)}#studio-tile3{background-image:url(/images/studio/main/image3.png)}#studio-tile4{background-image:url(/images/studio/main/image4.png)}#studio-tile5{background-image:url(/images/studio/main/image5.png)}#studio-tile6{background-image:url(/images/studio/main/image6.png)}#studio-tile7{background-image:url(/images/studio/main/image7.png)}#studio-tile8{background-image:url(/images/studio/main/image8.png)}#studio-tile9{background-image:url(/images/studio/main/image9.png)}#graphic-tile1{background-image:url(/images/graphic/main/image1.png)}#graphic-tile2{background-image:url(/images/graphic/main/image2.png)}#graphic-tile3{background-image:url(/images/graphic/main/image3.png)}#graphic-tile4{background-image:url(/images/graphic/main/image4.png)}#graphic-tile5{background-image:url(/images/graphic/main/image5.png)}#graphic-tile6{background-image:url(/images/graphic/main/image6.png)}#graphic-tile7{background-image:url(/images/graphic/main/image7.png)}#graphic-tile8{background-image:url(/images/graphic/main/image8.png)}#graphic-tile9{background-image:url(/images/graphic/main/image9.png)}.navbar-protfolio{background-color:#fff;border-bottom:1px solid #e5e5e5;box-shadow:none}.navbar-protfolio a{color:#000}.navbar-brand{font-family:"Libre Barcode 39 Text",cursive;transform:translate(-50%);left:50%;position:absolute}.navbar-nav.navbar-right{margin-top:0;margin-bottom:0}.icon-dots{display:none}.icon-hamburger{display:inline}.row{display:table}[class*=col-]{float:none;display:table-cell;vertical-align:top}.wrapper{display:flex;margin-top:50px}#sidebar{min-width:250px;max-width:250px;position:fixed;color:#000;transition:all .3s;height:100vh;font-family:Dosis,sans-serif;font-weight:500;background-color:#fafafa;border-right:1px solid #e5e5e5;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}#sidebar::-webkit-scrollbar{width:4px}#sidebar::-webkit-scrollbar-track{background:transparent}#sidebar::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:2px}#sidebar.active{margin-left:-250px}#sidebar .sidebar-header{padding:10px 16px}#sidebar hr{border-top:1px solid #e5e5e5}#sidebar ul.components{padding:12px 0;font-family:Dosis,sans-serif;color:#000;font-weight:400}#sidebar ul p{color:#666;padding:10px}#sidebar ul li{display:block;margin-bottom:2px}#sidebar ul li a{padding:10px 16px;font-size:1em;color:#444;display:block;text-decoration:none;transition:color .3s}#sidebar ul li:not(.active):hover a{color:#000;background-color:#f0f0f0}#sidebar ul li.active{border-left:3px solid #000}#sidebar ul li.active a{padding-left:13px;font-weight:600;color:#000}#content{width:calc(100% - 250px);min-height:100vh;transition:all .3s;position:absolute;margin-top:10px;right:0}.panel{margin:0 25px}.about-one{text-align:center}.about-one p{color:#666;font-size:14px;border-bottom:1px solid #444;width:13%;margin:0 auto;font-family:Dosis,sans-serif}.about-two{margin:auto;width:80%}.about-two p{font-size:16px;font-family:Roboto,sans-serif;color:#444;line-height:1.8;margin-top:2%}.about-two img{width:80%;margin:0 10%}.image-gallery{margin:30px auto 50px;width:60%;padding-bottom:40px}.image-gallery .swiper-slide{display:flex;flex-direction:column;align-items:center;text-align:center}.image-gallery img{max-width:100%;height:auto;display:block;margin:0 auto}.image-gallery p{font-family:Roboto,sans-serif;color:#666;line-height:1.8em;margin-top:12px;margin-bottom:0;text-align:center}.image-gallery .swiper-pagination{bottom:0}.image-gallery .swiper-pagination-bullet{background:#666;opacity:.5}.image-gallery .swiper-pagination-bullet-active{opacity:1}.slider-container{min-height:700px}.breadcrumb{background:transparent!important}#breadcrumb{background:transparent!important;font-family:Dosis,sans-serif;font-weight:500;color:#0f0f0f!important}#breadcrumb a{color:#0f0f0f!important}.dropdown-submenu{position:relative}.dropdown-submenu>.dropdown-menu{top:0;right:100%;margin-top:-6px;margin-right:-1px;width:100%;border-radius:0 6px 6px}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu>a:after{display:block;float:left;content:"";width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 5px 5px 0;border-right-color:#ccc;margin-top:5px;margin-left:-10px}.overlay{position:absolute;inset:0;background-color:#2e292399;opacity:0;transition:opacity .3s ease}.tile:hover .overlay{opacity:1}.text{white-space:nowrap;color:#fff;font-size:1.5rem;position:absolute;bottom:20px;left:50%;transform:translate(-50%) translateY(8px);opacity:0;font-family:Dosis,sans-serif;font-weight:600;letter-spacing:.05em;transition:opacity .3s ease,transform .3s ease}.tile:hover .text{opacity:1;transform:translate(-50%) translateY(0)}.sidebar-toggle-btn{display:none;position:fixed;top:0;left:0;height:50px;padding:0 14px;z-index:1031;background:transparent;border:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}.sidebar-toggle-btn span{display:block;width:20px;height:2px;background:#000;transition:all .2s ease}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:900}.sidebar-overlay.visible{display:block}@media(max-width:768px){.navbar-nav.navbar-right{float:right!important;margin:0!important}.navbar-nav.navbar-right>li>a{display:flex!important;align-items:center;height:50px;padding-top:0!important;padding-bottom:0!important}.navbar-nav .dropdown-menu{max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.icon-hamburger{display:none}.icon-dots{display:inline}.sidebar-toggle-btn span:nth-child(1){width:20px}.sidebar-toggle-btn span:nth-child(2){width:13px}.sidebar-toggle-btn span:nth-child(3){width:20px}.navbar-nav .dropdown-menu>li>a{padding:6px 16px;font-size:.9em}.dropdown-submenu>.dropdown-menu{position:static;float:none;margin:0;border:none;border-radius:0;box-shadow:none;background:#f5f5f5;padding-left:12px;display:none;max-height:none;overflow:visible}.dropdown-submenu>li>a{padding:5px 16px}.dropdown-submenu.open>.dropdown-menu{display:block}.dropdown-submenu>a:after{display:none}.sidebar-toggle-btn{display:flex}#sidebar{position:fixed;left:0;top:0;z-index:1000;transform:translate(-100%);transition:transform .25s ease;height:100vh;padding-top:50px}#sidebar.mobile-open{transform:translate(0)}#sidebar.active{margin-left:0}.wrapper{margin-top:50px}#content{width:100%;position:relative;right:auto;margin-top:0}.panel{margin:0 10px}.about-two{width:95%}.about-two img{width:100%;margin:0}.image-gallery{width:90%}#content:has(.tile){grid-template-columns:1fr;gap:6px;padding:6px}}