@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap";:root{--bg-900: #020617;--bg-800: #071028;--glass: rgba(255,255,255,.04);--glass-2: rgba(255,255,255,.02);--accent-1: #8b5cf6;--accent-2: #06b6d4;--muted: rgba(220,230,240,.55);--text: #e6eef8}*{box-sizing:border-box}html,body,#root{height:100%;scroll-behavior:smooth}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;background:linear-gradient(180deg,var(--bg-900) 0%,rgba(7,16,40,.92) 38%,var(--bg-800) 100%);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased}.hero{position:relative;overflow:hidden;min-height:72vh;padding:2.5rem 1.25rem;display:flex;align-items:center;justify-content:center}.hero-bg{position:absolute;inset:0;pointer-events:none;background-color:#03061466}.hero-bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000001f,#02061799);z-index:1}.hero-inner{position:relative;z-index:2;max-width:1000px;text-align:center;padding:1rem 0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:0}.title{font-size:clamp(1.6rem,4.8vw,3.6rem);margin:0 0 .5rem;letter-spacing:-.5px;font-weight:700;line-height:1.02}.subtitle{color:var(--muted);margin:0 0 1.5rem;font-size:1.05rem}.subtitle p{margin:0 auto .9rem;max-width:64ch;line-height:1.75;font-size:clamp(.95rem,1.6vw,1.12rem);white-space:pre-line}.subtitle p+p{margin-top:.9rem}.hero-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:clamp(.8rem,1vw,1rem) clamp(1.6rem,2.8vw,2.2rem);border-radius:999px;text-decoration:none;font-weight:600;border:1px solid transparent;transition:all .25s cubic-bezier(.2,.8,.2,1);font-size:clamp(.95rem,1.2vw,1.05rem);overflow:hidden;white-space:nowrap}.cta:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));transition:opacity .25s ease}.cta span{position:relative;z-index:1;color:#fff}.cta.primary{background:#ffffff08;box-shadow:0 8px 24px #8b5cf63d}.cta.ghost{background:transparent;border:1px solid rgba(255,255,255,.08)}.cta.ghost:before{opacity:0}.cta.ghost span{color:var(--text)}.cta:hover{transform:translateY(-3px);border-color:#ffffff1f}.cta.ghost:hover:before{opacity:.08}.cta:active{transform:translateY(-1px)}.container{max-width:1100px;margin:2rem auto;padding:0 1rem}.works{padding-bottom:4rem}.works h2{margin:0 0 1.25rem;font-size:clamp(1.6rem,3.6vw,2.6rem);font-weight:700;color:var(--text)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.card{border-radius:12px;overflow:hidden;background:linear-gradient(180deg,var(--glass),transparent);border:1px solid rgba(255,255,255,.03);transition:transform .22s cubic-bezier(.2,.9,.2,1),box-shadow .22s;box-shadow:0 6px 20px #02061780}.card:hover{transform:translateY(-8px);box-shadow:0 18px 50px #020617a6}.card-media{height:180px;background-size:cover;background-position:center;position:relative}.card-gradient{position:absolute;inset:0;background:linear-gradient(180deg,#0000 40%,#02061799)}.card-title{position:absolute;left:1rem;bottom:.75rem;color:#fff;font-weight:700;font-size:1.05rem;text-shadow:0 4px 18px rgba(2,6,23,.6)}.card-body{padding:.9rem 1rem;background:linear-gradient(180deg,#ffffff05,#ffffff03)}.card-body h3{margin:0;font-size:1rem}.meta{color:var(--muted);font-size:.9rem;margin:.4rem 0 0}.desc{font-size:.95rem;color:var(--muted);margin-top:.6rem}.works-hero{background:transparent;margin:1.5rem 0}.works-hero-inner{max-width:1100px;margin:0 auto;text-align:center;padding:1rem}.works-hero-title{margin:0;font-size:clamp(1.45rem,3vw,2.2rem);font-weight:800}.works-hero-sub{margin:.75rem auto 0;color:var(--muted);max-width:80ch;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:1.25rem 0}.feature-card{background:var(--glass);padding:1.6rem;border-radius:22px;min-height:200px;display:flex;flex-direction:column;gap:1rem;box-shadow:0 8px 30px #02061773;border:1px solid rgba(255,255,255,.03);transition:transform .3s ease,box-shadow .3s ease}.feature-icon{font-size:2rem;background:var(--glass-2);width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.feature-card h4{margin:0;font-size:clamp(1.15rem,2.2vw,1.35rem)}.feature-card h3{background:linear-gradient(90deg,var(--accent-1),var(--accent-2));-webkit-background-clip:text;font-size:clamp(1rem,2vw,1rem);-webkit-text-fill-color:transparent}.feature-card p{margin:0;color:var(--muted);line-height:1.6}.project-series{margin:2.5rem 0 0}.project-series h3{margin:0 0 1.5rem;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;color:var(--text)}.project-series-sub{color:var(--muted);margin:0 0 1rem}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem}.project-card{position:relative;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:var(--glass);border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1)}.project-card:hover{transform:translateY(-6px);border-color:#ffffff1f;box-shadow:0 20px 40px #0006}.project-thumb{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}.project-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000001a,#0000004d,#000000b3)}.project-content{position:relative;z-index:1;padding:1.5rem;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.project-title{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 .5rem}.project-meta{color:#fffc;font-size:.95rem;display:flex;gap:.5rem;align-items:center}.project-count{display:inline-flex;align-items:center;gap:.3rem;background:#ffffff1a;padding:.3rem .6rem;border-radius:99px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.85rem}@media(max-width:980px){.feature-grid{grid-template-columns:1fr}}.producer{padding:5rem 0;background:transparent}.producer-inner{display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:start;min-height:420px}.producer-content{padding-right:2.5rem;min-height:420px;display:flex;flex-direction:column;justify-content:center}.producer-content h2{font-size:clamp(1.8rem,3vw,2.4rem);margin:0 0 1.5rem;font-weight:700;background:linear-gradient(90deg,var(--text),rgba(255,255,255,.8));-webkit-background-clip:text;background-clip:text;color:transparent}.producer-subtitle{font-size:clamp(.9rem,1.2vw,1rem);line-height:1.6;color:var(--accent-1);margin:.5rem 0 1.5rem;font-weight:600}.producer-description{font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.8;color:var(--muted);white-space:pre-line;margin:0}.producer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.producer-list-item{position:relative;font-size:clamp(.95rem,1.3vw,1.05rem);line-height:1.6;color:var(--muted);padding-left:1.5rem}.producer-list-item:before{content:"•";position:absolute;left:0;color:var(--accent-1);font-weight:700;font-size:1.2em}.media-section{margin-bottom:2.5rem}.media-section:last-child{margin-bottom:0}.media-section-title{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700;color:var(--text);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(139,92,246,.3)}.drama-list{display:flex;flex-direction:column;gap:.75rem}.drama-item{display:flex;flex-wrap:wrap;gap:.5rem;font-size:clamp(.95rem,1.3vw,1.05rem);line-height:1.6;color:var(--muted)}.drama-channel{font-weight:600;color:var(--muted);flex-shrink:0}.drama-titles{color:var(--muted)}.media-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.media-thumb{display:block;position:relative;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.08)}.media-thumb img{width:100%;height:100%;object-fit:cover;display:block}.media-thumb span{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:.9rem}@media(max-width:640px){.media-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.producer-content p{font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.8;color:var(--muted);white-space:pre-line;margin:0}.producer-nav{display:flex;flex-direction:column;gap:1rem;min-width:320px}.nav-item{position:relative;display:block;text-align:left;padding:1.2rem 1.6rem;background:var(--glass-2);border:1px solid rgba(255,255,255,.04);border-radius:12px;color:var(--muted);font-size:1rem;font-weight:600;cursor:pointer;width:100%;overflow:hidden;transition:all .25s cubic-bezier(.2,.8,.2,1)}.nav-item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));opacity:0;transition:opacity .25s ease}.nav-item span{position:relative;z-index:1}.nav-item:hover{border-color:#ffffff1a;transform:translate(-3px)}.nav-item.active{border-color:transparent;color:#fff;transform:translate(-6px)}.nav-item.active:before{opacity:1}@media(max-width:860px){.producer{padding:3rem 0}.producer-inner{grid-template-columns:1fr;gap:2rem}.producer-content{padding-right:0}.producer-nav{flex-direction:row;flex-wrap:wrap;min-width:0}.nav-item{width:auto;font-size:.95rem;padding:.8rem 1rem}.nav-item:hover,.nav-item.active{transform:translateY(-3px)}}@media(min-width:768px){.hero{padding-top:8rem}}@media(min-width:1200px){.hero{min-height:78vh}.title{font-size:clamp(2.6rem,3.6vw,4.4rem)}.subtitle p{font-size:clamp(1rem,1.3vw,1.2rem);max-width:72ch}.cta{font-size:1.05rem;padding:.9rem 1.4rem}}.process-section{padding:5rem 1.5rem;background:transparent}.process-container{max-width:1200px;margin:0 auto}.process-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;text-align:center;margin:0 0 1rem;color:var(--text);line-height:1.3}.process-subtitle{font-size:clamp(.95rem,1.6vw,1.1rem);color:var(--muted);text-align:center;margin:0 auto 4rem;max-width:60ch;line-height:1.6}.process-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:4rem;position:relative}.process-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem}.step-number{position:absolute;top:-.5rem;right:1rem;font-size:.8rem;font-weight:700;color:var(--accent-1);background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.step-icon-wrapper{margin-bottom:1.5rem;position:relative}.step-icon{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;box-shadow:0 8px 24px #8b5cf666;transition:transform .3s ease,box-shadow .3s ease}.process-step:hover .step-icon{transform:translateY(-4px);box-shadow:0 12px 32px #06b6d480}.step-connector{position:absolute;top:50px;left:calc(50% + 35px);width:calc(100% - 70px);height:2px;background:linear-gradient(90deg,#8b5cf699,#06b6d466,#8b5cf699);z-index:-1}.step-title{font-size:clamp(.95rem,1.4vw,1rem);font-weight:700;color:var(--text);margin:0 0 .75rem;line-height:1.4}.step-description{font-size:clamp(.7rem,.9vw,.78rem);color:var(--muted);margin:0;line-height:1.5}.process-cta{display:flex;justify-content:center}.cta-box{background:var(--glass);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2.5rem 3rem;text-align:center;max-width:700px;width:100%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 40px #02061780}.cta-box-title{font-size:clamp(1.3rem,2.5vw,1.6rem);font-weight:700;color:var(--text);margin:0 0 .75rem}.cta-box-subtitle{font-size:clamp(.9rem,1.4vw,1rem);color:var(--muted);margin:0;line-height:1.6}.cta-button{padding:1rem 2.5rem;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));border:none;border-radius:12px;font-size:clamp(.95rem,1.4vw,1.05rem);font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 12px 32px #8b5cf640}.cta-button:hover{transform:translateY(-2px);box-shadow:0 16px 40px #06b6d440;filter:brightness(1.05)}.cta-button:active{transform:translateY(0)}@media(max-width:1024px){.process-timeline{grid-template-columns:repeat(3,1fr);gap:2rem 1rem}.step-connector{display:none}}@media(max-width:640px){.process-section{padding:3rem 1rem}.process-timeline{grid-template-columns:1fr;gap:2rem}.step-number{top:.5rem;right:.5rem}.cta-box{padding:2rem 1.5rem}.cta-button{width:100%;padding:1rem 1.5rem}}.contact-section{padding:5rem 1.5rem;background:transparent}.contact-container{max-width:700px;margin:0 auto;background:var(--glass);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 12px 40px #02061799;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.contact-header{text-align:center;margin-bottom:2.5rem}.contact-title{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;margin:0 0 1rem;color:var(--text);line-height:1.3}.contact-subtitle{font-size:clamp(.9rem,1.5vw,1rem);color:var(--muted);line-height:1.6;margin:0}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:1rem;font-weight:600;color:var(--text)}.required{color:#ef4444;margin-left:2px}.form-input,.form-textarea{width:100%;padding:.95rem 1.2rem;background:var(--glass-2);border:1px solid rgba(255,255,255,.08);border-radius:12px;font-size:1rem;color:var(--text);font-family:inherit;transition:all .25s ease;outline:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.form-input:focus,.form-textarea:focus{background:#ffffff0f;border-color:var(--accent-1);box-shadow:0 0 0 3px #8b5cf624}.form-input::placeholder,.form-textarea::placeholder{color:#e6eef873}.form-textarea{resize:vertical;min-height:140px;line-height:1.6}.submit-button{position:relative;width:100%;padding:1.1rem 2rem;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));border:none;border-radius:12px;font-size:1.05rem;font-weight:700;color:#fff;cursor:pointer;transition:all .25s ease;margin-top:.5rem;box-shadow:0 12px 32px #8b5cf640;overflow:hidden}.submit-button:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 16px 40px #06b6d440}.submit-button:active{transform:translateY(0)}@media(max-width:768px){.contact-section{padding:3rem 1rem}.contact-container{padding:2rem 1.5rem;border-radius:24px}.contact-header{margin-bottom:2rem}.form-group{gap:.4rem}.form-input,.form-textarea{padding:.85rem 1rem;font-size:.95rem}.submit-button{padding:1rem 1.5rem;font-size:1rem}}.project-detail-page{min-height:100vh;padding:3rem 1.5rem;background:transparent}.project-detail-container{max-width:1200px;margin:0 auto}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--glass);border:1px solid rgba(255,255,255,.08);border-radius:12px;color:var(--text);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s ease;margin-bottom:2rem;white-space:nowrap}.back-button:hover{background:var(--glass-2);border-color:#ffffff26;transform:translate(-3px)}.project-detail-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;text-align:center;margin:0 0 1.5rem;color:var(--text);line-height:1.2;letter-spacing:-.02em}.project-divider{height:3px;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));margin:0 auto 3rem;max-width:600px;border-radius:2px}.project-section{margin-bottom:4rem}.section-title{font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700;color:var(--text);text-align:center;margin:0 0 2.5rem}.project-meta-info{display:flex;flex-direction:column;gap:.75rem;margin:0 auto 2.5rem;align-items:flex-start;text-align:left;max-width:720px}.meta-item{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--text);line-height:1.6}.meta-item:before{content:"•";color:var(--accent-1);font-size:1.2rem;font-weight:700;flex-shrink:0;line-height:1}.meta-icon{font-size:1.2rem;flex-shrink:0}.meta-label{opacity:.9;flex:1;line-height:1.6}.project-gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.gallery-item{position:relative;border-radius:16px;overflow:hidden;background:var(--glass);border:1px solid rgba(255,255,255,.06);transition:transform .3s ease,box-shadow .3s ease;flex:0 0 calc(33.333% - 1rem);max-width:calc(33.333% - 1rem)}.gallery-item:only-child{flex:0 0 60%;max-width:60%}.gallery-item:first-child:nth-last-child(2),.gallery-item:first-child:nth-last-child(2)~.gallery-item{flex:0 0 calc(50% - .75rem);max-width:calc(50% - .75rem)}.gallery-item:first-child:nth-last-child(3),.gallery-item:first-child:nth-last-child(3)~.gallery-item{flex:0 0 calc(33.333% - 1rem);max-width:calc(33.333% - 1rem)}.gallery-item:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0006}.gallery-item img,.gallery-item video{width:100%;height:auto;display:block}@media(max-width:768px){.project-detail-page{padding:2rem 1rem}.project-gallery{gap:1.25rem}.gallery-item,.gallery-item:only-child,.gallery-item:first-child:nth-last-child(2),.gallery-item:first-child:nth-last-child(2)~.gallery-item,.gallery-item:first-child:nth-last-child(3),.gallery-item:first-child:nth-last-child(3)~.gallery-item,.gallery-item:first-child:nth-last-child(4),.gallery-item:first-child:nth-last-child(4)~.gallery-item,.gallery-item:first-child:nth-last-child(5),.gallery-item:first-child:nth-last-child(5)~.gallery-item,.gallery-item:first-child:nth-last-child(n+6),.gallery-item:first-child:nth-last-child(n+6)~.gallery-item{flex:0 0 100%;max-width:100%}.back-button{margin-bottom:1.5rem}}.lightbox-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;cursor:zoom-out;animation:lightboxFadeIn .3s ease}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:2rem;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10000;line-height:1;padding:0}.lightbox-close:hover{background:#fff3;transform:rotate(90deg)}.lightbox-content{max-width:95vw;max-height:95vh;cursor:default;animation:lightboxZoomIn .3s ease}@keyframes lightboxZoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-content img{max-width:100%;max-height:95vh;width:auto;height:auto;display:block;border-radius:8px;box-shadow:0 25px 50px #00000080}.gallery-item{cursor:zoom-in}.gallery-item:hover{opacity:.9}.custom-video-player{position:relative;width:100%;max-width:900px;margin:0 auto;border-radius:16px;overflow:hidden;background:var(--glass);border:1px solid rgba(255,255,255,.06)}.custom-video-player video{width:100%;height:auto;display:block;border-radius:16px}.video-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);opacity:0;transition:opacity .3s ease;z-index:10}.video-controls.show{opacity:1}.control-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.control-btn:hover{background:#fff3;transform:scale(1.05)}.control-btn svg{width:18px;height:18px}.progress-container{flex:1;height:36px;display:flex;align-items:center;cursor:pointer;padding:0 4px}.progress-bar{width:100%;height:6px;background:#fff3;border-radius:3px;overflow:hidden;position:relative}.progress-filled{height:100%;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));transition:width .1s linear;border-radius:3px}.progress-container:hover .progress-bar{height:8px}.progress-container:hover .progress-filled{box-shadow:0 0 8px #8b5cf699}.unmute-overlay-btn{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 20px;background:#000000b3;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;opacity:0;transition:all .3s ease;z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.unmute-overlay-btn.show{opacity:1}.unmute-overlay-btn:hover{background:#000000d9;border-color:#ffffff80;transform:translate(-50%) scale(1.05)}.unmute-overlay-btn svg{width:18px;height:18px}@media(max-width:768px){.video-controls{gap:8px;padding:10px 12px}.control-btn{width:32px;height:32px}.control-btn svg{width:16px;height:16px}}@media(max-width:480px){.hero{min-height:85vh;padding:2rem 1rem}.hero-bg-video{object-position:center 30%}.hero-inner{padding:.5rem 0}.title{font-size:clamp(1.75rem,6vw,2.2rem);line-height:1.15;margin-bottom:1rem;letter-spacing:-.3px}.subtitle{margin-bottom:1.5rem}.subtitle p{font-size:clamp(.9rem,3.5vw,1rem);line-height:1.6;margin-bottom:.75rem;padding:0 .5rem}.hero-actions{flex-direction:column;gap:.75rem;margin-top:1.5rem;width:100%;max-width:320px;margin-left:auto;margin-right:auto}.cta{width:100%;max-width:100%;padding:.9rem 1.5rem;font-size:.95rem;justify-content:center;white-space:normal;text-align:center}.works{padding:2rem 1rem 3rem}.works h2{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:1.5rem;padding:0 .5rem}.works-hero{padding:1.5rem 1rem;margin-bottom:2rem}.works-hero-title{font-size:clamp(1.3rem,4.5vw,1.6rem);line-height:1.3;margin-bottom:.75rem}.works-hero-sub{font-size:clamp(.85rem,3vw,.95rem)}.feature-grid{grid-template-columns:1fr;gap:1.25rem;padding:0}.feature-card{padding:1.5rem}.feature-icon{width:48px;height:48px;font-size:1.5rem;margin-bottom:.75rem}.feature-card h4{font-size:.85rem;margin-bottom:.5rem}.feature-card h3{font-size:clamp(1.1rem,4vw,1.3rem);margin-bottom:.75rem}.feature-card p{font-size:.9rem;line-height:1.5}.project-series{padding:1.5rem 1rem;margin:2rem 0 1.5rem}.project-series h3{font-size:clamp(1.2rem,4.5vw,1.5rem)}.project-grid{grid-template-columns:1fr;gap:1.25rem;padding:0}.project-card{aspect-ratio:auto;min-height:320px}.project-thumb{background-position:center 20%}.project-content{padding:1.25rem}.project-title{font-size:clamp(1.1rem,4vw,1.3rem);margin-bottom:.75rem}.project-meta span{font-size:.85rem}.project-count{font-size:.8rem;padding:.35rem .75rem}.producer{padding:3rem 1rem}.producer h2{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:1.5rem}.producer-tabs{flex-wrap:nowrap;overflow-x:auto;gap:.5rem;padding:0 .5rem;margin-bottom:1.5rem;-webkit-overflow-scrolling:touch}.producer-tabs::-webkit-scrollbar{display:none}.tab-btn{padding:.65rem 1rem;font-size:.85rem;white-space:nowrap;flex-shrink:0}.producer-content{padding:1.5rem 1rem}.content-title{font-size:clamp(1.2rem,4.5vw,1.4rem);margin-bottom:1.25rem}.content-text{font-size:.9rem;line-height:1.65}.content-items li,.album-list li{font-size:.9rem;padding-left:1.5rem;margin-bottom:.65rem}.process{padding:3rem 1rem}.process h2{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:2rem}.process-timeline{gap:2rem}.process-step{padding:1.25rem}.step-number{width:36px;height:36px;font-size:.9rem;top:1.25rem;right:1.25rem}.step-icon{width:52px;height:52px;font-size:1.5rem;margin-bottom:1rem}.step-title{font-size:clamp(1.1rem,4vw,1.25rem);margin-bottom:.65rem}.step-description{font-size:.9rem;line-height:1.6}.process-cta-box{padding:1.5rem;margin-top:2.5rem}.process-cta-box h3{font-size:clamp(1.2rem,4.5vw,1.4rem);margin-bottom:.75rem}.process-cta-box p{font-size:.9rem;margin-bottom:1.25rem}.contact{padding:3rem 1rem}.contact h2{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:1rem}.contact-intro{font-size:.9rem;margin-bottom:2rem;padding:0 .5rem}.contact-form{padding:1.5rem;gap:1.25rem}.form-group label{font-size:.9rem;margin-bottom:.5rem}.form-input,.form-textarea{padding:.85rem;font-size:.95rem}.form-textarea{min-height:140px}.submit-btn{padding:.9rem 1.5rem;font-size:.95rem}.success-message,.error-message{padding:.85rem 1rem;font-size:.9rem}.project-detail-page{padding:2rem 1rem}.back-button{padding:.65rem 1rem;font-size:.9rem;margin-bottom:1.5rem}.project-detail-title{font-size:clamp(1.75rem,6vw,2.2rem);margin-bottom:1.25rem;line-height:1.2}.project-divider{max-width:100%;margin-bottom:2rem}.section-title{font-size:clamp(1.2rem,4.5vw,1.5rem);margin-bottom:1.5rem;padding:0 .5rem}.project-gallery{gap:1rem}.gallery-item,.custom-video-player{border-radius:12px}.custom-video-player video{border-radius:12px}.unmute-overlay-btn{top:12px;padding:.65rem 1rem;font-size:.8rem}.unmute-overlay-btn svg{width:16px;height:16px}.progress-container{padding:0 2px}.progress-bar{height:4px}.lightbox-overlay{padding:1rem}.lightbox-close{top:1rem;right:1rem;width:44px;height:44px;font-size:1.75rem}.lightbox-content img{max-height:90vh}body,#root{overflow-x:hidden}}@media(max-width:360px){.hero{padding:1.5rem .75rem}.title{font-size:1.65rem}.subtitle p{font-size:.85rem}.cta{padding:.75rem 1.25rem;font-size:.9rem}.project-card{min-height:260px}.feature-card,.process-step{padding:1rem}.contact-form{padding:1.25rem}}.footer{background:linear-gradient(180deg,#07102899,#071028f2);border-top:1px solid rgba(139,92,246,.2);padding:4rem 1.5rem 2rem;margin-top:6rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.08)}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-brand{gap:1.25rem}.footer-logo-wrapper{display:flex;align-items:center;gap:1rem}.footer-logo-image{width:48px;height:48px;object-fit:contain;border-radius:8px}.footer-logo{font-size:clamp(1.3rem,2.5vw,1.6rem);font-weight:800;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:.5px}.footer-tagline{color:var(--muted);font-size:.95rem;line-height:1.6;margin:0;max-width:400px}.footer-contact{gap:1rem}.contact-item{display:flex;align-items:center;gap:.75rem;color:var(--text);font-size:.95rem;transition:color .2s ease}.contact-item:hover{color:var(--accent-1)}.contact-icon{font-size:1.3rem;flex-shrink:0;color:var(--accent-1)}.contact-text{opacity:.9}.footer-bottom{text-align:center}.footer-copyright{color:var(--muted);font-size:.85rem;margin:0;opacity:.7}@media(max-width:768px){.footer{padding:3rem 1rem 1.5rem;margin-top:4rem}.footer-content{grid-template-columns:1fr;gap:2.5rem;margin-bottom:2rem}.footer-logo{font-size:1.3rem}.footer-tagline,.contact-item{font-size:.9rem}}