:root{--primary-color: #3b42a2;--text-dark: #373d4a;--text-light: #ffffff;--header-height: 45px;--header-logo-size: 64px;--header-logo-top-offset: -9px;--header-logo-indent: 4px;--header-portfolio-size: calc((var(--header-height) / 3) * 1.8)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16.5px}body{font-family:Montserrat,sans-serif;font-weight:500;background-color:#fff;color:var(--text-dark);overflow-x:hidden}p,li{font-weight:500}.header{display:flex;align-items:flex-start;justify-content:space-between;width:100%;height:var(--header-height);overflow:visible;background-color:var(--primary-color);z-index:100;padding:0;position:relative}.logo-group{display:flex;flex-direction:row;align-items:flex-start;align-self:flex-start;text-decoration:none;cursor:pointer;gap:20px;height:var(--header-height);margin-top:0;padding-left:var(--header-logo-indent)}.main-logo{font-size:var(--header-logo-size);font-weight:900;letter-spacing:0;text-transform:uppercase;margin:0;padding:0;line-height:1;color:#fff;transform:translateY(var(--header-logo-top-offset))}.sub-logo{font-weight:900;font-size:var(--header-portfolio-size);letter-spacing:0;text-transform:uppercase;color:#fff;line-height:1;margin-top:calc(var(--header-height) - (var(--header-portfolio-size) * .85) + 3px)}.nav-links{display:flex;gap:15px;align-items:center;align-self:flex-start;height:var(--header-height);padding-right:20px}.nav-toggle{align-items:center;background:transparent;border:0;cursor:pointer;display:none;flex-direction:column;gap:5px;height:var(--header-height);justify-content:center;padding:0 12px;position:relative;width:48px}.nav-toggle span{background:#fff;border-radius:999px;display:block;height:3px;transition:opacity .18s ease,transform .18s ease;width:25px}.nav-icon{display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .2s ease;cursor:pointer}.nav-icon:hover{transform:scale(1.15)}.nav-icon-img{width:36px;height:36px;object-fit:contain}.blog-icon-img{width:42px;height:36px}@media(max-width:720px){:root{--header-logo-size: 32px;--header-logo-top-offset: -2px}.header{isolation:isolate}.logo-group{flex:1 1 auto;gap:0;max-width:calc(100% - 48px);min-width:0}.main-logo{white-space:nowrap}.sub-logo{display:none}.nav-toggle{display:flex;flex:0 0 48px;z-index:103}.header.menu-open .nav-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}.header.menu-open .nav-toggle span:nth-child(2){opacity:0}.header.menu-open .nav-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-links{align-items:center;background:var(--primary-color);border-radius:0 0 6px 6px;box-shadow:0 12px 24px #00000038;display:none;flex-direction:column;gap:8px;height:auto;padding:10px 8px 12px;position:absolute;right:0;top:var(--header-height);width:60px;z-index:102}.header.menu-open .nav-links{display:flex}}.home-container{position:relative;width:100%;height:calc(100vh - var(--header-height));overflow:hidden;background-color:#fff}.bio-vote-widget{display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr);align-items:center;gap:28px;max-width:860px;margin:36px auto 0}.bio-vote-option{align-items:center;display:flex;flex-direction:column}.bio-vote-button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:900;letter-spacing:0;line-height:1.15;min-height:54px;padding:14px 22px;text-transform:uppercase;transition:transform .18s ease,box-shadow .18s ease}.bio-vote-button:hover{box-shadow:0 8px 18px #0000002e;transform:translateY(-2px)}.bio-vote-button.is-selected{outline:none}.bio-vote-left{background:#5c784f}.bio-vote-right{background:#80454d}.bio-side-count{font-size:1rem;font-weight:900;line-height:1.2;margin:12px 0 0;text-align:center}.bio-side-count-left,.bio-side-count-right{color:#000}.bio-vote-meter-wrap{display:flex;flex-direction:column;align-items:center;min-width:170px}.bio-vote-meter{align-items:center;background:linear-gradient(90deg,#5c784f 0 59%,#80454d 59% 100%);border:2px solid rgba(55,61,74,.16);border-radius:4px;color:#373d4a;display:flex;font-size:1.15rem;font-weight:900;height:32px;justify-content:center;position:relative;width:190px}.bio-vote-meter:after{display:none}.bio-vote-meter:before{display:none}.bio-vote-meter span{color:#fff;font-size:1rem;position:relative;text-shadow:0 1px 2px rgba(0,0,0,.4);z-index:3}.bio-vote-count{color:#000;font-size:1rem;font-weight:700;line-height:1.3;margin:34px 0 0;text-align:center}@media(max-width:720px){.bio-vote-widget{grid-template-columns:1fr;gap:18px}.bio-vote-meter-wrap{order:-1}.about-shell{padding:74px 22px 64px!important}.about-title{font-size:2.35rem!important}.about-intro{font-size:1rem!important;line-height:1.5!important}.about-hint{font-size:.9rem!important;line-height:1.45!important}.about-bio-grid{gap:38px!important;margin-top:42px!important}.about-bio-title{font-size:1.55rem!important}.about-bio-copy{font-size:.96rem!important;line-height:1.6!important}}.blog-shell{margin:0 auto;max-width:1120px;padding:90px 34px 80px}.blog-header{text-align:center}.blog-header h2{color:#3b42a2;font-size:3rem;font-weight:900;line-height:1;margin:0 0 28px;text-transform:uppercase}.blog-coming-soon{color:#666;font-size:1.2rem;font-weight:800;line-height:1.3;margin:-12px 0 24px}.blog-controls{display:grid;gap:18px;margin:0 auto;max-width:860px}.blog-search{border:2px solid #d9dbe8;border-radius:6px;color:#373d4a;font-family:inherit;font-size:1rem;font-weight:600;padding:14px 16px;width:100%}.blog-search:focus{border-color:#3b42a2;outline:none}.blog-categories{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.blog-category-button{background:#fff;border:2px solid #d9dbe8;border-radius:999px;color:#373d4a;cursor:pointer;font-family:inherit;font-size:.88rem;font-weight:800;padding:9px 15px;text-transform:uppercase}.blog-category-button.is-active,.blog-category-button:hover{background:#3b42a2;border-color:#3b42a2;color:#fff}.blog-status{color:#666;font-size:1.08rem;font-weight:700;margin:34px 0 0;text-align:center}.blog-list{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:42px}.blog-card{background:#fff;border-radius:8px;box-shadow:0 10px 26px #00000014;cursor:pointer;display:flex;flex-direction:column;min-height:250px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.blog-card:hover{box-shadow:0 16px 34px #0000001f;transform:translateY(-3px)}.blog-card-cover{aspect-ratio:16 / 9;background:#e6e8f3;overflow:hidden}.blog-card-cover img{height:100%;object-fit:cover;width:100%}.blog-card-body{padding:22px}.blog-meta{color:#666;font-size:.82rem;font-weight:800;letter-spacing:0;margin-bottom:10px;text-transform:uppercase}.blog-card h3{color:#373d4a;font-size:1.35rem;font-weight:900;line-height:1.15;margin:0 0 12px}.blog-card p{color:#555;font-size:1rem;line-height:1.55;margin:0}.blog-detail{background:#fff;border-radius:8px;box-shadow:0 10px 26px #00000014;margin:42px auto 0;max-width:820px;padding:38px}.blog-back-button{background:transparent;border:none;color:#3b42a2;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:900;margin:0 0 24px;padding:0;text-transform:uppercase}.blog-detail h3{color:#373d4a;font-size:2.45rem;font-weight:900;line-height:1.05;margin:0 0 12px}.blog-detail-cover{border-radius:6px;margin:28px 0;max-height:440px;object-fit:cover;width:100%}.blog-content{color:#444;font-size:1.08rem;line-height:1.75}.blog-content p{margin:0 0 24px}@media(max-width:720px){.blog-shell{padding:76px 18px 60px}.blog-detail{padding:26px}.blog-detail h3{font-size:2rem}}.icons-container{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:90%;display:flex;justify-content:center;align-items:flex-end;gap:60px;z-index:5}.category-icon-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;cursor:pointer;z-index:5;position:relative}.category-image{height:150px;width:auto;filter:drop-shadow(0px 4px 8px rgba(0,0,0,.2));transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform-origin:bottom center}.category-label{margin-top:15px;font-weight:900;color:#3b42a2;font-size:1.1rem;text-align:center;letter-spacing:.08em;text-transform:uppercase;white-space:pre-line;line-height:1.2;opacity:0;transform:translateY(-10px);transition:all .4s ease;pointer-events:none;position:absolute;bottom:-60px;width:200px}.category-icon-link:hover{z-index:20}.category-icon-link:hover .category-image{transform:scale(1.66);filter:drop-shadow(0px 15px 25px rgba(0,0,0,.4))}.category-icon-link:hover .category-label{opacity:1;transform:translateY(0) scale(1.4)}#drawpaint-view,[id="3d-fabrication-view"]{overflow-y:auto;background-color:#f8f9fa}#lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:2000;justify-content:center;align-items:center;cursor:auto}#lightbox img{max-width:85%;max-height:85%;box-shadow:0 0 20px #fff3;border:5px solid #fff}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;font-size:3rem;padding:20px;cursor:pointer;transition:background .3s;z-index:2100;-webkit-user-select:none;user-select:none}.lightbox-nav:hover{background:#ffffff4d}#prev-btn{left:20px}#next-btn{right:20px}.back-arrow{position:absolute;top:30px;left:30px;z-index:1300;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.back-arrow:hover{transform:scale(1.2);filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.back-arrow svg{width:48px;height:48px}.modern-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;padding:0 50px 80px;max-width:1600px;margin:0 auto}.gallery-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000014;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;display:flex;flex-direction:column;opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease-out forwards}.gallery-card:hover{transform:translateY(-8px) scale(1.02)!important;box-shadow:0 20px 40px #00000026}.gallery-card img{width:100%;height:250px;object-fit:contain;background-color:#f1f2f6;padding:20px;transition:transform .4s ease}.gallery-card:hover img{transform:scale(1.05)}.card-info{padding:20px;border-top:1px solid #f0f0f0;background:#fff;z-index:2}.card-title{font-weight:700;color:#373d4a;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}#drawpaint-grid,#graphic-design-grid,#digital-work-grid,#phony-intellect-grid,[id="3d-fabrication-grid"]{display:flex;flex-wrap:wrap;gap:0;padding:0 20px 80px}#drawpaint-grid:after,#graphic-design-grid:after,#digital-work-grid:after,#phony-intellect-grid:after,[id="3d-fabrication-grid"]:after{content:"";flex-grow:10;height:0}#drawpaint-grid .gallery-card,#graphic-design-grid .gallery-card,#digital-work-grid .gallery-card,#phony-intellect-grid .gallery-card,[id="3d-fabrication-grid"] .gallery-card{border-radius:0;box-shadow:none;background:transparent;position:relative;flex-grow:1;flex-basis:350px;max-width:49%;height:350px;overflow:hidden;margin:1px}#drawpaint-grid .gallery-card:hover,#graphic-design-grid .gallery-card:hover,#digital-work-grid .gallery-card:hover,#phony-intellect-grid .gallery-card:hover,[id="3d-fabrication-grid"] .gallery-card:hover{transform:none!important;box-shadow:none;z-index:20}#drawpaint-grid .gallery-card img,#graphic-design-grid .gallery-card img,#digital-work-grid .gallery-card img,#phony-intellect-grid .gallery-card img,#phony-intellect-grid .gallery-card video,[id="3d-fabrication-grid"] .gallery-card img{padding:0;background-color:transparent!important;height:100%;width:100%;object-fit:cover;display:block;transition:transform .4s ease,filter .4s ease}#drawpaint-grid .gallery-card:hover img,#graphic-design-grid .gallery-card:hover img,#digital-work-grid .gallery-card:hover img,#phony-intellect-grid .gallery-card:hover img,#phony-intellect-grid .gallery-card:hover video,[id="3d-fabrication-grid"] .gallery-card:hover img{transform:scale(1.05);filter:grayscale(30%)}#drawpaint-grid .card-info,#graphic-design-grid .card-info,#digital-work-grid .card-info,#phony-intellect-grid .card-info,[id="3d-fabrication-grid"] .card-info{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;border-top:none;display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .3s ease;padding:20px;z-index:10}#drawpaint-grid .gallery-card:hover .card-info,#graphic-design-grid .gallery-card:hover .card-info,#digital-work-grid .gallery-card:hover .card-info,#phony-intellect-grid .gallery-card:hover .card-info,[id="3d-fabrication-grid"] .gallery-card:hover .card-info{opacity:1;background:#3b42a2b3}#drawpaint-grid .card-title,#graphic-design-grid .card-title,#digital-work-grid .card-title,#phony-intellect-grid .card-title,[id="3d-fabrication-grid"] .card-title{color:#fff;font-size:1.5rem;white-space:normal;text-align:center;text-shadow:0px 2px 8px rgba(0,0,0,.8),0px 0px 4px rgba(0,0,0,.8)}@keyframes infinite-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes infinite-scroll-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.carousel-track.marquee-anim{animation:infinite-scroll 50s linear infinite}.carousel-track.marquee-reverse{animation:infinite-scroll-reverse 50s linear infinite}.carousel-container:hover .carousel-track{animation-play-state:paused}
