:root{--bg-color:#050508;--bg-darker:#020204;--text-color:#f3f4f6;--text-muted:#a1a1aa;--brand-color1:#e3594a;--brand-color2:#ec8b28;--primary-gradient:linear-gradient(135deg, var(--brand-color1), var(--brand-color2));--primary-gradient-hover:linear-gradient(135deg, var(--brand-color2), var(--brand-color1));--secondary-color:#ffffff1a;--card-bg:#121218;--card-border:#ffffff1f;--glass-bg:#050508b3;--glass-border:#ffffff26;--client-color:#fff3;--client-color-hover:#fffc;--max-width:1200px}[data-theme=light]{--bg-color:#fff;--bg-darker:#fff;--text-color:#111827;--text-muted:#4b5563;--secondary-color:#0000001a;--card-bg:#fff;--card-border:#e5e7eb;--glass-bg:#fffc;--glass-border:#0000001a;--client-color:#0003;--client-color-hover:#000c}[data-theme=light] .navbar .nav-links a,[data-theme=light] .navbar .theme-btn{color:#111827!important}*{box-sizing:border-box;word-break:keep-all;overflow-wrap:break-word;margin:0;padding:0}html{scroll-behavior:smooth;touch-action:manipulation;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-color);color:var(--text-color);-webkit-user-select:none;user-select:none;font-family:Inter,Noto Sans KR,sans-serif;line-height:1.6;overflow-x:hidden}.hero-title,.hero-subtitle,.section-title,.section-desc,.slogan-text,.card h3,.card p,.project-info h3,.project-info p,.client-logo span,.contact-title,.contact-desc,.info-group p,.modal-info-wrap h3,.modal-info-wrap p{white-space:pre-wrap}input,textarea{-webkit-user-select:auto;user-select:auto}a{color:inherit;text-decoration:none;transition:all .3s}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.text-center{text-align:center}.bg-dark{background-color:var(--bg-color)}.bg-darker{background-color:var(--bg-darker)}.overflow-hidden{overflow:hidden}.section-label{letter-spacing:2px;background:var(--primary-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.section-title{margin-bottom:3rem;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2}.section-desc{color:var(--text-muted);max-width:900px;margin-bottom:2rem;font-size:1.1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.navbar{z-index:100;background:0 0;width:100%;padding:1.2rem 0;transition:all .3s;position:fixed;top:0}.navbar.nav-scrolled{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-container{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:0 2rem;display:flex}.logo{align-items:center;display:flex}.logo-img{object-fit:contain;width:auto;max-height:28px}.nav-links{align-items:center;gap:2.5rem;display:flex}.nav-links a{text-transform:uppercase;letter-spacing:1px;color:#fffc;font-size:.9rem;font-weight:500;transition:color .3s}.navbar.nav-scrolled .nav-links a{color:var(--text-color)}.nav-links a:hover{background:var(--primary-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.nav-actions{align-items:center;gap:1.5rem;display:flex}.theme-btn{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;font-size:1.2rem;transition:all .3s;display:flex}.navbar.nav-scrolled .theme-btn{color:var(--text-color)}.theme-btn:hover{background:var(--card-border)}.theme-switch-wrapper{align-items:center;display:flex}.ios-switch{width:38px;height:20px;margin:0;display:inline-block;position:relative}.ios-switch input{opacity:0;width:0;height:0}.ios-switch .slider{cursor:pointer;background-color:#e5e7eb;border-radius:34px;justify-content:space-between;align-items:center;padding:0 4px;transition:all .4s;display:flex;position:absolute;inset:0;box-shadow:inset 0 2px 4px #0000001a}.ios-switch .slider:after{content:"☀️";z-index:1;font-size:10px;position:absolute;right:4px}.ios-switch .slider:before{content:"🌙";z-index:1;font-size:10px;position:absolute;left:4px}.ios-switch .slider .knob{z-index:2;background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .4s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 5px #0000004d}.ios-switch input:checked+.slider{background-color:#374151}.ios-switch input:checked+.slider .knob{transform:translate(18px)}.hamburger{cursor:pointer;z-index:200;flex-direction:column;justify-content:space-between;width:24px;height:18px;display:none;position:relative}.hamburger span{background:var(--primary-gradient);border-radius:2px;width:100%;height:2px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:block}.navbar.nav-scrolled .hamburger span{background:var(--primary-gradient)}.hamburger.open span:first-child{transform:translateY(8px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.mobile-menu{z-index:150;pointer-events:none;background:0 0;flex-direction:column;justify-content:flex-start;align-items:flex-end;width:auto;height:auto;display:flex;position:fixed;top:80px;right:1.5rem}.mobile-menu.active{pointer-events:auto}.mobile-nav-links{flex-direction:column;align-items:flex-end;gap:.15rem;display:flex}.mobile-link{text-transform:uppercase;opacity:0;transform-origin:100% 0;padding:.35rem .8rem;font-size:.95rem;font-weight:800;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform:translateY(-15px)scale(.9)}.mobile-link:first-child{color:#e3594a}.mobile-link:nth-child(2){color:#e56541}.mobile-link:nth-child(3){color:#e77239}.mobile-link:nth-child(4){color:#ea7e30}.mobile-link:nth-child(5){color:#ec8b28}.mobile-link:hover{filter:brightness(1.2)}.mobile-menu.active .mobile-link{opacity:1;transform:translateY(0)scale(1)}.mobile-menu.active .mobile-link:first-child{transition-delay:.1s}.mobile-menu.active .mobile-link:nth-child(2){transition-delay:.2s}.mobile-menu.active .mobile-link:nth-child(3){transition-delay:.3s}.mobile-menu.active .mobile-link:nth-child(4){transition-delay:.4s}.mobile-menu.active .mobile-link:nth-child(5){transition-delay:.5s}.hero-video-section{flex-direction:column;justify-content:center;height:100vh;display:flex;position:relative;overflow:hidden}.theme-transition-block{width:100%;height:250px}.video-overlay{z-index:-1;background:linear-gradient(90deg,#000c 0%,#0006 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-editorial-section{background-color:var(--bg-color);align-items:center;height:100vh;transition:background-color .3s;display:flex;position:relative;overflow:hidden}.hero-editorial-container{z-index:2;grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem;width:100%;transition:transform .2s ease-out;display:grid;position:relative}.hero-editorial-text{text-align:left}.hero-editorial-title{letter-spacing:-2px;color:var(--text-color);white-space:nowrap;opacity:0;margin-bottom:1.5rem;font-size:clamp(3.8rem,5.5vw,4.2rem);font-weight:850;line-height:1.1;transition:color .3s,opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.hero-editorial-title.loaded{opacity:1;transform:translateY(0)}.hero-editorial-title .serif-italic{letter-spacing:-1px;background:var(--primary-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:.5rem;margin-bottom:-.3em;padding-bottom:.3em;padding-right:.1em;font-family:Playfair Display,Georgia,serif;font-size:.95em;font-style:italic;font-weight:800;display:inline-block}.hero-editorial-subtitle{color:var(--text-muted);opacity:0;max-width:500px;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.6;transition:color .3s,opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);transform:translateY(15px)}.hero-editorial-subtitle.loaded{opacity:1;transform:translateY(0)}.hero-3d-card-wrapper{perspective:1200px;width:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;z-index:2;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--tilt-scale,1));justify-content:center;align-items:center;transition:transform .3s ease-out;display:flex}.hero-3d-card{aspect-ratio:2/3;width:100%;max-height:520px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;z-index:1;cursor:pointer;background:#000;border-radius:24px;transition:transform .8s cubic-bezier(.4,0,.2,1),box-shadow .3s;position:relative;transform:rotateY(0);box-shadow:0 10px 25px #0000004d}.hero-3d-card.glow-active{box-shadow:0 0 35px #e3594a40,0 0 60px #ec8b281f,0 10px 25px #0000004d}.hero-3d-card.glow-active .card-front,.hero-3d-card.glow-active .card-back{border-color:#ec8b2840}.hero-3d-card.flipped.flip-left{transform:rotateY(-180deg)}.hero-3d-card.flipped.flip-right{transform:rotateY(180deg)}.hero-3d-card:hover{box-shadow:0 0 50px #e3594a73,0 0 90px #ec8b2840,0 15px 35px #00000080}.hero-3d-card:hover .card-front,.hero-3d-card:hover .card-back{border-color:#ec8b2873}.card-face{backface-visibility:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);border:1px solid var(--card-border);border-radius:24px;transition:border-color .3s;position:absolute;inset:0;overflow:hidden;mask-image:radial-gradient(#fff,#000)}.card-front{z-index:2;transform:rotateY(0)}.card-back{z-index:1;background:var(--card-bg);transform:rotateY(180deg)translateZ(1px)}.card-back-glow{background:radial-gradient(circle 140px at var(--mouse-x,50%) var(--mouse-y,50%), #ec8b2842 0%, #e3594a0d 50%, transparent 100%);pointer-events:none;z-index:2;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.hero-3d-card:hover .card-back-glow{opacity:1}.hero-card-poster{object-fit:cover;z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.back-poster-dark-mode{display:block}.back-poster-light-mode,[data-theme=light] .back-poster-dark-mode{display:none}[data-theme=light] .back-poster-light-mode{display:block}.hero-card-video{object-fit:cover;backface-visibility:hidden;pointer-events:none;width:100%;height:100%;transition:transform .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.01)}.hero-3d-card:hover .hero-card-video{transform:translate(-50%,-50%)scale(1.06)}.hero-card-overlay{pointer-events:none;background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}@media (width<=900px){.hero-editorial-section{flex-direction:column;justify-content:center;height:auto;min-height:100vh;padding:7rem 0 5rem;display:flex}.hero-editorial-container{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-editorial-text{text-align:center;order:1}.hero-editorial-subtitle{margin:0 auto}.hero-3d-card-wrapper{order:2;width:100%;max-width:550px;margin:0 auto}.hero-3d-card{aspect-ratio:3/4}.hero-3d-card.glow-active{box-shadow:0 0 15px #e3594a33,0 0 25px #ec8b281a,0 6px 15px #00000040}.hero-3d-card:hover{box-shadow:0 0 20px #e3594a4d,0 0 35px #ec8b2826,0 8px 20px #0000004d}}.audio-btn{background:var(--bg-color);-webkit-backdrop-filter:blur(8px);background-image:linear-gradient(var(--bg-color), var(--bg-color)), var(--primary-gradient);cursor:pointer;color:var(--text-color);z-index:10;background-origin:border-box;background-clip:padding-box,border-box;border:1.5px solid #0000;border-radius:22px;align-items:center;gap:7px;padding:.6rem 1.1rem;transition:all .3s;display:flex;position:absolute;bottom:2rem;right:2rem}.audio-btn:hover{background:var(--card-border);background-image:linear-gradient(var(--card-border), var(--card-border)), var(--primary-gradient)}.audio-bars{align-items:flex-end;gap:3px;height:12px;display:flex}.bar{background:var(--brand-color2);width:2.5px;height:20%;transition:height .2s}.audio-btn.playing .bar:first-child{animation:1s infinite bounce}.audio-btn.playing .bar:nth-child(2){animation:1s .2s infinite bounce}.audio-btn.playing .bar:nth-child(3){animation:1s .4s infinite bounce}.audio-btn.playing .bar:nth-child(4){animation:1s .6s infinite bounce}@keyframes bounce{0%,to{height:20%}50%{height:100%}}.audio-text{letter-spacing:1px;background:var(--primary-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:.6rem;font-weight:600;display:inline-block}.scroll-indicator{z-index:10;color:var(--text-color);align-items:center;gap:12px;display:flex;position:absolute;bottom:2rem;left:2rem}.mouse{background-image:linear-gradient(var(--bg-color), var(--bg-color)), var(--primary-gradient);background-origin:border-box;background-clip:content-box,border-box;border:1.5px solid #0000;border-radius:11px;width:20px;height:32px;position:relative}.mouse:before{content:"";background:var(--brand-color2);border-radius:1.5px;width:3px;height:6px;animation:2s infinite scrollMouse;position:absolute;top:5px;left:50%;transform:translate(-50%)}@keyframes scrollMouse{0%{opacity:1;top:5px}to{opacity:0;top:15px}}.scroll-indicator span{letter-spacing:1.5px;background:var(--primary-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:.6rem;font-weight:600;display:inline-block}.section{flex-direction:column;justify-content:center;min-height:100vh;padding:8rem 0;display:flex}.section-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-stats{gap:2rem;display:flex}.stat-item{text-align:center;flex:1}.stat-number{margin-bottom:.5rem;font-size:3rem;font-weight:900}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto);gap:1.5rem;margin-bottom:4rem;display:grid}.bento-item{cursor:pointer;border-radius:24px;flex-direction:column;justify-content:center;padding:3rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.bento-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.bento-main{grid-area:1/1/span 2/span 2;justify-content:flex-start;align-items:flex-start}.bento-visual{display:none!important}.bento-item.size-1x1{grid-area:span 1/span 1}.bento-item.size-2x1{grid-area:span 1/span 2}.bento-item.size-2x2{grid-area:span 2/span 2}.bento-item.size-4x1{grid-area:span 1/span 4}.bento-item.align-left{text-align:left;align-items:flex-start}.bento-item.align-center{text-align:center;align-items:center}.bento-item.align-right{text-align:right;align-items:flex-end}.bento-item.text-small h3{font-size:1.2rem!important}.bento-item.text-small p{font-size:.85rem!important}.bento-item.text-medium h3{font-size:1.8rem!important}.bento-item.text-medium p{font-size:.95rem!important}.bento-item.text-large h3{font-size:3rem!important}.bento-item.text-large p{font-size:1.1rem!important}.bento-item .slogan-text{color:var(--text-color);font-size:1.5rem;font-style:italic;font-weight:300;line-height:1.4}.cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:2.5rem;transition:all .4s;box-shadow:0 4px 20px #0003}.card:hover{border-color:var(--brand-color2);transform:translateY(-10px);box-shadow:0 10px 30px #ec8b2833}.cards .card{-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);background:#121218b3;transition:border-color .4s,box-shadow .4s,transform .4s;position:relative;overflow:hidden}[data-theme=light] .cards .card{background:#ffffffbf;border:1px solid #00000014}[data-theme=light] .cards .card:hover{border-color:var(--brand-color2);background:#ffffffe6}.card-bg-img{z-index:0;opacity:.25;filter:blur(2px)grayscale(.2);pointer-events:none;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity .5s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94),filter .5s;position:absolute;top:0;left:0;transform:scale(1)}.cards .card:hover .card-bg-img{opacity:.6;filter:blur()grayscale(0);transform:scale(1.05)}[data-theme=light] .card-bg-img{opacity:.12}[data-theme=light] .cards .card:hover .card-bg-img{opacity:.25}.card-content{z-index:1;pointer-events:none;transition:transform .4s cubic-bezier(.25,.46,.45,.94);position:relative}.cards .card:hover .card-content{transform:translateY(-8px)}.card-icon{justify-content:flex-start;align-items:center;height:56px;margin-bottom:1.5rem;font-size:2.5rem;display:flex}.card-icon svg{stroke:#e3594a;width:48px;height:48px;transition:stroke .3s,transform .3s}.cards .card:hover .card-icon svg{stroke:#ec8b28;transform:scale(1.1)}.card h3{margin-bottom:1rem;font-size:1.55rem}.card p{color:var(--text-muted);font-size:.95rem}.cards .card p{opacity:1;transition:color .3s;color:var(--text-color)!important}.cards .card:hover p{opacity:1}.projects-marquee-container{white-space:nowrap;width:100%;margin-top:2rem;padding:3rem 0;position:relative;overflow:hidden;transform:translate(0,0)}.projects-marquee-container:before,.projects-marquee-container:after{content:"";z-index:2;pointer-events:none;width:150px;height:100%;position:absolute;top:0}.projects-marquee-container:before{background:linear-gradient(to right, var(--bg-color), transparent);left:0}.projects-marquee-container:after{background:linear-gradient(to left, var(--bg-color), transparent);right:0}.projects-marquee-track{white-space:nowrap;display:inline-block}.projects-marquee-track.is-animated{animation:60s linear infinite scrollMarquee}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.project-card{background:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;white-space:normal;vertical-align:top;border-radius:12px;width:300px;max-width:85vw;margin-right:2rem;transition:transform .3s;display:inline-block;overflow:hidden;box-shadow:0 4px 20px #0003;opacity:1!important;visibility:visible!important}.project-card:hover{border-color:var(--brand-color2);transform:translateY(-5px);box-shadow:0 10px 30px #ec8b2826}.project-img{width:100%;height:250px;position:relative;overflow:hidden}.project-img-content{object-fit:cover;width:100%;height:100%}.bg-gradient-1{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 99% 100%)}.bg-gradient-2{background:linear-gradient(120deg,#84fab0 0%,#8fd3f4 100%)}.bg-gradient-3{background:linear-gradient(120deg,#a1c4fd 0%,#c2e9fb 100%)}.project-info{flex-direction:column;justify-content:flex-start;min-height:110px;padding:1.5rem;display:flex}.project-info h3{margin-bottom:.5rem;font-size:1.2rem}.project-info p{color:var(--text-muted);font-size:.9rem}.marquee-container{width:100%;padding:4rem 0;position:relative;overflow:hidden;transform:translate(0,0)}.marquee-container:before,.marquee-container:after{content:"";z-index:2;width:150px;height:100%;position:absolute;top:0}.marquee-container:before{background:linear-gradient(to right, var(--bg-color), transparent);left:0}.marquee-container:after{background:linear-gradient(to left, var(--bg-color), transparent);right:0}.marquee-track{white-space:nowrap;display:inline-block}.marquee-track.is-animated{animation:60s linear infinite scrollMarquee}.marquee-track-reverse.is-animated{animation:60s linear infinite scrollMarqueeReverse!important}.marquee-track:hover,.marquee-track-reverse:hover{animation-play-state:paused!important}@keyframes scrollMarqueeReverse{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes fruitPop{0%{opacity:0;transform:scale(0)translateY(10px)}70%{transform:scale(1.12)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.marquee-track:hover{animation-play-state:paused}.client-logo{vertical-align:middle;padding:0 4rem;display:inline-block;opacity:1!important;visibility:visible!important}.client-logo span{color:var(--client-color);text-transform:uppercase;font-size:2rem;font-weight:800;transition:all .3s}.client-logo span:hover{color:var(--client-color-hover)}.client-logo img.client-logo-img{object-fit:contain;vertical-align:middle;width:auto;max-height:60px;transition:all .3s}.client-logo img.client-logo-img:hover,[data-theme=light] .client-logo img.client-logo-img:hover{transform:scale(1.05)}.footer{background-color:var(--bg-color);flex-direction:column;min-height:100vh;padding:8rem 0 0;display:flex}.footer .container{flex-direction:column;flex-grow:1;justify-content:center;display:flex}.contact-wrap{grid-template-columns:1.2fr 1fr;align-items:stretch;gap:4rem;margin-bottom:4rem;display:grid}.contact-info{flex-direction:column;justify-content:center;display:flex}.contact-form-container{flex-direction:column;justify-content:center;height:100%;display:flex}.contact-title{background:var(--primary-gradient);-webkit-text-fill-color:transparent;color:#0000;white-space:nowrap;-webkit-background-clip:text;background-clip:text;margin-bottom:.8rem;padding-bottom:.1em;padding-right:.2em;font-family:Playfair Display,Georgia,serif;font-size:2.25rem;font-style:italic;font-weight:800;line-height:1.2}.contact-title br{display:none}.contact-desc{color:var(--text-muted);margin-bottom:2rem;font-size:1.275rem}.info-group{margin-bottom:1.5rem}.info-group h4{letter-spacing:2px;color:var(--text-muted);margin-bottom:.3rem;font-size:.6rem}.info-group p{font-size:.85rem}.input-group{margin-bottom:1.5rem}.input-group input,.input-group textarea{border:1px solid var(--card-border);width:100%;color:var(--text-color);background:0 0;border-radius:8px;padding:1rem;font-family:inherit;transition:border-color .3s}.input-group textarea{resize:none}.input-group input:focus,.input-group textarea:focus{border-color:var(--brand-color1);outline:none}.btn-primary{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:1rem 2rem;font-weight:600;transition:all .3s}.btn-primary:hover{background:var(--primary-gradient-hover)}.contact-form-container.card{padding:1.8rem 2rem}.contact-form-container .input-group{margin-bottom:1rem}.contact-form-container .input-group input,.contact-form-container .input-group textarea{padding:.8rem 1rem}.contact-form-container button.btn-primary{padding:.8rem 2rem}.btn-primary-small{color:var(--brand-color1);background:#e3594a1a;border:1px solid #e3594a33;border-radius:6px;padding:.5rem 1.2rem;font-size:.9rem}.btn-primary-small:hover{background:var(--primary-gradient);color:#fff;border-color:#0000}.footer-logo{object-fit:contain;width:auto;height:28px;margin-bottom:0}.footer-bottom{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:flex-end;align-items:center;gap:.5rem;min-height:100px;margin-top:8rem;margin-bottom:0;padding-top:2rem;padding-bottom:2rem;font-size:.7rem;display:flex}@media (width<=900px){.section-grid,.about-grid,.contact-wrap{grid-template-columns:1fr;gap:1.5rem}#clients{justify-content:flex-start!important;min-height:auto!important;padding-top:5rem!important}.footer{min-height:auto!important;padding-top:5rem!important}.footer .container{justify-content:flex-start!important}.contact-title{word-break:keep-all;white-space:normal!important;margin-bottom:.5rem!important;font-size:clamp(1.6rem,8vw,1.8rem)!important}.contact-desc{margin-bottom:1.2rem!important;font-size:1rem!important}.contact-form-container.card{box-sizing:border-box;width:100%;padding:1.5rem 1.2rem!important}.footer-bottom{margin-top:3rem!important}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.nav-container{justify-content:space-between;padding:0 1.5rem}.nav-links{display:none}.hamburger{display:flex}.ios-switch{width:54px;height:28px}.ios-switch .slider:after{font-size:12px;right:6px}.ios-switch .slider:before{font-size:12px;left:6px}.ios-switch .slider .knob{width:22px;height:22px;bottom:3px;left:3px}.ios-switch input:checked+.slider .knob{transform:translate(26px)}.hero-editorial-title{letter-spacing:-2px;line-height:1;font-size:clamp(3rem,12vw,5.5rem)!important}.hero-editorial-subtitle{font-size:1.1rem}.section{padding:6rem 0}.theme-transition-block{height:100px}.client-logo span{font-size:1.5rem}.mobile-hide{display:none!important}.about-stats{flex-direction:column;gap:1rem}.stat-item.card{width:100%;padding:2rem 1.5rem}.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.bento-main,.bento-visual,.bento-stat,.bento-slogan,.bento-dynamic{grid-area:auto/span 1!important}.bento-item{padding:2rem}.bento-visual{height:200px}.projects-marquee-container{box-sizing:border-box;padding-bottom:0;overflow:visible;padding-left:2rem!important;padding-right:2rem!important}.projects-marquee-container:before,.projects-marquee-container:after{display:none!important}.projects-marquee-track{flex-direction:column;align-items:center;gap:2rem;width:100%;display:flex;animation:none!important;transform:none!important}.project-card{aspect-ratio:3/4;width:85%;max-width:320px;height:auto;margin-right:0;display:block}.project-card .project-img{width:100%;height:70%}.project-card .project-info{box-sizing:border-box;flex-direction:column;justify-content:center;height:30%;padding:1rem 1.2rem;display:flex}.marquee-container{padding-bottom:0;overflow:visible}.marquee-container:before,.marquee-container:after{display:none}#marquee-track-right{display:none!important}.marquee-track{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;display:flex;margin-top:0!important;animation:none!important;transform:none!important}.client-logo{background:var(--card-bg);border:1px solid var(--card-border);opacity:0;border-radius:50px;justify-content:center;align-items:center;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),opacity .5s;display:flex;transform:translateY(15px);box-shadow:0 4px 10px #0000001a;padding:.4rem 1rem!important}.client-logo.pop-active{opacity:1;transform:translateY(0)}.client-logo img.client-logo-img{object-fit:contain!important;width:auto!important;max-height:24px!important}.client-logo span{letter-spacing:1px;font-size:.9rem}}.modal{z-index:1000;-webkit-backdrop-filter:blur(8px);opacity:0;background-color:#050508d9;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0;overflow:auto}.modal.show{opacity:1;display:flex}.modal-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;width:90%;max-width:650px;padding:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;transform:scale(.9);box-shadow:0 20px 50px #0009,0 0 40px #ec8b281a}.modal.show .modal-content{transform:scale(1)}.modal-body{flex-direction:column;gap:0;display:flex}.modal-img-wrap{background:var(--bg-darker);border-radius:0;height:350px;overflow:hidden}.modal-img-wrap img,.modal-img-wrap div{object-fit:cover;width:100%;height:100%}.modal-info-wrap{padding:2rem}.modal-info-wrap h3{color:var(--text-color);margin-bottom:.8rem;font-size:1.8rem;font-weight:800}.modal-info-wrap p{color:var(--text-muted);font-size:1rem;line-height:1.6}body.modal-open{overflow:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}
