<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>iPhone » Dan Evsky</title>
	<atom:link href="https://danevsky.com/product-category/iphone/feed/" rel="self" type="application/rss+xml" />
	<link>https://danevsky.com</link>
	<description>Filmmaker &#124; Film Emulation Powergrade + DCTL &#124; LUTS</description>
	<lastBuildDate>Tue, 10 Mar 2026 21:10:49 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>iCRAFT+ Cinematic Apple Log LUTs for iPhone</title>
		<link>https://danevsky.com/product/icraft/</link>
		
		<dc:creator><![CDATA[Dan Evsky]]></dc:creator>
		<pubDate>Tue, 10 Mar 2026 19:22:04 +0000</pubDate>
				<guid isPermaLink="false">https://danevsky.com/?post_type=product&#038;p=210767</guid>

					<description><![CDATA[<p><strong>iCRAFT PRO+ — Cinematic Apple Log LUTs</strong></p>
<ul>Cinematic Apple Log LUTs for iPhone</p>
<li>6 professional .CUBE LUTs (Tungsten, Daylight, Kodak 250D &#038; 500T)</li>
<li>Designed for Apple ProRes Log &#038; Blackmagic Camera App</li>
<li>iPhone 14, 15, 16 &#038; 17 Pro optimized</li>
<li>Works with DaVinci Resolve, FCPX, Premiere Pro</li>
<li>Instant download · Lifetime updates · Zero subscriptions</li>
</ul>
The post <a href="https://danevsky.com/product/icraft/">iCRAFT+ Cinematic Apple Log LUTs for iPhone</a> appeared first on <a href="https://danevsky.com">Dan Evsky</a>.]]></description>
										<content:encoded><![CDATA[<p><!-- CSS (inline, matching CineCraft product style) --></p>
<style>
/* --- CINECRAFT CUSTOM HTML STYLES (MATCHING YOUR HTML) --- */</p>
<p>:root {<br />
    --cc-bg-main: #0a0a0a;<br />
    --cc-bg-surface: #141416;<br />
    --cc-accent-orange: #f48225;<br />
    --cc-accent-green: #56cf6d;<br />
    --cc-accent-purple: #9b4ebf;<br />
    --cc-text-primary: #ffffff;<br />
    --cc-text-secondary: #b0b0b5;<br />
    --cc-grad-rainbow: linear-gradient(90deg, #fce0a2, #f48225, #eb3e51, #9b4ebf, #56cf6d);<br />
}</p>
<p>/* 1. GŁÓWNY WRAPPER */<br />
.cc-wrapper {<br />
    background-color: var(--cc-bg-main) !important;<br />
    color: var(--cc-text-primary) !important;<br />
    font-family: 'Inter', sans-serif !important;<br />
    padding: 40px !important;<br />
    border-radius: 20px !important;<br />
    border: 1px solid #222 !important;<br />
    overflow: hidden !important;<br />
    max-width: 1200px !important;<br />
    margin: 20px auto !important;<br />
    box-sizing: border-box !important;<br />
}</p>
<p>.cc-wrapper *,<br />
.cc-wrapper *::before,<br />
.cc-wrapper *::after {<br />
    box-sizing: border-box !important;<br />
}</p>
<p>/* 2. SEKCJA HERO */<br />
.cc-hero {<br />
    text-align: center !important;<br />
    padding: 40px 20px !important;<br />
    border-bottom: 1px solid #222 !important;<br />
    margin-bottom: 30px !important;<br />
}</p>
<p>/* HERO BANNER IMAGE */<br />
.cc-wrapper .cc-hero-banner {<br />
    position: relative !important;<br />
    width: 100% !important;<br />
    max-height: 420px !important;<br />
    overflow: hidden !important;<br />
    border-radius: 16px 16px 0 0 !important;<br />
    margin-bottom: 0 !important;<br />
}</p>
<p>.cc-wrapper .cc-hero-banner img {<br />
    width: 100% !important;<br />
    height: 100% !important;<br />
    max-height: 420px !important;<br />
    object-fit: cover !important;<br />
    object-position: center 30% !important;<br />
    display: block !important;<br />
}</p>
<p>.cc-wrapper .cc-hero-banner::after {<br />
    content: '' !important;<br />
    position: absolute !important;<br />
    bottom: 0 !important;<br />
    left: 0 !important;<br />
    right: 0 !important;<br />
    height: 60% !important;<br />
    background: linear-gradient(180deg, transparent 0%, rgba(10,10,10,0.6) 50%, #0a0a0a 100%) !important;<br />
    pointer-events: none !important;<br />
}</p>
<p>.cc-wrapper .cc-title {<br />
    font-size: clamp(3rem, 6vw, 5rem) !important;<br />
    font-weight: 900 !important;<br />
    margin: 0 0 20px 0 !important;<br />
    padding: 0 !important;<br />
    line-height: 1.1 !important;<br />
    background: var(--cc-grad-rainbow) !important;<br />
    -webkit-background-clip: text !important;<br />
    background-clip: text !important;<br />
    -webkit-text-fill-color: transparent !important;<br />
    filter: drop-shadow(0 4px 15px rgba(0,0,0,0.5)) !important;<br />
    border: none !important;<br />
}</p>
<p>.cc-title span, .cc-gradient {<br />
    background: inherit;<br />
    -webkit-background-clip: text;<br />
    background-clip: text;<br />
    -webkit-text-fill-color: transparent;<br />
}</p>
<p>.cc-wrapper .cc-subtitle {<br />
    font-size: 1.5rem !important;<br />
    color: var(--cc-accent-orange) !important;<br />
    font-weight: 700 !important;<br />
    margin-bottom: 15px !important;<br />
    margin-top: 0 !important;<br />
}</p>
<p>.cc-wrapper .cc-description {<br />
    font-size: 1.1rem !important;<br />
    color: var(--cc-text-secondary) !important;<br />
    max-width: 700px !important;<br />
    margin: 0 auto !important;<br />
    line-height: 1.6 !important;<br />
}</p>
<p>/* 3. NAGŁÓWKI SEKCJI (H3) z efektem FLARY */<br />
.cc-wrapper h3 {<br />
    text-align: center !important;<br />
    font-size: 2rem !important;<br />
    font-weight: 800 !important;<br />
    margin: 40px auto 25px auto !important;<br />
    padding: 0 !important;<br />
    position: relative !important;<br />
    background: var(--cc-grad-rainbow) !important;<br />
    -webkit-background-clip: text !important;<br />
    background-clip: text !important;<br />
    -webkit-text-fill-color: transparent !important;<br />
    border: none !important;<br />
    color: transparent !important;<br />
}</p>
<p>.cc-wrapper h3::before {<br />
    content: "";<br />
    display: block;<br />
    position: absolute;<br />
    top: -20px;<br />
    left: 50%;<br />
    transform: translateX(-50%);<br />
    width: 120px;<br />
    height: 3px;<br />
    background: var(--cc-grad-rainbow);<br />
    box-shadow: 0 0 15px rgba(244, 130, 37, 0.8);<br />
    border-radius: 10px;<br />
}</p>
<p>/* DIVIDER */<br />
.cc-wrapper .cc-divider {<br />
    width: 100% !important;<br />
    height: 1px !important;<br />
    background: linear-gradient(90deg, transparent, rgba(244,130,37,0.3), rgba(155,78,191,0.3), transparent) !important;<br />
    margin: 10px 0 !important;<br />
    border: none !important;<br />
    padding: 0 !important;<br />
}</p>
<p>/* 4. PROFILE KAMER (Chipy) */<br />
.cc-profiles-grid {<br />
    display: grid;<br />
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));<br />
    gap: 15px;<br />
    margin-bottom: 60px;<br />
}</p>
<p>.cc-profile-chip {<br />
    background: rgba(20, 20, 22, 0.6);<br />
    border: 1px solid #333;<br />
    border-radius: 10px;<br />
    padding: 15px;<br />
    text-align: center;<br />
    font-weight: 700;<br />
    font-size: 0.9rem;<br />
    color: #fff;<br />
    position: relative;<br />
    overflow: hidden;<br />
    transition: 0.3s;<br />
    display: flex;<br />
    justify-content: center;<br />
    align-items: center;<br />
}</p>
<p>.cc-profile-chip::before {<br />
    content: '';<br />
    position: absolute;<br />
    top: 0; left: 0; width: 100%; height: 2px;<br />
    background: var(--cc-grad-rainbow);<br />
    opacity: 0.6;<br />
}</p>
<p>.cc-profile-chip:hover {<br />
    transform: translateY(-3px);<br />
    background: #1a1a1c;<br />
    box-shadow: 0 5px 15px rgba(0,0,0,0.4);<br />
}</p>
<p>.cc-profile-chip:hover::before {<br />
    height: 3px;<br />
    opacity: 1;<br />
    box-shadow: 0 0 10px var(--cc-accent-orange);<br />
}</p>
<p>/* 5. IMPACT CARD */<br />
.cc-impact-card {<br />
    margin-bottom: 60px;<br />
    text-align: center;<br />
    background: rgba(20, 20, 22, 0.6);<br />
    padding: 50px 40px;<br />
    border-radius: 20px;<br />
    border: 1px solid #333;<br />
    position: relative;<br />
    overflow: hidden;<br />
}</p>
<p>.cc-impact-card::before {<br />
    content: '';<br />
    position: absolute;<br />
    top: 0; left: 0; right: 0;<br />
    height: 1px;<br />
    background: linear-gradient(90deg, transparent, rgba(244,130,37,0.5), transparent);<br />
}</p>
<p>.cc-impact-card .cc-impact-emoji {<br />
    font-size: 2.5rem;<br />
    margin-bottom: 20px;<br />
    display: block;<br />
}</p>
<p>.cc-impact-card h4 {<br />
    font-size: 1.6rem;<br />
    color: var(--cc-text-primary);<br />
    margin-bottom: 15px;<br />
    font-weight: 800;<br />
}</p>
<p>.cc-impact-card p {<br />
    color: var(--cc-text-secondary);<br />
    line-height: 1.7;<br />
    font-size: 1.05rem;<br />
    max-width: 600px;<br />
    margin: 0 auto;<br />
}</p>
<p>/* 6. SLIDER GRID */<br />
.cc-wrapper .cc-slider-grid {<br />
    display: grid !important;<br />
    grid-template-columns: 1fr 1fr !important;<br />
    gap: 30px !important;<br />
    margin-top: 20px !important;<br />
    width: 100% !important;<br />
}</p>
<p>/* Hide WordPress wpautop ghost </p>
<p> and <br /> tags */<br />
.cc-wrapper .cc-slider-grid > p,<br />
.cc-wrapper .cc-slider-grid > br {<br />
    display: none !important;<br />
}</p>
<p>.cc-wrapper .cc-slider-item {<br />
    background: #000 !important;<br />
    border: 1px solid #333 !important;<br />
    border-radius: 12px !important;<br />
    overflow: hidden !important;<br />
    box-shadow: 0 10px 20px rgba(0,0,0,0.3) !important;<br />
    transition: transform 0.3s ease !important;<br />
    min-width: 0 !important;<br />
    width: 100% !important;<br />
}</p>
<p>/* Override ba_slider shortcode output styles */<br />
.cc-wrapper .cc-slider-item .ba-slider-container,<br />
.cc-wrapper .cc-slider-item > div,<br />
.cc-wrapper .cc-slider-item video,<br />
.cc-wrapper .cc-slider-item .wp-video {<br />
    width: 100% !important;<br />
    max-width: 100% !important;<br />
    min-width: 0 !important;<br />
}</p>
<p>.cc-wrapper .cc-slider-item:hover {<br />
    border-color: #555 !important;<br />
    transform: translateY(-5px) !important;<br />
}</p>
<p>/* 7. STOCK CARDS (VIDEO CARDS) */<br />
.cc-stock-card {<br />
    display: flex;<br />
    flex-wrap: wrap;<br />
    flex-direction: row;<br />
    background: var(--cc-bg-surface);<br />
    border: 1px solid #333;<br />
    border-radius: 16px;<br />
    overflow: hidden;<br />
    margin-bottom: 40px;<br />
    align-items: stretch;<br />
}</p>
<p>.cc-stock-card .wp-video,<br />
.cc-stock-card video {<br />
    flex: 1.5;<br />
    min-width: 300px;<br />
    width: 100% !important;<br />
    height: auto !important;<br />
    aspect-ratio: 16 / 9;<br />
    object-fit: cover;<br />
    margin: 0 !important;<br />
}</p>
<p>.cc-stock-info {<br />
    flex: 1;<br />
    padding: 40px;<br />
    display: flex;<br />
    flex-direction: column;<br />
    justify-content: center;<br />
    border-left: 1px solid #222;<br />
    text-align: left;<br />
}</p>
<p>.cc-stock-info h4 {<br />
    color: var(--cc-accent-orange);<br />
    font-size: 1.4rem;<br />
    margin-top: 0;<br />
    margin-bottom: 10px;<br />
    font-weight: 800;<br />
}</p>
<p>.cc-stock-info p {<br />
    color: var(--cc-text-secondary);<br />
    line-height: 1.7;<br />
    margin-bottom: 0;<br />
    font-size: 1rem;<br />
}</p>
<p>.cc-tag {<br />
    display: inline-block;<br />
    margin-top: 15px;<br />
    font-size: 0.8rem;<br />
    color: var(--cc-accent-purple);<br />
    font-weight: 700;<br />
    text-transform: uppercase;<br />
    letter-spacing: 1px;<br />
    border: 1px solid var(--cc-accent-purple);<br />
    padding: 5px 10px;<br />
    border-radius: 4px;<br />
    align-self: flex-start;<br />
}</p>
<p>/* 8. DCTL / LUT COLLECTION GRID */<br />
.cc-grid {<br />
    display: grid;<br />
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));<br />
    gap: 25px;<br />
    margin-bottom: 60px;<br />
}</p>
<p>.cc-item {<br />
    background: var(--cc-bg-surface);<br />
    border: 1px solid #333;<br />
    padding: 30px;<br />
    border-radius: 12px;<br />
    transition: 0.3s;<br />
}</p>
<p>.cc-item:hover {<br />
    border-color: var(--cc-accent-green);<br />
    transform: translateY(-5px);<br />
}</p>
<p>.cc-item h5 {<br />
    color: var(--cc-accent-green);<br />
    font-size: 1.2rem;<br />
    margin-top: 0;<br />
    margin-bottom: 10px;<br />
    font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;<br />
}</p>
<p>.cc-item p {<br />
    color: var(--cc-text-secondary);<br />
    font-size: 0.95rem;<br />
    line-height: 1.6;<br />
    margin: 0;<br />
}</p>
<p>/* 9. WORKFLOW LIST */<br />
.cc-workflow {<br />
    max-width: 800px;<br />
    margin: 0 auto;<br />
}</p>
<p>ol.cc-list {<br />
    list-style: none;<br />
    padding: 0;<br />
    counter-reset: workflow-counter;<br />
}</p>
<p>ol.cc-list li {<br />
    position: relative;<br />
    padding: 15px 0 15px 40px;<br />
    border-bottom: 1px solid #222;<br />
    color: var(--cc-text-secondary);<br />
}</p>
<p>ol.cc-list li::before {<br />
    counter-increment: workflow-counter;<br />
    content: counter(workflow-counter);<br />
    position: absolute;<br />
    left: 0;<br />
    top: 15px;<br />
    width: 25px;<br />
    height: 25px;<br />
    background: #222;<br />
    color: var(--cc-accent-orange);<br />
    border-radius: 50%;<br />
    text-align: center;<br />
    line-height: 25px;<br />
    font-size: 0.8rem;<br />
    font-weight: bold;<br />
}</p>
<p>ol.cc-list li strong {<br />
    color: #fff;<br />
    margin-right: 5px;<br />
}</p>
<p>/* 10. CTA BUTTON */<br />
.cc-wrapper .cc-btn {<br />
    display: inline-block !important;<br />
    background: linear-gradient(135deg, var(--cc-accent-orange) 0%, #ea580c 100%) !important;<br />
    color: #fff !important;<br />
    padding: 16px 40px !important;<br />
    border-radius: 14px !important;<br />
    text-decoration: none !important;<br />
    font-weight: 800 !important;<br />
    text-transform: uppercase !important;<br />
    letter-spacing: 1.5px !important;<br />
    font-size: 0.9rem !important;<br />
    transition: all 0.3s ease !important;<br />
    box-shadow: 0 4px 20px rgba(244, 130, 37, 0.3) !important;<br />
    border: none !important;<br />
    text-align: center !important;<br />
    cursor: pointer !important;<br />
}</p>
<p>.cc-wrapper .cc-btn:hover {<br />
    transform: translateY(-3px) scale(1.02) !important;<br />
    box-shadow: 0 8px 30px rgba(244, 130, 37, 0.5) !important;<br />
    color: #fff !important;<br />
    text-decoration: none !important;<br />
}</p>
<p>/* UTILITY */<br />
.cc-wrapper .text-center { text-align: center !important; }<br />
.cc-wrapper .mt-40 { margin-top: 30px !important; }<br />
.cc-wrapper .mb-40 { margin-bottom: 30px !important; }</p>
<p>/* RESPONSIVE */<br />
@media (max-width: 900px) {<br />
    .cc-wrapper { padding: 20px; }<br />
    .cc-stock-card { flex-direction: column; }<br />
    .cc-stock-info {<br />
        border-left: none;<br />
        border-top: 1px solid #333;<br />
        padding: 25px;<br />
    }<br />
    .cc-profiles-grid {<br />
        grid-template-columns: repeat(2, 1fr);<br />
    }<br />
}</p>
<p>@media (max-width: 768px) {<br />
    .cc-slider-grid {<br />
        grid-template-columns: 1fr;<br />
    }<br />
}<br />
</style>
<p><!-- ============================ GŁÓWNA STRUKTURA STRONY ============================ --></p>
<div class="cc-wrapper">
<p><!-- ===================== HERO BANNER ===================== --></p>
<div class="cc-hero-banner"><img decoding="async" src="https://danevsky.com/wp-content/uploads/2026/03/Gemini_Generated_Image_yk1brzyk1brzyk1b-scaled.webp" alt="iCRAFT+ LUTs — Cinematic color grading for iPhone" /></div>
<p><!-- ===================== HERO TEXT ===================== --></p>
<div class="cc-hero">
<h1 class="cc-title">iCRAFT PRO+</h1>
<div class="cc-subtitle">Cinematic Apple Log LUTs for iPhone</div>
<div class="cc-description">Transform flat Apple Log footage into stunning cinematic visuals. Professional .CUBE LUTs<br />
crafted for mobile filmmakers — perfect skin tones, rich contrast, one click.</div>
<div class="text-center mt-40"><a class="cc-btn" href="#">Get the iCRAFT+ Pack</a></div>
</div>
<hr class="cc-divider" />
<p><!-- ===================== BEFORE / AFTER ===================== --></p>
<h3>Stunning Results</h3>
<div class="cc-slider-grid" style="margin-bottom: 40px;">
<div class="cc-slider-item">
<div style="width: 100%; height: 100%; display: flex;">    
    <style>
        .wbas-wrapper {
            position: relative;
            width: 100%;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.15);
            line-height: 0; 
            user-select: none;
            /* Zmienne sterujące */
            --pos: 50%;
            --opa-b: 1; 
            --opa-a: 1; 
        }

        .wbas-img-after {
            display: block;
            width: 100%;
            height: auto; 
            object-fit: cover;
        }

        .wbas-img-before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            /* Tniemy obraz */
            clip-path: inset(0 calc(100% - var(--pos)) 0 0); 
            z-index: 2;
        }

        .wbas-range {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            z-index: 10;
            cursor: col-resize;
            margin: 0;
        }

        .wbas-divider {
            position: absolute;
            top: 0;
            bottom: 0;
            left: var(--pos);
            width: 2px;
            background: #fff;
            z-index: 9;
            pointer-events: none;
            transform: translateX(-50%);
            box-shadow: 0 0 10px rgba(0,0,0,0.3);
        }

        .wbas-handle {
            position: absolute;
            top: 50%;
            left: var(--pos);
            width: 40px;
            height: 40px;
            background: #fff;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            z-index: 9;
            pointer-events: none;
            box-shadow: 0 2px 6px rgba(0,0,0,0.4);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .wbas-handle::after {
            content: '&#x2194;';
            color: #333;
            font-size: 20px;
            font-weight: bold;
        }

        /* Etykiety */
        .wbas-badge {
            position: absolute;
            top: 15px;
            padding: 4px 10px;
            background: rgba(0,0,0,0.6);
            color: #fff;
            font-size: 12px;
            border-radius: 4px;
            pointer-events: none;
            z-index: 5;
            text-transform: uppercase;
            font-family: sans-serif;
            line-height: normal;
            transition: opacity 0.4s ease;
        }
        .wbas-badge.before { left: 15px; opacity: var(--opa-b); }
        .wbas-badge.after { right: 15px; opacity: var(--opa-a); }
    </style>

    <div class="wbas-wrapper" id="wbas_69fa00b2badc7" style="max-width: 600px; margin: 0 auto;">
        
                    <video class="wbas-img-after" loop muted playsinline autoplay disablePictureInPicture controlsList="nodownload nofullscreen noremoteplayback" oncontextmenu="return false;">
                <source src="https://danevsky.com/wp-content/uploads/2026/02/Rough-Cut.Tungsten-vp9-chrome.webm" type="video/webm">
                <source src="https://danevsky.com/wp-content/uploads/2026/02/Rough-Cut.Tungsten-vp9-chrome.webm" type="video/mp4">
            </video>
                
                    <span class="wbas-badge after">iCRAFT+ Tungsten</span>
        
                    <video class="wbas-img-before" loop muted playsinline autoplay disablePictureInPicture controlsList="nodownload nofullscreen noremoteplayback" oncontextmenu="return false;">
                <source src="https://danevsky.com/wp-content/uploads/2026/02/log2-vp9-chrome.webm" type="video/webm">
                <source src="https://danevsky.com/wp-content/uploads/2026/02/log2-vp9-chrome.webm" type="video/mp4">
            </video>
        
                    <span class="wbas-badge before">Apple ProRes Log</span>
        
        <div class="wbas-divider"></div>
        <div class="wbas-handle"></div>
        <input type="range" min="0" max="100" value="50" class="wbas-range" oninput="wbasUpdate(this)">

    </div>

    <script>
    function wbasUpdate(slider) {
        var val = slider.value;
        var wrapper = slider.parentNode;
        
        wrapper.style.setProperty('--pos', val + '%');
        
        // Smart Labels (Zanikanie)
        if(val > 50) {
            wrapper.style.setProperty('--opa-b', '1');
            wrapper.style.setProperty('--opa-a', '0');
        } else {
            wrapper.style.setProperty('--opa-b', '0');
            wrapper.style.setProperty('--opa-a', '1');
        }
    }

    document.addEventListener("DOMContentLoaded", function() {
        var containers = document.querySelectorAll('.wbas-wrapper');
        containers.forEach(function(container) {
            var range = container.querySelector('.wbas-range');
            if(range) wbasUpdate(range);

            var vids = container.querySelectorAll('video');
            if(vids.length === 2) {
                var v1 = vids[0]; // After
                var v2 = vids[1]; // Before (clip)
                
                // POPRAWKA: Synchronizujemy tylko START, nie synchronizujemy PAUZY.
                // Dzięki temu jak przeglądarka zatrzyma ukryty film, widoczny nadal gra.
                
                v1.onplay = function(){ v2.play(); };
                v2.onplay = function(){ v1.play(); };
                
                // Usunąłem onpause = pause.
                
                // Synchronizacja czasu (żeby się nie rozjechały)
                setInterval(function(){
                    // Jeśli różnica czasu jest duża, wyrównaj
                    if(Math.abs(v1.currentTime - v2.currentTime) > 0.1) {
                        // Wyrównujemy do tego, który jest "do przodu" lub tego który jest widoczny
                        // Bezpieczniej wyrównać v2 do v1
                        v2.currentTime = v1.currentTime;
                    }
                    
                    // Zabezpieczenie: Jeśli któryś stoi, a powinien grać - kopnij go
                    if(v1.paused && !v2.paused) v1.play();
                    if(!v1.paused && v2.paused) v2.play();
                    
                }, 500);
            }
        });
    });
    </script>
    
    </div>
</div>
<div class="cc-slider-item">
<div style="width: 100%; height: 100%; display: flex;">    
    <style>
        .wbas-wrapper {
            position: relative;
            width: 100%;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.15);
            line-height: 0; 
            user-select: none;
            /* Zmienne sterujące */
            --pos: 50%;
            --opa-b: 1; 
            --opa-a: 1; 
        }

        .wbas-img-after {
            display: block;
            width: 100%;
            height: auto; 
            object-fit: cover;
        }

        .wbas-img-before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            /* Tniemy obraz */
            clip-path: inset(0 calc(100% - var(--pos)) 0 0); 
            z-index: 2;
        }

        .wbas-range {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            z-index: 10;
            cursor: col-resize;
            margin: 0;
        }

        .wbas-divider {
            position: absolute;
            top: 0;
            bottom: 0;
            left: var(--pos);
            width: 2px;
            background: #fff;
            z-index: 9;
            pointer-events: none;
            transform: translateX(-50%);
            box-shadow: 0 0 10px rgba(0,0,0,0.3);
        }

        .wbas-handle {
            position: absolute;
            top: 50%;
            left: var(--pos);
            width: 40px;
            height: 40px;
            background: #fff;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            z-index: 9;
            pointer-events: none;
            box-shadow: 0 2px 6px rgba(0,0,0,0.4);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .wbas-handle::after {
            content: '&#x2194;';
            color: #333;
            font-size: 20px;
            font-weight: bold;
        }

        /* Etykiety */
        .wbas-badge {
            position: absolute;
            top: 15px;
            padding: 4px 10px;
            background: rgba(0,0,0,0.6);
            color: #fff;
            font-size: 12px;
            border-radius: 4px;
            pointer-events: none;
            z-index: 5;
            text-transform: uppercase;
            font-family: sans-serif;
            line-height: normal;
            transition: opacity 0.4s ease;
        }
        .wbas-badge.before { left: 15px; opacity: var(--opa-b); }
        .wbas-badge.after { right: 15px; opacity: var(--opa-a); }
    </style>

    <div class="wbas-wrapper" id="wbas_69fa00b2bade7" style="max-width: 600px; margin: 0 auto;">
        
                    <video class="wbas-img-after" loop muted playsinline autoplay disablePictureInPicture controlsList="nodownload nofullscreen noremoteplayback" oncontextmenu="return false;">
                <source src="https://danevsky.com/wp-content/uploads/2026/02/Daylight-vp9-chrome.webm" type="video/webm">
                <source src="https://danevsky.com/wp-content/uploads/2026/02/Daylight-vp9-chrome.webm" type="video/mp4">
            </video>
                
                    <span class="wbas-badge after">iCRAFT+ Daylight</span>
        
                    <video class="wbas-img-before" loop muted playsinline autoplay disablePictureInPicture controlsList="nodownload nofullscreen noremoteplayback" oncontextmenu="return false;">
                <source src="https://danevsky.com/wp-content/uploads/2026/02/log-vp9-chrome.webm" type="video/webm">
                <source src="https://danevsky.com/wp-content/uploads/2026/02/log-vp9-chrome.webm" type="video/mp4">
            </video>
        
                    <span class="wbas-badge before">Apple ProRes Log</span>
        
        <div class="wbas-divider"></div>
        <div class="wbas-handle"></div>
        <input type="range" min="0" max="100" value="50" class="wbas-range" oninput="wbasUpdate(this)">

    </div>

    <script>
    function wbasUpdate(slider) {
        var val = slider.value;
        var wrapper = slider.parentNode;
        
        wrapper.style.setProperty('--pos', val + '%');
        
        // Smart Labels (Zanikanie)
        if(val > 50) {
            wrapper.style.setProperty('--opa-b', '1');
            wrapper.style.setProperty('--opa-a', '0');
        } else {
            wrapper.style.setProperty('--opa-b', '0');
            wrapper.style.setProperty('--opa-a', '1');
        }
    }

    document.addEventListener("DOMContentLoaded", function() {
        var containers = document.querySelectorAll('.wbas-wrapper');
        containers.forEach(function(container) {
            var range = container.querySelector('.wbas-range');
            if(range) wbasUpdate(range);

            var vids = container.querySelectorAll('video');
            if(vids.length === 2) {
                var v1 = vids[0]; // After
                var v2 = vids[1]; // Before (clip)
                
                // POPRAWKA: Synchronizujemy tylko START, nie synchronizujemy PAUZY.
                // Dzięki temu jak przeglądarka zatrzyma ukryty film, widoczny nadal gra.
                
                v1.onplay = function(){ v2.play(); };
                v2.onplay = function(){ v1.play(); };
                
                // Usunąłem onpause = pause.
                
                // Synchronizacja czasu (żeby się nie rozjechały)
                setInterval(function(){
                    // Jeśli różnica czasu jest duża, wyrównaj
                    if(Math.abs(v1.currentTime - v2.currentTime) > 0.1) {
                        // Wyrównujemy do tego, który jest "do przodu" lub tego który jest widoczny
                        // Bezpieczniej wyrównać v2 do v1
                        v2.currentTime = v1.currentTime;
                    }
                    
                    // Zabezpieczenie: Jeśli któryś stoi, a powinien grać - kopnij go
                    if(v1.paused && !v2.paused) v1.play();
                    if(!v1.paused && v2.paused) v2.play();
                    
                }, 500);
            }
        });
    });
    </script>
    
    </div>
</div>
<div class="cc-slider-item">
<div style="width: 100%; height: 100%; display: flex;">    
    <style>
        .wbas-wrapper {
            position: relative;
            width: 100%;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.15);
            line-height: 0; 
            user-select: none;
            /* Zmienne sterujące */
            --pos: 50%;
            --opa-b: 1; 
            --opa-a: 1; 
        }

        .wbas-img-after {
            display: block;
            width: 100%;
            height: auto; 
            object-fit: cover;
        }

        .wbas-img-before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            /* Tniemy obraz */
            clip-path: inset(0 calc(100% - var(--pos)) 0 0); 
            z-index: 2;
        }

        .wbas-range {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            z-index: 10;
            cursor: col-resize;
            margin: 0;
        }

        .wbas-divider {
            position: absolute;
            top: 0;
            bottom: 0;
            left: var(--pos);
            width: 2px;
            background: #fff;
            z-index: 9;
            pointer-events: none;
            transform: translateX(-50%);
            box-shadow: 0 0 10px rgba(0,0,0,0.3);
        }

        .wbas-handle {
            position: absolute;
            top: 50%;
            left: var(--pos);
            width: 40px;
            height: 40px;
            background: #fff;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            z-index: 9;
            pointer-events: none;
            box-shadow: 0 2px 6px rgba(0,0,0,0.4);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .wbas-handle::after {
            content: '&#x2194;';
            color: #333;
            font-size: 20px;
            font-weight: bold;
        }

        /* Etykiety */
        .wbas-badge {
            position: absolute;
            top: 15px;
            padding: 4px 10px;
            background: rgba(0,0,0,0.6);
            color: #fff;
            font-size: 12px;
            border-radius: 4px;
            pointer-events: none;
            z-index: 5;
            text-transform: uppercase;
            font-family: sans-serif;
            line-height: normal;
            transition: opacity 0.4s ease;
        }
        .wbas-badge.before { left: 15px; opacity: var(--opa-b); }
        .wbas-badge.after { right: 15px; opacity: var(--opa-a); }
    </style>

    <div class="wbas-wrapper" id="wbas_69fa00b2badf8" style="max-width: 600px; margin: 0 auto;">
        
                    <video class="wbas-img-after" loop muted playsinline autoplay disablePictureInPicture controlsList="nodownload nofullscreen noremoteplayback" oncontextmenu="return false;">
                <source src="https://danevsky.com/wp-content/uploads/2026/03/2-vp9-chrome.webm" type="video/webm">
                <source src="https://danevsky.com/wp-content/uploads/2026/03/2-vp9-chrome.webm" type="video/mp4">
            </video>
                
                    <span class="wbas-badge after">iCRAFT+ Daylight</span>
        
                    <video class="wbas-img-before" loop muted playsinline autoplay disablePictureInPicture controlsList="nodownload nofullscreen noremoteplayback" oncontextmenu="return false;">
                <source src="https://danevsky.com/wp-content/uploads/2026/03/2_falt.m-vp9-chrome.webm" type="video/webm">
                <source src="https://danevsky.com/wp-content/uploads/2026/03/2_falt.m-vp9-chrome.webm" type="video/mp4">
            </video>
        
                    <span class="wbas-badge before">Apple ProRes Log</span>
        
        <div class="wbas-divider"></div>
        <div class="wbas-handle"></div>
        <input type="range" min="0" max="100" value="50" class="wbas-range" oninput="wbasUpdate(this)">

    </div>

    <script>
    function wbasUpdate(slider) {
        var val = slider.value;
        var wrapper = slider.parentNode;
        
        wrapper.style.setProperty('--pos', val + '%');
        
        // Smart Labels (Zanikanie)
        if(val > 50) {
            wrapper.style.setProperty('--opa-b', '1');
            wrapper.style.setProperty('--opa-a', '0');
        } else {
            wrapper.style.setProperty('--opa-b', '0');
            wrapper.style.setProperty('--opa-a', '1');
        }
    }

    document.addEventListener("DOMContentLoaded", function() {
        var containers = document.querySelectorAll('.wbas-wrapper');
        containers.forEach(function(container) {
            var range = container.querySelector('.wbas-range');
            if(range) wbasUpdate(range);

            var vids = container.querySelectorAll('video');
            if(vids.length === 2) {
                var v1 = vids[0]; // After
                var v2 = vids[1]; // Before (clip)
                
                // POPRAWKA: Synchronizujemy tylko START, nie synchronizujemy PAUZY.
                // Dzięki temu jak przeglądarka zatrzyma ukryty film, widoczny nadal gra.
                
                v1.onplay = function(){ v2.play(); };
                v2.onplay = function(){ v1.play(); };
                
                // Usunąłem onpause = pause.
                
                // Synchronizacja czasu (żeby się nie rozjechały)
                setInterval(function(){
                    // Jeśli różnica czasu jest duża, wyrównaj
                    if(Math.abs(v1.currentTime - v2.currentTime) > 0.1) {
                        // Wyrównujemy do tego, który jest "do przodu" lub tego który jest widoczny
                        // Bezpieczniej wyrównać v2 do v1
                        v2.currentTime = v1.currentTime;
                    }
                    
                    // Zabezpieczenie: Jeśli któryś stoi, a powinien grać - kopnij go
                    if(v1.paused && !v2.paused) v1.play();
                    if(!v1.paused && v2.paused) v2.play();
                    
                }, 500);
            }
        });
    });
    </script>
    
    </div>
</div>
<div class="cc-slider-item">
<div style="width: 100%; height: 100%; display: flex;">    
    <style>
        .wbas-wrapper {
            position: relative;
            width: 100%;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.15);
            line-height: 0; 
            user-select: none;
            /* Zmienne sterujące */
            --pos: 50%;
            --opa-b: 1; 
            --opa-a: 1; 
        }

        .wbas-img-after {
            display: block;
            width: 100%;
            height: auto; 
            object-fit: cover;
        }

        .wbas-img-before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            /* Tniemy obraz */
            clip-path: inset(0 calc(100% - var(--pos)) 0 0); 
            z-index: 2;
        }

        .wbas-range {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            z-index: 10;
            cursor: col-resize;
            margin: 0;
        }

        .wbas-divider {
            position: absolute;
            top: 0;
            bottom: 0;
            left: var(--pos);
            width: 2px;
            background: #fff;
            z-index: 9;
            pointer-events: none;
            transform: translateX(-50%);
            box-shadow: 0 0 10px rgba(0,0,0,0.3);
        }

        .wbas-handle {
            position: absolute;
            top: 50%;
            left: var(--pos);
            width: 40px;
            height: 40px;
            background: #fff;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            z-index: 9;
            pointer-events: none;
            box-shadow: 0 2px 6px rgba(0,0,0,0.4);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .wbas-handle::after {
            content: '&#x2194;';
            color: #333;
            font-size: 20px;
            font-weight: bold;
        }

        /* Etykiety */
        .wbas-badge {
            position: absolute;
            top: 15px;
            padding: 4px 10px;
            background: rgba(0,0,0,0.6);
            color: #fff;
            font-size: 12px;
            border-radius: 4px;
            pointer-events: none;
            z-index: 5;
            text-transform: uppercase;
            font-family: sans-serif;
            line-height: normal;
            transition: opacity 0.4s ease;
        }
        .wbas-badge.before { left: 15px; opacity: var(--opa-b); }
        .wbas-badge.after { right: 15px; opacity: var(--opa-a); }
    </style>

    <div class="wbas-wrapper" id="wbas_69fa00b2bae07" style="max-width: 600px; margin: 0 auto;">
        
                    <video class="wbas-img-after" loop muted playsinline autoplay disablePictureInPicture controlsList="nodownload nofullscreen noremoteplayback" oncontextmenu="return false;">
                <source src="https://danevsky.com/wp-content/uploads/2026/03/icraft_day1-vp9-chrome.webm" type="video/webm">
                <source src="https://danevsky.com/wp-content/uploads/2026/03/icraft_day1-vp9-chrome.webm" type="video/mp4">
            </video>
                
                    <span class="wbas-badge after">iCRAFT+ Daylight</span>
        
                    <video class="wbas-img-before" loop muted playsinline autoplay disablePictureInPicture controlsList="nodownload nofullscreen noremoteplayback" oncontextmenu="return false;">
                <source src="https://danevsky.com/wp-content/uploads/2026/03/icraft_day1_falt-vp9-chrome.webm" type="video/webm">
                <source src="https://danevsky.com/wp-content/uploads/2026/03/icraft_day1_falt-vp9-chrome.webm" type="video/mp4">
            </video>
        
                    <span class="wbas-badge before">Apple ProRes Log</span>
        
        <div class="wbas-divider"></div>
        <div class="wbas-handle"></div>
        <input type="range" min="0" max="100" value="50" class="wbas-range" oninput="wbasUpdate(this)">

    </div>

    <script>
    function wbasUpdate(slider) {
        var val = slider.value;
        var wrapper = slider.parentNode;
        
        wrapper.style.setProperty('--pos', val + '%');
        
        // Smart Labels (Zanikanie)
        if(val > 50) {
            wrapper.style.setProperty('--opa-b', '1');
            wrapper.style.setProperty('--opa-a', '0');
        } else {
            wrapper.style.setProperty('--opa-b', '0');
            wrapper.style.setProperty('--opa-a', '1');
        }
    }

    document.addEventListener("DOMContentLoaded", function() {
        var containers = document.querySelectorAll('.wbas-wrapper');
        containers.forEach(function(container) {
            var range = container.querySelector('.wbas-range');
            if(range) wbasUpdate(range);

            var vids = container.querySelectorAll('video');
            if(vids.length === 2) {
                var v1 = vids[0]; // After
                var v2 = vids[1]; // Before (clip)
                
                // POPRAWKA: Synchronizujemy tylko START, nie synchronizujemy PAUZY.
                // Dzięki temu jak przeglądarka zatrzyma ukryty film, widoczny nadal gra.
                
                v1.onplay = function(){ v2.play(); };
                v2.onplay = function(){ v1.play(); };
                
                // Usunąłem onpause = pause.
                
                // Synchronizacja czasu (żeby się nie rozjechały)
                setInterval(function(){
                    // Jeśli różnica czasu jest duża, wyrównaj
                    if(Math.abs(v1.currentTime - v2.currentTime) > 0.1) {
                        // Wyrównujemy do tego, który jest "do przodu" lub tego który jest widoczny
                        // Bezpieczniej wyrównać v2 do v1
                        v2.currentTime = v1.currentTime;
                    }
                    
                    // Zabezpieczenie: Jeśli któryś stoi, a powinien grać - kopnij go
                    if(v1.paused && !v2.paused) v1.play();
                    if(!v1.paused && v2.paused) v2.play();
                    
                }, 500);
            }
        });
    });
    </script>
    
    </div>
</div>
<div class="cc-slider-item">
<div style="width: 100%; height: 100%; display: flex;">    
    <style>
        .wbas-wrapper {
            position: relative;
            width: 100%;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.15);
            line-height: 0; 
            user-select: none;
            /* Zmienne sterujące */
            --pos: 50%;
            --opa-b: 1; 
            --opa-a: 1; 
        }

        .wbas-img-after {
            display: block;
            width: 100%;
            height: auto; 
            object-fit: cover;
        }

        .wbas-img-before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            /* Tniemy obraz */
            clip-path: inset(0 calc(100% - var(--pos)) 0 0); 
            z-index: 2;
        }

        .wbas-range {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            z-index: 10;
            cursor: col-resize;
            margin: 0;
        }

        .wbas-divider {
            position: absolute;
            top: 0;
            bottom: 0;
            left: var(--pos);
            width: 2px;
            background: #fff;
            z-index: 9;
            pointer-events: none;
            transform: translateX(-50%);
            box-shadow: 0 0 10px rgba(0,0,0,0.3);
        }

        .wbas-handle {
            position: absolute;
            top: 50%;
            left: var(--pos);
            width: 40px;
            height: 40px;
            background: #fff;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            z-index: 9;
            pointer-events: none;
            box-shadow: 0 2px 6px rgba(0,0,0,0.4);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .wbas-handle::after {
            content: '&#x2194;';
            color: #333;
            font-size: 20px;
            font-weight: bold;
        }

        /* Etykiety */
        .wbas-badge {
            position: absolute;
            top: 15px;
            padding: 4px 10px;
            background: rgba(0,0,0,0.6);
            color: #fff;
            font-size: 12px;
            border-radius: 4px;
            pointer-events: none;
            z-index: 5;
            text-transform: uppercase;
            font-family: sans-serif;
            line-height: normal;
            transition: opacity 0.4s ease;
        }
        .wbas-badge.before { left: 15px; opacity: var(--opa-b); }
        .wbas-badge.after { right: 15px; opacity: var(--opa-a); }
    </style>

    <div class="wbas-wrapper" id="wbas_69fa00b2bae18" style="max-width: 600px; margin: 0 auto;">
        
                    <video class="wbas-img-after" loop muted playsinline autoplay disablePictureInPicture controlsList="nodownload nofullscreen noremoteplayback" oncontextmenu="return false;">
                <source src="https://danevsky.com/wp-content/uploads/2026/03/250d-vp9-chrome.webm" type="video/webm">
                <source src="https://danevsky.com/wp-content/uploads/2026/03/250d-vp9-chrome.webm" type="video/mp4">
            </video>
                
                    <span class="wbas-badge after">iCRAFT+ Kodak 250D</span>
        
                    <video class="wbas-img-before" loop muted playsinline autoplay disablePictureInPicture controlsList="nodownload nofullscreen noremoteplayback" oncontextmenu="return false;">
                <source src="https://danevsky.com/wp-content/uploads/2026/03/250d_flat-vp9-chrome.webm" type="video/webm">
                <source src="https://danevsky.com/wp-content/uploads/2026/03/250d_flat-vp9-chrome.webm" type="video/mp4">
            </video>
        
                    <span class="wbas-badge before">Apple ProRes Log</span>
        
        <div class="wbas-divider"></div>
        <div class="wbas-handle"></div>
        <input type="range" min="0" max="100" value="50" class="wbas-range" oninput="wbasUpdate(this)">

    </div>

    <script>
    function wbasUpdate(slider) {
        var val = slider.value;
        var wrapper = slider.parentNode;
        
        wrapper.style.setProperty('--pos', val + '%');
        
        // Smart Labels (Zanikanie)
        if(val > 50) {
            wrapper.style.setProperty('--opa-b', '1');
            wrapper.style.setProperty('--opa-a', '0');
        } else {
            wrapper.style.setProperty('--opa-b', '0');
            wrapper.style.setProperty('--opa-a', '1');
        }
    }

    document.addEventListener("DOMContentLoaded", function() {
        var containers = document.querySelectorAll('.wbas-wrapper');
        containers.forEach(function(container) {
            var range = container.querySelector('.wbas-range');
            if(range) wbasUpdate(range);

            var vids = container.querySelectorAll('video');
            if(vids.length === 2) {
                var v1 = vids[0]; // After
                var v2 = vids[1]; // Before (clip)
                
                // POPRAWKA: Synchronizujemy tylko START, nie synchronizujemy PAUZY.
                // Dzięki temu jak przeglądarka zatrzyma ukryty film, widoczny nadal gra.
                
                v1.onplay = function(){ v2.play(); };
                v2.onplay = function(){ v1.play(); };
                
                // Usunąłem onpause = pause.
                
                // Synchronizacja czasu (żeby się nie rozjechały)
                setInterval(function(){
                    // Jeśli różnica czasu jest duża, wyrównaj
                    if(Math.abs(v1.currentTime - v2.currentTime) > 0.1) {
                        // Wyrównujemy do tego, który jest "do przodu" lub tego który jest widoczny
                        // Bezpieczniej wyrównać v2 do v1
                        v2.currentTime = v1.currentTime;
                    }
                    
                    // Zabezpieczenie: Jeśli któryś stoi, a powinien grać - kopnij go
                    if(v1.paused && !v2.paused) v1.play();
                    if(!v1.paused && v2.paused) v2.play();
                    
                }, 500);
            }
        });
    });
    </script>
    
    </div>
</div>
<div class="cc-slider-item">
<div style="width: 100%; height: 100%; display: flex;">    
    <style>
        .wbas-wrapper {
            position: relative;
            width: 100%;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.15);
            line-height: 0; 
            user-select: none;
            /* Zmienne sterujące */
            --pos: 50%;
            --opa-b: 1; 
            --opa-a: 1; 
        }

        .wbas-img-after {
            display: block;
            width: 100%;
            height: auto; 
            object-fit: cover;
        }

        .wbas-img-before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            /* Tniemy obraz */
            clip-path: inset(0 calc(100% - var(--pos)) 0 0); 
            z-index: 2;
        }

        .wbas-range {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            z-index: 10;
            cursor: col-resize;
            margin: 0;
        }

        .wbas-divider {
            position: absolute;
            top: 0;
            bottom: 0;
            left: var(--pos);
            width: 2px;
            background: #fff;
            z-index: 9;
            pointer-events: none;
            transform: translateX(-50%);
            box-shadow: 0 0 10px rgba(0,0,0,0.3);
        }

        .wbas-handle {
            position: absolute;
            top: 50%;
            left: var(--pos);
            width: 40px;
            height: 40px;
            background: #fff;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            z-index: 9;
            pointer-events: none;
            box-shadow: 0 2px 6px rgba(0,0,0,0.4);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .wbas-handle::after {
            content: '&#x2194;';
            color: #333;
            font-size: 20px;
            font-weight: bold;
        }

        /* Etykiety */
        .wbas-badge {
            position: absolute;
            top: 15px;
            padding: 4px 10px;
            background: rgba(0,0,0,0.6);
            color: #fff;
            font-size: 12px;
            border-radius: 4px;
            pointer-events: none;
            z-index: 5;
            text-transform: uppercase;
            font-family: sans-serif;
            line-height: normal;
            transition: opacity 0.4s ease;
        }
        .wbas-badge.before { left: 15px; opacity: var(--opa-b); }
        .wbas-badge.after { right: 15px; opacity: var(--opa-a); }
    </style>

    <div class="wbas-wrapper" id="wbas_69fa00b2bae27" style="max-width: 600px; margin: 0 auto;">
        
                    <video class="wbas-img-after" loop muted playsinline autoplay disablePictureInPicture controlsList="nodownload nofullscreen noremoteplayback" oncontextmenu="return false;">
                <source src="https://danevsky.com/wp-content/uploads/2026/03/500T-vp9-chrome.webm" type="video/webm">
                <source src="https://danevsky.com/wp-content/uploads/2026/03/500T-vp9-chrome.webm" type="video/mp4">
            </video>
                
                    <span class="wbas-badge after">iCRAFT+ Kodak 500T</span>
        
                    <video class="wbas-img-before" loop muted playsinline autoplay disablePictureInPicture controlsList="nodownload nofullscreen noremoteplayback" oncontextmenu="return false;">
                <source src="https://danevsky.com/wp-content/uploads/2026/03/500T-flaa-vp9-chrome.webm" type="video/webm">
                <source src="https://danevsky.com/wp-content/uploads/2026/03/500T-flaa-vp9-chrome.webm" type="video/mp4">
            </video>
        
                    <span class="wbas-badge before">Apple ProRes Log</span>
        
        <div class="wbas-divider"></div>
        <div class="wbas-handle"></div>
        <input type="range" min="0" max="100" value="50" class="wbas-range" oninput="wbasUpdate(this)">

    </div>

    <script>
    function wbasUpdate(slider) {
        var val = slider.value;
        var wrapper = slider.parentNode;
        
        wrapper.style.setProperty('--pos', val + '%');
        
        // Smart Labels (Zanikanie)
        if(val > 50) {
            wrapper.style.setProperty('--opa-b', '1');
            wrapper.style.setProperty('--opa-a', '0');
        } else {
            wrapper.style.setProperty('--opa-b', '0');
            wrapper.style.setProperty('--opa-a', '1');
        }
    }

    document.addEventListener("DOMContentLoaded", function() {
        var containers = document.querySelectorAll('.wbas-wrapper');
        containers.forEach(function(container) {
            var range = container.querySelector('.wbas-range');
            if(range) wbasUpdate(range);

            var vids = container.querySelectorAll('video');
            if(vids.length === 2) {
                var v1 = vids[0]; // After
                var v2 = vids[1]; // Before (clip)
                
                // POPRAWKA: Synchronizujemy tylko START, nie synchronizujemy PAUZY.
                // Dzięki temu jak przeglądarka zatrzyma ukryty film, widoczny nadal gra.
                
                v1.onplay = function(){ v2.play(); };
                v2.onplay = function(){ v1.play(); };
                
                // Usunąłem onpause = pause.
                
                // Synchronizacja czasu (żeby się nie rozjechały)
                setInterval(function(){
                    // Jeśli różnica czasu jest duża, wyrównaj
                    if(Math.abs(v1.currentTime - v2.currentTime) > 0.1) {
                        // Wyrównujemy do tego, który jest "do przodu" lub tego który jest widoczny
                        // Bezpieczniej wyrównać v2 do v1
                        v2.currentTime = v1.currentTime;
                    }
                    
                    // Zabezpieczenie: Jeśli któryś stoi, a powinien grać - kopnij go
                    if(v1.paused && !v2.paused) v1.play();
                    if(!v1.paused && v2.paused) v2.play();
                    
                }, 500);
            }
        });
    });
    </script>
    
    </div>
</div>
</div>
<div class="cc-stock-info" style="border-left: none; text-align: center; max-width: 800px; margin: 0 auto 60px auto; padding: 20px;">
<div class="cc-tag" style="margin-bottom: 20px; align-self: center;">1-Click Transformation</div>
<h4>Drag &amp; Drop .CUBE LUTs</h4>
<p>Cinematic Apple Log LUTs for iPhone. Instantly apply professional color science to your iPhone ProRes Log footage. Just drop the .CUBE file<br />
into your timeline — DaVinci Resolve, Final Cut Pro, or Premiere Pro. No node trees, no configuration.</p>
</div>
<hr class="cc-divider" />
<p><!-- ===================== SOCIAL PROOF ===================== --></p>
<div class="cc-impact-card"><span class="cc-impact-emoji"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ac.png" alt="🎬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span></p>
<h4>Cinematic Color. One Click.</h4>
<p>Stand out on <strong>Instagram, YouTube, and TikTok</strong>. These .CUBE LUTs deliver a deep, filmic feel<br />
with rich colors and powerful contrast. Achieve a<br />
professional aesthetic in seconds — optimized for the free <strong>Blackmagic Camera<br />
App</strong> with Apple Log enabled.</p>
</div>
<p><!-- ===================== SUPPORTED WORKFLOWS ===================== --></p>
<h3>Supported Workflows</h3>
<div class="cc-profiles-grid">
<div class="cc-profile-chip">Apple ProRes Log</div>
<div class="cc-profile-chip">Blackmagic Camera App</div>
<div class="cc-profile-chip">iPhone 14–17 Pro</div>
<div class="cc-profile-chip">Premium .CUBE Format</div>
<div class="cc-profile-chip">DaVinci Resolve</div>
<div class="cc-profile-chip">Final Cut Pro</div>
<div class="cc-profile-chip">Premiere Pro</div>
<div class="cc-profile-chip">Any NLE</div>
</div>
<hr class="cc-divider" />
<p><!-- ===================== THE COLLECTION ===================== --></p>
<h3>The Collection — 4 Custom .CUBE LUTs</h3>
<div class="cc-grid">
<div class="cc-item">
<h5>iCRAFT+Tungsten.cube</h5>
<p>Pure tungsten correction for indoor environments. Retains natural skin tones with rich colors and cinematic separation.</p>
<div class="cc-tag" style="margin-top: 12px;">Indoor / Tungsten 3200K</div>
</div>
<div class="cc-item">
<h5>iCRAFT+Tungsten_Warm.cube</h5>
<p>Indoor lighting with pushed warmth. Delivers rich colors and filmic contrast without sacrificing the natural atmosphere.</p>
<div class="cc-tag" style="margin-top: 12px;">Indoor / Warm Tone</div>
</div>
<div class="cc-item">
<h5>iCRAFT+Daylight.cube</h5>
<p>Clean, highly accurate colors for general shooting. Achieves a gorgeous naturally filmic contrast with perfect skin tones.</p>
<div class="cc-tag" style="margin-top: 12px;">Outdoor / Daylight 5600K</div>
</div>
<div class="cc-item">
<h5>iCRAFT+Daylight_Warmo.cube</h5>
<p>Perfect for golden hour scenes. Adds a beautiful warm glow while maintaining deep, rich colors and filmic contrast.</p>
<div class="cc-tag" style="margin-top: 12px;">Golden Hour / Warm</div>
</div>
</div>
<hr class="cc-divider" />
<p><!-- ===================== WHY iCRAFT+? ===================== --></p>
<h3>Why iCRAFT+?</h3>
<div class="cc-workflow">
<ol class="cc-list">
<li><strong>4 Custom .CUBE Files</strong> meticulously crafted for various lighting conditions with rich colors and filmic contrast.</li>
<li><strong>Native Blackmagic Camera App Support</strong> — shoot in Apple ProRes Log with the free Blackmagic Camera app.</li>
<li><strong>Optimized for iPhone 14, 15, 16 &amp; 17 Pro</strong> — extracts maximum dynamic range from Apple Log.</li>
<li><strong>Works with Any NLE</strong> — DaVinci Resolve, Final Cut Pro, Premiere Pro, and any .CUBE-compatible editor.</li>
<li><strong>Drag &amp; Drop Simplicity</strong> — no node trees, no PowerGrades, no configuration. Just drop the .CUBE and go.</li>
<li><strong>Lifetime Access &amp; Updates</strong> — one-time payment, zero subscriptions.</li>
<li><strong>Instant Digital Download</strong> — start creating cinematic videos immediately after purchase.</li>
</ol>
</div>
<hr class="cc-divider" />
<p><!-- ===================== FINAL CTA ===================== --></p>
<h3 style="margin-top: 80px;">Ready to elevate your footage?</h3>
<div class="text-center mb-40">
<p class="cc-description" style="margin-bottom: 25px;">Join thousands of creators using iCRAFT+ to grade<br />
their iPhone ProRes Log footage flawlessly.</p>
<p><a class="cc-btn" href="#">Get iCRAFT+ LUTs Pack</a></p>
</div>
</div>The post <a href="https://danevsky.com/product/icraft/">iCRAFT+ Cinematic Apple Log LUTs for iPhone</a> appeared first on <a href="https://danevsky.com">Dan Evsky</a>.]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
