Nose Pins

About

:root{ --gold:#c5a059; --dark-gold:#9a7b41; --charcoal:#2d2d2d; --ivory:#fcfaf7; --white:#ffffff; --soft-shadow:0 10px 30px rgba(0,0,0,0.05); --line:rgba(197,160,89,0.16); } body{ font-family:'Montserrat',sans-serif; background:var(--ivory); color:var(--charcoal); margin:0; line-height:1.75; } .main-wrapper{ max-width:1000px; margin:0 auto; padding:60px 20px 80px; } /* Hero */ .hero-header{ text-align:center; margin-bottom:42px; position:relative; } .hero-header .subtitle{ display:inline-block; font-size:0.85rem; text-transform:uppercase; letter-spacing:4px; color:var(--gold); font-weight:600; margin-bottom:6px; } .hero-header h1{ font-family:'Playfair Display',serif; font-size:3.3rem; line-height:1.08; margin:10px 0 14px; font-weight:400; color:var(--charcoal); } .hero-header p{ margin:0; opacity:0.9; } .hero-header::after{ content:""; display:block; width:70px; height:2px; background:var(--gold); margin:22px auto 0; } /* Intro */ .intro-text{ text-align:center; font-size:1.08rem; max-width:760px; margin:0 auto 34px; padding:18px 18px; background:rgba(255,255,255,0.78); border:1px solid var(--line); box-shadow:0 10px 26px rgba(0,0,0,0.03); } /* Cards */ .content-card{ background:var(--white); padding:44px 46px; border-radius:10px; box-shadow:var(--soft-shadow); margin-bottom:26px; border:1px solid var(--line); } h2{ font-family:'Playfair Display',serif; font-size:2.15rem; margin:0 0 18px; color:var(--charcoal); } /* Cultural Grid */ .cultural-grid{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:22px 0 0; } .cultural-item{ background:#fff; border:1px solid rgba(0,0,0,0.06); padding:18px 18px 14px; border-radius:12px; transition:all 0.25s ease; } .cultural-item:hover{ transform:translateY(-3px); border-color:rgba(197,160,89,0.40); box-shadow:0 16px 36px rgba(0,0,0,0.06); } /* Title separated from inline strong keywords (fixes the “a … nose pin” gap) */ .cultural-title{ font-family:'Playfair Display',serif; font-size:1.25rem; color:var(--dark-gold); fon

On-page SEO