.blend-me{mix-blend-mode:overlay;margin-top:-80px;font-size:45px;font-family:Heebo,sans-serif}.flex-container{display:flex;background:#778193;flex-direction:column;justify-content:center;align-items:center;height:190px;margin-bottom:30px;padding-top:30px}.circle{width:140px;height:140px;border-radius:50%;background:#7a5f37}.blend-me-two{mix-blend-mode:overlay;font-size:52px;font-weight:900;font-family:Heebo,sans-serif;color:#222;margin:0!important}.flex-container-2{display:flex;background:#d4e2f6;flex-direction:column;justify-content:center;align-items:center;height:220px;background-image:url(/wp-content/uploads/2020/04/greean-bg.jpg);background-position:center;background-size:contain}.blend-me-3{mix-blend-mode:overlay;font-weight:900;font-family:Heebo,sans-serif;color:transparent;font-size:78px;-webkit-text-stroke:4px #ffffffcf;margin:0!important}.flex-container-3{display:flex;background:#d4e2f6;flex-direction:column;justify-content:center;align-items:center;height:200px;background-image:url(/wp-content/uploads/2020/04/yellow-leaves.jpg);background-position:left;background-size:cover}.blend-me-4 img:first-child{position:absolute;mix-blend-mode:soft-light}.blend-me-4{display:flex;align-items:center;justify-content:center;background:var(--light-bg);border:1px solid #1a232d;padding:30px 0;margin-bottom:40px}.two-blocks{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px}.two-blocks img{width:300px;height:450px;max-width:100%}.bbm-pair{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px}.bbm-pair .bbm-card{width:300px;height:450px;max-width:100%;background-size:cover;background-position:center;border-radius:6px}.lady-original{background-image:url(/wp-content/uploads/2020/04/pregnant.jpg)}.lady-blended{background-image:url(/wp-content/uploads/2020/04/pregnant.jpg);background-color:salmon;background-blend-mode:screen}.parrot-original{background-image:url(/wp-content/uploads/2020/04/parrot.jpg)}.parrot-blended{background-image:url(/wp-content/uploads/2020/04/parrot.jpg),linear-gradient(to bottom,#efe8f5,#8845e0);background-blend-mode:overlay}.blog-images{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--light-bg);border:1px solid #1a232d;padding:30px 0;margin-bottom:40px;border-radius:10px}.article{position:relative;width:330px;height:162px;border-radius:8px;padding:1rem;background:#4277d0 linear-gradient(-45deg,#0000004d,#0000);display:flex;direction:ltr;flex-direction:column;justify-content:center;text-align:left}.article img{position:absolute;right:-15px;top:0;width:130px}.article .a_title{font-size:30px;font-weight:700;color:#ffffffcf;margin-bottom:0;line-height:1}.article p{color:#ffffffcf;opacity:.5;font-weight:600;margin:0!important}.wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;margin-bottom:20px}.wrapper.screen img{mix-blend-mode:screen}.wrapper.overlay img{mix-blend-mode:overlay}.blend-type{padding:4px 12px;border-radius:3px;text-align:center;font-weight:600;margin-bottom:10px;margin-top:20px;font-family:Heebo,sans-serif;font-size:15px}.fb-logo.two-blocks{background:#cacaca;padding:40px}.fb-logo.two-blocks img{width:auto;height:auto}.remove-white{mix-blend-mode:multiply}.duotone-portrait{width:400px;height:225px;max-width:100%;background-image:url(/wp-content/uploads/2026/03/blend-mode-duotone-portrait.png);background-size:cover;background-position:center;background-color:#0047ab;background-blend-mode:luminosity;filter:contrast(1.3)}.duotone-example{align-items:center}.landscape-blend-container{position:relative;overflow:hidden;width:100%;max-width:600px;margin:0 auto 30px;border-radius:10px}.landscape-blend-container img{display:block;width:100%;height:auto}.landscape-blend-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:6rem;font-weight:900;color:#fff;background:#000;mix-blend-mode:multiply;font-family:Heebo,sans-serif;letter-spacing:.15em}.blend-explorer .savvy-preview{min-height:240px;padding:0;border:none;border-radius:var(--demo-radius-lg);overflow:hidden;position:relative}.blend-explorer-img{display:block;width:100%;height:300px;object-fit:cover}.blend-explorer-overlay{position:absolute;inset:0;transition:mix-blend-mode .05s,background-color .25s ease}.blend-explorer .savvy-btn-group{margin-top:var(--demo-pad)}.duotone-mixer .savvy-preview{min-height:225px;padding:0;border:none;border-radius:var(--demo-radius-lg);overflow:hidden}.duotone-mixer-box{width:100%;height:300px;background-size:cover;background-position:center;background-image:url(/wp-content/uploads/2026/03/blend-mode-duotone-portrait.png);background-color:#0047ab;background-blend-mode:luminosity;filter:contrast(1.3);transition:background-color .25s ease,filter .25s ease}.text-reveal-demo .savvy-preview{min-height:200px;padding:0;border:none;border-radius:var(--demo-radius-lg);overflow:hidden;position:relative}.text-reveal-img{display:block;width:100%;height:300px;object-fit:cover}.text-reveal-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12rem;font-weight:900;color:#fff;background:#000;mix-blend-mode:multiply;font-family:Heebo,sans-serif;letter-spacing:.15em;transition:mix-blend-mode .05s}.text-reveal-demo .text-input-row{display:flex;align-items:center;gap:var(--demo-gap);margin-top:var(--demo-gap)}.text-reveal-demo .text-input-row label{font-family:var(--demo-font-mono);font-size:var(--demo-font-size-sm);color:var(--secondary-text);white-space:nowrap;min-width:56px}.text-reveal-demo .text-input-row input[type=text]{flex:1;background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:var(--demo-radius);padding:6px 12px;font-family:var(--demo-font-mono);font-size:var(--demo-font-size-base);color:var(--text-color);max-width:200px}.text-reveal-demo .text-input-row input[type=text]:focus{outline:none;border-color:var(--demo-accent)}@media(min-width:1123px){.blend-me-3{font-size:130px}.blend-me-two{font-size:110px}}@media(max-width:600px){.landscape-blend-text{font-size:3rem}.blend-explorer-img,.text-reveal-img,.duotone-mixer-box{height:200px}.text-reveal-overlay{font-size:3rem}}