.content-image{padding:5rem 2rem}.content-image--bg-white{background:var(--white,#fff)}.content-image--bg-cream{background:var(--cream,#fff8f0)}.content-image--bg-light-cream{background:var(--light-cream,#fffaf5)}.content-image--bg-light-gray{background:var(--light-gray,#f8f9fa)}.content-image__container{margin:0 auto;max-width:1200px}.content-image__grid{align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.content-image--image-left .content-image__media{order:-1}.content-image__text h3{color:var(--dark,#1a1a1a);font-family:var(--font-heading,"P22 Mackinac Pro",serif);font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.content-image__intro{color:var(--gray,#64748b);font-size:1.0625rem;line-height:1.8;margin-bottom:1.5rem}.content-image__intro p{margin:0 0 1rem}.content-image__intro p:last-child{margin-bottom:0}.content-image__features{list-style:none;margin:2rem 0;padding:0}.content-image__features li{align-items:flex-start;color:var(--dark,#1a1a1a);display:flex;gap:.75rem;padding:.75rem 0}.content-image__features li:before{color:var(--primary-orange,#e33600);content:"✓";flex-shrink:0;font-size:1.25rem;font-weight:700}.content-image__closing{color:var(--gray,#64748b);line-height:1.7;margin-top:2rem}.content-image__closing strong{color:var(--dark,#1a1a1a)}.content-image__media{background:var(--light-cream,#fffaf5);border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.06);padding:2rem}.content-image__img{border-radius:8px;display:block;height:auto;width:100%}.content-image__placeholder{align-items:center;background:var(--white,#fff);border:2px dashed var(--primary-orange,#e33600);border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:4rem 2rem;text-align:center}.content-image__placeholder-title{color:var(--gray,#64748b);font-size:1rem;margin-bottom:.5rem}.content-image__placeholder-subtitle{color:var(--gray,#64748b);font-size:.875rem;opacity:.8}@media (max-width:1024px){.content-image__grid{gap:3rem;grid-template-columns:1fr}.content-image--image-left .content-image__media{order:0}}@media (max-width:768px){.content-image{padding:4rem 1.5rem}.content-image__text h3{font-size:1.5rem}.content-image__placeholder{min-height:200px;padding:3rem 1.5rem}}.content-image--bg-teal-light{background:rgba(0,180,180,.08)}.content-image--bg-teal-medium{background:rgba(0,180,180,.15)}.content-image--bg-gold-light{background:rgba(245,197,71,.12)}.content-image--bg-gold-medium{background:rgba(245,197,71,.22)}.content-image--bg-maroon-light{background:rgba(107,45,91,.06)}.content-image--bg-maroon-medium{background:rgba(107,45,91,.12)}.content-image__card--bg-teal-light{background:rgba(0,180,180,.08)}.content-image__card--bg-teal-medium{background:rgba(0,180,180,.15)}.content-image__card--bg-gold-light{background:rgba(245,197,71,.12)}.content-image__card--bg-gold-medium{background:rgba(245,197,71,.22)}.content-image__card--bg-maroon-light{background:rgba(107,45,91,.06)}.content-image__card--bg-maroon-medium{background:rgba(107,45,91,.12)}.media-container{position:relative}.media-bg-shape{display:none}.media-container.has-bg-shape .media-bg-shape{border-radius:20px;display:block;position:absolute;z-index:0}.media-container.bg-teal .media-bg-shape{background:rgba(0,180,180,.18)}.media-container.bg-gold .media-bg-shape{background:rgba(245,197,71,.28)}.media-container.bg-maroon .media-bg-shape{background:rgba(107,45,91,.15)}.media-container.bg-orange .media-bg-shape{background:rgba(227,54,0,.12)}.media-container.bg-pos-bottom-right .media-bg-shape{bottom:-1rem;left:1.5rem;right:-1rem;top:1.5rem}.media-container.bg-pos-bottom-left .media-bg-shape{bottom:-1rem;left:-1rem;right:1.5rem;top:1.5rem}.media-container.bg-pos-all-sides .media-bg-shape{bottom:-.75rem;left:1rem;right:-.75rem;top:1rem}.media-container.bg-pos-right-stripe .media-bg-shape{bottom:-.5rem;right:-1rem;top:-.5rem;width:60%}.media-container .media-frame{border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;position:relative;transition:box-shadow .3s ease,transform .3s ease;z-index:1}.media-container .media-frame:hover{box-shadow:0 12px 40px rgba(0,0,0,.18);transform:translateY(-4px)}