<style> /* ========================================================= DIY CHRISTMAS FABRIC POKE ART KIT ========================================================= */ .poke-art, .poke-art *{ box-sizing:border-box; } .poke-art{ --cream:#fbf3e7; --cream2:#fffaf4; --cream3:#f4e5d2; --green:#173b28; --green2:#0e281b; --red:#96171a; --red2:#6e1012; --gold:#b7883d; --gold2:#d5ad69; --brown:#3b281d; --dark:#241710; --text:#2d2119; --muted:#6d5d51; width:100%; max-width:900px; margin:0 auto !important; padding:0 !important; overflow:hidden; background:#fff; color:var(--text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; } /* ========================================================= RESET ========================================================= */ .poke-art h2, .poke-art h3, .poke-art h4, .poke-art p, .poke-art figure{ margin:0; } .poke-art img{ display:block; width:100%; max-width:100%; height:auto; margin:0 !important; padding:0 !important; border:0; vertical-align:top; } .poke-inner{ width:100%; max-width:810px; margin:0 auto; padding-left:20px; padding-right:20px; } /* ========================================================= HERO ========================================================= */ .poke-hero{ position:relative; padding:31px 0 27px; overflow:hidden; text-align:center; background: radial-gradient( circle at 50% -20%, rgba(210,168,99,.24), transparent 48% ), linear-gradient( 180deg, #fffaf3, #f7ead9 ); } .poke-hero:before, .poke-hero:after{ content:"✦"; position:absolute; color:rgba(177,130,57,.23); font-size:18px; } .poke-hero:before{ left:7%; top:28px; } .poke-hero:after{ right:7%; bottom:27px; } .poke-kicker{ margin-bottom:7px; color:var(--green); font-size:11.5px; line-height:1.25; font-weight:850; letter-spacing:1.3px; text-transform:uppercase; } .poke-hero h2{ max-width:740px; margin:0 auto; color:#302017; font-size:36px; line-height:1.08; font-weight:900; letter-spacing:-.65px; } .poke-hero h2 span{ color:var(--red); } .poke-hero-copy{ max-width:650px; margin:10px auto 0 !important; color:#6b594d; font-size:15px; line-height:1.55; } /* ========================================================= HERO PILLS ========================================================= */ .poke-pills{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:19px; } .poke-pill{ display:flex; align-items:center; justify-content:center; min-height:40px; padding:9px 14px; border:1px solid #dfcdb7; border-radius:24px; background:rgba(255,255,255,.80); color:#49372b; font-size:12.8px; line-height:1.3; font-weight:800; } .poke-pill span{ margin-right:6px; font-size:15px; line-height:1; } /* ========================================================= ALL IMAGES — FULL WIDTH ========================================================= */ .poke-image{ display:block; width:100%; margin:0 !important; padding:0 !important; line-height:0; background:#fff; } .poke-image img{ display:block; width:100%; height:auto; } /* ========================================================= LIGHT VALUE MODULE ========================================================= */ .poke-light{ padding:23px 0 24px; text-align:center; background: linear-gradient( 180deg, #fffaf3, #f8eddf ); } .poke-label{ margin-bottom:6px; color:var(--red); font-size:11px; line-height:1.2; font-weight:850; letter-spacing:1.25px; text-transform:uppercase; } .poke-light h3{ max-width:690px; margin:0 auto; color:#302219; font-size:27px; line-height:1.12; font-weight:900; } .poke-light p{ max-width:640px; margin:8px auto 0 !importan