:root {
      --ink:#16001f; --ink-soft:#4d3d55; --purple:#4d006c; --purple-2:#7e2d98; --purple-3:#2a0038;
      --lav:#f1def7; --lav-2:#d7b4e6; --card:#ffffff; --soft:#fbf6fd;
      --pink:#ff2fa6; --orange:#ff9d28; --cyan:#2ad7ff; --line:rgba(86,0,111,.14);
      --shadow:0 26px 80px rgba(28,0,42,.18); --radius:1.7rem;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;background:var(--purple-3)}
    body{margin:0;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--ink);background:#fff;line-height:1.5;overflow-x:hidden}
    img{max-width:100%;height:auto;display:block}
    a{text-decoration:none}

    /* Small Bootstrap-grid safety net so the page remains responsive even if the CDN is blocked in a file preview. */
    .container{width:100%;padding-right:calc(var(--bs-gutter-x,1.5rem)*.5);padding-left:calc(var(--bs-gutter-x,1.5rem)*.5);margin-right:auto;margin-left:auto}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--bs-gutter-y));margin-right:calc(-.5*var(--bs-gutter-x));margin-left:calc(-.5*var(--bs-gutter-x))}.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-top:var(--bs-gutter-y)}.g-2{--bs-gutter-x:.5rem;--bs-gutter-y:.5rem}.g-3{--bs-gutter-x:1rem;--bs-gutter-y:1rem}.g-4{--bs-gutter-x:1.5rem;--bs-gutter-y:1.5rem}.col-6{flex:0 0 auto;width:50%}.d-flex{display:flex}.flex-column{flex-direction:column}.gap-2{gap:.5rem}.gap-3{gap:1rem}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.text-center{text-align:center}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.my-4{margin-top:1.5rem;margin-bottom:1.5rem}.ms-auto{margin-left:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.pt-0{padding-top:0!important}.w-100{width:100%}.rounded-4{border-radius:1rem}.rounded-5{border-radius:2rem}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)}.small{font-size:.875em}.fw-bold{font-weight:700}.fw-black{font-weight:1000}.text-secondary{color:#6c5a73}.text-white{color:#fff}.text-dark{color:#000}.bg-white{background:#fff}.position-absolute{position:absolute}.top-0{top:0}.start-0{left:0}.m-2{margin:.5rem}.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.collapse:not(.show){display:none}.navbar-collapse.show{display:block}.accordion-button{width:100%;text-align:left;border:0;background:#fff;padding:1rem 1.25rem}.accordion-body{padding:1rem 1.25rem}.accordion-item{border-bottom:1px solid var(--line)}
    @media (min-width:576px){.col-sm-4{flex:0 0 auto;width:33.333333%}.col-sm-6{flex:0 0 auto;width:50%}.flex-sm-row{flex-direction:row!important}}
    @media (min-width:768px){.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.333333%}.col-md-6{flex:0 0 auto;width:50%}.d-md-flex{display:flex}.align-items-md-center{align-items:center}.flex-md-row{flex-direction:row}.align-items-md-center{align-items:center}}
    @media (min-width:992px){.col-lg-4{flex:0 0 auto;width:33.333333%}.col-lg-5{flex:0 0 auto;width:41.666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.333333%}.col-lg-8{flex:0 0 auto;width:66.666667%}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-nav{flex-direction:row}.align-items-lg-center{align-items:center}.gap-lg-2{gap:.5rem}.ms-lg-2{margin-left:.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-3{padding-left:1rem;padding-right:1rem}}
    @media (min-width:1200px){.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.333333%}.col-xl{flex:1 0 0%}}

    .text-purple{color:var(--purple)!important}
    .bg-purple{background:var(--purple)!important}
    .section-dark{color:#fff;background:
      radial-gradient(circle at 12% 12%,rgba(255,47,166,.25),transparent 30%),
      radial-gradient(circle at 90% 0%,rgba(255,157,40,.18),transparent 28%),
      linear-gradient(150deg,#21002e,#540070 58%,#2a0038)}
    .section-dark .section-title,.section-dark .section-copy,.section-dark p,.section-dark h2,.section-dark h3{color:#fff}
    .section-dark .section-kicker{color:#f0c6ff}
    .section-soft{background:linear-gradient(180deg,#fff,#fbf5fd)}
    .koki-container{max-width:1180px}
    .navbar{background:rgba(33,0,46,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.14)}
    .navbar-brand img{width:82px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.25))}
    .navbar .nav-link{color:rgba(255,255,255,.82);font-weight:750;font-size:.92rem}
    .navbar .nav-link:hover,.navbar .nav-link:focus{color:#fff}
    .navbar-toggler{border-color:rgba(255,255,255,.35);box-shadow:none!important}
    .navbar-toggler-icon{filter:none!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.96%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important}
    .navbar-toggler:hover .navbar-toggler-icon{filter:drop-shadow(0 0 10px rgba(255,255,255,.45))!important}
    .btn-koki{border-radius:999px;font-weight:900;padding:.86rem 1.2rem;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .18s ease, box-shadow .18s ease, background .18s ease}
    .btn-koki:hover{transform:translateY(-2px)}
    .btn-white{background:#fff;color:var(--purple);box-shadow:0 16px 40px rgba(0,0,0,.22)}
    .btn-white:hover{background:#fff;color:var(--purple);box-shadow:0 20px 50px rgba(0,0,0,.28)}
    .btn-outline-light-k{border:1px solid rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.08)}
    .btn-outline-light-k:hover{color:#fff;background:rgba(255,255,255,.16)}
    .btn-purple{background:var(--purple);color:#fff;box-shadow:0 16px 40px rgba(86,0,111,.22)}
    .btn-purple:hover{background:#38004f;color:#fff}
    .hero{position:relative;isolation:isolate;min-height:720px;padding:8.5rem 0 5.5rem;color:#fff;overflow:hidden;background:
      radial-gradient(circle at 18% 10%,rgba(255,47,166,.32),transparent 32%),
      radial-gradient(circle at 88% 4%,rgba(255,157,40,.28),transparent 28%),
      radial-gradient(circle at 82% 80%,rgba(42,215,255,.17),transparent 32%),
      linear-gradient(145deg,#21002e 0%,#52006f 56%,#2a0038 100%)}
    .hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:56px 56px;opacity:.52;mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.55),transparent);z-index:-1}
    .hero::after{content:"MAKE BRANDS UNSKIPPABLE";position:absolute;left:-.3em;right:-.3em;bottom:.05em;text-align:center;font-weight:1000;font-size:clamp(3.8rem,12vw,11rem);letter-spacing:-.095em;line-height:.78;color:rgba(255,255,255,.055);z-index:-1;pointer-events:none}
    .eyebrow{display:inline-flex;align-items:center;gap:.55rem;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.1);border-radius:999px;padding:.55rem .75rem;color:#f8e9ff;font-weight:900;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}
    .eyebrow::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--orange));box-shadow:0 0 0 .38rem rgba(255,47,166,.13)}
    .hero-title{font-size:clamp(4rem,8.7vw,8.6rem);line-height:.82;letter-spacing:-.1em;font-weight:1000;text-wrap:balance;margin:1.25rem 0 1.4rem;color:#fff;max-width:900px}
    .hero-lead{font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.62;color:rgba(255,255,255,.88);max-width:720px}
    .proof-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:1.2rem;padding:1rem;min-height:100%;backdrop-filter:blur(10px)}
    .proof-card strong{display:block;color:#fff;font-size:1.25rem;letter-spacing:-.04em;line-height:1.05}
    .proof-card span{color:#ead2f5;font-weight:750;font-size:.78rem}
    .editor-frame{position:relative;overflow:hidden;border-radius:2rem;border:1px solid rgba(255,255,255,.16);background:#14001d;box-shadow:0 34px 100px rgba(0,0,0,.36);min-height:570px}
    /* Removed animated scrub bar for a static appearance */
    .editor-frame::before{display:none}
    .editor-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(20,0,29,.78));z-index:3;pointer-events:none}
    @keyframes scrub{0%{background-position:0 0}100%{background-position:280px 0}}
    /* Keep a wider horizontal gap between the two reel columns to avoid overlap */
    .reel-wall{position:absolute;inset:-5rem -.7rem;display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;column-gap:1.6rem;transform:rotate(-4deg) scale(1.08)}
.reel-col{display:flex;flex-direction:column;gap:.9rem;animation:reelDrift 14s linear infinite}
.reel-col:nth-child(2){animation-duration:16s;animation-direction:reverse;margin-top:-9rem}
.reel-tile{height:220px;border-radius:1.35rem;overflow:hidden;background:#3e0055;box-shadow:0 16px 40px rgba(0,0,0,.24)}
.reel-tile img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.04)}
@keyframes reelDrift{from{transform:translateY(0)}to{transform:translateY(-50%)}}
    .editor-caption{position:absolute;z-index:6;left:1.2rem;right:1.2rem;bottom:1.2rem;border-radius:1.25rem;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.12);backdrop-filter:blur(16px);padding:1rem}
    .editor-caption p{color:#fff;font-weight:850;margin:0}
    .editor-caption small{color:#ead2f5}
    section{padding:5.8rem 0}
    .section-kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--purple-2);font-weight:1000;margin-bottom:.75rem}
    .section-title{font-size:clamp(2.45rem,5vw,5.25rem);line-height:.9;letter-spacing:-.075em;font-weight:1000;color:var(--ink);text-wrap:balance;max-width:980px;margin:0}
    .section-copy{color:var(--ink-soft);font-size:1.04rem;line-height:1.7;max-width:680px}
    .ai-card{position:relative;z-index:2;margin-top:-3.5rem;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);border-radius:2rem;padding:1.5rem}
    .tag{display:inline-flex;border-radius:999px;background:#f5eaf8;color:#5b156f;font-weight:850;font-size:.78rem;padding:.48rem .7rem;margin:.18rem}
    .logo-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:1.8rem;padding:1.1rem;overflow:hidden}
    .logo-wall-img{border-radius:1.1rem;background:#fff;width:100%;object-fit:contain}
    .logo-chip{border:1px solid rgba(86,0,111,.13);background:#fff;border-radius:1.1rem;min-height:72px;padding:.7rem;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 30px rgba(46,0,64,.06);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
/* ===== Brands Marquee ===== */

.brands-marquee{
    overflow:hidden;
    position:relative;
    width:100%;

    display:flex;
    flex-direction:column;

    gap:2rem;
    overflow:hidden;
    padding-inline:2rem;

    margin-top:2rem;
    margin-bottom:5rem;
}

.marquee-track{
    display:flex;
    flex-wrap:nowrap;   /* IMPORTANT */
    align-items:center;
    gap:5rem;
    width:max-content;
}

.marquee-group{
    display:flex;
    align-items:center;
    gap:4rem;
}

.marquee-left{
    animation:scrollLeft 45s linear infinite;
}

.marquee-right{
    animation:scrollRight 40s linear infinite;
}

.marquee-track:hover{
    animation-play-state:paused;
}
.marquee-track img{
    height:60px;
    width:auto;

    opacity:.75;

   
    transition:
        transform .3s ease,
        opacity .3s ease,
        filter .3s ease;
}

.marquee-track img:hover{
    opacity:1;
    filter:none;
    transform:scale(1.1);
}

@keyframes scrollLeft{
    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(calc(-50% - 2.5rem));
    }
}

@keyframes scrollRight{
    from{
        transform:translateX(calc(-50% - 2.5rem));
    }

    to{
        transform:translateX(0);
    }
}

.marquee-track img{
    height:70px;
    width:auto;

    opacity:0.95;

    transition:
        transform .3s ease,
        opacity .3s ease;

    cursor:pointer;
}

.marquee-track img:hover{
    opacity:1;
    transform:scale(1.12);

    filter:drop-shadow(0 0 12px rgba(255,47,166,.25))
           drop-shadow(0 0 20px rgba(42,215,255,.15));
}
.brands-marquee::before,
.brands-marquee::after{
    content:"";
    position:absolute;
    top:0;
    width:120px;
    height:100%;

    z-index:10;
    pointer-events:none;
}

.brands-marquee::before{
    left:0;
    background:linear-gradient(
        to right,
        #5d007c,
        transparent
    );
}

.brands-marquee::after{
    right:0;
    background:linear-gradient(
        to left,
        #5d007c,
        transparent
    );
}
@media (max-width:768px){

    .marquee-track{
        gap:2rem;
    }

    .marquee-track img{
        height:50px;
    }

    .brands-marquee::before,
    .brands-marquee::after{
        width:60px;
    }
}
.logo-item{
    width:180px;
    height:90px;

    display:flex;
    align-items:center;
    justify-content:center;

    flex-shrink:0;
}

.logo-item img{
    max-width:100%;
    max-height:70px;

    width:auto;
    height:auto;

    object-fit:contain;

    transition:transform .3s ease;
}

.logo-item img:hover{
    transform:scale(1.12);
}
@media(max-width:768px){
  .brand-cloud-wrap{
    height:450px;
  }
}
    .logo-chip:hover{transform:translateY(-3px);box-shadow:0 15px 45px rgba(46,0,64,.12);border-color:rgba(86,0,111,.3)}
    .logo-chip span{font-weight:1000;color:var(--purple);letter-spacing:-.03em;font-size:clamp(.82rem,2.5vw,1rem)}
    .segment-card{border-radius:1.25rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:1rem;height:100%}
    .segment-card h3{font-size:1rem;font-weight:1000;margin-bottom:.4rem;color:#fff}
    .segment-card p{color:#ead2f5;margin:0;font-size:.92rem}
    .section-dark :is(.service-card,.step-card,.logo-card){color:var(--ink)}
    .section-dark :is(.service-card,.step-card) :is(h1,h2,h3,h4,h5,h6){color:var(--ink)!important}
    .section-dark :is(.service-card,.step-card) p{color:var(--ink-soft)!important}
    .section-dark :is(.service-card,.step-card) li{color:#4b3c52!important}
    .section-dark :is(.service-card,.step-card) .section-kicker{color:var(--purple-2)!important}
    .section-dark .step-card .step-num{background:var(--purple);color:#fff!important}
    .section-dark .logo-card :is(p,h2,h3,h4){color:var(--ink)!important}

    .work-card{height:100%;border:1px solid var(--line);border-radius:1.6rem;overflow:hidden;background:#fff;box-shadow:0 16px 60px rgba(31,0,45,.1);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
    .work-card:hover{transform:translateY(-6px);box-shadow:0 28px 90px rgba(31,0,45,.18);border-color:rgba(255,47,166,.34)}
    .work-media{position:relative;height:238px;background:#3e0055;overflow:hidden}
    .work-media img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease,filter .28s ease}
    .work-card:hover .work-media img{transform:scale(1.04);filter:saturate(1.15)}
    .work-media::after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:.75rem;height:.45rem;border-radius:999px;background:linear-gradient(90deg,var(--pink) 0 24%,rgba(255,255,255,.35) 24% 100%);box-shadow:0 0 18px rgba(255,47,166,.35)}
    .work-body{padding:1.15rem}
.team-photo{
    width:100%;
    object-fit:cover;
    border-radius:20px;
    margin-bottom:1rem;
    display:block;
}    .pill{display:inline-flex;align-items:center;border-radius:999px;background:#f4e9f8;color:#601878;font-weight:900;font-size:.72rem;padding:.38rem .6rem;margin:.12rem .12rem .12rem 0}
    .service-card,.plan-card,.why-card,.step-card,.faq-card,.team-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 15px 55px rgba(31,0,45,.08);height:100%;transition:transform .18s ease, box-shadow .18s ease}
    .service-card:hover,.plan-card:hover,.why-card:hover,.step-card:hover{transform:translateY(-4px);box-shadow:0 24px 80px rgba(31,0,45,.15)}
    .service-visual{border-radius:1.35rem;overflow:hidden;min-height:390px;background:#3e0055;position:relative}
    .service-visual img{width:100%;height:100%;min-height:390px;object-fit:cover}
    .service-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(22,0,31,.62))}
    .plan-featured{background:linear-gradient(160deg,#fff,#f6e5fb);border-color:rgba(255,47,166,.28)}
    .price{font-size:2rem;letter-spacing:-.055em;font-weight:1000;color:var(--purple)}
    .list-clean{list-style:none;padding:0;margin:0}
    .list-clean li{display:flex;gap:.5rem;margin:.55rem 0;color:#4b3c52}
    .list-clean li::before{content:"✦";color:var(--pink);font-weight:900;line-height:1.4}
    .step-num{width:2.1rem;height:2.1rem;border-radius:50%;display:grid;place-items:center;background:var(--purple);color:#fff;font-weight:1000;margin-bottom:1rem}
    .accordion-button{font-weight:900;color:var(--ink);font-size:1rem}
    .accordion-button:not(.collapsed){background:#f8edf9;color:var(--purple)}
    .accordion-button:focus{box-shadow:0 0 0 .2rem rgba(86,0,111,.15)}
    .final-cta{position:relative;overflow:hidden;color:#fff;background:
      radial-gradient(circle at 20% 20%,rgba(255,47,166,.26),transparent 32%),linear-gradient(140deg,#21002e,#5b0074,#2a0038)}
    .final-title{font-size:clamp(3rem,8vw,7rem);line-height:.82;letter-spacing:-.085em;font-weight:1000;text-wrap:balance;color:#fff}
    .contact-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:850;padding:.85rem 1rem;min-height:48px}
    .footer{background:#170020;color:#d9c2e3;padding:2rem 0}
    .reveal{opacity:0;transform:translateY(22px);transition:opacity .42s ease,transform .42s ease}
    .reveal.in-view{opacity:1;transform:none}
    .dummy-badge{position:absolute;top:.85rem;left:.85rem;z-index:2;background:rgba(255,255,255,.9);color:var(--purple);font-weight:950;border-radius:999px;padding:.35rem .6rem;font-size:.72rem}
    @media (max-width: 991.98px){
      .navbar-collapse{padding:.75rem 0 1rem}
      .hero{padding-top:6.2rem;min-height:auto}
      .editor-frame{min-height:470px}
      .service-visual,.service-visual img{min-height:310px}
    }
    @media (max-width: 767.98px){
      body{font-size:16px}
      section{padding:4.1rem 0}
      .hero{padding:5.2rem 0 4.4rem}
      .hero-title{font-size:clamp(3.15rem,15.5vw,5rem);letter-spacing:-.078em;line-height:.86;max-width:100%;overflow-wrap:normal}
      .hero-lead{font-size:1rem}
      .btn-koki{width:100%;padding:.82rem 1rem}
      .proof-card{padding:.8rem}
      .proof-card strong{font-size:1.08rem}
      .proof-card span{font-size:.72rem}
      .editor-frame{min-height:360px;border-radius:1.4rem;margin-top:1rem}
      .reel-wall{inset:-4rem -.55rem;gap:.9rem;column-gap:.9rem}
      .reel-col{gap:.55rem;animation-duration:8.6s}
      .reel-col:nth-child(2){animation-duration:10.2s;margin-top:-7rem}
      .reel-tile{height:150px;border-radius:.95rem}
      .editor-caption{left:.8rem;right:.8rem;bottom:.8rem;padding:.8rem;border-radius:1rem}
      .editor-caption p{font-size:.9rem}
      .section-title{font-size:clamp(2.25rem,11vw,3.2rem);line-height:.92;letter-spacing:-.065em;overflow-wrap:break-word;word-break:normal}
      .section-copy{font-size:.98rem;line-height:1.65}
      .ai-card{margin-top:-2.2rem;border-radius:1.35rem;padding:1rem}
      .logo-card{padding:.7rem;border-radius:1.25rem}
      .logo-chip{min-height:60px;border-radius:.9rem}
      .segment-card{padding:.9rem}
      .work-media{height:200px}
      .work-body{padding:1rem}
      .service-card,.plan-card,.why-card,.step-card,.team-panel{border-radius:1.25rem}
      .service-visual,.service-visual img{min-height:250px}
      .final-title{font-size:clamp(3rem,14vw,4.6rem)}
      .contact-chip{width:100%}
      .navbar-brand img{width:64px}
    }
    @media (max-width: 390px){
      .hero-title{font-size:3rem}
      .section-title{font-size:2.15rem}
      .work-media{height:178px}
      .editor-frame{min-height:326px}
      .reel-tile{height:132px}
    }
    @media (prefers-reduced-motion: reduce){
      *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
      .reveal{opacity:1;transform:none}
    }