SKH-CINEMAs | Post Production House \u00b7 Cinematic Sound & Color<\/title>\n<meta name=\"description\" content=\"A cinematic post production house specializing in audio post-production, sound design, foley, MA mixing, color grading, and film production. Crafting stories through the fusion of sound and vision.\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Syncopate:wght@400;700&family=Jost:wght@200;300;400&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ===== RESET & ROOT ===== *\/\n*, *::before, *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n:root {\n --black: #0a0a0b;\n --near-black: #0f0f12;\n --dark: #141418;\n --mid: #1e1e24;\n --mid2: #282830;\n --accent: #c8a96e;\n --accent2: #8ba89e;\n --text: #e8e4dc;\n --muted: #7a7870;\n --line: rgba(200,169,110,0.2);\n --line-dim: rgba(200,169,110,0.08);\n}\nhtml { scroll-behavior: smooth; }\nbody {\n background: var(--black);\n color: var(--text);\n font-family: 'Jost', sans-serif;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\na { color: inherit; text-decoration: none; }\nimg { display: block; max-width: 100%; }\n\n\/* ===== NAVIGATION ===== *\/\nnav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n padding: 24px 48px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: linear-gradient(to bottom, rgba(10,10,11,0.96) 0%, transparent 100%);\n transition: padding 0.3s, background 0.3s;\n}\n.logo {\n font-family: 'Syncopate', sans-serif;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 0.3em;\n color: var(--text);\n}\n.logo span { color: var(--accent); }\n.nav-links {\n display: flex;\n gap: 40px;\n list-style: none;\n align-items: center;\n}\n.nav-links a {\n font-family: 'Syncopate', sans-serif;\n font-size: 9px;\n letter-spacing: 0.25em;\n color: var(--muted);\n transition: color 0.3s;\n}\n.nav-links a:hover { color: var(--accent); }\n.nav-lang {\n font-family: 'Syncopate', sans-serif;\n font-size: 8px;\n letter-spacing: 0.2em;\n padding: 6px 14px;\n border: 1px solid var(--line);\n color: var(--accent);\n transition: all 0.3s;\n}\n.nav-lang:hover {\n background: var(--accent);\n color: var(--black);\n border-color: var(--accent);\n}\n\n\/* ===== HERO ===== *\/\n.hero {\n height: 100vh;\n min-height: 640px;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n background: var(--black);\n}\n.hero-waveform {\n position: absolute;\n inset: 0;\n opacity: 0.055;\n pointer-events: none;\n}\n.hero-vignette {\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse at center, transparent 40%, rgba(10,10,11,0.85) 100%);\n pointer-events: none;\n}\n.hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n padding: 0 24px;\n}\n.hero-eyebrow {\n display: block;\n font-family: 'Syncopate', sans-serif;\n font-size: 9px;\n letter-spacing: 0.55em;\n color: var(--accent);\n margin-bottom: 36px;\n opacity: 0;\n animation: fadeUp 1s 0.3s forwards;\n}\n.hero-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(52px, 8.5vw, 114px);\n font-weight: 300;\n line-height: 0.9;\n color: var(--text);\n opacity: 0;\n animation: fadeUp 1s 0.55s forwards;\n}\n.hero-title em {\n font-style: italic;\n color: var(--accent);\n display: block;\n}\n.hero-sub {\n font-family: 'Jost', sans-serif;\n font-size: clamp(13px, 1.4vw, 15px);\n font-weight: 200;\n letter-spacing: 0.3em;\n color: var(--muted);\n margin-top: 32px;\n line-height: 2.2;\n text-transform: uppercase;\n opacity: 0;\n animation: fadeUp 1s 0.8s forwards;\n}\n.hero-scroll {\n position: absolute;\n bottom: 40px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n opacity: 0;\n animation: fadeIn 1s 1.4s forwards;\n}\n.hero-scroll span {\n font-family: 'Syncopate', sans-serif;\n font-size: 7px;\n letter-spacing: 0.4em;\n color: var(--muted);\n}\n.hero-scroll-line {\n width: 1px;\n height: 48px;\n background: linear-gradient(to bottom, var(--accent), transparent);\n animation: scrollPulse 2s ease-in-out infinite;\n}\n@keyframes scrollPulse {\n 0%, 100% { opacity: 0.4; transform: scaleY(1); }\n 50% { opacity: 1; transform: scaleY(1.15); }\n}\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n}\n\n\/* ===== SHARED SECTION STYLES ===== *\/\nsection { padding: 140px 0; }\n.container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 48px;\n}\n.section-label {\n display: block;\n font-family: 'Syncopate', sans-serif;\n font-size: 9px;\n letter-spacing: 0.5em;\n color: var(--accent);\n margin-bottom: 18px;\n text-transform: uppercase;\n}\n.section-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(38px, 5.5vw, 76px);\n font-weight: 300;\n line-height: 1.05;\n color: var(--text);\n}\n.section-title em { font-style: italic; }\n\n\/* ===== ABOUT ===== *\/\n#about { background: var(--black); }\n.about-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n align-items: start;\n margin-top: 72px;\n}\n.about-text p {\n font-family: 'Jost', sans-serif;\n font-size: 16px;\n font-weight: 200;\n line-height: 2.1;\n color: var(--muted);\n margin-bottom: 22px;\n letter-spacing: 0.02em;\n}\n.about-stats {\n margin-top: 48px;\n padding-top: 40px;\n border-top: 1px solid var(--line);\n display: flex;\n gap: 48px;\n}\n.stat-num {\n display: block;\n font-family: 'Cormorant Garamond', serif;\n font-size: 52px;\n font-weight: 300;\n color: var(--accent);\n line-height: 1;\n}\n.stat-label {\n display: block;\n font-family: 'Syncopate', sans-serif;\n font-size: 7px;\n letter-spacing: 0.3em;\n color: var(--muted);\n margin-top: 8px;\n text-transform: uppercase;\n}\n\n\/* EQ Visual *\/\n.about-visual { display: flex; flex-direction: column; gap: 1px; }\n.visual-top {\n background: var(--dark);\n padding: 36px 40px;\n}\n.visual-label {\n font-family: 'Syncopate', sans-serif;\n font-size: 7px;\n letter-spacing: 0.35em;\n color: var(--muted);\n margin-bottom: 28px;\n display: block;\n text-transform: uppercase;\n}\n.eq-container {\n display: flex;\n align-items: flex-end;\n gap: 3px;\n height: 180px;\n}\n.eq-bar {\n flex: 1;\n background: linear-gradient(to top, var(--accent) 0%, rgba(200,169,110,0.15) 100%);\n border-radius: 2px 2px 0 0;\n animation: eqAnim var(--dur, 1.4s) ease-in-out infinite alternate;\n transform-origin: bottom;\n}\n@keyframes eqAnim {\n 0% { transform: scaleY(0.15); }\n 100% { transform: scaleY(1); }\n}\n.visual-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 20px;\n}\n.rec-dot {\n font-family: 'Syncopate', sans-serif;\n font-size: 7px;\n letter-spacing: 0.2em;\n color: #e05555;\n}\n.rec-dot::before {\n content: '\u25cf ';\n animation: blink 1s step-end infinite;\n}\n@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0} }\n.sample-rate {\n font-family: 'Syncopate', sans-serif;\n font-size: 7px;\n letter-spacing: 0.2em;\n color: var(--muted);\n}\n.visual-bottom {\n background: var(--mid);\n padding: 24px 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.color-swatches {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n.swatch {\n width: 28px;\n height: 28px;\n border-radius: 50%;\n}\n.swatch-label {\n font-family: 'Syncopate', sans-serif;\n font-size: 7px;\n letter-spacing: 0.2em;\n color: var(--muted);\n margin-bottom: 10px;\n display: block;\n text-transform: uppercase;\n}\n.davinci-logo {\n font-family: 'Cormorant Garamond', serif;\n font-size: 28px;\n font-weight: 300;\n color: var(--accent);\n font-style: italic;\n}\n\n\/* ===== SERVICES ===== *\/\n#services { background: var(--near-black); padding-top: 140px; padding-bottom: 0; }\n.services-header { padding: 0 48px; max-width: 1200px; margin: 0 auto; }\n.services-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1px;\n background: var(--line);\n margin-top: 80px;\n}\n.service-card {\n background: var(--near-black);\n padding: 60px 52px;\n position: relative;\n overflow: hidden;\n transition: background 0.4s;\n}\n.service-card::after {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 1px;\n background: linear-gradient(to right, transparent, var(--accent), transparent);\n opacity: 0;\n transition: opacity 0.4s;\n}\n.service-card:hover { background: var(--dark); }\n.service-card:hover::after { opacity: 1; }\n.service-num {\n display: block;\n font-family: 'Syncopate', sans-serif;\n font-size: 9px;\n letter-spacing: 0.3em;\n color: var(--accent);\n opacity: 0.5;\n margin-bottom: 36px;\n}\n.service-icon {\n font-size: 28px;\n margin-bottom: 20px;\n display: block;\n opacity: 0.5;\n}\n.service-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: 30px;\n font-weight: 300;\n color: var(--text);\n line-height: 1.15;\n margin-bottom: 10px;\n}\n.service-en {\n font-family: 'Syncopate', sans-serif;\n font-size: 8px;\n letter-spacing: 0.35em;\n color: var(--muted);\n margin-bottom: 30px;\n text-transform: uppercase;\n}\n.service-desc {\n font-family: 'Jost', sans-serif;\n font-size: 14px;\n font-weight: 200;\n line-height: 2.0;\n color: var(--muted);\n margin-bottom: 32px;\n letter-spacing: 0.02em;\n}\n.service-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n.tag {\n font-family: 'Syncopate', sans-serif;\n font-size: 7px;\n letter-spacing: 0.2em;\n padding: 6px 14px;\n border: 1px solid var(--line);\n color: var(--muted);\n white-space: nowrap;\n text-transform: uppercase;\n}\n\n\/* ===== PHILOSOPHY ===== *\/\n#philosophy {\n background: var(--near-black);\n padding: 160px 0;\n}\n.philosophy-inner {\n max-width: 820px;\n margin: 0 auto;\n text-align: center;\n padding: 0 48px;\n}\n.philosophy-quote {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(26px, 4vw, 54px);\n font-weight: 300;\n line-height: 1.35;\n color: var(--text);\n margin: 52px 0 48px;\n font-style: normal;\n}\n.philosophy-quote em {\n font-style: italic;\n color: var(--accent);\n}\n.philosophy-body {\n font-family: 'Jost', sans-serif;\n font-size: 15px;\n font-weight: 200;\n line-height: 2.4;\n color: var(--muted);\n letter-spacing: 0.03em;\n}\n.philosophy-rule {\n width: 1px;\n height: 60px;\n background: linear-gradient(to bottom, transparent, var(--accent), transparent);\n margin: 52px auto;\n}\n\n\/* ===== WORKFLOW ===== *\/\n#workflow { background: var(--black); }\n.workflow-steps {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n margin-top: 80px;\n position: relative;\n}\n.workflow-steps::before {\n content: '';\n position: absolute;\n top: 21px;\n left: 0; right: 0;\n height: 1px;\n background: linear-gradient(to right, var(--accent) 0%, rgba(200,169,110,0.1) 100%);\n}\n.workflow-step {\n padding-top: 60px;\n padding-right: 32px;\n position: relative;\n}\n.step-dot {\n position: absolute;\n top: 14px;\n left: 0;\n width: 15px;\n height: 15px;\n border: 1px solid var(--accent);\n border-radius: 50%;\n background: var(--black);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.step-dot::after {\n content: '';\n width: 5px;\n height: 5px;\n background: var(--accent);\n border-radius: 50%;\n}\n.step-num {\n display: block;\n font-family: 'Syncopate', sans-serif;\n font-size: 8px;\n letter-spacing: 0.3em;\n color: var(--accent);\n margin-bottom: 18px;\n}\n.step-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: 22px;\n font-weight: 300;\n color: var(--text);\n margin-bottom: 14px;\n line-height: 1.2;\n}\n.step-desc {\n font-family: 'Jost', sans-serif;\n font-size: 13px;\n font-weight: 200;\n line-height: 2.0;\n color: var(--muted);\n letter-spacing: 0.02em;\n}\n\n\/* ===== DIFFERENTIATOR BAND ===== *\/\n#advantage {\n background: var(--mid);\n padding: 100px 0;\n}\n.adv-inner {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 48px;\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 1px;\n background: var(--line);\n}\n.adv-item {\n background: var(--mid);\n padding: 52px 44px;\n}\n.adv-number {\n font-family: 'Cormorant Garamond', serif;\n font-size: 72px;\n font-weight: 300;\n color: var(--line);\n line-height: 1;\n margin-bottom: 20px;\n}\n.adv-title {\n font-family: 'Syncopate', sans-serif;\n font-size: 9px;\n letter-spacing: 0.3em;\n color: var(--accent);\n margin-bottom: 16px;\n text-transform: uppercase;\n}\n.adv-desc {\n font-family: 'Jost', sans-serif;\n font-size: 14px;\n font-weight: 200;\n line-height: 2.0;\n color: var(--muted);\n}\n\n\/* ===== STUDIO SPECS ===== *\/\n#specs { background: var(--dark); }\n.specs-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--line-dim);\n margin-top: 80px;\n}\n.spec-item {\n background: var(--dark);\n padding: 44px 36px;\n}\n.spec-category {\n display: block;\n font-family: 'Syncopate', sans-serif;\n font-size: 8px;\n letter-spacing: 0.45em;\n color: var(--accent);\n margin-bottom: 24px;\n padding-bottom: 16px;\n border-bottom: 1px solid var(--line);\n text-transform: uppercase;\n}\n.spec-list { list-style: none; }\n.spec-list li {\n font-family: 'Jost', sans-serif;\n font-size: 13px;\n font-weight: 200;\n color: var(--muted);\n padding: 10px 0;\n border-bottom: 1px solid var(--line-dim);\n line-height: 1.6;\n letter-spacing: 0.02em;\n}\n.spec-list li:last-child { border: none; }\n.spec-list li::before {\n content: '\u2014 ';\n color: var(--accent);\n opacity: 0.4;\n font-size: 10px;\n}\n\n\/* ===== CTA ===== *\/\n#contact {\n background: var(--mid);\n padding: 160px 0;\n text-align: center;\n}\n.cta-inner {\n max-width: 820px;\n margin: 0 auto;\n padding: 0 48px;\n}\n.cta-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(44px, 7vw, 96px);\n font-weight: 300;\n line-height: 1.0;\n color: var(--text);\n margin: 24px 0 0;\n}\n.cta-title em { font-style: italic; color: var(--accent); }\n.cta-sub {\n font-family: 'Jost', sans-serif;\n font-size: 15px;\n font-weight: 200;\n color: var(--muted);\n line-height: 2.2;\n margin-top: 28px;\n letter-spacing: 0.04em;\n}\n.cta-btn {\n display: inline-block;\n margin-top: 52px;\n padding: 18px 60px;\n border: 1px solid var(--accent);\n font-family: 'Syncopate', sans-serif;\n font-size: 9px;\n letter-spacing: 0.45em;\n color: var(--accent);\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n transition: color 0.4s;\n}\n.cta-btn::before {\n content: '';\n position: absolute;\n inset: 0;\n background: var(--accent);\n transform: translateX(-101%);\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n z-index: -1;\n}\n.cta-btn:hover { color: var(--black); }\n.cta-btn:hover::before { transform: translateX(0); }\n.cta-email {\n display: block;\n font-family: 'Syncopate', sans-serif;\n font-size: 9px;\n letter-spacing: 0.2em;\n color: var(--muted);\n margin-top: 24px;\n transition: color 0.3s;\n}\n.cta-email:hover { color: var(--accent); }\n\n\/* ===== FOOTER ===== *\/\nfooter {\n background: var(--black);\n padding: 60px 48px 40px;\n border-top: 1px solid var(--line);\n}\n.footer-inner {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n}\n.footer-logo {\n font-family: 'Syncopate', sans-serif;\n font-size: 14px;\n font-weight: 700;\n letter-spacing: 0.3em;\n}\n.footer-logo span { color: var(--accent); }\n.footer-tagline {\n font-family: 'Jost', sans-serif;\n font-size: 12px;\n font-weight: 200;\n color: var(--muted);\n margin-top: 10px;\n letter-spacing: 0.08em;\n}\n.footer-nav {\n display: flex;\n gap: 32px;\n list-style: none;\n margin-bottom: 16px;\n justify-content: flex-end;\n}\n.footer-nav a {\n font-family: 'Syncopate', sans-serif;\n font-size: 7px;\n letter-spacing: 0.2em;\n color: var(--muted);\n text-transform: uppercase;\n transition: color 0.3s;\n}\n.footer-nav a:hover { color: var(--accent); }\n.footer-copy {\n font-family: 'Syncopate', sans-serif;\n font-size: 7px;\n letter-spacing: 0.2em;\n color: var(--muted);\n text-align: right;\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 900px) {\n nav { padding: 20px 24px; }\n .nav-links { gap: 24px; }\n .container { padding: 0 24px; }\n section { padding: 100px 0; }\n\n .about-grid { grid-template-columns: 1fr; gap: 48px; }\n .services-grid { grid-template-columns: 1fr; }\n .workflow-steps {\n grid-template-columns: 1fr;\n gap: 48px;\n }\n .workflow-steps::before { display: none; }\n .workflow-step { padding-top: 0; padding-left: 32px; padding-right: 0; }\n .step-dot { top: 2px; }\n .adv-inner { grid-template-columns: 1fr; }\n .specs-grid { grid-template-columns: 1fr; }\n .footer-inner { flex-direction: column; gap: 32px; align-items: flex-start; }\n .footer-nav { justify-content: flex-start; }\n .footer-copy { text-align: left; }\n .services-header { padding: 0 24px; }\n .philosophy-inner { padding: 0 24px; }\n .cta-inner { padding: 0 24px; }\n footer { padding: 48px 24px 36px; }\n #advantage { padding: 80px 0; }\n .adv-inner { padding: 0 24px; gap: 0; background: transparent; }\n .adv-item { border-bottom: 1px solid var(--line); padding: 44px 0; background: transparent; }\n}\n@media (max-width: 600px) {\n .nav-links { display: none; }\n .service-card { padding: 44px 32px; }\n .about-stats { flex-direction: column; gap: 24px; }\n}\n<\/style>\n<\/head>\n<body data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1>\n\n\n<nav>\n <a href=\"skh-cinemas-en.html\" class=\"logo\">SKH<span>–<\/span>CINEMAs<\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#workflow\">Process<\/a><\/li>\n <li><a href=\"#specs\">Studio<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <li><a href=\"skh-cinemas-ja.html\" class=\"nav-lang\">JA<\/a><\/li>\n <\/ul>\n<\/nav>\n\n\n<section class=\"hero\" id=\"home\">\n <svg class=\"hero-waveform\" viewBox=\"0 0 1400 700\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n <g stroke=\"#c8a96e\" stroke-width=\"0.6\" fill=\"none\">\n <path d=\"M0,350 Q70,290 140,350 Q210,410 280,350 Q350,290 420,350 Q490,410 560,350 Q630,290 700,350 Q770,410 840,350 Q910,290 980,350 Q1050,410 1120,350 Q1190,290 1260,350 Q1330,410 1400,350\"\/>\n <path d=\"M0,350 Q90,210 180,350 Q270,490 360,350 Q450,210 540,350 Q630,490 720,350 Q810,210 900,350 Q990,490 1080,350 Q1170,210 1260,350 Q1350,490 1440,350\" opacity=\"0.45\"\/>\n <path d=\"M0,350 Q110,120 220,350 Q330,580 440,350 Q550,120 660,350 Q770,580 880,350 Q990,120 1100,350 Q1210,580 1320,350 Q1400,200 1400,350\" opacity=\"0.2\"\/>\n <path d=\"M0,350 Q50,330 100,350 Q150,370 200,350 Q250,330 300,350 Q350,370 400,350 Q450,330 500,350 Q550,370 600,350 Q650,330 700,350 Q750,370 800,350 Q850,330 900,350 Q950,370 1000,350 Q1050,330 1100,350 Q1150,370 1200,350 Q1250,330 1300,350 Q1350,370 1400,350\" opacity=\"0.7\"\/>\n <\/g>\n <\/svg>\n <div class=\"hero-vignette\"><\/div>\n <div class=\"hero-content\">\n <span class=\"hero-eyebrow\">Post Production House \u00b7 Since 2024<\/span>\n <h1 class=\"hero-title\">Hear the Vision,<br><em>See the Sound.<\/em><\/h1>\n <p class=\"hero-sub\">Cinematic Post Production \u00b7 Sound Design \u00b7 Color Grading<\/p>\n <\/div>\n <div class=\"hero-scroll\">\n <span>Scroll<\/span>\n <div class=\"hero-scroll-line\"><\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"about\">\n <div class=\"container\">\n <span class=\"section-label\">About SKH-CINEMAs<\/span>\n <h2 class=\"section-title\">Because we know<br>the <em>destination<\/em>,<br>we craft the journey.<\/h2>\n\n <div class=\"about-grid\">\n <div class=\"about-text\">\n <p>SKH-CINEMAs is a cinematic post production house specializing in film and video advertising. We handle the entire pipeline \u2014 from screenplay development and production through audio post, color grading, and final delivery.<\/p>\n <p>Our defining advantage: because we envision the final sound and color before the camera rolls, we can engineer a more precise, waste-free production plan. Post-production thinking embedded at the script stage is the core of our total direction approach.<\/p>\n <p>The fusion of hearing and seeing \u2014 we pursue the limits of the cinematic experience that moves audiences on every emotional frequency.<\/p>\n <div class=\"about-stats\">\n <div>\n <span class=\"stat-num\">MA<\/span>\n <span class=\"stat-label\">Professional Mix<\/span>\n <\/div>\n <div>\n <span class=\"stat-num\">4K<\/span>\n <span class=\"stat-label\">Color Grade<\/span>\n <\/div>\n <div>\n <span class=\"stat-num\">5.1<\/span>\n <span class=\"stat-label\">Surround Sound<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"about-visual\">\n <div class=\"visual-top\">\n <span class=\"visual-label\">Audio Waveform \u00b7 Pro Tools Session<\/span>\n <div class=\"eq-container\" id=\"eq-container\">\n \n <\/div>\n <div class=\"visual-meta\">\n <span class=\"rec-dot\">REC<\/span>\n <span class=\"sample-rate\">48kHz \/ 32bit Float<\/span>\n <\/div>\n <\/div>\n <div class=\"visual-bottom\">\n <div>\n <span class=\"swatch-label\">Color Grade \u00b7 DaVinci Resolve<\/span>\n <div class=\"color-swatches\">\n <div class=\"swatch\" style=\"background:linear-gradient(135deg,#1a3a6b,#0a1f3d)\" title=\"Shadows\"><\/div>\n <div class=\"swatch\" style=\"background:linear-gradient(135deg,#2d4a3e,#1a2f28)\" title=\"Lift\"><\/div>\n <div class=\"swatch\" style=\"background:linear-gradient(135deg,#c8a96e,#8a6d3b)\" title=\"Midtones\"><\/div>\n <div class=\"swatch\" style=\"background:linear-gradient(135deg,#e8e0cc,#c8c0a8)\" title=\"Highlights\"><\/div>\n <\/div>\n <\/div>\n <span class=\"davinci-logo\">DaVinci<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"services\">\n <div class=\"services-header\">\n <span class=\"section-label\">Services<\/span>\n <h2 class=\"section-title\">Our <em>Expertise<\/em><\/h2>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <span class=\"service-num\">01<\/span>\n <h3 class=\"service-title\">Audio Post-Production<\/h3>\n <div class=\"service-en\">Sound Design \u00b7 MA Mixing \u00b7 Foley<\/div>\n <p class=\"service-desc\">Original scores that amplify emotion, foley and sound design built from zero \u2014 footsteps, fabric, atmosphere \u2014 and re-recording mixing (MA) that brings clarity to dialogue while engineering total immersion. Full audio post, end to end.<\/p>\n <div class=\"service-tags\">\n <span class=\"tag\">Original Score<\/span>\n <span class=\"tag\">Sound Design<\/span>\n <span class=\"tag\">Foley<\/span>\n <span class=\"tag\">MA Mixing<\/span>\n <span class=\"tag\">Re-recording<\/span>\n <span class=\"tag\">Dialogue Edit<\/span>\n <\/div>\n <\/div>\n <div class=\"service-card\">\n <span class=\"service-num\">02<\/span>\n <h3 class=\"service-title\">Visual Post-Production<\/h3>\n <div class=\"service-en\">Color Grading \u00b7 Editorial<\/div>\n <p class=\"service-desc\">Cinematic color grading that pursues the depths of film texture, combined with rhythm-conscious editorial that breathes in sync with the music. A 4K\/HDR DaVinci Resolve workflow, pursuing the outer limits of visual expression.<\/p>\n <div class=\"service-tags\">\n <span class=\"tag\">Color Grading<\/span>\n <span class=\"tag\">Editorial<\/span>\n <span class=\"tag\">4K \/ HDR<\/span>\n <span class=\"tag\">DaVinci Resolve<\/span>\n <span class=\"tag\">VFX Composite<\/span>\n <\/div>\n <\/div>\n <div class=\"service-card\">\n <span class=\"service-num\">03<\/span>\n <h3 class=\"service-title\">Film Production<\/h3>\n <div class=\"service-en\">Screenplay \u00b7 Direction \u00b7 Cinematography<\/div>\n <p class=\"service-desc\">Screenplay development and production planning reverse-engineered from the completed sound and image. Because we see the “exit point” \u2014 the finished color and sound \u2014 we can specify exactly what material the shoot needs to capture. Consistent vision, from page to screen.<\/p>\n <div class=\"service-tags\">\n <span class=\"tag\">Screenplay<\/span>\n <span class=\"tag\">Direction<\/span>\n <span class=\"tag\">Cinematography<\/span>\n <span class=\"tag\">Production Design<\/span>\n <\/div>\n <\/div>\n <div class=\"service-card\">\n <span class=\"service-num\">04<\/span>\n <h3 class=\"service-title\">Commercial & Corporate<\/h3>\n <div class=\"service-en\">Video Advertising \u00b7 Brand Film<\/div>\n <p class=\"service-desc\">Commercials, corporate videos, and brand films \u2014 bringing a cinematic quality and post-production depth to the world of commercial imagery. We build brand worlds through both visual and sonic dimensions, creating work that resonates beyond the screen.<\/p>\n <div class=\"service-tags\">\n <span class=\"tag\">CM \/ TVC<\/span>\n <span class=\"tag\">Brand Film<\/span>\n <span class=\"tag\">Corporate VP<\/span>\n <span class=\"tag\">Web Movie<\/span>\n <span class=\"tag\">SNS Content<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"philosophy\">\n <div class=\"philosophy-inner\">\n <span class=\"section-label\" style=\"text-align:center\">Our Philosophy<\/span>\n <blockquote class=\"philosophy-quote\">\n “Craftsmanship that <em>shakes<\/em><br>every sense \u2014 from the<br>script to the final mix.”\n <\/blockquote>\n <p class=\"philosophy-body\">\n Footsteps. The rustle of fabric. The weight of silence.<br>\n Foley built from nothing. Colors pulled from the depths of film.<br>\n Where those two worlds meet is where SKH-CINEMAs lives.\n <\/p>\n <div class=\"philosophy-rule\"><\/div>\n <p class=\"philosophy-body\">\n Because we see the finished sound and image before shooting begins,<br>\n we can build the script and production plan working backwards.<br>\n This reverse-engineering is the core advantage of our total direction.\n <\/p>\n <\/div>\n<\/section>\n\n\n<section id=\"workflow\">\n <div class=\"container\">\n <span class=\"section-label\">Our Process<\/span>\n <h2 class=\"section-title\">A process built<br><em>backwards<\/em> from<br>the finished work.<\/h2>\n <div class=\"workflow-steps\">\n <div class=\"workflow-step\">\n <div class=\"step-dot\"><\/div>\n <span class=\"step-num\">01<\/span>\n <h3 class=\"step-title\">Concept &<br>Screenplay<\/h3>\n <p class=\"step-desc\">We envision the finished sound and image first \u2014 then reverse-engineer the script, storyboard, and shooting plan from that destination.<\/p>\n <\/div>\n <div class=\"workflow-step\">\n <div class=\"step-dot\"><\/div>\n <span class=\"step-num\">02<\/span>\n <h3 class=\"step-title\">Production &<br>Shooting<\/h3>\n <p class=\"step-desc\">Recording and shooting with post in mind. We capture materials \u2014 including on-set audio and ambience \u2014 designed for the mixing and grading stages ahead.<\/p>\n <\/div>\n <div class=\"workflow-step\">\n <div class=\"step-dot\"><\/div>\n <span class=\"step-num\">03<\/span>\n <h3 class=\"step-title\">Audio<br>Post-Production<\/h3>\n <p class=\"step-desc\">MA mixing, foley, sound design, and original score composition. Full audio post, built end-to-end as a single coherent system.<\/p>\n <\/div>\n <div class=\"workflow-step\">\n <div class=\"step-dot\"><\/div>\n <span class=\"step-num\">04<\/span>\n <h3 class=\"step-title\">Color &<br>Delivery<\/h3>\n <p class=\"step-desc\">Color grading, final editorial, mastering, and delivery. We elevate the work to its cinematic form and hand it over \u2014 complete.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"advantage\">\n <div class=\"adv-inner\">\n <div class=\"adv-item\">\n <div class=\"adv-number\">I<\/div>\n <div class=\"adv-title\">Post-First Thinking<\/div>\n <p class=\"adv-desc\">We design every script and shoot around the final sound and color \u2014 eliminating waste, reducing reshoots, and delivering a coherent work from day one.<\/p>\n <\/div>\n <div class=\"adv-item\">\n <div class=\"adv-number\">II<\/div>\n <div class=\"adv-title\">Foley Obsession<\/div>\n <p class=\"adv-desc\">Every footstep, every breath, every creak is built from zero. Our approach to foley and sound design is rooted in the craft traditions of feature film production.<\/p>\n <\/div>\n <div class=\"adv-item\">\n <div class=\"adv-number\">III<\/div>\n <div class=\"adv-title\">End-to-End Ownership<\/div>\n <p class=\"adv-desc\">From the first draft of the screenplay to the final master, one team holds the vision. No handoffs. No translation loss. One consistent artistic direction throughout.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"specs\">\n <div class=\"container\">\n <span class=\"section-label\">Studio & Equipment<\/span>\n <h2 class=\"section-title\">The <em>proof<\/em><br>is in the specs.<\/h2>\n <div class=\"specs-grid\">\n <div class=\"spec-item\">\n <span class=\"spec-category\">Audio Tools & DAW<\/span>\n <ul class=\"spec-list\">\n <li>Pro Tools Ultimate<\/li>\n <li>Logic Pro X<\/li>\n <li>Nuendo \u2014 MA \/ Re-recording<\/li>\n <li>iZotope RX \u2014 Noise reduction & restoration<\/li>\n <li>Spitfire Audio \/ Native Instruments<\/li>\n <li>Extensive sound library collection<\/li>\n <\/ul>\n <\/div>\n <div class=\"spec-item\">\n <span class=\"spec-category\">Monitor & Studio Environment<\/span>\n <ul class=\"spec-list\">\n <li>Genelec Studio Monitor Speakers<\/li>\n <li>Neumann Microphones<\/li>\n <li>Acoustically treated recording room<\/li>\n <li>Dedicated Foley recording space<\/li>\n <li>5.1ch \/ Dolby Atmos capable<\/li>\n <li>Remote session support<\/li>\n <\/ul>\n <\/div>\n <div class=\"spec-item\">\n <span class=\"spec-category\">Visual Tools & Workflow<\/span>\n <ul class=\"spec-list\">\n <li>DaVinci Resolve Studio<\/li>\n <li>DaVinci Resolve Mini Panel<\/li>\n <li>Adobe Premiere Pro \/ After Effects<\/li>\n <li>4K \/ RAW workflow<\/li>\n <li>HDR Color Grading<\/li>\n <li>ProRes \/ DNxHR all formats<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"contact\">\n <div class=\"cta-inner\">\n <span class=\"section-label\" style=\"text-align:center\">Contact<\/span>\n <h2 class=\"cta-title\">Your story,<br><em>made cinematic.<\/em><\/h2>\n <p class=\"cta-sub\">\n For project enquiries, creative consultation,<br>\n or a quote \u2014 get in touch.\n <\/p>\n <a href=\"mailto:info@skh-cinemas.com\" class=\"cta-btn\">Contact Us<\/a>\n <a href=\"mailto:info@skh-cinemas.com\" class=\"cta-email\">info@skh-cinemas.com<\/a>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-inner\">\n <div>\n <div class=\"footer-logo\">SKH<span>–<\/span>CINEMAs<\/div>\n <div class=\"footer-tagline\">This is your story \u2014 where sound and vision intersect.<\/div>\n <\/div>\n <div>\n <ul class=\"footer-nav\">\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#specs\">Studio<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <li><a href=\"skh-cinemas-ja.html\">\u65e5\u672c\u8a9e<\/a><\/li>\n <li><a href=\"\/privacy\">Privacy Policy<\/a><\/li>\n <\/ul>\n <div class=\"footer-copy\">\u00a9 2025 SKH-CINEMAs. All rights reserved.<\/div>\n <\/div>\n <\/div>\n<\/footer>\n\n\n<script>\n(function() {\n const container = document.getElementById('eq-container');\n const heights = [\n 140, 90, 170, 65, 150, 110, 185, 85, 155, 75,\n 135, 115, 100, 175, 60, 145, 125, 95, 165, 80\n ];\n const delays = [0, 0.12, 0.25, 0.08, 0.38, 0.19, 0.44, 0.06, 0.31, 0.17,\n 0.42, 0.05, 0.28, 0.15, 0.36, 0.10, 0.47, 0.23, 0.03, 0.40];\n heights.forEach((h, i) => {\n const bar = document.createElement('div');\n bar.className = 'eq-bar';\n bar.style.cssText = `--dur:${(1.2 + Math.random() * 0.9).toFixed(2)}s; animation-delay:${delays[i]}s; max-height:${h}px; height:100%;`;\n container.appendChild(bar);\n });\n\n const nav = document.querySelector('nav');\n window.addEventListener('scroll', () => {\n if (window.scrollY > 60) {\n nav.style.background = 'rgba(10,10,11,0.97)';\n nav.style.padding = '16px 48px';\n } else {\n nav.style.background = 'linear-gradient(to bottom, rgba(10,10,11,0.96) 0%, transparent 100%)';\n nav.style.padding = '24px 48px';\n }\n }, { passive: true });\n})();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>SKH-CINEMAs | Post Production House \u00b7 Cinematic Sound & Color SKH–CINEMAs About Services Process Stu […]<\/p>\n","protected":false},"author":1,"featured_media":62,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-83","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/skh-cinemas.com\/index.php?rest_route=\/wp\/v2\/pages\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skh-cinemas.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skh-cinemas.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skh-cinemas.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skh-cinemas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=83"}],"version-history":[{"count":6,"href":"https:\/\/skh-cinemas.com\/index.php?rest_route=\/wp\/v2\/pages\/83\/revisions"}],"predecessor-version":[{"id":89,"href":"https:\/\/skh-cinemas.com\/index.php?rest_route=\/wp\/v2\/pages\/83\/revisions\/89"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/skh-cinemas.com\/index.php?rest_route=\/wp\/v2\/media\/62"}],"wp:attachment":[{"href":"https:\/\/skh-cinemas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":83,"date":"2026-05-08T11:55:41","date_gmt":"2026-05-08T02:55:41","guid":{"rendered":"https:\/\/skh-cinemas.com\/?page_id=83"},"modified":"2026-05-08T11:59:28","modified_gmt":"2026-05-08T02:59:28","slug":"83-2","status":"publish","type":"page","link":"https:\/\/skh-cinemas.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n\n\nSKH-CINEMAs | Post Production House \u00b7 Cinematic Sound & Color<\/title>\n<meta name=\"description\" content=\"A cinematic post production house specializing in audio post-production, sound design, foley, MA mixing, color grading, and film production. Crafting stories through the fusion of sound and vision.\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Syncopate:wght@400;700&family=Jost:wght@200;300;400&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ===== RESET & ROOT ===== *\/\n*, *::before, *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n:root {\n --black: #0a0a0b;\n --near-black: #0f0f12;\n --dark: #141418;\n --mid: #1e1e24;\n --mid2: #282830;\n --accent: #c8a96e;\n --accent2: #8ba89e;\n --text: #e8e4dc;\n --muted: #7a7870;\n --line: rgba(200,169,110,0.2);\n --line-dim: rgba(200,169,110,0.08);\n}\nhtml { scroll-behavior: smooth; }\nbody {\n background: var(--black);\n color: var(--text);\n font-family: 'Jost', sans-serif;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\na { color: inherit; text-decoration: none; }\nimg { display: block; max-width: 100%; }\n\n\/* ===== NAVIGATION ===== *\/\nnav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n padding: 24px 48px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: linear-gradient(to bottom, rgba(10,10,11,0.96) 0%, transparent 100%);\n transition: padding 0.3s, background 0.3s;\n}\n.logo {\n font-family: 'Syncopate', sans-serif;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 0.3em;\n color: var(--text);\n}\n.logo span { color: var(--accent); }\n.nav-links {\n display: flex;\n gap: 40px;\n list-style: none;\n align-items: center;\n}\n.nav-links a {\n font-family: 'Syncopate', sans-serif;\n font-size: 9px;\n letter-spacing: 0.25em;\n color: var(--muted);\n transition: color 0.3s;\n}\n.nav-links a:hover { color: var(--accent); }\n.nav-lang {\n font-family: 'Syncopate', sans-serif;\n font-size: 8px;\n letter-spacing: 0.2em;\n padding: 6px 14px;\n border: 1px solid var(--line);\n color: var(--accent);\n transition: all 0.3s;\n}\n.nav-lang:hover {\n background: var(--accent);\n color: var(--black);\n border-color: var(--accent);\n}\n\n\/* ===== HERO ===== *\/\n.hero {\n height: 100vh;\n min-height: 640px;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n background: var(--black);\n}\n.hero-waveform {\n position: absolute;\n inset: 0;\n opacity: 0.055;\n pointer-events: none;\n}\n.hero-vignette {\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse at center, transparent 40%, rgba(10,10,11,0.85) 100%);\n pointer-events: none;\n}\n.hero-content {\n position: relative;\n z-index: 2;\n text-align: center;\n padding: 0 24px;\n}\n.hero-eyebrow {\n display: block;\n font-family: 'Syncopate', sans-serif;\n font-size: 9px;\n letter-spacing: 0.55em;\n color: var(--accent);\n margin-bottom: 36px;\n opacity: 0;\n animation: fadeUp 1s 0.3s forwards;\n}\n.hero-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(52px, 8.5vw, 114px);\n font-weight: 300;\n line-height: 0.9;\n color: var(--text);\n opacity: 0;\n animation: fadeUp 1s 0.55s forwards;\n}\n.hero-title em {\n font-style: italic;\n color: var(--accent);\n display: block;\n}\n.hero-sub {\n font-family: 'Jost', sans-serif;\n font-size: clamp(13px, 1.4vw, 15px);\n font-weight: 200;\n letter-spacing: 0.3em;\n color: var(--muted);\n margin-top: 32px;\n line-height: 2.2;\n text-transform: uppercase;\n opacity: 0;\n animation: fadeUp 1s 0.8s forwards;\n}\n.hero-scroll {\n position: absolute;\n bottom: 40px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n opacity: 0;\n animation: fadeIn 1s 1.4s forwards;\n}\n.hero-scroll span {\n font-family: 'Syncopate', sans-serif;\n font-size: 7px;\n letter-spacing: 0.4em;\n color: var(--muted);\n}\n.hero-scroll-line {\n width: 1px;\n height: 48px;\n background: linear-gradient(to bottom, var(--accent), transparent);\n animation: scrollPulse 2s ease-in-out infinite;\n}\n@keyframes scrollPulse {\n 0%, 100% { opacity: 0.4; transform: scaleY(1); }\n 50% { opacity: 1; transform: scaleY(1.15); }\n}\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n}\n\n\/* ===== SHARED SECTION STYLES ===== *\/\nsection { padding: 140px 0; }\n.container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 48px;\n}\n.section-label {\n display: block;\n font-family: 'Syncopate', sans-serif;\n font-size: 9px;\n letter-spacing: 0.5em;\n color: var(--accent);\n margin-bottom: 18px;\n text-transform: uppercase;\n}\n.section-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(38px, 5.5vw, 76px);\n font-weight: 300;\n line-height: 1.05;\n color: var(--text);\n}\n.section-title em { font-style: italic; }\n\n\/* ===== ABOUT ===== *\/\n#about { background: var(--black); }\n.about-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n align-items: start;\n margin-top: 72px;\n}\n.about-text p {\n font-family: 'Jost', sans-serif;\n font-size: 16px;\n font-weight: 200;\n line-height: 2.1;\n color: var(--muted);\n margin-bottom: 22px;\n letter-spacing: 0.02em;\n}\n.about-stats {\n margin-top: 48px;\n padding-top: 40px;\n border-top: 1px solid var(--line);\n display: flex;\n gap: 48px;\n}\n.stat-num {\n display: block;\n font-family: 'Cormorant Garamond', serif;\n font-size: 52px;\n font-weight: 300;\n color: var(--accent);\n line-height: 1;\n}\n.stat-label {\n display: block;\n font-family: 'Syncopate', sans-serif;\n font-size: 7px;\n letter-spacing: 0.3em;\n color: var(--muted);\n margin-top: 8px;\n text-transform: uppercase;\n}\n\n\/* EQ Visual *\/\n.about-visual { display: flex; flex-direction: column; gap: 1px; }\n.visual-top {\n background: var(--dark);\n padding: 36px 40px;\n}\n.visual-label {\n font-family: 'Syncopate', sans-serif;\n font-size: 7px;\n letter-spacing: 0.35em;\n color: var(--muted);\n margin-bottom: 28px;\n display: block;\n text-transform: uppercase;\n}\n.eq-container {\n display: flex;\n align-items: flex-end;\n gap: 3px;\n height: 180px;\n}\n.eq-bar {\n flex: 1;\n background: linear-gradient(to top, var(--accent) 0%, rgba(200,169,110,0.15) 100%);\n border-radius: 2px 2px 0 0;\n animation: eqAnim var(--dur, 1.4s) ease-in-out infinite alternate;\n transform-origin: bottom;\n}\n@keyframes eqAnim {\n 0% { transform: scaleY(0.15); }\n 100% { transform: scaleY(1); }\n}\n.visual-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 20px;\n}\n.rec-dot {\n font-family: 'Syncopate', sans-serif;\n font-size: 7px;\n letter-spacing: 0.2em;\n color: #e05555;\n}\n.rec-dot::before {\n content: '\u25cf ';\n animation: blink 1s step-end infinite;\n}\n@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0} }\n.sample-rate {\n font-family: 'Syncopate', sans-serif;\n font-size: 7px;\n letter-spacing: 0.2em;\n color: var(--muted);\n}\n.visual-bottom {\n background: var(--mid);\n padding: 24px 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.color-swatches {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n.swatch {\n width: 28px;\n height: 28px;\n border-radius: 50%;\n}\n.swatch-label {\n font-family: 'Syncopate', sans-serif;\n font-size: 7px;\n letter-spacing: 0.2em;\n color: var(--muted);\n margin-bottom: 10px;\n display: block;\n text-transform: uppercase;\n}\n.davinci-logo {\n font-family: 'Cormorant Garamond', serif;\n font-size: 28px;\n font-weight: 300;\n color: var(--accent);\n font-style: italic;\n}\n\n\/* ===== SERVICES ===== *\/\n#services { background: var(--near-black); padding-top: 140px; padding-bottom: 0; }\n.services-header { padding: 0 48px; max-width: 1200px; margin: 0 auto; }\n.services-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1px;\n background: var(--line);\n margin-top: 80px;\n}\n.service-card {\n background: var(--near-black);\n padding: 60px 52px;\n position: relative;\n overflow: hidden;\n transition: background 0.4s;\n}\n.service-card::after {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 1px;\n background: linear-gradient(to right, transparent, var(--accent), transparent);\n opacity: 0;\n transition: opacity 0.4s;\n}\n.service-card:hover { background: var(--dark); }\n.service-card:hover::after { opacity: 1; }\n.service-num {\n display: block;\n font-family: 'Syncopate', sans-serif;\n font-size: 9px;\n letter-spacing: 0.3em;\n color: var(--accent);\n opacity: 0.5;\n margin-bottom: 36px;\n}\n.service-icon {\n font-size: 28px;\n margin-bottom: 20px;\n display: block;\n opacity: 0.5;\n}\n.service-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: 30px;\n font-weight: 300;\n color: var(--text);\n line-height: 1.15;\n margin-bottom: 10px;\n}\n.service-en {\n font-family: 'Syncopate', sans-serif;\n font-size: 8px;\n letter-spacing: 0.35em;\n color: var(--muted);\n margin-bottom: 30px;\n text-transform: uppercase;\n}\n.service-desc {\n font-family: 'Jost', sans-serif;\n font-size: 14px;\n font-weight: 200;\n line-height: 2.0;\n color: var(--muted);\n margin-bottom: 32px;\n letter-spacing: 0.02em;\n}\n.service-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n.tag {\n font-family: 'Syncopate', sans-serif;\n font-size: 7px;\n letter-spacing: 0.2em;\n padding: 6px 14px;\n border: 1px solid var(--line);\n color: var(--muted);\n white-space: nowrap;\n text-transform: uppercase;\n}\n\n\/* ===== PHILOSOPHY ===== *\/\n#philosophy {\n background: var(--near-black);\n padding: 160px 0;\n}\n.philosophy-inner {\n max-width: 820px;\n margin: 0 auto;\n text-align: center;\n padding: 0 48px;\n}\n.philosophy-quote {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(26px, 4vw, 54px);\n font-weight: 300;\n line-height: 1.35;\n color: var(--text);\n margin: 52px 0 48px;\n font-style: normal;\n}\n.philosophy-quote em {\n font-style: italic;\n color: var(--accent);\n}\n.philosophy-body {\n font-family: 'Jost', sans-serif;\n font-size: 15px;\n font-weight: 200;\n line-height: 2.4;\n color: var(--muted);\n letter-spacing: 0.03em;\n}\n.philosophy-rule {\n width: 1px;\n height: 60px;\n background: linear-gradient(to bottom, transparent, var(--accent), transparent);\n margin: 52px auto;\n}\n\n\/* ===== WORKFLOW ===== *\/\n#workflow { background: var(--black); }\n.workflow-steps {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n margin-top: 80px;\n position: relative;\n}\n.workflow-steps::before {\n content: '';\n position: absolute;\n top: 21px;\n left: 0; right: 0;\n height: 1px;\n background: linear-gradient(to right, var(--accent) 0%, rgba(200,169,110,0.1) 100%);\n}\n.workflow-step {\n padding-top: 60px;\n padding-right: 32px;\n position: relative;\n}\n.step-dot {\n position: absolute;\n top: 14px;\n left: 0;\n width: 15px;\n height: 15px;\n border: 1px solid var(--accent);\n border-radius: 50%;\n background: var(--black);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.step-dot::after {\n content: '';\n width: 5px;\n height: 5px;\n background: var(--accent);\n border-radius: 50%;\n}\n.step-num {\n display: block;\n font-family: 'Syncopate', sans-serif;\n font-size: 8px;\n letter-spacing: 0.3em;\n color: var(--accent);\n margin-bottom: 18px;\n}\n.step-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: 22px;\n font-weight: 300;\n color: var(--text);\n margin-bottom: 14px;\n line-height: 1.2;\n}\n.step-desc {\n font-family: 'Jost', sans-serif;\n font-size: 13px;\n font-weight: 200;\n line-height: 2.0;\n color: var(--muted);\n letter-spacing: 0.02em;\n}\n\n\/* ===== DIFFERENTIATOR BAND ===== *\/\n#advantage {\n background: var(--mid);\n padding: 100px 0;\n}\n.adv-inner {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 48px;\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 1px;\n background: var(--line);\n}\n.adv-item {\n background: var(--mid);\n padding: 52px 44px;\n}\n.adv-number {\n font-family: 'Cormorant Garamond', serif;\n font-size: 72px;\n font-weight: 300;\n color: var(--line);\n line-height: 1;\n margin-bottom: 20px;\n}\n.adv-title {\n font-family: 'Syncopate', sans-serif;\n font-size: 9px;\n letter-spacing: 0.3em;\n color: var(--accent);\n margin-bottom: 16px;\n text-transform: uppercase;\n}\n.adv-desc {\n font-family: 'Jost', sans-serif;\n font-size: 14px;\n font-weight: 200;\n line-height: 2.0;\n color: var(--muted);\n}\n\n\/* ===== STUDIO SPECS ===== *\/\n#specs { background: var(--dark); }\n.specs-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--line-dim);\n margin-top: 80px;\n}\n.spec-item {\n background: var(--dark);\n padding: 44px 36px;\n}\n.spec-category {\n display: block;\n font-family: 'Syncopate', sans-serif;\n font-size: 8px;\n letter-spacing: 0.45em;\n color: var(--accent);\n margin-bottom: 24px;\n padding-bottom: 16px;\n border-bottom: 1px solid var(--line);\n text-transform: uppercase;\n}\n.spec-list { list-style: none; }\n.spec-list li {\n font-family: 'Jost', sans-serif;\n font-size: 13px;\n font-weight: 200;\n color: var(--muted);\n padding: 10px 0;\n border-bottom: 1px solid var(--line-dim);\n line-height: 1.6;\n letter-spacing: 0.02em;\n}\n.spec-list li:last-child { border: none; }\n.spec-list li::before {\n content: '\u2014 ';\n color: var(--accent);\n opacity: 0.4;\n font-size: 10px;\n}\n\n\/* ===== CTA ===== *\/\n#contact {\n background: var(--mid);\n padding: 160px 0;\n text-align: center;\n}\n.cta-inner {\n max-width: 820px;\n margin: 0 auto;\n padding: 0 48px;\n}\n.cta-title {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(44px, 7vw, 96px);\n font-weight: 300;\n line-height: 1.0;\n color: var(--text);\n margin: 24px 0 0;\n}\n.cta-title em { font-style: italic; color: var(--accent); }\n.cta-sub {\n font-family: 'Jost', sans-serif;\n font-size: 15px;\n font-weight: 200;\n color: var(--muted);\n line-height: 2.2;\n margin-top: 28px;\n letter-spacing: 0.04em;\n}\n.cta-btn {\n display: inline-block;\n margin-top: 52px;\n padding: 18px 60px;\n border: 1px solid var(--accent);\n font-family: 'Syncopate', sans-serif;\n font-size: 9px;\n letter-spacing: 0.45em;\n color: var(--accent);\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n transition: color 0.4s;\n}\n.cta-btn::before {\n content: '';\n position: absolute;\n inset: 0;\n background: var(--accent);\n transform: translateX(-101%);\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n z-index: -1;\n}\n.cta-btn:hover { color: var(--black); }\n.cta-btn:hover::before { transform: translateX(0); }\n.cta-email {\n display: block;\n font-family: 'Syncopate', sans-serif;\n font-size: 9px;\n letter-spacing: 0.2em;\n color: var(--muted);\n margin-top: 24px;\n transition: color 0.3s;\n}\n.cta-email:hover { color: var(--accent); }\n\n\/* ===== FOOTER ===== *\/\nfooter {\n background: var(--black);\n padding: 60px 48px 40px;\n border-top: 1px solid var(--line);\n}\n.footer-inner {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n}\n.footer-logo {\n font-family: 'Syncopate', sans-serif;\n font-size: 14px;\n font-weight: 700;\n letter-spacing: 0.3em;\n}\n.footer-logo span { color: var(--accent); }\n.footer-tagline {\n font-family: 'Jost', sans-serif;\n font-size: 12px;\n font-weight: 200;\n color: var(--muted);\n margin-top: 10px;\n letter-spacing: 0.08em;\n}\n.footer-nav {\n display: flex;\n gap: 32px;\n list-style: none;\n margin-bottom: 16px;\n justify-content: flex-end;\n}\n.footer-nav a {\n font-family: 'Syncopate', sans-serif;\n font-size: 7px;\n letter-spacing: 0.2em;\n color: var(--muted);\n text-transform: uppercase;\n transition: color 0.3s;\n}\n.footer-nav a:hover { color: var(--accent); }\n.footer-copy {\n font-family: 'Syncopate', sans-serif;\n font-size: 7px;\n letter-spacing: 0.2em;\n color: var(--muted);\n text-align: right;\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 900px) {\n nav { padding: 20px 24px; }\n .nav-links { gap: 24px; }\n .container { padding: 0 24px; }\n section { padding: 100px 0; }\n\n .about-grid { grid-template-columns: 1fr; gap: 48px; }\n .services-grid { grid-template-columns: 1fr; }\n .workflow-steps {\n grid-template-columns: 1fr;\n gap: 48px;\n }\n .workflow-steps::before { display: none; }\n .workflow-step { padding-top: 0; padding-left: 32px; padding-right: 0; }\n .step-dot { top: 2px; }\n .adv-inner { grid-template-columns: 1fr; }\n .specs-grid { grid-template-columns: 1fr; }\n .footer-inner { flex-direction: column; gap: 32px; align-items: flex-start; }\n .footer-nav { justify-content: flex-start; }\n .footer-copy { text-align: left; }\n .services-header { padding: 0 24px; }\n .philosophy-inner { padding: 0 24px; }\n .cta-inner { padding: 0 24px; }\n footer { padding: 48px 24px 36px; }\n #advantage { padding: 80px 0; }\n .adv-inner { padding: 0 24px; gap: 0; background: transparent; }\n .adv-item { border-bottom: 1px solid var(--line); padding: 44px 0; background: transparent; }\n}\n@media (max-width: 600px) {\n .nav-links { display: none; }\n .service-card { padding: 44px 32px; }\n .about-stats { flex-direction: column; gap: 24px; }\n}\n<\/style>\n<\/head>\n<body data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1>\n\n\n<nav>\n <a href=\"skh-cinemas-en.html\" class=\"logo\">SKH<span>–<\/span>CINEMAs<\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#workflow\">Process<\/a><\/li>\n <li><a href=\"#specs\">Studio<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <li><a href=\"skh-cinemas-ja.html\" class=\"nav-lang\">JA<\/a><\/li>\n <\/ul>\n<\/nav>\n\n\n<section class=\"hero\" id=\"home\">\n <svg class=\"hero-waveform\" viewBox=\"0 0 1400 700\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n <g stroke=\"#c8a96e\" stroke-width=\"0.6\" fill=\"none\">\n <path d=\"M0,350 Q70,290 140,350 Q210,410 280,350 Q350,290 420,350 Q490,410 560,350 Q630,290 700,350 Q770,410 840,350 Q910,290 980,350 Q1050,410 1120,350 Q1190,290 1260,350 Q1330,410 1400,350\"\/>\n <path d=\"M0,350 Q90,210 180,350 Q270,490 360,350 Q450,210 540,350 Q630,490 720,350 Q810,210 900,350 Q990,490 1080,350 Q1170,210 1260,350 Q1350,490 1440,350\" opacity=\"0.45\"\/>\n <path d=\"M0,350 Q110,120 220,350 Q330,580 440,350 Q550,120 660,350 Q770,580 880,350 Q990,120 1100,350 Q1210,580 1320,350 Q1400,200 1400,350\" opacity=\"0.2\"\/>\n <path d=\"M0,350 Q50,330 100,350 Q150,370 200,350 Q250,330 300,350 Q350,370 400,350 Q450,330 500,350 Q550,370 600,350 Q650,330 700,350 Q750,370 800,350 Q850,330 900,350 Q950,370 1000,350 Q1050,330 1100,350 Q1150,370 1200,350 Q1250,330 1300,350 Q1350,370 1400,350\" opacity=\"0.7\"\/>\n <\/g>\n <\/svg>\n <div class=\"hero-vignette\"><\/div>\n <div class=\"hero-content\">\n <span class=\"hero-eyebrow\">Post Production House \u00b7 Since 2024<\/span>\n <h1 class=\"hero-title\">Hear the Vision,<br><em>See the Sound.<\/em><\/h1>\n <p class=\"hero-sub\">Cinematic Post Production \u00b7 Sound Design \u00b7 Color Grading<\/p>\n <\/div>\n <div class=\"hero-scroll\">\n <span>Scroll<\/span>\n <div class=\"hero-scroll-line\"><\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"about\">\n <div class=\"container\">\n <span class=\"section-label\">About SKH-CINEMAs<\/span>\n <h2 class=\"section-title\">Because we know<br>the <em>destination<\/em>,<br>we craft the journey.<\/h2>\n\n <div class=\"about-grid\">\n <div class=\"about-text\">\n <p>SKH-CINEMAs is a cinematic post production house specializing in film and video advertising. We handle the entire pipeline \u2014 from screenplay development and production through audio post, color grading, and final delivery.<\/p>\n <p>Our defining advantage: because we envision the final sound and color before the camera rolls, we can engineer a more precise, waste-free production plan. Post-production thinking embedded at the script stage is the core of our total direction approach.<\/p>\n <p>The fusion of hearing and seeing \u2014 we pursue the limits of the cinematic experience that moves audiences on every emotional frequency.<\/p>\n <div class=\"about-stats\">\n <div>\n <span class=\"stat-num\">MA<\/span>\n <span class=\"stat-label\">Professional Mix<\/span>\n <\/div>\n <div>\n <span class=\"stat-num\">4K<\/span>\n <span class=\"stat-label\">Color Grade<\/span>\n <\/div>\n <div>\n <span class=\"stat-num\">5.1<\/span>\n <span class=\"stat-label\">Surround Sound<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"about-visual\">\n <div class=\"visual-top\">\n <span class=\"visual-label\">Audio Waveform \u00b7 Pro Tools Session<\/span>\n <div class=\"eq-container\" id=\"eq-container\">\n \n <\/div>\n <div class=\"visual-meta\">\n <span class=\"rec-dot\">REC<\/span>\n <span class=\"sample-rate\">48kHz \/ 32bit Float<\/span>\n <\/div>\n <\/div>\n <div class=\"visual-bottom\">\n <div>\n <span class=\"swatch-label\">Color Grade \u00b7 DaVinci Resolve<\/span>\n <div class=\"color-swatches\">\n <div class=\"swatch\" style=\"background:linear-gradient(135deg,#1a3a6b,#0a1f3d)\" title=\"Shadows\"><\/div>\n <div class=\"swatch\" style=\"background:linear-gradient(135deg,#2d4a3e,#1a2f28)\" title=\"Lift\"><\/div>\n <div class=\"swatch\" style=\"background:linear-gradient(135deg,#c8a96e,#8a6d3b)\" title=\"Midtones\"><\/div>\n <div class=\"swatch\" style=\"background:linear-gradient(135deg,#e8e0cc,#c8c0a8)\" title=\"Highlights\"><\/div>\n <\/div>\n <\/div>\n <span class=\"davinci-logo\">DaVinci<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"services\">\n <div class=\"services-header\">\n <span class=\"section-label\">Services<\/span>\n <h2 class=\"section-title\">Our <em>Expertise<\/em><\/h2>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <span class=\"service-num\">01<\/span>\n <h3 class=\"service-title\">Audio Post-Production<\/h3>\n <div class=\"service-en\">Sound Design \u00b7 MA Mixing \u00b7 Foley<\/div>\n <p class=\"service-desc\">Original scores that amplify emotion, foley and sound design built from zero \u2014 footsteps, fabric, atmosphere \u2014 and re-recording mixing (MA) that brings clarity to dialogue while engineering total immersion. Full audio post, end to end.<\/p>\n <div class=\"service-tags\">\n <span class=\"tag\">Original Score<\/span>\n <span class=\"tag\">Sound Design<\/span>\n <span class=\"tag\">Foley<\/span>\n <span class=\"tag\">MA Mixing<\/span>\n <span class=\"tag\">Re-recording<\/span>\n <span class=\"tag\">Dialogue Edit<\/span>\n <\/div>\n <\/div>\n <div class=\"service-card\">\n <span class=\"service-num\">02<\/span>\n <h3 class=\"service-title\">Visual Post-Production<\/h3>\n <div class=\"service-en\">Color Grading \u00b7 Editorial<\/div>\n <p class=\"service-desc\">Cinematic color grading that pursues the depths of film texture, combined with rhythm-conscious editorial that breathes in sync with the music. A 4K\/HDR DaVinci Resolve workflow, pursuing the outer limits of visual expression.<\/p>\n <div class=\"service-tags\">\n <span class=\"tag\">Color Grading<\/span>\n <span class=\"tag\">Editorial<\/span>\n <span class=\"tag\">4K \/ HDR<\/span>\n <span class=\"tag\">DaVinci Resolve<\/span>\n <span class=\"tag\">VFX Composite<\/span>\n <\/div>\n <\/div>\n <div class=\"service-card\">\n <span class=\"service-num\">03<\/span>\n <h3 class=\"service-title\">Film Production<\/h3>\n <div class=\"service-en\">Screenplay \u00b7 Direction \u00b7 Cinematography<\/div>\n <p class=\"service-desc\">Screenplay development and production planning reverse-engineered from the completed sound and image. Because we see the “exit point” \u2014 the finished color and sound \u2014 we can specify exactly what material the shoot needs to capture. Consistent vision, from page to screen.<\/p>\n <div class=\"service-tags\">\n <span class=\"tag\">Screenplay<\/span>\n <span class=\"tag\">Direction<\/span>\n <span class=\"tag\">Cinematography<\/span>\n <span class=\"tag\">Production Design<\/span>\n <\/div>\n <\/div>\n <div class=\"service-card\">\n <span class=\"service-num\">04<\/span>\n <h3 class=\"service-title\">Commercial & Corporate<\/h3>\n <div class=\"service-en\">Video Advertising \u00b7 Brand Film<\/div>\n <p class=\"service-desc\">Commercials, corporate videos, and brand films \u2014 bringing a cinematic quality and post-production depth to the world of commercial imagery. We build brand worlds through both visual and sonic dimensions, creating work that resonates beyond the screen.<\/p>\n <div class=\"service-tags\">\n <span class=\"tag\">CM \/ TVC<\/span>\n <span class=\"tag\">Brand Film<\/span>\n <span class=\"tag\">Corporate VP<\/span>\n <span class=\"tag\">Web Movie<\/span>\n <span class=\"tag\">SNS Content<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"philosophy\">\n <div class=\"philosophy-inner\">\n <span class=\"section-label\" style=\"text-align:center\">Our Philosophy<\/span>\n <blockquote class=\"philosophy-quote\">\n “Craftsmanship that <em>shakes<\/em><br>every sense \u2014 from the<br>script to the final mix.”\n <\/blockquote>\n <p class=\"philosophy-body\">\n Footsteps. The rustle of fabric. The weight of silence.<br>\n Foley built from nothing. Colors pulled from the depths of film.<br>\n Where those two worlds meet is where SKH-CINEMAs lives.\n <\/p>\n <div class=\"philosophy-rule\"><\/div>\n <p class=\"philosophy-body\">\n Because we see the finished sound and image before shooting begins,<br>\n we can build the script and production plan working backwards.<br>\n This reverse-engineering is the core advantage of our total direction.\n <\/p>\n <\/div>\n<\/section>\n\n\n<section id=\"workflow\">\n <div class=\"container\">\n <span class=\"section-label\">Our Process<\/span>\n <h2 class=\"section-title\">A process built<br><em>backwards<\/em> from<br>the finished work.<\/h2>\n <div class=\"workflow-steps\">\n <div class=\"workflow-step\">\n <div class=\"step-dot\"><\/div>\n <span class=\"step-num\">01<\/span>\n <h3 class=\"step-title\">Concept &<br>Screenplay<\/h3>\n <p class=\"step-desc\">We envision the finished sound and image first \u2014 then reverse-engineer the script, storyboard, and shooting plan from that destination.<\/p>\n <\/div>\n <div class=\"workflow-step\">\n <div class=\"step-dot\"><\/div>\n <span class=\"step-num\">02<\/span>\n <h3 class=\"step-title\">Production &<br>Shooting<\/h3>\n <p class=\"step-desc\">Recording and shooting with post in mind. We capture materials \u2014 including on-set audio and ambience \u2014 designed for the mixing and grading stages ahead.<\/p>\n <\/div>\n <div class=\"workflow-step\">\n <div class=\"step-dot\"><\/div>\n <span class=\"step-num\">03<\/span>\n <h3 class=\"step-title\">Audio<br>Post-Production<\/h3>\n <p class=\"step-desc\">MA mixing, foley, sound design, and original score composition. Full audio post, built end-to-end as a single coherent system.<\/p>\n <\/div>\n <div class=\"workflow-step\">\n <div class=\"step-dot\"><\/div>\n <span class=\"step-num\">04<\/span>\n <h3 class=\"step-title\">Color &<br>Delivery<\/h3>\n <p class=\"step-desc\">Color grading, final editorial, mastering, and delivery. We elevate the work to its cinematic form and hand it over \u2014 complete.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"advantage\">\n <div class=\"adv-inner\">\n <div class=\"adv-item\">\n <div class=\"adv-number\">I<\/div>\n <div class=\"adv-title\">Post-First Thinking<\/div>\n <p class=\"adv-desc\">We design every script and shoot around the final sound and color \u2014 eliminating waste, reducing reshoots, and delivering a coherent work from day one.<\/p>\n <\/div>\n <div class=\"adv-item\">\n <div class=\"adv-number\">II<\/div>\n <div class=\"adv-title\">Foley Obsession<\/div>\n <p class=\"adv-desc\">Every footstep, every breath, every creak is built from zero. Our approach to foley and sound design is rooted in the craft traditions of feature film production.<\/p>\n <\/div>\n <div class=\"adv-item\">\n <div class=\"adv-number\">III<\/div>\n <div class=\"adv-title\">End-to-End Ownership<\/div>\n <p class=\"adv-desc\">From the first draft of the screenplay to the final master, one team holds the vision. No handoffs. No translation loss. One consistent artistic direction throughout.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"specs\">\n <div class=\"container\">\n <span class=\"section-label\">Studio & Equipment<\/span>\n <h2 class=\"section-title\">The <em>proof<\/em><br>is in the specs.<\/h2>\n <div class=\"specs-grid\">\n <div class=\"spec-item\">\n <span class=\"spec-category\">Audio Tools & DAW<\/span>\n <ul class=\"spec-list\">\n <li>Pro Tools Ultimate<\/li>\n <li>Logic Pro X<\/li>\n <li>Nuendo \u2014 MA \/ Re-recording<\/li>\n <li>iZotope RX \u2014 Noise reduction & restoration<\/li>\n <li>Spitfire Audio \/ Native Instruments<\/li>\n <li>Extensive sound library collection<\/li>\n <\/ul>\n <\/div>\n <div class=\"spec-item\">\n <span class=\"spec-category\">Monitor & Studio Environment<\/span>\n <ul class=\"spec-list\">\n <li>Genelec Studio Monitor Speakers<\/li>\n <li>Neumann Microphones<\/li>\n <li>Acoustically treated recording room<\/li>\n <li>Dedicated Foley recording space<\/li>\n <li>5.1ch \/ Dolby Atmos capable<\/li>\n <li>Remote session support<\/li>\n <\/ul>\n <\/div>\n <div class=\"spec-item\">\n <span class=\"spec-category\">Visual Tools & Workflow<\/span>\n <ul class=\"spec-list\">\n <li>DaVinci Resolve Studio<\/li>\n <li>DaVinci Resolve Mini Panel<\/li>\n <li>Adobe Premiere Pro \/ After Effects<\/li>\n <li>4K \/ RAW workflow<\/li>\n <li>HDR Color Grading<\/li>\n <li>ProRes \/ DNxHR all formats<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"contact\">\n <div class=\"cta-inner\">\n <span class=\"section-label\" style=\"text-align:center\">Contact<\/span>\n <h2 class=\"cta-title\">Your story,<br><em>made cinematic.<\/em><\/h2>\n <p class=\"cta-sub\">\n For project enquiries, creative consultation,<br>\n or a quote \u2014 get in touch.\n <\/p>\n <a href=\"mailto:info@skh-cinemas.com\" class=\"cta-btn\">Contact Us<\/a>\n <a href=\"mailto:info@skh-cinemas.com\" class=\"cta-email\">info@skh-cinemas.com<\/a>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-inner\">\n <div>\n <div class=\"footer-logo\">SKH<span>–<\/span>CINEMAs<\/div>\n <div class=\"footer-tagline\">This is your story \u2014 where sound and vision intersect.<\/div>\n <\/div>\n <div>\n <ul class=\"footer-nav\">\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#specs\">Studio<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <li><a href=\"skh-cinemas-ja.html\">\u65e5\u672c\u8a9e<\/a><\/li>\n <li><a href=\"\/privacy\">Privacy Policy<\/a><\/li>\n <\/ul>\n <div class=\"footer-copy\">\u00a9 2025 SKH-CINEMAs. All rights reserved.<\/div>\n <\/div>\n <\/div>\n<\/footer>\n\n\n<script>\n(function() {\n const container = document.getElementById('eq-container');\n const heights = [\n 140, 90, 170, 65, 150, 110, 185, 85, 155, 75,\n 135, 115, 100, 175, 60, 145, 125, 95, 165, 80\n ];\n const delays = [0, 0.12, 0.25, 0.08, 0.38, 0.19, 0.44, 0.06, 0.31, 0.17,\n 0.42, 0.05, 0.28, 0.15, 0.36, 0.10, 0.47, 0.23, 0.03, 0.40];\n heights.forEach((h, i) => {\n const bar = document.createElement('div');\n bar.className = 'eq-bar';\n bar.style.cssText = `--dur:${(1.2 + Math.random() * 0.9).toFixed(2)}s; animation-delay:${delays[i]}s; max-height:${h}px; height:100%;`;\n container.appendChild(bar);\n });\n\n const nav = document.querySelector('nav');\n window.addEventListener('scroll', () => {\n if (window.scrollY > 60) {\n nav.style.background = 'rgba(10,10,11,0.97)';\n nav.style.padding = '16px 48px';\n } else {\n nav.style.background = 'linear-gradient(to bottom, rgba(10,10,11,0.96) 0%, transparent 100%)';\n nav.style.padding = '24px 48px';\n }\n }, { passive: true });\n})();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>SKH-CINEMAs | Post Production House \u00b7 Cinematic Sound & Color SKH–CINEMAs About Services Process Stu […]<\/p>\n","protected":false},"author":1,"featured_media":62,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-83","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/skh-cinemas.com\/index.php?rest_route=\/wp\/v2\/pages\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skh-cinemas.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skh-cinemas.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skh-cinemas.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skh-cinemas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=83"}],"version-history":[{"count":6,"href":"https:\/\/skh-cinemas.com\/index.php?rest_route=\/wp\/v2\/pages\/83\/revisions"}],"predecessor-version":[{"id":89,"href":"https:\/\/skh-cinemas.com\/index.php?rest_route=\/wp\/v2\/pages\/83\/revisions\/89"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/skh-cinemas.com\/index.php?rest_route=\/wp\/v2\/media\/62"}],"wp:attachment":[{"href":"https:\/\/skh-cinemas.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}