.hero-component{background-color:#f4eee2;padding:1.5rem 1rem;width:100%}@media (min-width:768px){.hero-component{padding:3rem 2rem}}.hero-component__container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1200px}@media (min-width:768px){.hero-component__container{flex-direction:row;gap:2.5rem}}.hero-component__image-col{width:100%}@media (min-width:768px){.hero-component__image-col{width:50%}}.hero-component__image-frame{border:1px solid #d8c8b0;border-radius:4px;box-shadow:0 8px 20px rgba(60,38,21,.12);overflow:hidden;position:relative;width:100%}.hero-component__image{display:block;height:auto;max-height:450px;-o-object-fit:cover;object-fit:cover;width:100%}@media (min-width:768px){.hero-component__image{max-height:520px}}.hero-component__content-col{width:100%}@media (min-width:768px){.hero-component__content-col{width:50%}}.hero-component__card{background:#faf6ef;border-radius:6px;box-shadow:inset 0 0 20px rgba(100,65,30,.08),0 10px 25px rgba(45,30,15,.12);mask-image:radial-gradient(circle at center,#000 70%,transparent 98%);-webkit-mask-image:radial-gradient(circle at center,#000 70%,transparent 98%);padding:2rem 1.5rem;position:relative}@media (min-width:768px){.hero-component__card{padding:3rem 2.5rem}}.hero-component__title{color:#7c2d12;font-family:var(--bs-font-serif,serif);font-size:2rem;font-style:italic;line-height:1.25;margin-bottom:1rem;margin-top:0}@media (min-width:768px){.hero-component__title{font-size:2.75rem}}.hero-component__subtitle{color:#3d2b1f;font-family:var(--bs-font-serif,serif);font-size:1.05rem;line-height:1.6;margin-bottom:1.75rem;margin-top:0}@media (min-width:768px){.hero-component__subtitle{font-size:1.2rem}}