PABLO TOBACCO

KH’YAAL Perfumes Verified independent store

→

The fragrance of power built in smoke and fire, for those who command their own empire. Empire From the first spray, a cool surge of Citrus notes meets the golden spice of Saffron and the soft sweetness of Tonka Bean. The heart turns indulgent as Cocoa melts into glowing Amber while smooth Tobacco curls through the air. Finally, Iris and refined Woods anchor the trail. Top Notes Cool Citrus, Golden Saffron, Tonka Bean Heart Notes Indulgent Cocoa, Glowing Amber, Smooth Tobacco Base Notes Iris, Refined Woods 30-35% Extrait Concentration Finest Oils from Dubai 24+ Hours Longevity /* --- KEYFRAMES FOR SMOOTH LUXURY REVEALS --- */ @keyframes khStoryFadeUp { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes khLineExpand { 0% { width: 0; opacity: 0; } 100% { width: 60px; opacity: 1; } } /* --- WRAPPER & CONTAINER --- */ .kh-empire-wrapper { width: 100%; padding: 50px 20px; background: #ffffff; display: flex; justify-content: center; font-family: var(--font-body-family, sans-serif); } .kh-empire-inner { max-width: 850px; width: 100%; text-align: center; } /* --- HEADER STYLING --- */ .kh-story-header { margin-bottom: 25px; opacity: 0; animation: khStoryFadeUp 1s cubic-bezier(0.25, 1, 0.5, 1) forwards; } .kh-story-kicker { display: block; font-size: 11px; font-weight: 800; color: #C5A059; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 12px; line-height: 1.4; } .kh-story-title { font-family: var(--font-heading-family, serif); font-size: 42px; font-weight: 400; color: #111111; margin: 0; letter-spacing: 1px; text-transform: uppercase; } .kh-gold-divider { height: 2px; background: #C5A059; margin: 25px auto 0; border-radius: 2px; opacity: 0; animation: khLineExpand 1s cubic-bezier(0.25, 1, 0.5, 1) 0.3s forwards; } /* --- BODY TEXT --- */ .kh-story-body { font-size: 15px; line-height: 1.8; color: #555555; margin-bottom: 45px; opacity: 0; animation: khStoryFadeUp 1s cubic-bezier(0.25, 1, 0.5, 1) 0.2s forwards; } /* --- OLFACTORY PYRAMID (NOTES) --- */ .kh-pyramid-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 35px; } .kh-pyramid-level { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 25px 15px; background: #fcfbfb; /* Subtle warm grey/smoky tint */ border: 1px solid rgba(197, 160, 89, 0.1); border-radius: 8px; transition: all 0.4s ease; opacity: 0; animation: khStoryFadeUp 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards; } .kh-pyramid-level:hover { transform: translateY(-8px); box-shadow: 0 15px 30px rgba(197, 160, 89, 0.08); border-color: rgba(197, 160, 89, 0.4); background: #ffffff; } .kh-level-icon { width: 40px; height: 40px; border-radius: 50%; background: rgba(197, 160, 89, 0.08); color: #C5A059; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; transition: transform 0.4s ease, background 0.4s ease; } .kh-level-icon svg { width: 20px; height: 20px; } .kh-pyramid-level:hover .kh-level-icon { transform: scale(1.1); background: #C5A059; color: #ffffff; } .kh-level-info { display: flex; flex-direction: column; gap: 6px; } .kh-level-name { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; color: #111111; } .kh-level-ingredients { font-size: 13px; color: #666666; line-height: 1.5; } /* --- TRUST & QUALITY BAR --- */ .kh-quality-bar { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 30px; padding-top: 30px; border-top: 1px solid rgba(0,0,0,0.06); opacity: 0; animation: khStoryFadeUp 1s cubic-bezier(0.25, 1, 0.5, 1) forwards; } .kh-quality-item { display: flex; align-items: center; gap: 8px; color: #444; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; } .kh-quality-item svg { width: 16px; height: 16px; color: #C5A059; } /* --- RESPONSIVE MOBILE ADJUSTMENTS --- */ @media (max-width: 768px) { .kh-empire-wrapper { padding: 40px 15px; } .kh-story-title { font-size: 32px; } .kh-story-body { font-size: 14px; margin-bottom: 30px; } /* Stack notes vertically on mobile */ .kh-pyramid-container { grid-template-columns: 1fr; gap: 12px; margin-bottom: 25px; } /* Turn blocks into horizontal rows on mobile for scannability */ .kh-pyramid-level { flex-direction: row; text-align: left; padding: 15px 20px; } .kh-level-icon { margin-bottom: 0; margin-right: 15px; flex-shrink: 0; } /* Stack the quality bar on mobile */ .kh-quality-bar { flex-direction: column; gap: 15px; align-items: flex-start; padding-top: 25px; margin: 0 auto; display: inline-flex; } .kh-quality-item { font-size: 11px; } } Show more