/* Preserved cascade layer 1 */
:root{
      --black:#050305;
      --ink:#130006;
      --wine:#3a0010;
      --blood:#7d0017;
      --red:#e3062c;
      --pink:#ff3f8f;
      --rose:#ff6f8f;
      --coral:#ff5537;
      --cream:#fff4ec;
      --teal:#00d8d0;
      --yellow:#ffe600;
      --bone:#f5dac9;
      --paper:#fff1e6;
      --muted:rgba(255,241,230,.78);
      --line:rgba(255,241,230,.22);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      overflow-x:hidden;
      color:var(--paper);
      font-family:Arial,Helvetica,sans-serif;
      background:
        radial-gradient(circle at 10% -6%, rgba(255,63,143,.30), transparent 18rem),
        radial-gradient(circle at 104% 8%, rgba(0,216,208,.16), transparent 18rem),
        radial-gradient(circle at 54% 104%, rgba(227,6,44,.26), transparent 24rem),
        linear-gradient(145deg,var(--black),var(--wine) 48%,#060203 100%);
    }
    body:before{
      content:"";
      position:fixed;
      inset:0;
      z-index:1;
      pointer-events:none;
      opacity:.16;
      background-image:
        linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
      background-size:32px 32px;
      mix-blend-mode:screen;
    }
    body:after{
      content:"MASK / BODY / OBJECT / COSTUME / THREAD / NEEDLE / CONTROLLED CHAOS";
      position:fixed;
      z-index:0;
      left:-42vw;
      bottom:6vh;
      width:210vw;
      transform:rotate(-7deg);
      pointer-events:none;
      color:rgba(255,255,255,.034);
      font:900 clamp(48px,14vw,160px)/.78 Impact,Arial Black,sans-serif;
      letter-spacing:-.08em;
      text-transform:uppercase;
    }

    a{color:inherit;text-decoration:none}
    img{display:block;width:100%;max-width:100%}
    h1,h2,h3,p{margin:0}
    .page{position:relative;z-index:2}


    .site-loader{
      position:fixed;
      inset:0;
      z-index:9999;
      display:grid;
      place-items:center;
      background:
        radial-gradient(circle at 22% 20%, rgba(255,63,143,.34), transparent 18rem),
        radial-gradient(circle at 82% 78%, rgba(0,216,208,.20), transparent 20rem),
        linear-gradient(145deg,#050305,#210006 56%,#020101);
      transition:opacity 1.15s ease, visibility 1.15s ease;
    }
    .site-loader.is-loaded{opacity:0;visibility:hidden;pointer-events:none}
    .loader-inner{position:relative;display:grid;place-items:center;gap:16px;transform:rotate(-3deg)}
    .loader-logo{
      width:min(72vw,420px);
      filter:none;
      animation:loaderPulse 2.4s ease-in-out infinite alternate;
    }
    .loader-studio{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:9px 14px;
      color:var(--black);
      background:var(--yellow);
      box-shadow:7px 7px 0 var(--pink);
      clip-path:polygon(7% 0,100% 9%,92% 100%,0 88%);
      font:900 13px/1 Arial Black,Impact,sans-serif;
      letter-spacing:.2em;
      text-transform:uppercase;
      animation:loaderTag 1.6s steps(2,end) infinite;
    }
    .loader-line{
      width:min(64vw,360px);
      height:4px;
      overflow:hidden;
      background:rgba(255,241,230,.16);
      transform:skewX(-18deg);
    }
    .loader-line:before{
      content:"";
      display:block;
      width:55%;
      height:100%;
      background:linear-gradient(90deg,var(--pink),var(--yellow),var(--teal));
      animation:loaderLine 1.9s ease-in-out infinite alternate;
    }
    @keyframes loaderPulse{from{transform:scale(.96) rotate(-1deg)}to{transform:scale(1.02) rotate(1deg)}}
    @keyframes loaderTag{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg) translateX(4px)}}
    @keyframes loaderLine{from{transform:translateX(-70%)}to{transform:translateX(145%)}}

    .topbar{
      position:sticky;
      top:0;
      z-index:40;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      padding:10px 11px;
      background:rgba(5,3,5,.76);
      border-bottom:1px solid rgba(255,63,143,.34);
      backdrop-filter:blur(16px);
    }
    .brand{display:flex;align-items:center;gap:7px;min-width:0}
    .brand img{width:96px;filter:drop-shadow(0 0 14px rgba(255,63,143,.62))}
    .studio-mark{
      padding:5px 6px 4px;
      color:var(--pink);
      border:1px solid var(--pink);
      box-shadow:4px 4px 0 var(--teal);
      transform:rotate(-5deg);
      font:900 10px/1 Arial Black,Impact,sans-serif;
      letter-spacing:.17em;
    }
    .nav{display:none}
    .lang-switch{display:flex;align-items:center;gap:4px;margin-left:auto}
    .lang-switch button{
      border:1px solid rgba(255,241,230,.55);
      background:transparent;
      color:var(--paper);
      min-width:33px;
      min-height:31px;
      padding:6px 7px;
      cursor:pointer;
      font:900 10px/1 Arial Black,Impact,sans-serif;
      letter-spacing:.07em;
      clip-path:polygon(9% 0,100% 6%,91% 100%,0 88%);
    }
    .lang-switch button.is-active{background:var(--teal);color:var(--black);border-color:var(--teal)}
    .top-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
    .micro-cta{
      color:var(--paper);
      background:var(--pink);
      padding:9px 9px;
      white-space:nowrap;
      font:900 10px/1 Arial Black,Impact,sans-serif;
      letter-spacing:.07em;
      text-transform:uppercase;
      clip-path:polygon(7% 0,100% 9%,92% 100%,0 88%);
      box-shadow:4px 4px 0 var(--teal);
    }
    .micro-cta.ebook-top{background:var(--teal);color:var(--black);box-shadow:4px 4px 0 var(--pink)}

    .ticker{overflow:hidden;background:var(--red);color:var(--paper);transform:rotate(-1.1deg) scale(1.02);position:relative;z-index:5}
    .ticker span{display:block;width:max-content;white-space:nowrap;padding:8px 0;font:900 12px/1 Arial Black,Impact,sans-serif;letter-spacing:.06em;animation:ticker 23s linear infinite}
    @keyframes ticker{to{transform:translateX(-50%)}}

    section{position:relative;padding:38px 15px}
    .hero{padding:0 0 34px;min-height:calc(100svh - 56px)}
    .hero-visual{position:relative;margin:0 0 -12px;z-index:3}
    .hero-media{
      position:relative;
      height:58vh;
      min-height:410px;
      margin:0;
      overflow:hidden;
      background:var(--ink);
      border:0;
      box-shadow:none;
      clip-path:polygon(0 0,100% 0,100% 94%,0 100%);
    }
    .hero-media img{height:100%;object-fit:cover;object-position:center;filter:contrast(1.1) saturate(1.16)}
    .hero-overlay{position:absolute;left:14px;right:14px;bottom:-38px;z-index:4;pointer-events:none}
    .hero-overlay .kicker{margin-bottom:10px;pointer-events:auto}
    .hero-overlay h1{max-width:820px;color:var(--paper)}
    .hero-copy{position:relative;z-index:2;margin:0 14px;padding:74px 0 0}

    .kicker{
      display:inline-block;
      margin-bottom:12px;
      padding:8px 10px;
      color:var(--black);
      background:var(--teal);
      transform:rotate(-3deg);
      font:900 11px/1 Arial Black,Impact,sans-serif;
      letter-spacing:.12em;
      text-transform:uppercase;
    }
    h1,.section-title,.contact-title{
      font-family:Arial Black,Impact,sans-serif;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:-.09em;
    }
    h1{font-size:clamp(48px,17vw,122px);line-height:.78;text-shadow:3px 0 0 var(--red),-3px 0 0 var(--teal)}
    .hero-sub{margin-top:18px;max-width:850px;font-size:18px;line-height:1.25;color:#fff5ee}

    .lead-panel,.text-panel{
      margin-top:15px;
      padding:18px 18px;
      background:linear-gradient(135deg,rgba(255,241,230,.08),rgba(58,0,16,.38));
      border:1px solid var(--line);
      clip-path:polygon(0 4%,100% 0,96% 100%,5% 94%);
    }
    .lead-panel p,.copy p,.text-panel p{margin-bottom:11px;font-size:15.5px;line-height:1.43;color:var(--muted)}
    .lead-panel p:last-child,.copy p:last-child,.text-panel p:last-child{margin-bottom:0}
    .hard{font:900 21px/.95 Arial Black,Impact,sans-serif!important;letter-spacing:-.04em;color:var(--pink)!important;text-transform:uppercase;transform:rotate(-1deg)}
    .lead-panel .hard{font-size:clamp(18px,5.6vw,21px)!important;line-height:1.02!important;letter-spacing:-.055em;max-width:100%;overflow-wrap:break-word;word-break:normal;hyphens:auto;transform:none}

    .cta-row{display:flex;flex-wrap:wrap;gap:11px;margin-top:18px;justify-content:center;text-align:center}.hero .cta-row{display:none}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;min-height:46px;
      padding:13px 15px 12px;
      color:var(--paper);
      background:var(--pink);
      border:1px solid rgba(255,255,255,.18);
      font:900 12px/1 Arial Black,Impact,sans-serif;
      letter-spacing:.08em;text-transform:uppercase;
      clip-path:polygon(8% 0,100% 10%,91% 100%,0 88%);
      box-shadow:7px 7px 0 var(--yellow);
    }
    .btn.alt{background:transparent;color:var(--paper);border-color:var(--teal);box-shadow:7px 7px 0 var(--red)}

    .section-title{font-size:clamp(42px,14vw,92px);line-height:.8;max-width:980px}
    .slash{color:var(--pink);text-shadow:2px 0 0 var(--teal)}
    .copy{display:grid;gap:11px;max-width:900px;margin-top:13px}

    .section-image{
      position:relative;
      width:calc(100% + 20px);
      height:310px;
      margin:14px -8px 9px;
      overflow:hidden;
      background:var(--ink);
      border:1px solid var(--line);
      box-shadow:-8px 9px 0 var(--red);
      transform:rotate(1.4deg);
      clip-path:polygon(0 0,100% 6%,92% 100%,4% 94%);
    }
    .section-image img{height:100%;object-fit:cover;object-position:center;filter:saturate(1.12) contrast(1.06)}
    .section-image.left{transform:rotate(-2deg);box-shadow:8px 9px 0 var(--teal)}
    .section-image.rose{box-shadow:8px 9px 0 var(--pink)}
    .section-image.pink{box-shadow:-8px 9px 0 var(--pink)}
    .section-image.tall{height:380px}

    .portrait-card{
      position:relative;
      margin:-4px -8px 20px 8px;
      overflow:visible;
      padding:0;
      background:transparent;
      border:0;
      box-shadow:none;
      transform:rotate(-1.3deg);
      isolation:isolate;
    }
    .portrait-card img{
      height:auto;
      object-fit:contain;
      object-position:center;
      filter:saturate(1.08) contrast(1.05) drop-shadow(0 22px 34px rgba(0,0,0,.46));
      border-radius:0;
      clip-path:polygon(3% 0,100% 4%,96% 90%,72% 100%,0 94%);
      position:relative;
      z-index:3;
    }
    .portrait-card::before{
      content:"";
      position:absolute;
      z-index:1;
      inset:18% -10px -12px 8px;
      background:linear-gradient(135deg,rgba(255,63,143,.54),rgba(0,216,208,.24));
      clip-path:polygon(0 0,100% 6%,92% 100%,7% 92%);
      transform:rotate(2deg);
      opacity:.58;
      mix-blend-mode:screen;
    }
    .portrait-card::after{
      content:"";
      position:absolute;
      z-index:4;
      left:-12px;
      bottom:8%;
      width:68%;
      height:78px;
      background:
        linear-gradient(90deg,var(--pink) 0 30%,transparent 30% 42%,var(--teal) 42% 54%,transparent 54% 64%,var(--red) 64% 100%);
      clip-path:polygon(0 22%,100% 0,92% 100%,5% 82%);
      transform:rotate(-7deg);
      opacity:.86;
      mix-blend-mode:screen;
      animation:portraitSlash 4.2s ease-in-out infinite alternate;
    }
    .portrait-card .portrait-vector{
      position:absolute;
      z-index:5;
      right:2%;
      bottom:3%;
      width:34%;
      height:42px;
      pointer-events:none;
      opacity:.9;
      background:
        linear-gradient(90deg,var(--teal) 0 24%,transparent 24% 36%,var(--pink) 36% 56%,transparent 56% 68%,var(--red) 68% 100%);
      clip-path:polygon(0 24%,100% 0,88% 100%,8% 82%);
      mix-blend-mode:screen;
      filter:drop-shadow(4px 4px 0 rgba(0,216,208,.38));
      transform:rotate(5deg);
    }
    @keyframes portraitSlash{from{transform:rotate(-7deg) translateX(-5px)}to{transform:rotate(-5deg) translateX(8px)}}

    .tagcloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
    .tag{display:inline-block;padding:8px 9px;color:var(--black);background:var(--bone);font:900 11px/1 Arial Black,Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase;transform:rotate(var(--r))}
    .tag:nth-child(2n){background:var(--teal)}.tag:nth-child(3n){background:var(--pink);color:var(--paper)}.tag:nth-child(4n){background:var(--coral);color:var(--paper)}

    .cards{display:grid;gap:12px;margin-top:18px}
    .chaos-card{position:relative;overflow:hidden;min-height:122px;padding:18px 15px 16px 72px;background:linear-gradient(135deg,rgba(255,241,230,.08),rgba(58,0,16,.42));border:1px solid rgba(255,255,255,.18);clip-path:polygon(0 0,100% 4%,97% 100%,3% 96%)}
    .chaos-card:nth-child(even){transform:rotate(-.45deg);border-color:rgba(0,216,208,.36)}.chaos-card:nth-child(odd){transform:rotate(.35deg);border-color:rgba(255,63,143,.36)}
    .card-icon{position:absolute;left:15px;top:17px;width:42px;height:42px;display:grid;place-items:center;background:var(--pink);color:var(--paper);border:1px solid rgba(255,255,255,.22);box-shadow:5px 5px 0 var(--teal);clip-path:polygon(12% 0,100% 8%,90% 100%,0 86%);animation:floatIcon 3.4s ease-in-out infinite alternate}.card-icon:after{content:"";position:absolute;inset:-6px;border:1px solid currentColor;opacity:.22;clip-path:inherit;animation:iconOrbit 4s linear infinite}
    .chaos-card:nth-child(2) .card-icon{background:var(--teal);color:var(--black);box-shadow:5px 5px 0 var(--pink);animation-delay:.25s}.chaos-card:nth-child(3) .card-icon{background:var(--red);animation-delay:.5s}.chaos-card:nth-child(4) .card-icon{background:var(--black);border-color:var(--teal);animation-delay:.75s}
    .card-icon svg{width:21px;height:21px;fill:currentColor}
    @keyframes floatIcon{from{transform:translateY(0) rotate(-4deg)}to{transform:translateY(5px) rotate(4deg)}}
    .chaos-card h3{margin-bottom:8px;color:var(--pink);font:900 19px/.95 Arial Black,Impact,sans-serif;letter-spacing:-.04em;text-transform:uppercase}.chaos-card p{font-size:14.8px;line-height:1.4;color:var(--muted)}

    .process-list{display:grid;gap:12px;margin-top:15px;counter-reset:step}
    .process-item{position:relative;padding:16px 14px 16px 58px;background:linear-gradient(135deg,rgba(255,241,230,.08),rgba(58,0,16,.34));border:1px solid var(--line);transform:rotate(var(--r))}
    .process-item:before{counter-increment:step;content:"0" counter(step);position:absolute;top:14px;left:13px;color:var(--black);background:var(--teal);padding:8px 7px;font:900 13px/1 Arial Black,Impact,sans-serif}.process-item p{font-size:14.8px;line-height:1.4;color:var(--muted)}

    .gif-card{margin:14px 0 10px;overflow:hidden;border:1px solid var(--line);box-shadow:-8px 9px 0 var(--pink),8px -7px 0 var(--teal);clip-path:polygon(4% 0,100% 6%,93% 100%,0 92%);transform:rotate(-1.4deg);background:var(--black)}
    .gif-card img{width:100%;height:auto;filter:saturate(1.12) contrast(1.03)}
    .gif-card.small{box-shadow:8px 9px 0 var(--teal),-7px -7px 0 var(--pink);transform:rotate(1.2deg)}



    .current-blocks{display:grid;gap:10px;margin:14px 0 0}
    .current-block{padding:16px 14px;background:rgba(255,241,230,.08);border:1px solid rgba(255,255,255,.17);clip-path:polygon(0 0,100% 5%,94% 100%,4% 93%);box-shadow:6px 7px 0 rgba(0,216,208,.5);transform:rotate(var(--r));}
    .current-block p{font-size:15.5px;line-height:1.38;color:var(--muted);font-weight:800}
    .current-block:nth-child(2){box-shadow:6px 7px 0 rgba(255,63,143,.6)}
    .current-block:nth-child(3){background:var(--pink);color:var(--paper);box-shadow:6px 7px 0 var(--teal)}
    .current-block:nth-child(3) p{color:var(--paper)}
    @keyframes shapeSpin{to{transform:rotate(360deg)}}
    @keyframes iconOrbit{to{transform:rotate(360deg)}}
    .reveal{opacity:0;transform:translateY(34px) rotate(var(--reveal-rotate,0deg));transition:opacity .72s ease, transform .72s cubic-bezier(.2,.8,.2,1)}
    .reveal.is-visible{opacity:1;transform:translateY(0) rotate(var(--reveal-rotate,0deg))}
    .section-image.reveal{--reveal-rotate:1.4deg}.section-image.left.reveal{--reveal-rotate:-2deg}.gif-card.reveal{--reveal-rotate:-1.4deg}

    .portrait-card.reveal{--reveal-rotate:-1.1deg}
    .chaos-card:nth-child(odd).reveal{--reveal-rotate:.35deg}
    .chaos-card:nth-child(even).reveal{--reveal-rotate:-.45deg}
    .current-block.reveal{--reveal-rotate:var(--r)}

    .social-panel{padding:20px 16px;background:var(--red);color:var(--paper);clip-path:polygon(3% 0,100% 8%,92% 100%,0 93%);box-shadow:-8px 9px 0 var(--teal);transform:rotate(-1.1deg);margin:14px auto 0;max-width:760px;text-align:center}.social-panel p{font-size:16px;line-height:1.36;font-weight:900;text-transform:uppercase;letter-spacing:-.02em}

    .social-banner{
      position:relative;
      z-index:4;
      margin:-10px auto 0;
      max-width:860px;
      padding:18px 16px;
      background:var(--pink);
      color:var(--paper);
      text-align:center;
      clip-path:polygon(4% 0,100% 8%,94% 100%,0 90%);
      box-shadow:8px 8px 0 var(--teal),-6px -6px 0 rgba(255,230,0,.85);
      transform:rotate(-1.2deg);
    }
    .social-banner p{
      font:900 clamp(22px,7.2vw,46px)/.86 Arial Black,Impact,sans-serif;
      letter-spacing:-.06em;
      text-transform:uppercase;
      color:var(--paper);
      text-shadow:2px 0 0 var(--red),-2px 0 0 var(--teal);
    }
    .social-gif{
      margin-top:-4px;
      position:relative;
      z-index:3;
    }
    .social-links-graphic{
      margin-top:18px;
    }
    .social-links-graphic::before{
      content:"FOLLOW / PROCESS / DETAILS";
      flex-basis:100%;
      text-align:center;
      color:var(--yellow);
      font:900 13px/1 Arial Black,Impact,sans-serif;
      letter-spacing:.16em;
      text-transform:uppercase;
      transform:rotate(-1deg);
    }

    .social-links{display:flex;flex-wrap:wrap;gap:12px;margin:18px auto 0;justify-content:center;align-items:center}
    .social-icon{
      display:inline-flex;align-items:center;gap:9px;justify-content:center;
      min-height:48px;padding:12px 15px;
      background:var(--pink);color:var(--paper);
      border:1px solid rgba(255,255,255,.18);
      clip-path:polygon(8% 0,100% 10%,91% 100%,0 88%);
      box-shadow:6px 6px 0 var(--teal);
      font:900 12px/1 Arial Black,Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase;
    }
    .social-icon:nth-child(2){background:var(--black);box-shadow:6px 6px 0 var(--pink);border-color:var(--teal)}
    .social-icon:nth-child(3){background:var(--red);box-shadow:6px 6px 0 var(--teal)}
    .social-icon{transition:transform .22s ease, filter .22s ease;animation:socialPulse 3.2s ease-in-out infinite alternate}
    .social-icon:nth-child(2){animation-delay:.25s}.social-icon:nth-child(3){animation-delay:.5s}
    .social-icon:hover{transform:translateY(-4px) rotate(-2deg);filter:saturate(1.25)}
    .social-icon svg{width:18px;height:18px;fill:currentColor;flex:0 0 auto}
    @keyframes socialPulse{from{translate:0 0}to{translate:0 3px}}

    .ebook{background:radial-gradient(circle at 80% 0%,rgba(255,63,143,.19),transparent 17rem),radial-gradient(circle at 18% 80%,rgba(0,216,208,.12),transparent 17rem)}
    .ebook-cover{margin:14px 8px 12px;overflow:hidden;transform:rotate(-2.1deg);box-shadow:11px 11px 0 var(--pink),-8px -8px 0 var(--teal);border:1px solid var(--line);clip-path:polygon(0 2%,96% 0,100% 95%,8% 100%)}
    .shop-box{
      position:relative;
      overflow:hidden;
      margin-top:15px;
      padding:34px 18px 38px;
      color:var(--paper);
      background:linear-gradient(135deg,rgba(255,63,143,.95),rgba(125,0,23,.74) 58%,rgba(0,216,208,.18));
      clip-path:polygon(0 6%,100% 0,96% 92%,7% 100%);
      border:1px solid rgba(255,241,230,.26);
      box-shadow:none;
      isolation:isolate;
    }
    .shop-box::before{
      content:"";
      position:absolute;
      z-index:0;
      right:-18%;
      top:-34%;
      width:70%;
      aspect-ratio:1;
      border-radius:50%;
      background:radial-gradient(circle,rgba(255,230,0,.24),rgba(255,63,143,.18) 42%,transparent 68%);
      filter:blur(2px);
      animation:shopPulse 5.8s ease-in-out infinite alternate;
    }
    .shop-box::after{
      content:"";
      position:absolute;
      z-index:1;
      left:18px;
      bottom:18px;
      width:86px;
      height:18px;
      background:repeating-linear-gradient(90deg,var(--yellow) 0 12px,transparent 12px 22px);
      clip-path:polygon(0 20%,100% 0,90% 100%,6% 82%);
      opacity:.9;
      animation:shopTension 3.4s ease-in-out infinite alternate;
    }
    .shop-box h3{position:relative;z-index:2;font:900 38px/.78 Arial Black,Impact,sans-serif;letter-spacing:-.07em;text-transform:uppercase;margin:0 0 18px;color:var(--paper);text-shadow:3px 0 0 var(--red),-3px 0 0 var(--teal)}
    .shop-box p{position:relative;z-index:2;margin:0;font-size:17px;line-height:1.38;color:var(--paper);font-weight:800;max-width:760px}
    .shop-wait{display:none}
    @keyframes shopPulse{from{transform:scale(.92) rotate(-4deg);opacity:.55}to{transform:scale(1.12) rotate(5deg);opacity:1}}
    @keyframes shopTension{from{transform:translateX(0) rotate(-2deg);opacity:.45}to{transform:translateX(22px) rotate(2deg);opacity:1}}

    .contact{padding:22px 0 74px}
    .contact-visual{position:relative;margin:0 0 -20px;z-index:3}
    .contact-gif{margin:0;border-left:0;border-right:0;box-shadow:none;clip-path:polygon(0 0,100% 4%,100% 100%,0 94%);transform:none}
    .contact-visual::after{content:"";position:absolute;left:0;right:0;bottom:0;height:54%;background:linear-gradient(to top,rgba(0,0,0,.86),rgba(0,0,0,.48),transparent);z-index:2;pointer-events:none;clip-path:polygon(0 8%,100% 0,100% 100%,0 100%)}
    .contact-overlay{position:absolute;left:14px;right:14px;bottom:-18px;z-index:4;pointer-events:none}
    .contact-title{
      display:grid;
      gap:.02em;
      max-width:760px;
      font-size:clamp(42px,12vw,92px);
      line-height:.78;
      color:var(--paper);
      text-shadow:3px 0 0 var(--red),-3px 0 0 var(--teal),0 10px 24px rgba(0,0,0,.48);
    }
    .contact-title .contact-line{display:block;}
    .contact-title .contact-word{
      display:inline-block;
      width:max-content;
      max-width:100%;
      margin-top:.04em;
      color:var(--pink);
      text-shadow:3px 0 0 var(--paper),-3px 0 0 var(--teal),0 10px 24px rgba(0,0,0,.55);
      transform:translateX(.04em) rotate(-1.5deg);
    }
    .contact-overlay p{margin-top:12px;max-width:680px;color:var(--paper);font-weight:800;line-height:1.32;text-shadow:0 2px 12px var(--black)}
    .contact-card{
      position:relative;z-index:2;
      margin:0 14px;
      padding:48px 15px 22px;
      color:var(--black);
      background:var(--paper);
      border:2px solid var(--pink);
      box-shadow:10px 10px 0 var(--teal);
      overflow:visible;
      transform:rotate(-.5deg);
    }
    .contact-form{display:grid;gap:11px;margin-top:10px}.field{display:grid;gap:6px}.field label{font:900 11px/1 Arial Black,Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--black)}
    .field input,.field textarea{width:100%;max-width:100%;border:2px solid var(--black);border-radius:0;background:#fff8ef;color:var(--black);font:700 15px/1.35 Arial,Helvetica,sans-serif;padding:13px 11px;outline:none}
    .field textarea{min-height:140px;resize:vertical}.field input:focus,.field textarea:focus{background:#fff;box-shadow:5px 5px 0 var(--teal)}
    .submit-btn{cursor:pointer;border:1px solid var(--black);background:var(--black);color:var(--paper);padding:14px 16px;font:900 12px/1 Arial Black,Impact,sans-serif;letter-spacing:.09em;text-transform:uppercase;clip-path:polygon(6% 0,100% 10%,92% 100%,0 86%)}
    .form-note{font-size:12px!important;line-height:1.36!important;font-weight:700!important;color:#3d232a!important;opacity:.92!important}
    .success-message{display:none;margin:0 0 14px;padding:14px 14px;background:var(--teal);color:var(--black);border:2px solid var(--black);font:900 13px/1.25 Arial Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;clip-path:polygon(3% 0,100% 8%,94% 100%,0 90%);box-shadow:6px 6px 0 var(--pink)}
    .success-message.is-visible{display:block;animation:successPop .5s cubic-bezier(.2,.9,.2,1) both}
    .form-toast{position:fixed;top:86px;left:50%;z-index:10000;width:min(92vw,560px);padding:15px 16px;background:#27ff72;color:#031006;border:2px solid #031006;font:900 13px/1.25 Arial Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;text-align:center;clip-path:polygon(3% 0,100% 7%,94% 100%,0 91%);box-shadow:7px 7px 0 var(--pink),-5px -5px 0 var(--teal);transform:translate(-50%,-22px) rotate(-1deg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease, transform .35s cubic-bezier(.2,.9,.2,1), visibility .35s ease}
    .form-toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0) rotate(-1deg)}
    @media (max-width:520px){.form-toast{top:72px;font-size:11.5px;padding:13px 12px}}
    @keyframes successPop{from{transform:translateY(12px) rotate(-1deg);opacity:0}to{transform:translateY(0) rotate(-1deg);opacity:1}}
    .contact-links{display:none}

    .footer{padding:26px 16px 34px;border-top:1px solid rgba(255,255,255,.16);color:rgba(255,247,201,.6);font-size:12px;text-transform:uppercase;letter-spacing:.08em}

    @media (max-width:420px){.brand img{width:78px}.studio-mark{font-size:9px;padding:4px 5px}.micro-cta{font-size:9px;padding:8px 7px}.top-actions{gap:5px}.lang-switch button{min-width:29px;padding:5px 5px}.lead-panel .hard{font-size:clamp(18px,6.2vw,22px)!important}}

    @media (min-width:820px){
      .topbar{padding:16px 34px}.brand img{width:150px}.nav{display:flex;gap:18px;align-items:center;font:900 12px/1 Arial Black,Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase}.nav a:nth-child(odd){transform:rotate(-3deg);color:var(--teal)}.nav a:nth-child(even){transform:rotate(2deg);color:var(--pink)}
      section{padding:68px 6vw}.hero{min-height:92vh;padding-bottom:58px}.hero-media{height:74vh;min-height:620px}.hero-overlay{left:6vw;right:6vw;bottom:-34px}.hero-copy{max-width:860px;margin-left:6vw;padding-top:92px}.hero-sub{font-size:22px}.lead-panel{max-width:760px}.lead-panel p,.copy p,.text-panel p{font-size:17px}
      .split{display:grid;grid-template-columns:.78fr 1fr;gap:34px;align-items:center}.split.reverse{grid-template-columns:1fr .78fr}.section-image{height:500px;margin:0}.section-image.tall{height:560px}.portrait-card{margin:0}.cards{grid-template-columns:repeat(2,1fr)}.process-list{grid-template-columns:repeat(3,1fr)}.ebook-wrap{display:grid;grid-template-columns:.78fr 1fr;align-items:center;gap:42px}.gif-card.small{max-width:640px;margin:18px auto 12px}.social-panel{margin-top:18px}.social-icon{min-width:130px}
      .contact{padding-top:0}.contact-visual{margin-bottom:-72px}.contact-gif img{max-height:76vh;object-fit:cover}.contact-overlay{left:6vw;right:6vw;bottom:18px}.contact-card{max-width:880px;margin:0 6vw 0 auto;padding:92px 34px 34px}.contact-form{grid-template-columns:1fr 1fr}.field.full,.submit-btn,.form-note{grid-column:1/-1}
    }


    /* === ITERATION: portrait, social, contact visibility, header color === */
    .micro-cta.ebook-top{
      background:var(--yellow);
      color:var(--black);
      box-shadow:4px 4px 0 var(--pink);
      border:1px solid rgba(0,0,0,.18);
    }

    .portrait-card{
      margin:4px 0 26px;
      padding:0 0 38px;
      transform:rotate(-.6deg);
      overflow:visible;
    }
    .portrait-card img{
      width:100%;
      height:auto;
      max-height:none;
      object-fit:contain;
      object-position:center;
      clip-path:none;
      border:1px solid rgba(255,244,236,.18);
      filter:saturate(1.08) contrast(1.04) drop-shadow(0 18px 30px rgba(0,0,0,.5));
      transform:rotate(.45deg);
    }
    .portrait-card::before{
      display:none;
    }
    .portrait-card::after{
      content:"";
      position:absolute;
      z-index:1;
      left:3%;
      right:3%;
      bottom:0;
      width:auto;
      height:92px;
      background:
        linear-gradient(90deg, rgba(255,63,143,.95) 0 20%, transparent 20% 30%, rgba(0,216,208,.9) 30% 45%, transparent 45% 58%, rgba(255,230,0,.9) 58% 72%, transparent 72% 82%, rgba(227,6,44,.9) 82% 100%);
      clip-path:polygon(0 26%,100% 0,94% 100%,5% 82%);
      opacity:.92;
      mix-blend-mode:screen;
      transform:rotate(-4deg);
      animation:portraitBottomMove 5.8s ease-in-out infinite alternate;
      pointer-events:none;
    }
    .portrait-card .portrait-vector{
      z-index:5;
      left:10%;
      right:auto;
      bottom:18px;
      width:58%;
      height:28px;
      background:repeating-linear-gradient(90deg,var(--pink) 0 18px, transparent 18px 30px, var(--teal) 30px 48px, transparent 48px 60px, var(--yellow) 60px 76px);
      clip-path:polygon(0 28%,100% 0,91% 100%,6% 78%);
      transform:rotate(-2deg);
      animation:portraitVectorSlide 4.4s ease-in-out infinite alternate;
    }
    @keyframes portraitBottomMove{from{transform:rotate(-4deg) translateX(-10px)}to{transform:rotate(-2deg) translateX(14px)}}
    @keyframes portraitVectorSlide{from{transform:rotate(-2deg) translateX(0)}to{transform:rotate(-2deg) translateX(26px)}}

    .social-banner{
      max-width:88%;
      margin:-54px auto 0;
      padding:14px 12px 16px;
      z-index:6;
      transform:rotate(-1.6deg);
      box-shadow:6px 6px 0 var(--teal),-4px -4px 0 rgba(255,230,0,.62);
    }
    .social-banner p{
      font-size:clamp(18px,5.4vw,38px);
      line-height:.9;
      letter-spacing:-.055em;
    }
    .social-gif{
      margin-top:10px;
      margin-bottom:0;
      z-index:3;
    }
    .social-links-graphic{
      margin-top:-10px;
      position:relative;
      z-index:7;
      padding-top:0;
    }
    .social-links-graphic::before{
      color:var(--paper);
      text-shadow:2px 0 0 var(--red),-2px 0 0 var(--teal);
      margin-bottom:2px;
    }
    .social-icon{
      min-width:86px;
      transform:rotate(var(--social-rotate,-2deg));
    }
    .social-icon:nth-child(2){--social-rotate:2deg}
    .social-icon:nth-child(3){--social-rotate:-1deg}

    .contact-overlay p{display:none!important;}
    .contact-card{
      padding-top:32px;
      margin-top:0;
    }
    .contact-intro-card{
      display:block;
      margin:0 0 18px;
      padding:14px 14px 13px;
      background:var(--black);
      color:var(--paper)!important;
      border-left:5px solid var(--pink);
      box-shadow:6px 6px 0 var(--teal);
      font:900 15px/1.32 Arial,Helvetica,sans-serif!important;
      transform:rotate(-.7deg);
    }

    @media (max-width:420px){
      .hero-copy{padding-top:84px;}
      .portrait-card{margin-left:0;margin-right:0;}
      .social-banner{max-width:92%;margin-top:-42px;}
      .social-links{gap:9px;}
      .social-icon{min-width:80px;padding:11px 12px;}
      .contact-card{padding-left:14px;padding-right:14px;}
    }

    @media (min-width:820px){
      .portrait-card{padding-bottom:58px;}
      .portrait-card::after{height:120px;left:4%;right:8%;}
      .portrait-card .portrait-vector{bottom:26px;height:34px;}
      .social-banner{margin-top:-72px;max-width:760px;}
      .social-links-graphic{margin-top:-4px;}
      .micro-cta.ebook-top{background:var(--yellow);color:var(--black)}
      .contact-card{padding-top:58px;}
    }



    /* === HERO SURPRISE REDESIGN + ABOUT TEXT CLEANUP === */
    :root{
      --yellow:#d7ff00;
      --teal:#00f1e6;
      --pink:#ff2f8a;
      --cream:#fff2e8;
      --paper:#fff2e8;
      --muted:rgba(255,242,232,.82);
    }

    .hero{
      min-height:auto;
      padding:0 0 34px;
      background:
        radial-gradient(circle at 84% 18%, rgba(0,241,230,.18), transparent 19rem),
        linear-gradient(180deg, rgba(5,3,5,.08), rgba(58,0,16,.7));
      overflow:hidden;
    }
    .hero-visual{
      min-height:calc(100svh - 68px);
      margin:0;
      isolation:isolate;
    }
    .hero-media{
      height:calc(100svh - 68px);
      min-height:560px;
      clip-path:none;
      border:0;
      position:relative;
      overflow:hidden;
      background:#050305;
    }
    .hero-media:before{
      content:"";
      position:absolute;
      inset:0;
      z-index:2;
      pointer-events:none;
      background:
        linear-gradient(180deg, rgba(0,0,0,.04) 0%, rgba(0,0,0,.12) 30%, rgba(0,0,0,.78) 100%),
        radial-gradient(circle at 16% 74%, rgba(255,47,138,.52), transparent 22rem),
        radial-gradient(circle at 86% 18%, rgba(0,241,230,.26), transparent 18rem);
      mix-blend-mode:multiply;
    }
    .hero-media:after{
      content:"";
      position:absolute;
      z-index:3;
      left:-10%;
      right:-10%;
      bottom:-7%;
      height:34%;
      background:linear-gradient(90deg, rgba(255,47,138,.92), rgba(215,255,0,.9) 48%, rgba(0,241,230,.9));
      clip-path:polygon(0 38%,100% 0,96% 100%,5% 72%);
      opacity:.88;
      mix-blend-mode:screen;
      animation:heroBlade 5.8s ease-in-out infinite alternate;
    }
    @keyframes heroBlade{from{transform:translateX(-3%) rotate(-1deg)}to{transform:translateX(3%) rotate(1deg)}}
    .hero-media img{
      height:100%;
      object-fit:cover;
      object-position:center top;
      filter:contrast(1.18) saturate(1.28) brightness(.92);
      transform:scale(1.035);
    }
    .hero-overlay{
      left:16px;
      right:16px;
      bottom:24px;
      z-index:5;
      display:grid;
      gap:13px;
      pointer-events:none;
    }
    .hero-overlay .kicker{
      width:max-content;
      max-width:90%;
      margin:0;
      background:var(--yellow);
      color:#050305;
      box-shadow:7px 7px 0 var(--pink), -4px -4px 0 var(--teal);
      transform:rotate(-4deg);
    }
    .hero-overlay h1{
      max-width:96%;
      color:var(--cream);
      font-size:clamp(46px,15.6vw,116px);
      line-height:.76;
      letter-spacing:-.105em;
      text-shadow:4px 0 0 var(--pink), -4px 0 0 var(--teal), 0 8px 20px rgba(0,0,0,.55);
      transform:rotate(-1.7deg);
      overflow:visible;
    }
    .hero-overlay:after{
      content:"0 — 1 — 2 — 3 — FORM - CUT - FITTING — 4 — 5 — 6";
      width:max-content;
      max-width:92vw;
      padding:8px 14px 7px;
      justify-self:end;
      color:#050305;
      background:linear-gradient(90deg, rgba(255,242,232,.96), rgba(255,63,135,.92), rgba(0,241,230,.9));
      border:0;
      box-shadow:none;
      font:900 10px/1 Arial Black,Impact,sans-serif;
      letter-spacing:.08em;
      transform:rotate(3deg);
      clip-path:polygon(2% 0,100% 8%,97% 100%,0 88%);
      animation:tapeDrift 5.5s ease-in-out infinite alternate;
    }
    .hero-copy{
      z-index:6;
      margin:-18px 14px 0;
      padding:0;
      display:grid;
      gap:0;
    }
    .hero-sub{
      max-width:none;
      margin:0;
      padding:18px 18px 16px;
      color:#050305;
      background:var(--cream);
      font-size:clamp(17px,5.2vw,24px);
      line-height:1.18;
      font-weight:900;
      letter-spacing:-.035em;
      clip-path:polygon(0 0,100% 8%,94% 100%,4% 92%);
      box-shadow:8px 8px 0 var(--teal);
      transform:rotate(.6deg);
    }
    .lead-panel{
      margin:-3px 8px 0;
      padding:18px 17px 19px;
      background:#050305;
      border:1px solid rgba(255,242,232,.28);
      box-shadow:8px 8px 0 var(--pink);
      clip-path:polygon(5% 0,100% 5%,94% 100%,0 92%);
      transform:rotate(-.5deg);
    }
    .lead-panel p{
      color:var(--cream)!important;
      font-size:15.5px;
      line-height:1.35;
      text-shadow:none!important;
    }
    .lead-panel .hard{
      color:var(--yellow)!important;
      font-size:clamp(20px,6.2vw,30px)!important;
      line-height:.9!important;
      letter-spacing:-.065em!important;
      text-shadow:2px 0 0 var(--pink), -2px 0 0 var(--teal)!important;
    }
    #o-mnie{padding-top:48px;}
    #o-mnie .copy{margin-top:18px;}

    @media (min-width:820px){
      .hero-visual{min-height:calc(100vh - 76px)}
      .hero-media{height:calc(100vh - 76px);min-height:720px}
      .hero-overlay{left:6vw;right:6vw;bottom:6vh}
      .hero-overlay h1{font-size:clamp(88px,11.5vw,170px);max-width:980px}
      .hero-copy{max-width:900px;margin:-58px 0 0 6vw;}
      .hero-sub{font-size:25px;padding:22px 24px 20px;}
      .lead-panel{max-width:760px;margin:-5px 0 0 42px;padding:22px 24px 24px;}
      .lead-panel p{font-size:18px;}
      .lead-panel .hard{font-size:34px!important;}
    }

    @media (max-width:420px){
      .hero-media{min-height:520px;}
      .hero-overlay h1{font-size:clamp(42px,15vw,68px);}
      .hero-copy{margin-top:-10px;}
      .lead-panel .hard{font-size:clamp(19px,6.2vw,24px)!important;}
    }


    /* === HERO TO ABOUT FLOW + BUYABLE EBOOK UPDATE === */
    .lead-panel .hard{display:none!important;}
    .hero-copy{margin-bottom:0;}
    .hero-sub{box-shadow:7px 7px 0 var(--pink)!important;}
    .lead-panel{box-shadow:7px 7px 0 var(--teal)!important;}
    .hero-to-about{
      position:relative;
      z-index:5;
      margin:-10px 0 -18px;
      padding:0 15px 8px;
      overflow:hidden;
      height:86px;
      background:linear-gradient(180deg, rgba(5,3,5,0), rgba(58,0,16,.35));
    }
    .hero-to-about::before{
      content:"";
      position:absolute;
      left:-8%;
      right:-8%;
      top:20px;
      height:42px;
      background:linear-gradient(90deg,var(--pink),var(--teal),var(--yellow),var(--pink));
      clip-path:polygon(0 34%,100% 0,96% 100%,4% 72%);
      opacity:.78;
      mix-blend-mode:screen;
      animation:flowBlade 6.2s ease-in-out infinite alternate;
    }
    .hero-to-about::after{
      content:"";
      position:absolute;
      left:-10%;
      right:-10%;
      bottom:8px;
      height:18px;
      background:repeating-linear-gradient(90deg, var(--cream) 0 14px, transparent 14px 24px, var(--teal) 24px 38px, transparent 38px 52px);
      transform:rotate(-2.8deg);
      opacity:.86;
      animation:stitchMove 4.5s linear infinite;
    }
    .stitch-tag{
      position:absolute;
      z-index:2;
      right:10px;
      top:25px;
      padding:9px 16px 8px;
      background:linear-gradient(90deg, rgba(255,242,232,.95), rgba(0,241,230,.86), rgba(255,63,135,.88));
      color:#050305;
      border:0;
      font:900 10px/1 Arial Black,Impact,sans-serif;
      letter-spacing:.075em;
      transform:rotate(2deg);
      clip-path:polygon(2% 0,100% 10%,96% 100%,0 84%);
      box-shadow:none;
      animation:tapeDrift 5.8s ease-in-out infinite alternate;
    }
    @keyframes flowBlade{from{transform:translateX(-3%) rotate(-1deg)}to{transform:translateX(4%) rotate(1.4deg)}}
    @keyframes stitchMove{to{background-position:104px 0}}
    @keyframes tapeDrift{from{transform:translateX(-2%) rotate(2deg)}to{transform:translateX(3%) rotate(-1deg)}}
    #o-mnie{padding-top:34px!important;}
    #o-mnie .split{position:relative;}
    #o-mnie .split::before{
      content:"";
      position:absolute;
      left:-18px;
      right:-18px;
      top:-26px;
      height:84px;
      background:linear-gradient(90deg,rgba(255,63,143,.20),rgba(0,241,230,.10));
      clip-path:polygon(0 12%,100% 0,96% 100%,4% 84%);
      z-index:-1;
    }
    #ebook .btn{
      background:var(--yellow)!important;
      color:#050305!important;
      box-shadow:7px 7px 0 var(--pink)!important;
    }
    @media (min-width:820px){
      .hero-to-about{height:118px;margin:-34px 0 -36px;padding-inline:6vw;}
      .hero-to-about::before{top:34px;height:58px;}
      .hero-to-about::after{bottom:18px;}
      .stitch-tag{right:8vw;top:42px;font-size:12px;}
      #o-mnie{padding-top:74px!important;}
    }

  
/* TARGETED COLOR VARIANT: V3 LACQUER RED */
:root{--yellow:#fff04a;--teal:#18d7c8;--pink:#ff2f73;--cream:#fff0df;--paper:#fff0df;--muted:rgba(255,240,223,.84);--wine:#3b0012;--red:#e60025;}
body{background:radial-gradient(circle at 18% 0%,rgba(230,0,37,.24),transparent 24rem),linear-gradient(145deg,#050305,#3b0012 50%,#080104 100%)}
.hero-media:after{background:linear-gradient(90deg,rgba(230,0,37,.92),rgba(255,47,115,.72) 42%,rgba(24,215,200,.68));opacity:.78;mix-blend-mode:screen;}
.hero-overlay:after,.stitch-tag{background:linear-gradient(90deg,rgba(255,240,223,.98),rgba(255,47,115,.90),rgba(24,215,200,.78));}
.hero-sub{background:#fff0df!important;color:#050305!important;box-shadow:7px 7px 0 #e60025!important;}
.lead-panel{background:#040102!important;box-shadow:7px 7px 0 #18d7c8!important;}
.hero-to-about::before{background:linear-gradient(90deg,#e60025,#ff2f73,#18d7c8,#e60025);}



    /* === MOBILE + REAL FORM SUBMIT PATCH === */
    html,body{max-width:100%;overflow-x:hidden;}

    @media (max-width:520px){
      .topbar{padding:9px 8px;gap:4px;align-items:center;}
      .brand{gap:5px;flex:0 0 auto;}
      .brand img{width:76px;}
      .studio-mark{font-size:8.5px;padding:4px 5px;letter-spacing:.13em;box-shadow:3px 3px 0 var(--teal);}
      .top-actions{gap:4px;margin-left:auto;}
      .lang-switch{gap:3px;margin-left:0;}
      .lang-switch button{min-width:28px;min-height:28px;padding:5px 5px;font-size:9px;}
      .micro-cta{font-size:8.8px;padding:8px 6px;letter-spacing:.045em;box-shadow:3px 3px 0 var(--teal);}
      .micro-cta.ebook-top{box-shadow:3px 3px 0 var(--pink);}
      html[lang="en"] .micro-cta.talk-top{font-size:0;}
      html[lang="en"] .micro-cta.talk-top::after{content:"TALK";font-size:8.8px;}

      h1{font-size:clamp(44px,15.5vw,66px);letter-spacing:-.082em;}
      .section-title{font-size:clamp(38px,12.2vw,62px);line-height:.84;letter-spacing:-.074em;overflow-wrap:normal;word-break:normal;}
      html[lang="en"] #ebook .section-title{font-size:clamp(36px,11.2vw,56px);letter-spacing:-.062em;line-height:.86;word-spacing:.03em;}
      #ebook .copy p{font-size:15.5px;line-height:1.45;}
      .ebook-cover{margin-left:12px;margin-right:12px;}
    }

    @media (max-width:380px){
      .brand img{width:68px;}
      .studio-mark{font-size:7.8px;}
      .micro-cta{font-size:8px;padding:7px 5px;}
      .lang-switch button{min-width:25px;font-size:8px;}
    }

/* Preserved cascade layer 2 */

  :root{
    --black:#050305;
    --wine:#27000d;
    --deep:#080208;
    --paper:#fff1e4;
    --cream:#fff1e4;
    --muted:rgba(255,241,228,.82);
    --acid:#b9ff00;
    --blue:#074cff;
    --pink:#ff2a9a;
    --red:#e60025;
    --yellow:#ffe500;
  }

  html,body{max-width:100%;overflow-x:hidden!important;}
  *{text-shadow:none!important;}
  body{
    font-family:Inter,Arial,sans-serif!important;
    background:
      radial-gradient(circle at 12% 0%, rgba(230,0,37,.22), transparent 25rem),
      radial-gradient(circle at 105% 18%, rgba(7,76,255,.16), transparent 24rem),
      linear-gradient(145deg,#050305 0%,#25000d 48%,#070207 100%)!important;
  }
  body:before{
    opacity:.10!important;
    mix-blend-mode:normal!important;
    background-image:
      linear-gradient(rgba(255,241,228,.045) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,241,228,.035) 1px,transparent 1px)!important;
    background-size:36px 36px!important;
  }
  body:after{display:none!important;content:none!important;}

  h1,.section-title,.contact-title,
  .hero-overlay h1,.shop-box h3{
    font-family:"Space Grotesk",Inter,Arial,sans-serif!important;
    font-weight:800!important;
    letter-spacing:-.075em!important;
    text-transform:uppercase!important;
    color:var(--paper)!important;
    text-shadow:none!important;
    -webkit-text-stroke:0!important;
    filter:none!important;
  }
  .hero-overlay h1{
    line-height:.80!important;
    transform:rotate(-1.2deg)!important;
    font-size:clamp(50px,15vw,148px)!important;
    max-width:980px!important;
  }
  .section-title{line-height:.88!important;}
  .slash{color:var(--red)!important;text-shadow:none!important;}

  .brand img{filter:none!important;}
  .topbar{
    background:rgba(5,3,5,.82)!important;
    border-bottom:1px solid rgba(255,241,228,.16)!important;
  }
  .micro-cta,.lang-switch button,.studio-mark{box-shadow:4px 4px 0 #000!important;text-shadow:none!important;}
  .micro-cta.ebook-top{background:var(--acid)!important;color:#050305!important;}
  .lang-switch button.is-active{background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important;}

  /* HERO — keeps the liked colourful manifesto block, but removes chromatic glow and improves readability */
  .hero{background:linear-gradient(180deg,rgba(5,3,5,0),rgba(39,0,13,.58))!important;}
  .hero-media:before{
    background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.15) 34%,rgba(0,0,0,.82) 100%)!important;
    mix-blend-mode:normal!important;
  }
  .hero-media:after{
    opacity:.38!important;
    mix-blend-mode:screen!important;
    background:linear-gradient(90deg,rgba(230,0,37,.42),transparent 52%,rgba(7,76,255,.28))!important;
  }
  .hero-overlay:after{
    background:var(--paper)!important;
    color:#050305!important;
    box-shadow:5px 5px 0 #000!important;
    border:2px solid #050305!important;
  }
  .hero-copy{
    position:relative!important;
    z-index:8!important;
    width:calc(100% - 24px)!important;
    max-width:940px!important;
    margin:-34px auto 0!important;
    padding:0 0 24px!important;
    display:grid!important;
    gap:12px!important;
    isolation:isolate!important;
  }
  .hero-copy:before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    left:-18px!important;right:-12px!important;top:-20px!important;height:118px!important;
    background:linear-gradient(90deg,var(--pink) 0 23%,transparent 23% 31%,var(--blue) 31% 54%,transparent 54% 64%,var(--yellow) 64% 79%,transparent 79% 86%,var(--acid) 86% 100%)!important;
    clip-path:polygon(0 20%,98% 0,100% 60%,12% 100%)!important;
    opacity:.74!important;
    mix-blend-mode:normal!important;
    animation:none!important;
  }
  .hero-copy:after{display:none!important;content:none!important;}
  .hero-sub{
    width:100%!important;
    max-width:900px!important;
    margin:0!important;
    padding:22px 20px 24px 28px!important;
    background:linear-gradient(105deg,var(--acid) 0 55%,var(--yellow) 55% 64%,var(--pink) 64% 73%,var(--blue) 73% 100%)!important;
    color:#050305!important;
    border:2px solid #050305!important;
    box-shadow:8px 8px 0 var(--blue),-5px 7px 0 var(--pink)!important;
    clip-path:polygon(0 4%,98% 0,100% 86%,94% 100%,4% 94%)!important;
    transform:rotate(-.35deg)!important;
    font-family:"Space Grotesk",Inter,Arial,sans-serif!important;
    font-size:clamp(22px,5.65vw,42px)!important;
    line-height:1.08!important;
    letter-spacing:-.045em!important;
    font-weight:800!important;
    overflow:visible!important;
  }
  .hero-sub:before{
    content:""!important;display:block!important;position:absolute!important;
    left:0!important;top:0!important;bottom:0!important;width:18px!important;
    background:repeating-linear-gradient(180deg,#050305 0 10px,var(--paper) 10px 20px)!important;
    opacity:1!important;mix-blend-mode:normal!important;clip-path:none!important;
  }
  .hero-sub:after{display:none!important;content:none!important;}
  .lead-panel{
    width:calc(100% - 22px)!important;
    max-width:760px!important;
    margin:6px 0 0 26px!important;
    padding:18px 18px 19px 22px!important;
    background:#050305!important;
    color:var(--paper)!important;
    border:1px solid rgba(255,241,228,.28)!important;
    border-left:10px solid var(--red)!important;
    box-shadow:7px 7px 0 #000!important;
    clip-path:polygon(4% 0,100% 4%,96% 100%,0 92%)!important;
    transform:rotate(.25deg)!important;
  }
  .lead-panel:before{display:none!important;content:none!important;}
  .lead-panel p{
    color:var(--paper)!important;
    font-family:"Space Grotesk",Inter,Arial,sans-serif!important;
    font-size:clamp(17px,4.35vw,22px)!important;
    line-height:1.26!important;
    font-weight:700!important;
    letter-spacing:-.025em!important;
  }

  /* współpraca cards — from liked screenshot, cleaner and more readable */
  .cards{gap:18px!important;margin-top:24px!important;}
  .chaos-card{
    min-height:140px!important;
    padding:22px 18px 22px 92px!important;
    background:linear-gradient(112deg,rgba(7,76,255,.13),rgba(5,3,5,.82),rgba(185,255,0,.045))!important;
    border:1px solid rgba(185,255,0,.12)!important;
    box-shadow:none!important;
    clip-path:polygon(3% 0,100% 5%,96% 100%,0 92%)!important;
    transform:none!important;
  }
  .card-icon{
    left:40px!important;top:34px!important;
    width:72px!important;height:72px!important;
    border:2px solid #050305!important;
    box-shadow:10px 10px 0 var(--pink)!important;
    clip-path:none!important;
    animation:none!important;
  }
  .card-icon:after{display:none!important;content:none!important;}
  .card-icon svg{width:31px!important;height:31px!important;}
  .chaos-card h3{
    font-family:"Space Grotesk",Inter,Arial,sans-serif!important;
    font-size:clamp(24px,6vw,36px)!important;
    line-height:.98!important;
    letter-spacing:-.055em!important;
    color:var(--acid)!important;
    margin:0 0 12px!important;
  }
  .chaos-card p{
    color:rgba(255,241,228,.78)!important;
    font-size:clamp(17px,4.6vw,26px)!important;
    line-height:1.28!important;
    font-weight:800!important;
  }
  .chaos-card:nth-child(1) .card-icon{background:var(--blue)!important;color:#fff!important;box-shadow:10px 10px 0 var(--pink)!important;}
  .chaos-card:nth-child(2) .card-icon{background:var(--pink)!important;color:#fff!important;box-shadow:10px 10px 0 var(--blue)!important;}
  .chaos-card:nth-child(3) .card-icon{background:var(--yellow)!important;color:#050305!important;box-shadow:10px 10px 0 var(--blue)!important;}
  .chaos-card:nth-child(4) .card-icon{background:var(--acid)!important;color:#050305!important;box-shadow:10px 10px 0 var(--pink)!important;}

  /* e-book becomes a separate LP — homepage only teaser */
  .ebook-teaser{padding-top:52px!important;padding-bottom:52px!important;}
  .ebook-teaser-wrap{
    display:grid;gap:24px;align-items:center;
    padding:22px;
    background:linear-gradient(135deg,rgba(255,241,228,.075),rgba(7,76,255,.08),rgba(230,0,37,.10));
    border:1px solid rgba(255,241,228,.16);
    clip-path:polygon(0 4%,100% 0,96% 96%,5% 100%);
  }
  .ebook-cover-mini{max-width:340px;transform:rotate(-1.5deg);box-shadow:8px 8px 0 #000;border:1px solid rgba(255,241,228,.22);}
  .ebook-teaser-copy p{margin:14px 0 18px;color:var(--muted);font-size:17px;line-height:1.42;font-weight:700;max-width:680px;}
  .ebook-teaser .btn{background:var(--acid)!important;color:#050305!important;box-shadow:7px 7px 0 #000!important;}

  /* contact — keep liked poster solution but remove text glow */
  .contact-title,.contact-title .contact-word{
    color:var(--paper)!important;
    text-shadow:none!important;
  }
  .contact-title .contact-word{color:var(--red)!important;}
  .contact-intro-card{
    background:#050305!important;
    color:var(--paper)!important;
    border:2px solid var(--paper)!important;
    border-left:8px solid var(--red)!important;
    box-shadow:7px 7px 0 #000!important;
  }
  .contact-card{box-shadow:10px 10px 0 #000!important;border-color:var(--red)!important;}

  .social-links-graphic:before{display:none!important;content:none!important;}
  .social-icon{box-shadow:6px 6px 0 #000!important;}

  @media(min-width:820px){
    .hero-copy{width:min(88vw,940px)!important;margin:-54px 0 0 6vw!important;}
    .hero-sub{font-size:clamp(34px,3.8vw,58px)!important;padding:26px 32px 29px 38px!important;}
    .lead-panel{margin:8px 0 0 48px!important;padding:21px 26px 22px!important;}
    .lead-panel p{font-size:22px!important;}
    .cards{grid-template-columns:1fr!important;max-width:1100px!important;}
    .chaos-card{padding-left:130px!important;min-height:150px!important;}
    .card-icon{left:40px!important;top:35px!important;}
    .ebook-teaser-wrap{grid-template-columns:.42fr 1fr;gap:42px;padding:34px;}
  }
  @media(max-width:520px){
    .hero-copy{width:calc(100% - 16px)!important;margin:-10px auto 0!important;padding-bottom:18px!important;}
    .hero-copy:before{height:84px!important;top:-12px!important;opacity:.62!important;}
    .hero-sub{font-size:clamp(21px,6vw,30px)!important;line-height:1.13!important;padding:18px 16px 20px 24px!important;}
    .lead-panel{width:calc(100% - 12px)!important;margin:6px auto 0!important;padding:16px 15px 17px 18px!important;}
    .lead-panel p{font-size:16px!important;line-height:1.33!important;}
    .cards{gap:16px!important;}
    .chaos-card{padding:96px 18px 22px!important;min-height:auto!important;}
    .card-icon{left:40px!important;top:24px!important;width:70px!important;height:70px!important;}
    .chaos-card h3{font-size:clamp(24px,7.4vw,34px)!important;}
    .chaos-card p{font-size:clamp(17px,5.1vw,23px)!important;}
    .contact-title{font-size:clamp(43px,13vw,72px)!important;line-height:.82!important;}
  }

/* Preserved cascade layer 3 */
/* Mobile-safe cooperation cards: icon and copy never overlap */
  .cards{display:grid!important;gap:18px!important;}
  .chaos-card{
    display:grid!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    column-gap:20px!important;
    align-items:start!important;
    min-height:0!important;
    padding:24px 24px 26px!important;
    overflow:visible!important;
  }
  .card-icon{
    position:relative!important;
    left:auto!important;top:auto!important;
    width:72px!important;height:72px!important;
    grid-row:1 / span 2!important;
    align-self:start!important;
  }
  .chaos-card h3,
  .chaos-card p{
    grid-column:2!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:none!important;
  }
  .chaos-card h3{font-size:clamp(22px,4.5vw,34px)!important;line-height:1.02!important;margin:0 0 10px!important;}
  .chaos-card p{font-size:clamp(16px,2.5vw,22px)!important;line-height:1.38!important;}
  @media(max-width:620px){
    .cards{gap:14px!important;}
    .chaos-card{
      grid-template-columns:62px minmax(0,1fr)!important;
      column-gap:14px!important;
      padding:20px 16px 22px!important;
      clip-path:polygon(0 0,100% 3%,97% 100%,2% 96%)!important;
    }
    .card-icon{width:56px!important;height:56px!important;}
    .card-icon svg{width:25px!important;height:25px!important;}
    .chaos-card h3{font-size:clamp(19px,5.3vw,27px)!important;line-height:1.04!important;letter-spacing:-.04em!important;}
    .chaos-card p{font-size:clamp(15px,4.2vw,19px)!important;line-height:1.4!important;font-weight:700!important;}
  }
  @media(max-width:380px){
    .chaos-card{grid-template-columns:54px minmax(0,1fr)!important;column-gap:12px!important;padding:18px 13px 20px!important;}
    .card-icon{width:50px!important;height:50px!important;}
    .chaos-card h3{font-size:18px!important;}
    .chaos-card p{font-size:14.5px!important;}
  }

/* Preserved cascade layer 4 */
#sklep{padding-top:22px;padding-bottom:42px;}
  #sklep .shop-box{min-height:160px;display:grid;place-items:center;padding:28px 18px!important;text-align:center;}
  #sklep .shop-box::before,#sklep .shop-box::after{display:none!important;}
  #sklep .shop-box h3{margin:0!important;max-width:100%;font-size:clamp(36px,10vw,86px)!important;line-height:.88!important;overflow-wrap:normal;word-break:normal;}
  .contact-intro-card{font-size:clamp(18px,4.6vw,24px)!important;line-height:1.2!important;padding:16px!important;}

/* Preserved cascade layer 5 */
/* Profil: graficzny wybuch inspirowany przesłanym plakatem, ale oparty wyłącznie na CSS */
  #o-mnie{overflow:hidden;isolation:isolate;}
  #o-mnie .split{position:relative;z-index:2;}
  .portrait-card{
    position:relative!important;
    isolation:isolate!important;
    overflow:visible!important;
    padding:32px 24px 42px!important;
    margin:8px 0 34px!important;
    transform:rotate(-.35deg)!important;
  }
  .portrait-card::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:0!important;
    inset:-7% -9% -2% -8%!important;
    background:
      conic-gradient(from 198deg at 50% 52%,
        #050305 0 7deg,
        #ff2838 7deg 18deg,
        #050305 18deg 25deg,
        #173ecf 25deg 39deg,
        #050305 39deg 46deg,
        #f5c83a 46deg 58deg,
        #050305 58deg 66deg,
        #ef5aa5 66deg 79deg,
        #050305 79deg 89deg,
        #087b57 89deg 102deg,
        #050305 102deg 112deg,
        #fff1e4 112deg 120deg,
        #050305 120deg 132deg,
        #ff2838 132deg 145deg,
        #050305 145deg 156deg,
        #173ecf 156deg 171deg,
        #050305 171deg 183deg,
        #f5c83a 183deg 197deg,
        #050305 197deg 211deg,
        #ef5aa5 211deg 224deg,
        #050305 224deg 239deg,
        #087b57 239deg 254deg,
        #050305 254deg 270deg,
        #fff1e4 270deg 279deg,
        #050305 279deg 293deg,
        #ff2838 293deg 308deg,
        #050305 308deg 323deg,
        #173ecf 323deg 338deg,
        #050305 338deg 360deg)!important;
    clip-path:polygon(50% 0,58% 24%,69% 2%,70% 29%,91% 11%,78% 38%,100% 35%,82% 50%,100% 64%,77% 62%,91% 89%,68% 72%,65% 100%,54% 76%,43% 100%,39% 74%,16% 91%,26% 62%,0 66%,20% 49%,0 34%,25% 37%,11% 10%,34% 28%,34% 1%,47% 24%)!important;
    opacity:.92!important;
    transform:rotate(-2deg) scale(.98)!important;
    mix-blend-mode:normal!important;
    animation:portraitBurstBreath 8s ease-in-out infinite alternate!important;
    pointer-events:none!important;
  }
  .portrait-card::after{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    inset:7% 8% 10% 10%!important;
    width:auto!important;height:auto!important;
    background:#050305!important;
    clip-path:polygon(7% 0,100% 4%,94% 100%,0 92%)!important;
    opacity:.96!important;
    transform:rotate(1.1deg)!important;
    mix-blend-mode:normal!important;
    animation:none!important;
  }
  .portrait-card img{
    position:relative!important;
    z-index:3!important;
    width:100%!important;
    height:auto!important;
    clip-path:polygon(3% 0,100% 5%,95% 96%,7% 100%,0 12%)!important;
    border:2px solid #050305!important;
    box-shadow:10px 10px 0 #f5c83a,-8px -8px 0 #173ecf!important;
    transform:rotate(-.8deg)!important;
    filter:saturate(1.1) contrast(1.06) drop-shadow(0 22px 30px rgba(0,0,0,.44))!important;
  }
  .portrait-card .portrait-vector{
    z-index:5!important;
    left:auto!important;right:-2%!important;bottom:8%!important;
    width:46%!important;height:30px!important;
    background:linear-gradient(90deg,#ef5aa5 0 33%,#050305 33% 40%,#f5c83a 40% 70%,#050305 70% 76%,#173ecf 76% 100%)!important;
    border:2px solid #050305!important;
    box-shadow:5px 5px 0 #087b57!important;
    clip-path:polygon(0 22%,100% 0,91% 100%,7% 82%)!important;
    mix-blend-mode:normal!important;
    filter:none!important;
    animation:portraitVectorDrift 6s ease-in-out infinite alternate!important;
  }
  @keyframes portraitBurstBreath{from{transform:rotate(-2.6deg) scale(.97)}to{transform:rotate(-.7deg) scale(1.02)}}
  @keyframes portraitVectorDrift{from{transform:translateX(-8px) rotate(-3deg)}to{transform:translateX(10px) rotate(1deg)}}

  /* Płynniejsze przejścia pomiędzy sekcjami */
  main > section{scroll-margin-top:82px;}
  main > section::after{
    content:"";
    position:absolute;
    left:8%;right:8%;bottom:-1px;height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,241,230,.18),transparent);
    pointer-events:none;
  }
  .scroll-section{opacity:.72;transform:translateY(26px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.75,.2,1);}
  .scroll-section.is-section-visible{opacity:1;transform:translateY(0);}
  .section-image img,.portrait-card img,.gif-card img{transition:transform 1.15s cubic-bezier(.2,.75,.2,1),filter 1.15s ease;}
  .section-image.is-visible img,.portrait-card.is-visible img,.gif-card.is-visible img{transform:scale(1.015) rotate(0deg)!important;}

  @media(max-width:520px){
    .portrait-card{padding:22px 14px 34px!important;margin-bottom:24px!important;}
    .portrait-card::before{inset:-4% -12% 0 -10%!important;opacity:.86!important;}
    .portrait-card::after{inset:7% 6% 10% 8%!important;}
    .portrait-card .portrait-vector{right:-1%!important;bottom:7%!important;width:52%!important;height:24px!important;}
    .scroll-section{transform:translateY(18px);}
  }
  @media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto!important;}
    .portrait-card::before,.portrait-card .portrait-vector{animation:none!important;}
    .scroll-section{opacity:1!important;transform:none!important;transition:none!important;}
  }

/* Preserved cascade layer 6 */
.media-video{overflow:hidden;}
  .media-video video{display:block;width:100%;height:100%;object-fit:cover;}
  #wspolpraca .media-video video{aspect-ratio:16/9;}
  #proces .process-video video{aspect-ratio:16/9;}
  .realizations-videos{display:grid;gap:24px;}
  .realization-video{margin:0!important;}
  .realization-video video{aspect-ratio:9/16;max-height:88vh;}
  .contact-gif video{width:100%;height:auto;min-height:520px;max-height:82vh;object-fit:cover;}
  @media (min-width:900px){
    .realizations-videos{gap:34px;}
    .realization-video video{max-height:980px;}
    .contact-gif video{min-height:680px;}
  }
  @media (max-width:899px){
    #wspolpraca .media-video video,#proces .process-video video{aspect-ratio:4/5;}
    .realizations-videos{gap:16px;}
    .contact-gif video{min-height:520px;}
  }

/* Preserved cascade layer 7 */
/* Remove the 0—1—2—3 tape completely and reclaim its space. */
  .hero-overlay::after{
    display:none!important;
    content:none!important;
  }

  /* Keep the hero based on viewport height, while pulling the copy upward. */
  .hero-visual{
    min-height:calc(100svh - 68px)!important;
  }
  .hero-media{
    height:calc(100svh - 68px)!important;
    min-height:560px!important;
  }
  .hero-overlay{
    bottom:34px!important;
    gap:10px!important;
  }
  .hero-copy{
    margin:-54px 0 0!important;
    padding:0 12px 20px!important;
  }
  .hero-to-about{
    margin-top:-28px!important;
  }

  @media (min-width:820px){
    .hero-visual{min-height:calc(100vh - 76px)!important;}
    .hero-media{height:calc(100vh - 76px)!important;min-height:720px!important;}
    .hero-overlay{bottom:7vh!important;}
    .hero-copy{margin:-88px 0 0 6vw!important;padding-inline:0!important;padding-bottom:24px!important;}
    .hero-to-about{margin-top:-42px!important;}
  }

  @media (max-width:430px){
    .hero-media{min-height:520px!important;}
    .hero-overlay{bottom:28px!important;}
    .hero-copy{margin:-38px 0 0!important;padding-inline:10px!important;padding-bottom:18px!important;}
    .hero-to-about{margin-top:-22px!important;}
  }

/* Preserved cascade layer 8 */
/* Give the headline a clean finish before the colour copy block begins. */
  .hero-copy{
    margin:-18px 0 0!important;
  }
  @media (min-width:820px){
    .hero-copy{margin:-48px 0 0 6vw!important;}
  }
  @media (max-width:430px){
    .hero-copy{margin:-4px 0 0!important;}
  }

/* Preserved cascade layer 9 */
/* Lower the light form panel so the full word “PROJEKTANTA” remains readable. */
  .contact-visual{margin-bottom:18px!important;}
  .contact-card{margin-top:34px!important;}

  @media (min-width:820px){
    .contact-visual{margin-bottom:-8px!important;}
    .contact-card{margin-top:76px!important;}
  }

  @media (max-width:430px){
    .contact-visual{margin-bottom:28px!important;}
    .contact-card{margin-top:42px!important;}
  }

/* Preserved cascade layer 10 */
#sklep .shop-box{
    position:relative;
    isolation:isolate;
    overflow:hidden;
  }
  #sklep .shop-box::before{
    content:""!important;
    display:block!important;
    position:absolute;
    inset:-35%;
    z-index:0;
    background:
      radial-gradient(circle at 25% 45%,rgba(255,240,74,.18),transparent 22%),
      radial-gradient(circle at 76% 52%,rgba(255,47,115,.20),transparent 24%),
      linear-gradient(115deg,transparent 38%,rgba(255,255,255,.10) 48%,transparent 58%);
    transform:translateX(-10%) rotate(-5deg);
    animation:shopAmbientMove 8s ease-in-out infinite alternate;
    pointer-events:none;
  }
  #sklep .shop-box::after{
    content:""!important;
    display:block!important;
    position:absolute;
    left:12%;
    right:12%;
    bottom:18%;
    height:3px;
    z-index:1;
    background:linear-gradient(90deg,transparent,var(--yellow),var(--pink),transparent);
    transform:scaleX(.18);
    transform-origin:center;
    opacity:.45;
    animation:shopSignal 4.8s ease-in-out infinite;
    pointer-events:none;
  }
  #sklep .shop-box h3{
    position:relative;
    z-index:2;
    animation:shopTitleBreath 4.8s ease-in-out infinite;
    will-change:transform,letter-spacing;
  }
  @keyframes shopAmbientMove{
    from{transform:translateX(-9%) rotate(-5deg) scale(1);opacity:.54}
    to{transform:translateX(9%) rotate(4deg) scale(1.05);opacity:.9}
  }
  @keyframes shopSignal{
    0%,100%{transform:scaleX(.16);opacity:.2}
    50%{transform:scaleX(1);opacity:.72}
  }
  @keyframes shopTitleBreath{
    0%,100%{transform:translateY(0);letter-spacing:-.07em}
    50%{transform:translateY(-2px);letter-spacing:-.045em}
  }
  @media (prefers-reduced-motion:reduce){
    #sklep .shop-box::before,
    #sklep .shop-box::after,
    #sklep .shop-box h3{animation:none!important}
  }

/* Preserved cascade layer 11 */
/* Restarted from the calmer pre-deconstruction version.
     Visual reference: black editorial field + sparse faceted gradient objects. */
  #wspolpraca{
    position:relative;
    overflow:hidden;
    background:
      radial-gradient(circle at 14% 10%,rgba(18,87,255,.10),transparent 22rem),
      radial-gradient(circle at 88% 76%,rgba(255,45,167,.08),transparent 24rem),
      linear-gradient(180deg,rgba(2,2,5,.72),rgba(7,4,12,.94));
  }
  #wspolpraca::before{
    content:"W   O   R   K";
    position:absolute;
    inset:22px 18px auto;
    color:rgba(255,241,228,.34);
    font:700 10px/1 "Space Grotesk",Inter,sans-serif;
    letter-spacing:.72em;
    pointer-events:none;
  }
  #wspolpraca::after{
    content:"";
    position:absolute;
    right:-8%;
    top:15%;
    width:42vw;
    max-width:420px;
    aspect-ratio:1;
    background:linear-gradient(140deg,#ff8b6c 0%,#ffdc6a 24%,#55d8a0 48%,#274fff 73%,#ff4a7b 100%);
    clip-path:polygon(50% 0,100% 32%,78% 100%,18% 84%,0 25%);
    opacity:.10;
    filter:saturate(.85);
    transform:rotate(12deg);
    pointer-events:none;
  }
  #wspolpraca .section-title{position:relative;z-index:2;margin-top:18px;}
  #wspolpraca .cards{
    display:grid!important;
    gap:18px!important;
    margin-top:28px!important;
    position:relative;
    z-index:2;
  }
  #wspolpraca .chaos-card{
    position:relative!important;
    display:grid!important;
    grid-template-columns:74px minmax(0,1fr)!important;
    align-items:center!important;
    gap:24px!important;
    min-height:150px!important;
    padding:26px 28px!important;
    overflow:visible!important;
    background:rgba(5,5,9,.90)!important;
    border:1px solid rgba(255,241,228,.13)!important;
    border-radius:0!important;
    clip-path:polygon(0 0,100% 3%,97% 100%,2% 97%)!important;
    box-shadow:none!important;
    transform:none!important;
    isolation:isolate;
  }
  #wspolpraca .chaos-card::before{
    content:"";
    position:absolute;
    z-index:-1;
    right:-1px;
    top:-1px;
    width:34%;
    height:calc(100% + 2px);
    background:linear-gradient(145deg,#ff7c6a 0%,#ffd866 23%,#57d6a4 48%,#2b55ff 74%,#ff4e86 100%);
    clip-path:polygon(44% 0,100% 0,100% 100%,0 83%);
    opacity:.20;
  }
  #wspolpraca .chaos-card:nth-child(2)::before{
    left:-1px;right:auto;
    clip-path:polygon(0 0,100% 20%,56% 100%,0 100%);
    opacity:.16;
  }
  #wspolpraca .chaos-card:nth-child(3)::before{
    width:42%;
    clip-path:polygon(68% 0,100% 8%,100% 100%,0 100%,28% 47%);
    opacity:.18;
  }
  #wspolpraca .chaos-card:nth-child(4)::before{
    left:22%;right:auto;width:52%;
    clip-path:polygon(18% 0,100% 22%,74% 100%,0 78%);
    opacity:.13;
  }
  #wspolpraca .card-icon{
    position:relative!important;
    left:auto!important;top:auto!important;
    width:68px!important;height:68px!important;
    display:grid!important;place-items:center!important;
    background:#11131b!important;
    color:#fff1e4!important;
    border:1px solid rgba(255,241,228,.25)!important;
    box-shadow:none!important;
    clip-path:polygon(8% 0,100% 7%,91% 100%,0 89%)!important;
    animation:none!important;
  }
  #wspolpraca .card-icon::after{display:none!important;}
  #wspolpraca .card-icon svg{width:30px!important;height:30px!important;}
  #wspolpraca .chaos-card:nth-child(1) .card-icon{background:#1d4fff!important;}
  #wspolpraca .chaos-card:nth-child(2) .card-icon{background:#ff2d91!important;}
  #wspolpraca .chaos-card:nth-child(3) .card-icon{background:#ffd900!important;color:#050305!important;}
  #wspolpraca .chaos-card:nth-child(4) .card-icon{background:#b8ff00!important;color:#050305!important;}
  #wspolpraca .chaos-card > h3,
  #wspolpraca .chaos-card > p{
    grid-column:2!important;
    min-width:0!important;
    position:relative!important;
    z-index:2!important;
  }
  #wspolpraca .chaos-card h3{
    margin:0 0 9px!important;
    color:#fff1e4!important;
    font:800 clamp(22px,3.4vw,34px)/1 "Space Grotesk",Inter,sans-serif!important;
    letter-spacing:-.045em!important;
    text-transform:uppercase!important;
    overflow-wrap:anywhere!important;
  }
  #wspolpraca .chaos-card p{
    margin:0!important;
    color:rgba(255,241,228,.74)!important;
    font:600 clamp(15px,1.8vw,19px)/1.42 "Space Grotesk",Inter,sans-serif!important;
    overflow-wrap:anywhere!important;
  }
  #wspolpraca .chaos-card h3::after{
    content:"";
    display:block;
    width:54px;
    height:3px;
    margin-top:11px;
    background:linear-gradient(90deg,#ff6a5d,#ffd85a,#54d8a1,#3157ff,#ff4b83);
  }
  @media(min-width:820px){
    #wspolpraca .cards{grid-template-columns:1fr 1fr!important;gap:22px!important;}
    #wspolpraca .chaos-card{min-height:220px!important;grid-template-columns:82px minmax(0,1fr)!important;align-content:center!important;padding:34px!important;}
    #wspolpraca .card-icon{width:76px!important;height:76px!important;}
  }
  @media(max-width:560px){
    #wspolpraca{padding-left:14px!important;padding-right:14px!important;}
    #wspolpraca::after{width:76vw;right:-34%;top:9%;opacity:.08;}
    #wspolpraca .cards{gap:14px!important;margin-top:22px!important;}
    #wspolpraca .chaos-card{
      grid-template-columns:58px minmax(0,1fr)!important;
      gap:16px!important;
      min-height:132px!important;
      padding:20px 18px!important;
      clip-path:polygon(0 0,100% 2%,98% 100%,1% 98%)!important;
    }
    #wspolpraca .card-icon{width:56px!important;height:56px!important;}
    #wspolpraca .card-icon svg{width:25px!important;height:25px!important;}
    #wspolpraca .chaos-card h3{font-size:clamp(19px,5.2vw,27px)!important;line-height:1.04!important;}
    #wspolpraca .chaos-card p{font-size:clamp(14px,4vw,17px)!important;line-height:1.38!important;}
  }

/* Newsletter popup — shared with the e-book landing page */
body.newsletter-open{overflow:hidden}
.newsletter-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:16px;visibility:hidden;opacity:0;transition:opacity .32s ease,visibility .32s ease}
.newsletter-modal.is-open{visibility:visible;opacity:1}
.newsletter-backdrop{position:absolute;inset:0;background:rgba(2,2,4,.82);backdrop-filter:blur(8px)}
.newsletter-panel{--acid:#b9ff00;--blue:#074cff;--hot:#ff2a9a;position:relative;width:min(100%,570px);max-height:min(92svh,760px);overflow:auto;padding:30px 22px 24px;background:linear-gradient(145deg,#07101f 0%,#17000d 70%,#050305 100%);border:2px solid var(--acid);box-shadow:12px 12px 0 var(--blue),-8px -8px 0 var(--hot);clip-path:polygon(0 0,97% 2%,100% 94%,5% 100%);transform:translateY(24px) scale(.98);transition:transform .36s cubic-bezier(.2,.8,.2,1);overscroll-behavior:contain}
.newsletter-modal.is-open .newsletter-panel{transform:none}
.newsletter-panel::before{content:"NEWS / PROCESS / DIGITAL CUT";display:inline-block;margin-bottom:20px;padding:7px 9px;background:var(--acid);color:#050305;font:800 9px/1 'Space Grotesk',sans-serif;letter-spacing:.13em;transform:rotate(-1.5deg)}
.newsletter-close{position:absolute;top:14px;right:14px;z-index:2;width:42px;height:42px;border:1px solid rgba(255,241,228,.36);background:#050305;color:var(--paper);cursor:pointer;font:600 25px/1 'Space Grotesk',sans-serif}
.newsletter-close:hover,.newsletter-close:focus-visible{background:var(--hot);outline:2px solid var(--paper);outline-offset:2px}
.newsletter-title{max-width:470px;margin:0;font:800 clamp(34px,10vw,62px)/.88 'Space Grotesk',sans-serif;letter-spacing:-.065em;text-transform:uppercase;color:var(--paper)}
.newsletter-copy{max-width:470px;margin:15px 0 0;font-size:15px;line-height:1.46;color:rgba(255,241,228,.82)}
.newsletter-form{display:grid;gap:12px;margin-top:22px}.newsletter-field{display:grid;gap:7px}
.newsletter-field label{font:800 10px/1 'Space Grotesk',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--acid)}
.newsletter-field input{width:100%;min-height:50px;border:1px solid rgba(255,241,228,.35);border-radius:0;background:rgba(255,241,228,.08);color:var(--paper);padding:13px 14px;font:600 16px/1.2 Arial,sans-serif}
.newsletter-field input:focus{outline:2px solid var(--blue);outline-offset:2px;border-color:transparent}
.newsletter-consent{display:grid;grid-template-columns:20px 1fr;gap:9px;align-items:start;font-size:11px;line-height:1.42;color:rgba(255,241,228,.68)}
.newsletter-consent input{width:18px;height:18px;margin:0;accent-color:var(--acid)}
.newsletter-submit{min-height:52px;border:0;background:var(--hot);color:#fff;box-shadow:7px 7px 0 #000;cursor:pointer;padding:14px 18px;font:800 13px/1 'Space Grotesk',sans-serif;letter-spacing:.09em;text-transform:uppercase;clip-path:polygon(4% 0,100% 7%,96% 100%,0 90%)}
.newsletter-submit:hover,.newsletter-submit:focus-visible{background:var(--acid);color:#050305;outline:2px solid var(--paper);outline-offset:3px}.newsletter-submit:disabled{opacity:.6;cursor:wait}
.newsletter-privacy{margin:0;font-size:10px;line-height:1.4;color:rgba(255,241,228,.5)}
.newsletter-status{display:none;margin:0;padding:12px 13px;background:var(--acid);color:#050305;font:800 12px/1.35 'Space Grotesk',sans-serif}.newsletter-status.is-visible{display:block}.newsletter-status.is-error{background:#ff665f;color:#050305}
@media(min-width:700px){.newsletter-panel{padding:42px 42px 34px}.newsletter-form{grid-template-columns:1fr auto;align-items:end}.newsletter-form .newsletter-consent,.newsletter-form .newsletter-privacy,.newsletter-form .newsletter-status{grid-column:1/-1}.newsletter-submit{min-width:170px}}
@media(max-width:620px){.newsletter-panel{clip-path:polygon(0 0,98% 1%,100% 97%,3% 100%);box-shadow:7px 7px 0 var(--blue),-5px -5px 0 var(--hot)}}
@media(prefers-reduced-motion:reduce){.newsletter-modal,.newsletter-panel{transition:none}}