:root{--leather:#8b4513;--leather-light:tan;--leather-dark:#5d2906;--accent-gold:#d4af37;--white:#fff;--gray-100:#f7f7f7;--black:#000}.hero-section{background:linear-gradient(135deg,var(--leather-dark)0%,var(--leather)50%,var(--leather-light)100%)}.hero-overlay{background-color:var(--black);opacity:.2;position:absolute;inset:0}.hero-content-wrapper{flex-direction:column;justify-content:space-between;align-items:center;display:flex}@media (min-width:768px){.hero-content-wrapper{flex-direction:row}}.hero-text-container{width:100%;margin-bottom:2.5rem}@media (min-width:768px){.hero-text-container{width:50%;margin-bottom:0}}.hero-title{color:var(--white);margin-bottom:1.5rem;font-size:2.25rem;font-weight:700;line-height:1.25}@media (min-width:768px){.hero-title{font-size:2.5rem}}@media (min-width:1024px){.hero-title{font-size:3rem}}.hero-title-accent{color:var(--accent-gold)}.hero-description{color:var(--leather-light);max-width:36rem;margin-bottom:2rem;font-size:1.125rem}.hero-buttons{flex-wrap:wrap;gap:1rem;display:flex}.hero-button{border-radius:9999px;padding:.75rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.hero-button:hover{transform:translateY(-.25rem);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.hero-button.primary{background-color:var(--accent-gold);color:var(--leather-dark)}.hero-button.primary:hover{background-color:#b8860b}.hero-button.secondary{background-color:var(--white);color:var(--leather-dark)}.hero-button.secondary:hover{background-color:var(--gray-100)}.button-content{align-items:center;gap:.5rem;display:flex}.hero-image-container{justify-content:center;width:100%;display:flex}@media (min-width:768px){.hero-image-container{width:50%}}.image-wrapper{width:16rem;height:16rem;position:relative}@media (min-width:768px){.image-wrapper{width:100%;height:24rem}}.hero-image{object-fit:cover;border:8px solid #ffffff4d;border-radius:1rem;width:100%;height:100%;box-shadow:0 25px 50px -12px #00000040}.image-decoration{z-index:-10;border-radius:1rem;position:absolute}.image-decoration.gold{background-color:#d4af3733;width:12rem;height:12rem;bottom:-1.5rem;right:-1.5rem}.image-decoration.leather{background-color:#d2b48c33;border-radius:50%;width:8rem;height:8rem;top:-1.5rem;left:-1.5rem}