:root{--color-bg: #ffffff;--color-bg-soft: #f8f4ec;--color-card: #fdfaf3;--color-gold: #7a5c22;--color-gold-light: #997a31;--color-white: #241a10;--color-cream: #4a3c2e;--color-text: #6b6053;--font-heading: "PP Mori",sans-serif;--font-accent: "PP Mori",sans-serif;--font-body: "PP Mori",sans-serif;--container: 1280px;--transition: 0.4s ease;}*{margin: 0;padding: 0;box-sizing: border-box;}html{scroll-behavior: smooth;}body{background: var(--color-bg);color: var(--color-white);font-family: var(--font-body);font-size: 15px;line-height: 1.7;}h1,h2,h3,h4,h5,h6{font-family: var(--font-heading);font-weight: 500;line-height: 1.05;}a{color: inherit;text-decoration: none;}img,video{max-width: 100%;display: block;}.container{width: min(92%,var(--container));margin: auto;}.section-padding{padding: 120px 0;}.gold{color: var(--color-gold);}button,a{transition: var(--transition);}.experience-section{position: relative;padding:120px 0;text-align:center;background:var(--color-bg);z-index:1;}.experience-section span{color:var(--color-gold);font-size:10px;letter-spacing:4px;text-transform:uppercase;}.experience-section h2{margin-top:15px;font-size:clamp(50px,7vw,95px);}.experience-section em{color:var(--color-gold);font-style:normal;}main{position: relative;z-index: 1;}main::before{content: "";position: absolute;top: 0;bottom: 0;left: 50%;width: 100vw;transform: translateX(-50%);background: var(--color-bg);z-index: -1;}@media (max-width: 900px){.story-bottle{opacity: .25;width: 200px;}}@media (max-width: 600px){.section-padding,.fragrance-collection{padding: 80px 0;}.hero{min-height: 650px;}.hero-title{font-size: 65px;}.story-bottle{width: 150px;}.bottle-left{left: -50px;}.bottle-right{right: -50px;}}.hero{position: relative;width: 100%;height: 100vh;min-height: 650px;overflow: hidden;background: #080605;isolation: isolate;}.hero-video{position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center center;display: block;opacity: 0;transition: opacity 0.9s ease;transform: scale(1);filter: none;z-index: 1;pointer-events: none;will-change: opacity,transform;backface-visibility: hidden;-webkit-backface-visibility: hidden;}.hero-video-1{opacity: 1;transform: scale(1);z-index: 2;}.hero-video.is-active{opacity: 1;z-index: 2;}.hero-video{-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;}.hero-overlay{position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 3;pointer-events: none;background: linear-gradient( 90deg,rgba(8,6,5,0.38) 0%,rgba(8,6,5,0.18) 45%,rgba(8,6,5,0.08) 100% );}.hero-bottom{position: absolute;left: 5%;bottom: 35px;z-index: 5;display: flex;align-items: center;gap: 18px;color: rgba(255,255,255,0.72);font-family: var(--font-body);font-size: 8px;font-weight: 400;line-height: 1;letter-spacing: 3px;text-transform: uppercase;user-select: none;pointer-events: none;opacity: 1;}.scroll-line{position: relative;width: 80px;height: 1px;overflow: hidden;background: rgba(255,255,255,0.35);transform-origin: left center;}.scroll-line::after{content: "";position: absolute;top: 0;left: 0;width: 35%;height: 100%;background: var(--color-gold);transform: translateX(-120%);animation: heroScrollLine 2s cubic-bezier(0.65,0,0.35,1) infinite;}@keyframes heroScrollLine{0%{transform: translateX(-120%);}45%{transform: translateX(220%);}100%{transform: translateX(220%);}}@media (min-width: 1200px){.hero{min-height: 700px;}.hero-video{object-position: center center;}.hero-bottom{left: 5%;bottom: 38px;}}@media (min-width: 992px) and (max-width: 1199px){.hero{min-height: 650px;}.hero-video{object-position: center center;}.hero-bottom{left: 5%;bottom: 32px;}}@media (max-width: 991px){.hero{height: 100vh;min-height: 620px;}.hero-video{object-position: center center;}.hero-overlay{background: linear-gradient( 90deg,rgba(8,6,5,0.35) 0%,rgba(8,6,5,0.14) 100% );}.hero-bottom{left: 5%;bottom: 30px;gap: 14px;font-size: 7px;letter-spacing: 2.5px;}.scroll-line{width: 65px;}}@media (max-width: 600px){.hero{width: 100%;height: 100svh;min-height: 600px;max-height: none;}.hero-video{width: 100%;height: 100%;object-fit: cover;object-position: center center;transform: scale(1.03);}.hero-overlay{background: linear-gradient( 90deg,rgba(8,6,5,0.30) 0%,rgba(8,6,5,0.12) 100% );}.hero-bottom{left: 22px;bottom: 24px;gap: 12px;font-size: 7px;letter-spacing: 2px;}.scroll-line{width: 55px;height: 1px;}}@media (max-width: 380px){.hero{min-height: 560px;}.hero-bottom{left: 18px;bottom: 20px;gap: 10px;font-size: 6px;letter-spacing: 1.7px;}.scroll-line{width: 45px;}}@media (max-width: 900px) and (orientation: landscape){.hero{height: 100vh;min-height: 500px;}.hero-bottom{bottom: 18px;}}@media (prefers-reduced-motion: reduce){.hero-video{transition: none !important;animation: none !important;}.scroll-line::after{animation: none;}}.site-header{position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;padding: 22px 0;background: linear-gradient(to bottom,rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.35) 55%,transparent 100%);transition: background 0.35s ease,padding 0.35s ease,box-shadow 0.35s ease;max-height: 104px;}.site-header.is-scrolled{padding: 14px 0;background: rgba(255,255,255,0.96);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);box-shadow: 0 10px 30px rgba(36,26,16,0.10);border-bottom: 1px solid rgba(201,164,92,0.14);}.navbar{display: flex;align-items: center;justify-content: space-between;position: relative;min-height: 60px;}.logo{display: flex;align-items: center;gap: 10px;flex: 0 0 auto;width: 190px;max-height: 52px;line-height: 1;overflow: hidden;}.logo-img{display: block;width: 190px !important;height: auto !important;max-height: 52px !important;object-fit: contain;object-position: left center;transition: height 0.35s ease;}.site-header.is-scrolled .logo-img{width: 170px !important;max-height: 44px !important;}.main-nav{display: flex;align-items: center;gap: 28px;}.main-nav a{position: relative;font-size: 12px;letter-spacing: 1.5px;text-transform: uppercase;color: rgba(255,255,255,0.82);padding: 6px 0;}.main-nav a::after{content: "";position: absolute;left: 0;bottom: 0;width: 0%;height: 1px;background: var(--color-gold);transition: width 0.3s ease;}.main-nav a:hover{color: var(--color-gold);}.main-nav a:hover::after{width: 100%;}.nav-button{border: 1px solid rgba(201,164,92,0.6);padding: 10px 22px;font-size: 11px;letter-spacing: 1.5px;text-transform: uppercase;white-space: nowrap;border-radius: 2px;}.nav-button:hover{background: var(--color-gold);color: #ffffff;border-color: var(--color-gold);}.navbar-actions{display: flex;align-items: center;gap: 16px;}.nav-cart{position: relative;display: flex;align-items: center;justify-content: center;color: rgba(255, 255, 255, 0.85);}.nav-cart:hover{color: var(--color-gold);}.nav-cart-count{position: absolute;top: -8px;right: -10px;min-width: 16px;height: 16px;padding: 0 4px;display: flex;align-items: center;justify-content: center;background: var(--color-gold);color: #ffffff;font-size: 10px;font-weight: 600;line-height: 1;border-radius: 999px;}.cart-drawer{position: fixed;inset: 0;z-index: 2000;visibility: hidden;pointer-events: none;}.cart-drawer.is-open{visibility: visible;pointer-events: auto;}.cart-drawer-overlay{position: absolute;inset: 0;background: rgba(0,0,0,0.58);opacity: 0;transition: opacity 0.3s ease;}.cart-drawer-panel{position: absolute;top: 0;right: 0;display: flex;width: min(90%,430px);height: 100%;background: #fff;color: #1b1714;box-shadow: -16px 0 40px rgba(0,0,0,0.28);transform: translateX(100%);transition: transform 0.35s ease;}.cart-drawer.is-open .cart-drawer-overlay{opacity: 1;}.cart-drawer.is-open .cart-drawer-panel{transform: translateX(0);}.cart-drawer-content{display: flex;flex-direction: column;width: 100%;min-height: 100%;}.cart-drawer-heading{display: flex;align-items: center;justify-content: space-between;padding: 18px 20px 16px;border-bottom: 1px solid #eee7df;}.cart-drawer-heading h2{color: #1b1714;font-family: var(--font-heading);font-size: 19px;}.cart-drawer-items{flex: 1;list-style: none;margin: 0;padding: 16px 20px;overflow-y: auto;}.cart-drawer-item{display: flex;gap: 12px;padding-bottom: 14px;margin-bottom: 14px;border-bottom: 1px solid #eee7df;}.cart-drawer-thumb{flex: 0 0 64px;width: 64px;height: 78px;overflow: hidden;border: 1px solid #eee7df;border-radius: 5px;background: #f7f3ef;}.cart-drawer-thumb img{width: 100%;height: 100%;object-fit: cover;}.cart-drawer-item-info{display: flex;flex-direction: column;gap: 5px;padding-top: 2px;}.cart-drawer-item-name{color: #1b1714;font-family: var(--font-heading);font-size: 15px;font-weight: 600;line-height: 1.3;}.cart-drawer-item-meta{color: #7c7066;font-size: 13px;}.cart-drawer-item-meta .amount{color: var(--color-gold);font-weight: 600;}.cart-drawer-subtotal{display: flex;justify-content: space-between;padding: 14px 20px;border-top: 1px solid #eee7df;color: #6e625a;font-size: 13px;}.cart-drawer-subtotal strong{color: #1b1714;font-size: 15px;}.cart-drawer-actions{display: grid;gap: 8px;padding: 0 20px 20px;}.cart-drawer-button,.cart-drawer-continue{display: block;width: 100%;padding: 11px 16px;border: 1px solid var(--color-gold);background: var(--color-gold);color: #ffffff;font-size: 11px;font-weight: 600;letter-spacing: 1.2px;text-align: center;text-transform: uppercase;cursor: pointer;}.cart-drawer-button:hover,.cart-drawer-continue:hover{background: var(--color-gold-light);color: #1b1714;}.cart-drawer-button-primary{background: #1b1714;border-color: #1b1714;color: #fff;}.cart-drawer-button-primary:hover{background: #33261d;color: #fff;}.cart-drawer-continue{background: transparent;color: #1b1714;}.cart-drawer-empty{flex: 1;padding: 26px 20px;color: #7c7066;font-size: 13px;}body.cart-drawer-open{overflow: hidden;}.menu-toggle{display: none;position: relative;width: 30px;height: 22px;flex-direction: column;justify-content: space-between;background: none;border: none;cursor: pointer;padding: 0;z-index: 1101;}.menu-toggle span{display: block;width: 100%;height: 1px;background: #ffffff;transition: transform 0.35s ease,opacity 0.25s ease,background 0.35s ease;}.menu-toggle span:nth-child(1){transform-origin: left center;}.menu-toggle span:nth-child(2){transform-origin: left center;}.site-header.nav-open .menu-toggle span:nth-child(1){transform: rotate(45deg) translate(-1px,-1px);}.site-header.nav-open .menu-toggle span:nth-child(2){transform: rotate(-45deg) translate(-1px,1px);}@media (max-width: 900px){.site-header{top: 12px;left: 0;right: 0;width: auto;padding: 0;background: linear-gradient(to bottom,rgba(0,0,0,0.55),transparent);backdrop-filter: none;-webkit-backdrop-filter: none;}.site-header.is-scrolled{box-shadow: none;border-bottom: none;background: none;}.site-header.is-scrolled .navbar{background: rgba(10,8,7,0.88);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);box-shadow: 0 10px 30px rgba(0,0,0,0.25);}.navbar{width: min(94%,480px);margin: 0 auto;padding: 8px 10px 8px 16px;background: transparent;border: 1px solid rgba(255,255,255,0.12);border-radius: 999px;}.logo-img{width: 150px !important;max-height: 38px !important;}.site-header.is-scrolled .logo-img{width: 140px !important;max-height: 34px !important;}.menu-toggle{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;border: 1px solid rgba(255,255,255,0.12);background: rgba(255,255,255,0.04);}.menu-toggle span{width: 16px;}.menu-toggle span:nth-child(1){transform-origin: center;}.menu-toggle span:nth-child(2){transform-origin: center;}.site-header.nav-open .menu-toggle span:nth-child(1){transform: rotate(45deg) translateY(3.5px);}.site-header.nav-open .menu-toggle span:nth-child(2){transform: rotate(-45deg) translateY(-3.5px);}.navbar-actions{order: 2;gap: 10px;margin-right: 4px;}.nav-cart{order: 1;}.nav-button{order: 2;margin-right: 0;padding: 9px 16px;font-size: 10px;letter-spacing: 1px;border-radius: 999px;border: none;background: linear-gradient(135deg,var(--color-gold-light),var(--color-gold));color: #ffffff;font-weight: 600;}.nav-button:hover{background: linear-gradient(135deg,var(--color-gold),var(--color-gold-light));color: #1a1208;}.menu-toggle{order: 3;}.main-nav{position: absolute;top: calc(100% + 14px);left: 3%;right: 3%;flex-direction: column;align-items: flex-start;gap: 0;background: rgba(10,8,7,0.98);border: 1px solid rgba(201,164,92,0.15);border-radius: 20px;padding: 10px 24px;box-shadow: 0 20px 45px rgba(0,0,0,0.5);opacity: 0;visibility: hidden;transform: translateY(-12px);transition: opacity 0.3s ease,transform 0.3s ease,visibility 0.3s ease;}.main-nav a{width: 100%;padding: 14px 0;border-bottom: 1px solid rgba(255,255,255,0.06);font-size: 13px;}.main-nav a:last-child{border-bottom: none;}.main-nav a::after{display: none;}.site-header.nav-open .main-nav{opacity: 1;visibility: visible;transform: translateY(0);}}@media (max-width: 380px){.navbar{width: 96%;padding: 6px 8px 6px 14px;}.logo-img{width: 125px !important;max-height: 30px !important;}.nav-button{padding: 8px 13px;font-size: 9px;}.navbar-actions{gap: 6px;}.menu-toggle{width: 36px;height: 36px;}}.fragrance-collection{padding:130px 0;background:var(--color-bg);overflow:hidden}.section-heading{margin-bottom:70px;text-align:center}.section-heading>span{color:var(--color-gold);font-size:10px;letter-spacing:4px}.section-heading h2{margin-top:15px;font-size:clamp(50px,7vw,95px)}.section-heading em{color:var(--color-gold);font-style:normal}.section-subheading{max-width:560px;margin:22px auto 0;color:var(--color-text);font-size:14px;line-height:1.9}.fragrance-row{margin-bottom:50px}.fragrance-row:last-child{margin-bottom:0}.fragrance-row-heading{display:block;margin-bottom:22px;color:var(--color-gold);font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;text-align:left}.fragrance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 24px}.reveal-up{opacity:0;transform:translateY(48px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.reveal-up.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal-up{opacity:1;transform:none;transition:none}}.fragrance-card{position:relative;overflow:hidden;border-radius:8px;background:#0c0a09;aspect-ratio:1/1;cursor:default;transition:transform .6s cubic-bezier(.22,1,.36,1)}.fragrance-card:hover{transform:translateY(-6px)}.fragrance-card:hover .card-image img{transform:scale(1.06)}.card-image{display:block;position:relative;overflow:hidden;width:100%;height:100%}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.4,0,.2,1)}.card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,8,7,.85) 0%,rgba(10,8,7,.5) 40%,transparent 70%);pointer-events:none}.card-price-tag{position:absolute;top:12px;left:12px;display:inline-flex;flex-direction:column;gap:1px;padding:8px 14px;background:rgba(10,8,7,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:999px;z-index:3}.card-price-tag .price-current{font-family:var(--font-body);font-size:13px;font-weight:600;color:#f4ebdd;letter-spacing:.3px;line-height:1.3}.card-price-tag .price-original{font-family:var(--font-body);font-size:11px;color:rgba(255,255,255,.4);text-decoration:line-through;line-height:1.3}.card-price-badge{position:absolute;top:12px;right:12px;padding:6px 11px;background:#c0392b;border-radius:999px;font-family:var(--font-body);font-size:11px;font-weight:700;color:#fff;letter-spacing:.4px;z-index:3}.card-content{position:absolute;bottom:0;left:0;right:68px;padding:22px 20px;z-index:2;display:flex;flex-direction:column;gap:2px}.card-index{font-family:var(--font-body);font-size:10px;letter-spacing:2px;color:rgba(255,255,255,.45);text-transform:uppercase;margin:0 0 4px}.card-name{font-family:var(--font-heading);font-size:24px;color:#f4ebdd;line-height:1.15;margin:0}.card-name a{color:inherit;text-decoration:none}.card-tagline{font-family:var(--font-body);font-size:12px;color:rgba(255,255,255,.5);line-height:1.5;margin:4px 0 0}.eman-add-to-cart{position:absolute;bottom:20px;right:20px;z-index:3;width:42px;height:42px;border-radius:50%;background:rgba(201,164,92,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(201,164,92,.25);color:#d5b36d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s,border-color .25s,transform .2s;text-decoration:none}.eman-add-to-cart:hover{background:var(--color-gold);border-color:var(--color-gold);color:#ffffff;transform:scale(1.08)}.eman-add-to-cart svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(max-width:900px){.fragrance-grid{grid-template-columns:repeat(2,1fr);gap:20px 16px}.fragrance-collection{padding:80px 0}.card-name{font-size:20px}.card-content{padding:16px;right:58px}.eman-add-to-cart{width:38px;height:38px;bottom:16px;right:16px}.eman-add-to-cart svg{width:15px;height:15px}}@media(max-width:480px){.fragrance-grid{grid-template-columns:1fr;gap:16px}}.fragrance-story{position: relative;min-height: 800px;display: flex;align-items: center;justify-content: center;overflow: hidden;background: #080706;}.story-video{position: absolute;inset: 0;z-index: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;pointer-events: none;}.story-video-overlay{position: absolute;inset: 0;z-index: 1;pointer-events: none;background: radial-gradient(circle at center,rgba(20,15,10,0.72) 0%,rgba(8,6,5,0.85) 55%,rgba(6,5,4,0.94) 100%);}.fragrance-story::before{content: "";position: absolute;inset: 0;z-index: 2;pointer-events: none;background: linear-gradient(to bottom,var(--color-bg) 0%,transparent 8%,transparent 92%,var(--color-bg) 100%);}.story-content{width: min(560px,90%);text-align: center;position: relative;z-index: 4;}.story-label{color: var(--color-gold);font-size: 10px;letter-spacing: 4px;}.story-divider{width: 46px;height: 1px;margin: 18px auto 0;background: linear-gradient(to right,transparent,var(--color-gold),transparent);}.story-content h2{margin: 25px 0;font-size: clamp(55px,7vw,95px);}.story-content h2 em{color: var(--color-gold);font-style: normal;}.story-content p{color: var(--color-text);font-size: 14px;line-height: 2;}.story-link{display: inline-flex;align-items: center;gap: 10px;margin-top: 35px;color: var(--color-gold);font-size: 10px;letter-spacing: 2px;text-transform: uppercase;padding-bottom: 4px;border-bottom: 1px solid rgba(201,164,92,0.35);transition: border-color 0.35s ease,gap 0.35s ease;}.story-link svg{transition: transform 0.35s ease;}.story-link:hover{border-color: var(--color-gold);gap: 14px;}.story-link:hover svg{transform: translateX(3px);}.story-bottle{position: absolute;width: 240px;z-index: 3;opacity: 0.85;filter: drop-shadow(0 30px 55px rgba(0,0,0,0.65));animation: storyBottleFloat 7s ease-in-out infinite;}.story-bottle svg{width: 100%;height: auto;display: block;}.bottle-left{left: 5%;transform: rotate(-10deg);animation-delay: 0s;}.bottle-right{right: 5%;transform: rotate(10deg);animation-delay: 1.4s;}@keyframes storyBottleFloat{0%,100%{transform: translateY(0) rotate(var(--rot,0deg));}50%{transform: translateY(-18px) rotate(var(--rot,0deg));}}.bottle-left{--rot: -10deg;}.bottle-right{--rot: 10deg;}@media (prefers-reduced-motion: reduce){.story-bottle{animation: none;}.story-video{display: none;}.fragrance-story{background: radial-gradient(circle at center,#2b2118 0%,#120e0c 45%,#080706 100%);}}@media (max-width: 900px){.story-bottle{width: 190px;opacity: 0.5;}}@media (max-width: 600px){.fragrance-story{min-height: 700px;padding: 60px 0;}.story-bottle{width: 130px;opacity: 0.3;}.bottle-left{left: -30px;}.bottle-right{right: -30px;}.story-content p{font-size: 13px;line-height: 1.85;}}@media (max-width: 380px){.story-bottle{display: none;}}.signature-reveal{position: relative;overflow: hidden;background: var(--color-bg);padding: 130px 0;}.signature-reveal::before{content: "";position: absolute;inset: 0;z-index: 0;pointer-events: none;background: radial-gradient(circle at 85% 25%,rgba(201,164,92,0.08) 0%,transparent 45%),radial-gradient(circle at 10% 85%,rgba(201,164,92,0.06) 0%,transparent 45%);}.signature-inner{position: relative;z-index: 1;display: grid;grid-template-columns: 1.1fr 0.75fr;align-items: center;gap: 80px;}.signature-content{position: relative;}.signature-label{color: var(--color-gold);font-size: 11px;font-weight: 600;letter-spacing: 4px;}.signature-divider{width: 46px;height: 1px;margin: 18px 0 26px;background: linear-gradient(to right,var(--color-gold),transparent);}.signature-content h2{font-size: clamp(34px,4vw,46px);letter-spacing: 0.5px;color: var(--color-white);margin-bottom: 22px;}.signature-content h2 em{font-style: italic;color: var(--color-gold-light);}.signature-content > p{max-width: 460px;color: var(--color-text);font-size: 14px;line-height: 1.9;margin-bottom: 40px;}.signature-cta{display: inline-flex;align-items: center;gap: 10px;color: var(--color-gold);font-size: 11px;letter-spacing: 2px;text-transform: uppercase;padding-bottom: 5px;border-bottom: 1px solid rgba(201,164,92,0.4);transition: border-color 0.35s ease,gap 0.35s ease,color 0.35s ease;}.signature-cta svg{transition: transform 0.35s ease;}.signature-cta:hover{border-color: var(--color-gold);color: var(--color-gold-light);gap: 14px;}.signature-cta:hover svg{transform: translateX(3px);}.signature-media{position: relative;display: flex;justify-content: center;}.signature-frame{position: relative;width: min(100%,340px);border-radius: 18px;overflow: hidden;aspect-ratio: 9 / 16;box-shadow: 0 30px 70px rgba(36,26,16,0.28);}.signature-video{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}.signature-frame-glow{position: absolute;inset: 0;z-index: 1;pointer-events: none;background: linear-gradient( to top,rgba(8,6,5,0.55) 0%,rgba(8,6,5,0) 30% );}.signature-frame-border{position: absolute;inset: 0;z-index: 2;pointer-events: none;border: 1px solid rgba(201,164,92,0.4);border-radius: 18px;}@media (max-width: 992px){.signature-reveal{padding: 90px 0;}.signature-inner{grid-template-columns: 1fr;gap: 50px;text-align: center;}.signature-content > p{max-width: 100%;margin: 0 auto 36px;}.signature-divider{margin-left: auto;margin-right: auto;}.signature-media{order: -1;}.signature-frame{width: min(100%,300px);}}@media (max-width: 600px){.signature-reveal{padding: 70px 0;}.signature-content h2{font-size: 28px;}.signature-frame{width: min(100%,260px);}}.heritage-section{position: relative;overflow: hidden;min-height: 820px;display: flex;align-items: center;background: #0a0807;}.heritage-video{position: absolute;inset: 0;z-index: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;pointer-events: none;}.heritage-media-overlay{position: absolute;inset: 0;z-index: 1;pointer-events: none;background: linear-gradient( to right,rgba(8,6,5,0.92) 0%,rgba(8,6,5,0.78) 32%,rgba(8,6,5,0.32) 58%,rgba(8,6,5,0.12) 75%,rgba(8,6,5,0.35) 100% ),linear-gradient( to bottom,rgba(8,6,5,0.35) 0%,transparent 18%,transparent 78%,rgba(8,6,5,0.55) 100% );}.heritage-inner{position: relative;z-index: 2;}.heritage-text{max-width: 480px;padding: 90px 0;}.heritage-label{color: var(--color-gold);font-size: 11px;letter-spacing: 4px;}.heritage-divider{width: 46px;height: 1px;margin: 18px 0 26px;background: linear-gradient(to right,var(--color-gold),transparent);}.heritage-divider-small{width: 32px;margin: 30px 0 18px;}.heritage-text h2{font-family: var(--font-body);font-weight: 600;font-size: 24px;line-height: 1.5;letter-spacing: 1px;color: var(--color-white);text-shadow: 0 4px 24px rgba(0,0,0,0.55);margin-bottom: 30px;}.heritage-copy{display: flex;flex-direction: column;gap: 18px;}.heritage-copy p{color: rgba(244,235,221,0.88);font-size: 14px;line-height: 1.9;text-shadow: 0 2px 14px rgba(0,0,0,0.5);}.heritage-tagline{font-family: var(--font-heading);font-style: italic;font-size: 20px;line-height: 1.5;color: var(--color-gold-light);text-shadow: 0 2px 14px rgba(0,0,0,0.5);}@media (prefers-reduced-motion: reduce){.heritage-video{display: none;}.heritage-section{background: radial-gradient(circle at left,#2b2118 0%,#120e0c 45%,#080706 100%);}}@media (max-width: 992px){.heritage-media-overlay{background: linear-gradient( to bottom,rgba(8,6,5,0.55) 0%,rgba(8,6,5,0.88) 55%,rgba(8,6,5,0.96) 100% );}.heritage-text{max-width: 100%;padding: 80px 0;}}@media (max-width: 600px){.heritage-section{min-height: 0;}.heritage-text{padding: 60px 0;}.heritage-text h2{font-size: 19px;}.heritage-copy p{font-size: 13px;}.heritage-tagline{font-size: 17px;}}.scent-journeypositionrelativepadding60px 0 80pxbackgroundvar(--color-bg)overflowhidden.scent-journey .containerwidthmin(92%1240px)margin0 autopadding0 clamp(16px3vw32px)box-sizingborder-box.scent-journey-heropositionrelativedisplayflexjustify-contentflex-startalign-itemscentermin-heightclamp(380px48vh480px)padding50px 0 30px.scent-journey-hero-bgpositionabsoluteinset0z-index0pointer-eventsnoneoverflowhidden.scent-journey-hero-bg imgpositionabsolutetop0left50%transformtranslateX(-50%)width100%height100%object-fitcoverobject-positioncenteropacity0.85animationscentJourneyZoom 20s ease-out forwards.scent-journey-hero-shadepositionabsoluteinset0backgroundlinear-gradient( to rightrgba(11980.96) 0%rgba(11980.85) 36%rgba(11980.4) 64%rgba(11980.08) 100% )linear-gradient( to bottomrgba(11980.4) 0%transparent 50%var(--color-bg) 100% ).scent-journey-hero-contentmax-width480pxpositionrelativez-index1text-alignleft.scent-journey-labelcolorvar(--color-gold)font-size10pxletter-spacing4pxtext-transformuppercasefont-weight600displayinline-block.scent-journey-hero h2margin-top14pxfont-sizeclamp(32px4vw48px)line-height1.1font-familyvar(--font-heading)letter-spacing-0.2px.scent-journey-hero h2 emcolorvar(--color-gold)font-stylenormal.scent-journey-descmargin-top18pxcolorvar(--color-text)font-size14pxline-height1.8max-width420px.scent-journey-ctadisplayinline-flexalign-itemscentergap12pxmargin-top24pxcolorvar(--color-gold)font-size10pxletter-spacing3pxtext-transformuppercasefont-weight600border-bottom1px solid rgba(201164920.3)padding-bottom5pxtransitionborder-color 0.35s easegap 0.35s ease.scent-journey-cta svgtransitiontransform 0.35s ease.scent-journey-ctahoverborder-colorvar(--color-gold)gap16px.scent-journey-ctahover svgtransformtranslateX(4px).scent-journey-stepspositionrelativewidthmin(92%1240px)margin0 automin-height940pxpadding20px 0 40pxbox-sizingborder-box.journey-curvepositionabsolutetop0left0width100%height100%pointer-eventsnonez-index0overflowvisible.journey-curve-mobiledisplaynone.journey-curve-pathfillnonestrokevar(--color-gold)stroke-width0.35stroke-linecaproundstroke-linejoinroundopacity0.9will-changestroke-dashoffset.journey-curve-glow-pathfillnonestrokevar(--color-gold)stroke-width0.7stroke-linecaproundstroke-linejoinroundopacity0.55will-changestroke-dashoffset.journey-steppositionabsoluteinset0.journey-pospositionabsolutez-index1.journey-pos-img-1left14%top12%transformtranslate(-50%-50%).journey-pos-num-1left50%top26%transformtranslate(-50%-50%).journey-pos-text-1left54%top4%.journey-pos-img-2left86%top44%transformtranslate(-50%-50%).journey-pos-num-2left50%top58%transformtranslate(-50%-50%).journey-pos-text-2right54%top36%.journey-pos-img-3left14%top76%transformtranslate(-50%-50%).journey-pos-num-3left50%top90%transformtranslate(-50%-50%).journey-pos-text-3left54%top68%.journey-imagewidth220pxheight220px.journey-numwidth44pxheight44pxborder-radius50%border1.5px solid var(--color-gold)displayflexalign-itemscenterjustify-contentcenterbackgroundvar(--color-bg)box-shadow0 0 24px rgba(201164920.35)inset 0 0 12px rgba(201164920.15).journey-num spancolorvar(--color-gold)font-familyvar(--font-heading)font-size15pxfont-weight600.journey-textmax-width320pxtext-alignleft.journey-step-sublabelcolorvar(--color-gold)font-size10pxletter-spacing4pxtext-transformuppercasefont-weight600.journey-text h3margin-top8pxfont-sizeclamp(20px2.2vw26px)letter-spacing0.5pxfont-familyvar(--font-heading).journey-step-dividerwidth36pxheight1pxmargin12px 0backgroundlinear-gradient(to rightvar(--color-gold)transparent).journey-text pcolorvar(--color-text)font-size13.5pxline-height1.75max-width300px.journey-step-glowpositionabsoluteinset-25pxborder-radius50%backgroundradial-gradient( circlergba(201164920.18) 0%transparent 70% )pointer-eventsnone.journey-step-circlepositionrelativewidth220pxheight220pxborder-radius50%overflowhiddenborder1.2px solid rgba(201164920.4)box-shadow0 0 35px rgba(201164920.15).journey-step-circle imgpositionabsoluteinset0width100%height100%object-fitcoverobject-positioncenterdisplayblock.scent-journey-footerdisplayflexalign-itemscentergap24pxpadding-top10px.scent-journey-footer-textcolorvar(--color-gold)font-size11pxletter-spacing4pxwhite-spacenowrapfont-weight600.scent-journey-footer-lineflex1height1pxbackgroundlinear-gradient(to rightrgba(201164920.4)transparent)@media (max-width992px).scent-journeypadding50px 0.scent-journey-heromin-height380pxpadding40px 0 20px.scent-journey-hero-contentmax-widthmin(480px100%).scent-journey-stepsmin-heightautopadding20px clamp(16px4vw32px).journey-curve-desktopdisplaynone.journey-curve-mobiledisplayblock.journey-steppositionrelativeinsetautowidth100%max-width580pxmargin0 autodisplayflexalign-itemscenterjustify-contentspace-betweengap24pxpadding26px 0z-index1.journey-step-2flex-directionrow-reverse.journey-pospositionstatic !importanttransformnone !importantwidthauto !importantmax-widthnone !important.journey-step .journey-pos-img-1.journey-step .journey-pos-img-2.journey-step .journey-pos-img-3flex0 0 auto.journey-step .journey-pos-text-1.journey-step .journey-pos-text-2.journey-step .journey-pos-text-3flex1 1 automin-width0.journey-pos-num-1.journey-pos-num-2.journey-pos-num-3positionabsolute !importantleft50%top50% !importanttransformtranslate(-50%-50%)z-index2.journey-imagewidth140px !importantheight140px !important.journey-step-circlewidth140px !importantheight140px !important.journey-nummargin0.journey-texttext-alignleft !importantmax-width320px !important.journey-step-dividermargin-left0@media (max-width600px).scent-journeypadding40px 0.scent-journey-heropadding30px 0 10pxmin-height320px.scent-journey-hero h2font-sizeclamp(26px7vw36px).scent-journey-descfont-size13pxline-height1.7max-width320px.scent-journey-stepspadding10px clamp(14px4vw24px).journey-stepgap16pxpadding20px 0.journey-imagewidth110px !importantheight110px !important.journey-step-circlewidth110px !importantheight110px !important.journey-text h3font-size18px.journey-text pfont-size12.5pxline-height1.65.journey-step-glowdisplaynone@keyframes scentJourneyZoom0%transformtranslateX(-50%) scale(1.06)100%transformtranslateX(-50%) scale(1)@media (prefers-reduced-motionreduce).journey-step-glowdisplaynone.journey-curve-path.journey-curve-glow-pathopacity1.scent-journey-hero-bg imganimationnone.video-counter-section{position: relative;overflow: hidden;background: var(--color-bg);padding: 160px 0;}.video-counter-section::before{content: "";position: absolute;inset: 0;z-index: 0;pointer-events: none;background: radial-gradient(circle at 15% 20%,rgba(201,164,92,0.08) 0%,transparent 45%),radial-gradient(circle at 85% 80%,rgba(201,164,92,0.06) 0%,transparent 45%);}.video-counter-inner{position: relative;z-index: 1;display: grid;grid-template-columns: 1.05fr 1fr;align-items: center;gap: 80px;}.video-counter-media{position: relative;}.video-counter-frame{position: relative;border-radius: 14px;overflow: hidden;aspect-ratio: 16 / 11;box-shadow: 0 30px 70px rgba(36,26,16,0.28);}.video-counter-video{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}.video-counter-frame-glow{position: absolute;inset: 0;z-index: 1;pointer-events: none;background: linear-gradient( to top,rgba(8,6,5,0.5) 0%,rgba(8,6,5,0) 35% );}.video-counter-frame-border{position: absolute;inset: 0;z-index: 2;pointer-events: none;border: 1px solid rgba(201,164,92,0.35);border-radius: 14px;}.video-counter-content{position: relative;}.video-counter-label{color: var(--color-gold);font-size: 11px;font-weight: 600;letter-spacing: 4px;}.video-counter-divider{width: 46px;height: 1px;margin: 18px 0 26px;background: linear-gradient(to right,var(--color-gold),transparent);}.video-counter-content h2{font-size: 40px;letter-spacing: 1px;color: var(--color-white);margin-bottom: 22px;}.video-counter-content h2 em{font-style: italic;color: var(--color-gold-light);}.video-counter-content > p{max-width: 480px;color: var(--color-text);font-size: 14px;line-height: 1.9;margin-bottom: 48px;}.counter-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 34px 30px;}.counter-item{position: relative;padding-left: 20px;border-left: 1px solid rgba(201,164,92,0.3);transition: border-color 0.4s ease,transform 0.4s ease;}.counter-item:hover{border-color: var(--color-gold);transform: translateY(-3px);}.counter-item h3{display: flex;align-items: baseline;gap: 2px;font-family: var(--font-heading);font-weight: 600;font-size: 44px;line-height: 1;color: var(--color-gold-light);margin-bottom: 10px;font-variant-numeric: tabular-nums;}.counter-item p{font-family: var(--font-body);font-size: 12px;letter-spacing: 0.5px;color: var(--color-text);text-transform: uppercase;}@media (max-width: 992px){.video-counter-section{padding: 90px 0;}.video-counter-inner{grid-template-columns: 1fr;gap: 50px;}.video-counter-content h2{font-size: 32px;}.video-counter-content > p{max-width: 100%;margin-bottom: 40px;}}@media (max-width: 600px){.video-counter-section{padding: 70px 0;}.video-counter-content h2{font-size: 27px;}.counter-grid{grid-template-columns: 1fr 1fr;gap: 26px 20px;}.counter-item h3{font-size: 34px;}}@media (max-width: 420px){.counter-grid{grid-template-columns: 1fr 1fr;gap: 28px 20px;}.counter-item{padding-left: 14px;}}@media (prefers-reduced-motion: reduce){.counter-item{transition: none;}}.luxury-showcase-section{position: relative;overflow: hidden;background: #241a10;color: #f4ebdd;--color-bg: #241a10;--color-bg-soft: #2f2115;--color-card: #2f2115;--color-gold: #d5b36d;--color-gold-light: #e8cd93;--color-white: #ffffff;--color-cream: #f4ebdd;--color-text: rgba(244,235,221,0.78);padding: 120px 0;}.luxury-showcase-section::before{content: "";position: absolute;inset: 0;z-index: 0;pointer-events: none;background: radial-gradient(circle at 50% 0%,rgba(213,179,109,0.12) 0%,transparent 55%);}.luxury-showcase-header{position: relative;z-index: 1;text-align: center;max-width: 640px;margin: 0 auto 80px;}.luxury-showcase-label{color: var(--color-gold);font-size: 11px;font-weight: 600;letter-spacing: 4px;}.luxury-showcase-divider{width: 46px;height: 1px;margin: 18px auto 26px;background: linear-gradient(to right,transparent,var(--color-gold),transparent);}.luxury-showcase-header h2{font-size: 36px;letter-spacing: 1px;color: var(--color-white);}.luxury-showcase-header h2 em{font-style: italic;color: var(--color-gold-light);}.luxury-showcase-grid{position: relative;z-index: 1;display: grid;grid-template-columns: 1fr minmax(280px,420px) 1fr;align-items: center;gap: 50px;}.luxury-col{display: flex;flex-direction: column;gap: 44px;}.luxury-col-right{text-align: right;}.luxury-feature h4{position: relative;display: inline-flex;align-items: center;gap: 10px;font-family: var(--font-body);font-weight: 600;font-size: 14px;letter-spacing: 1px;text-transform: uppercase;color: var(--color-gold-light);margin-bottom: 12px;}.luxury-col-right .luxury-feature h4{flex-direction: row-reverse;}.feature-dot{width: 6px;height: 6px;border-radius: 50%;background: var(--color-gold);box-shadow: 0 0 0 4px rgba(201,164,92,0.15);flex-shrink: 0;}.luxury-feature p{font-size: 13px;line-height: 1.9;color: var(--color-text);}.luxury-showcase-media{position: relative;display: flex;justify-content: center;}.luxury-showcase-frame{position: relative;width: 100%;border-radius: 10px;overflow: hidden;background: #050403;box-shadow: 0 30px 80px rgba(0,0,0,0.45);}.luxury-showcase-frame img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.6s ease;}.luxury-showcase-media:hover .luxury-showcase-frame img{transform: scale(1.04);}.luxury-showcase-frame-border{position: absolute;inset: 0;pointer-events: none;border: 1px solid rgba(201,164,92,0.35);border-radius: 10px;}@media (max-width: 992px){.luxury-showcase-section{padding: 90px 0;}.luxury-showcase-header{margin-bottom: 56px;}.luxury-showcase-header h2{font-size: 29px;}.luxury-showcase-grid{grid-template-columns: 1fr;gap: 48px;text-align: center;}.luxury-showcase-frame{max-width: 380px;margin: 0 auto;}.luxury-col,.luxury-col-right{text-align: center;gap: 32px;}.luxury-feature h4,.luxury-col-right .luxury-feature h4{flex-direction: row;justify-content: center;}.luxury-feature p{max-width: 420px;margin: 0 auto;}}@media (max-width: 600px){.luxury-showcase-section{padding: 70px 0;}.luxury-showcase-header h2{font-size: 24px;}.luxury-col{gap: 26px;}}.site-footer{position: relative;overflow: hidden;background: #241a10;color: #f4ebdd;--color-bg: #241a10;--color-bg-soft: #2f2115;--color-card: #2f2115;--color-gold: #d5b36d;--color-gold-light: #e8cd93;--color-white: #ffffff;--color-cream: #f4ebdd;--color-text: rgba(244,235,221,0.78);}.footer-media{position: absolute;inset: 0;z-index: 0;opacity:.5;background-size: cover;background-position: center 40%;background-repeat: no-repeat;}.footer-media-overlay{position: absolute;inset: 0;z-index: 1;background: linear-gradient(to bottom,var(--color-bg) 0%,rgba(36,26,16,.93) 14%,rgba(36,26,16,.82) 30%,rgba(36,26,16,.62) 48%,rgba(36,26,16,.78) 70%,rgba(36,26,16,.96) 100%);}.footer-particles{position: absolute;inset: 0;z-index: 2;overflow: hidden;pointer-events: none;}.footer-particle{position: absolute;bottom: -40px;left: var(--fp-left,50%);width: var(--fp-size,6px);height: var(--fp-size,6px);border-radius: 50%;background: radial-gradient( circle,rgba(225,194,125,0.95) 0%,rgba(201,164,92,0.55) 55%,rgba(201,164,92,0) 75% );filter: blur(0.3px);opacity: 0;animation-name: footer-particle-float;animation-duration: var(--fp-duration,14s);animation-delay: var(--fp-delay,0s);animation-timing-function: ease-in-out;animation-iteration-count: infinite;}.footer-particle--petal{width: var(--fp-size,14px);height: calc(var(--fp-size,14px) * 0.7);background: radial-gradient( circle at 35% 35%,rgba(225,194,125,0.85) 0%,rgba(201,164,92,0.4) 60%,rgba(201,164,92,0) 80% );border-radius: 60% 40% 55% 45% / 55% 45% 55% 45%;filter: blur(0.5px);}@keyframes footer-particle-float{0%{opacity: 0;transform: translate3d(0,0,0) rotate(0deg);}10%{opacity: var(--fp-opacity,0.7);}50%{transform: translate3d(var(--fp-drift,24px),calc(var(--fp-rise,260px) * -0.5),0) rotate(90deg);}90%{opacity: var(--fp-opacity,0.7);}100%{opacity: 0;transform: translate3d(calc(var(--fp-drift,24px) * -1),calc(var(--fp-rise,260px) * -1),0) rotate(180deg);}}@media (prefers-reduced-motion: reduce){.footer-particles{display: none;}}.footer-intro{position: relative;z-index: 1;display: flex;flex-direction: column;align-items: center;text-align: center;padding: 90px 0 40px;}.footer-logo{display: inline-block;}.footer-logo-img{display: block;height: 100px;width: auto;margin: 0 auto;}.footer-tagline{max-width: 560px;margin: 26px auto 0;color: var(--color-text);font-size: 14px;line-height: 1.9;}.footer-columns{position: relative;z-index: 1;display: grid;grid-template-columns: 1fr 1.2fr 1fr 1.2fr;gap: 40px;padding: 40px 0 80px;}.footer-col h4{position: relative;display: inline-block;font-family: var(--font-body);font-size: 11px;font-weight: 600;letter-spacing: 2px;text-transform: uppercase;color: var(--color-gold-light);margin-bottom: 20px;padding-bottom: 12px;}.footer-col h4::after{content: "";position: absolute;left: 0;bottom: 0;width: 26px;height: 1px;background: var(--color-gold);}.footer-col{display: flex;flex-direction: column;}.footer-col a{position: relative;width: fit-content;font-size: 13px;color: rgba(244,235,221,.8);padding: 6px 0;}.footer-col a::after{content: "";position: absolute;left: 0;bottom: 3px;width: 0%;height: 1px;background: var(--color-gold);transition: width 0.3s ease;}.footer-col a:hover{color: var(--color-gold);}.footer-col a:hover::after{width: 100%;}.footer-col-location p{font-size: 13px;line-height: 1.9;color: rgba(244,235,221,.8);}.footer-bottom{position: relative;z-index: 1;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 16px;padding: 26px 0;border-top: 1px solid rgba(244,235,221,.12);font-size: 11px;letter-spacing: 0.5px;color: rgba(244,235,221,.62);}.footer-dot{display: inline-block;width: 3px;height: 3px;margin: 0 8px;border-radius: 50%;background: rgba(201,164,92,0.55);vertical-align: middle;}.back-to-top{display: inline-flex;align-items: center;gap: 10px;padding: 10px 18px;background: rgba(244,235,221,.05);border: 1px solid rgba(244,235,221,.18);border-radius: 999px;cursor: pointer;font-family: var(--font-body);font-size: 11px;letter-spacing: 1.5px;text-transform: uppercase;color: rgba(244,235,221,.75);transition: border-color 0.3s ease,color 0.3s ease,background 0.3s ease,transform 0.3s ease;}.back-to-top svg{transition: transform 0.3s ease;}.back-to-top:hover{color: var(--color-gold);border-color: rgba(201,164,92,0.5);background: rgba(201,164,92,0.1);transform: translateY(-2px);}.back-to-top:hover svg{transform: translateY(-3px);}@media (max-width: 900px){.footer-intro{padding: 70px 0 30px;}.footer-logo-img{height: 80px;}.footer-columns{grid-template-columns: 1fr 1fr;row-gap: 40px;padding: 30px 0 60px;}.footer-col-location{grid-column: 1 / -1;}}@media (max-width: 600px){.footer-intro{padding: 56px 0 26px;}.footer-logo-img{height: 64px;}.footer-tagline{font-size: 13px;}.footer-columns{grid-template-columns: 1fr;gap: 34px;padding: 26px 0 50px;}.footer-col-location{grid-column: auto;}.footer-bottom{flex-direction: column-reverse;justify-content: center;text-align: center;padding: 24px 0 34px;}.footer-bottom span{display: flex;flex-direction: column;gap: 4px;}.footer-dot{display: none;}}.al-naramain-page{overflow-x: hidden;padding-top: 0;background: var(--color-bg);}.al-naramain-page .woocommerce-message,.al-naramain-page .woocommerce-info,.al-naramain-page .woocommerce-error{width: min(92%,var(--container));margin: 110px auto 0;}.al-naramain-hero{position: relative;display: grid;min-height: clamp(440px,58vh,620px);overflow: hidden;place-items: center;background: var(--color-bg-soft);}.al-naramain-hero-video,.al-naramain-hero-overlay{position: absolute;inset: 0;width: 100%;height: 100%;}.al-naramain-hero-video{object-fit: cover;object-position: center;opacity: 0.58;}.al-naramain-hero-overlay{background: linear-gradient(180deg,rgba(11,9,8,0.28) 0%,rgba(11,9,8,0.7) 58%,var(--color-bg) 100%),linear-gradient(90deg,rgba(11,9,8,0.8),rgba(11,9,8,0.18),rgba(11,9,8,0.72));}.al-naramain-hero-content{position: relative;z-index: 1;max-width: 760px;padding-top: 92px;text-align: center;}.al-naramain-eyebrow{margin-bottom: 14px;color: var(--color-gold);font-size: 10px;letter-spacing: 2.8px;text-transform: uppercase;}.al-naramain-hero h1,.al-naramain-intro h2{color: var(--color-white);letter-spacing: 0;}.al-naramain-hero h1{margin-bottom: 18px;font-size: clamp(54px,8vw,96px);}.al-naramain-hero p:not(.al-naramain-eyebrow),.al-naramain-intro p:not(.al-naramain-eyebrow){max-width: 620px;margin-right: auto;margin-left: auto;color: var(--color-cream);font-size: clamp(14px,1.7vw,17px);line-height: 1.8;}.al-naramain-hero-button{display: inline-flex;align-items: center;justify-content: center;min-height: 46px;margin-top: 32px;padding: 13px 30px;border: 1px solid rgba(201,164,92,0.72);border-radius: 2px;color: var(--color-cream);font-size: 11px;font-weight: 600;letter-spacing: 1.8px;text-transform: uppercase;}.al-naramain-hero-button:hover{background: var(--color-gold);color: #ffffff;}.al-naramain-intro{padding: clamp(70px,9vw,112px) 0 clamp(42px,6vw,72px);text-align: center;}.al-naramain-intro h2{margin-bottom: 18px;font-size: clamp(38px,5vw,64px);}.al-naramain-intro p:not(.al-naramain-eyebrow){color: var(--color-text);}.al-naramain-products{padding: 0 0 clamp(86px,10vw,132px);}.al-naramain-product-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));grid-template-rows: 1fr;gap: 30px 24px;}.al-naramain-product-card{display: flex;min-width: 0;flex-direction: column;background: var(--color-card);border: 1px solid rgba(201,164,92,0.16);border-radius: 8px;overflow: hidden;transition: transform 0.35s ease,border-color 0.35s ease,background 0.35s ease;}.al-naramain-product-card:hover{transform: translateY(-6px);border-color: rgba(201,164,92,0.48);background: #ffffff;}.al-naramain-product-image{display: block;overflow: hidden;background: var(--color-bg-soft);}.al-naramain-product-image img{width: 100%;aspect-ratio: 4 / 5;object-fit: cover;transition: transform 0.7s cubic-bezier(0.2,0.8,0.2,1);}.al-naramain-product-card:hover .al-naramain-product-image img{transform: scale(1.06);}.al-naramain-product-body{display: flex;min-height: 270px;flex: 1;flex-direction: column;padding: 22px 20px 20px;}.al-naramain-product-body h3{margin-bottom: 9px;color: var(--color-white);font-size: clamp(22px,2vw,27px);}.al-naramain-product-body h3 a:hover,.al-naramain-details-link:hover{color: var(--color-gold-light);}.al-naramain-product-excerpt{display: -webkit-box;min-height: 72px;margin-bottom: 16px;overflow: hidden;color: var(--color-text);font-size: 13px;line-height: 1.75;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}.al-naramain-product-price{margin-top: auto;margin-bottom: 18px;color: var(--color-gold);font-size: 16px;font-weight: 600;}.al-naramain-product-price del{margin-right: 8px;color: var(--color-text);opacity: 0.62;}.al-naramain-product-price ins{text-decoration: none;}.al-naramain-product-actions{display: grid;gap: 10px;}.al-naramain-product-actions .button{display: inline-flex;align-items: center;justify-content: center;min-height: 44px;width: 100%;padding: 12px 18px;border: 1px solid rgba(201,164,92,0.62);border-radius: 2px;background: transparent;color: var(--color-cream) !important;font-size: 11px;font-weight: 600;letter-spacing: 1.5px;line-height: 1.2;text-align: center;text-transform: uppercase;}.al-naramain-product-actions .button:hover{background: var(--color-gold);color: #ffffff !important;}.al-naramain-details-link{display: inline-flex;justify-content: center;color: var(--color-text);font-size: 11px;letter-spacing: 1.2px;text-transform: uppercase;}.al-naramain-empty{padding: 34px 0;border-top: 1px solid rgba(201,164,92,0.18);border-bottom: 1px solid rgba(201,164,92,0.18);color: var(--color-text);text-align: center;}@media (max-width: 1100px){.al-naramain-product-grid{grid-template-columns: repeat(2,minmax(0,1fr));}}@media (max-width: 700px){.al-naramain-hero{min-height: 430px;}.al-naramain-hero-content{padding-top: 78px;}.al-naramain-hero h1{font-size: clamp(46px,14vw,66px);}.al-naramain-product-grid{grid-template-columns: 1fr;gap: 26px;}.al-naramain-product-body{min-height: auto;}}@media (max-width: 420px){.al-naramain-hero-content{width: min(90%,var(--container));}.al-naramain-hero-button,.al-naramain-product-actions .button{width: 100%;}}.oud-collection{position: relative;overflow: hidden;background: var(--color-bg);padding: 130px 0;}.oud-collection-bg{position: absolute;inset: 0;z-index: 0;pointer-events: none;}.oud-collection-bg img{width: 100%;height: 100%;object-fit: cover;object-position: center 30%;opacity: 0.55;}.oud-collection-shade{position: absolute;inset: 0;background: linear-gradient(180deg,var(--color-bg) 0%,rgba(11,9,8,0.55) 40%,rgba(11,9,8,0.78) 78%,var(--color-bg) 100%),radial-gradient(circle at 30% 20%,rgba(201,164,92,0.12) 0%,transparent 45%);}.oud-collection > .container{position: relative;z-index: 1;}.oud-collection-intro{max-width: 520px;}.oud-collection-label{color: var(--color-gold);font-size: 11px;font-weight: 600;letter-spacing: 4px;}.oud-collection-divider{width: 46px;height: 1px;margin: 18px 0 26px;background: linear-gradient(to right,var(--color-gold),transparent);}.oud-collection-intro h2{font-size: clamp(40px,5vw,64px);line-height: 1.02;color: var(--color-white);}.oud-collection-intro h2 em{font-style: italic;color: var(--color-gold-light);}.oud-collection-intro p{max-width: 460px;margin-top: 20px;color: var(--color-text);font-size: 14px;line-height: 1.9;}.oud-collection-cta{display: inline-flex;align-items: center;gap: 10px;margin-top: 34px;color: var(--color-gold);font-size: 11px;letter-spacing: 2px;text-transform: uppercase;padding-bottom: 5px;border-bottom: 1px solid rgba(201,164,92,0.4);transition: border-color 0.35s ease,gap 0.35s ease,color 0.35s ease;}.oud-collection-cta svg{transition: transform 0.35s ease;}.oud-collection-cta:hover{border-color: var(--color-gold);color: var(--color-gold-light);gap: 14px;}.oud-collection-cta:hover svg{transform: translateX(3px);}.oud-collection-grid{margin-top: 70px;}.oud-collection .eman-products-grid{margin-top: 70px;}.oud-collection-grid .fragrance-card{background: rgba(29,23,20,0.72);backdrop-filter: blur(2px);}.oud-collection-grid .fragrance-card .card-content{padding-bottom: 16px;}@media (max-width: 900px){.oud-collection-intro{max-width: 100%;}.oud-collection-grid{margin-top: 50px;}}/* Page is never hidden while the preloader decides whether it is needed. The
   old `html.is-preloading.is-pending body{visibility:hidden;animation:eman-
   preload-failsafe .01s 1.4s forwards}` opened every visit on a blank screen
   for a fixed 1.4s, driven by a CSS timer rather than by real load state. The
   overlay is already opacity:0 / visibility:hidden until JS adds .is-visible,
   so it still covers a genuinely slow page while fast pages paint instantly. */
.preloader{position: fixed;inset: 0;z-index: 99999;display: flex;align-items: center;justify-content: center;background: var(--color-bg);overflow: hidden;opacity: 1;visibility: visible;transition: opacity 0.8s ease,visibility 0.8s ease;}.preloader.is-hidden{opacity: 0;visibility: hidden;pointer-events: none;}.preloader-glow{position: absolute;top: 50%;left: 50%;width: 480px;height: 480px;transform: translate(-50%,-55%);background: radial-gradient( circle,rgba(201,164,92,0.16) 0%,rgba(201,164,92,0) 68% );animation: preloader-glow-pulse 3.6s ease-in-out infinite;}@keyframes preloader-glow-pulse{0%,100%{opacity: 0.7;transform: translate(-50%,-55%) scale(0.94);}50%{opacity: 1;transform: translate(-50%,-55%) scale(1.04);}}.preloader-content{position: relative;z-index: 2;display: flex;flex-direction: column;align-items: center;gap: 22px;text-align: center;}.preloader-art{opacity: 0;animation: preloader-fade-up 0.9s ease 0.05s forwards;}.preloader-logo-img{display: block;width: min(340px, 64vw);max-width: 100%;height: auto;filter: drop-shadow(0 0 46px rgba(201,164,92,0.18));}.preloader-bar{width: 220px;height: 1px;background: rgba(36,26,16,0.12);overflow: hidden;opacity: 0;animation: preloader-fade-up 0.9s ease 0.45s forwards;}.preloader-bar-fill{width: 0%;height: 100%;background: linear-gradient( to right,var(--color-gold),var(--color-gold-light) );transition: width 0.2s ease-out;}.preloader-count{font-family: var(--font-body);font-size: 13px;letter-spacing: 2px;color: var(--color-text);opacity: 0;animation: preloader-fade-up 0.9s ease 0.55s forwards;}.preloader-count-number{color: var(--color-gold-light);font-weight: 500;}@keyframes preloader-fade-up{to{opacity: 1;transform: translateY(0);}}@media (prefers-reduced-motion: reduce){.preloader-art,.preloader-logo,.preloader-bar,.preloader-count{animation: none;opacity: 1;transform: none;}.preloader-line{stroke-dashoffset: 0;animation: none;}.preloader-liquid{transform: scaleY(1);animation: none;}.mist-dot,.preloader-glow{animation: none;opacity: 0;}.preloader-bar-fill{transition: none;}}@media (max-width: 600px){.preloader-bar{width: 160px;}}/* =========================================================
   EMAN FRAGRANCE — added optimization layer
   (appended to the combined theme.min.css build)
   ========================================================= */

/* JS-state guards: never leave reveal targets invisible if
   JavaScript is disabled or an animation library fails. */
html.no-js .reveal-up
{
    opacity: 1 !important;
    transform: none !important;
}

/* GSAP drives inline styles, so disable the CSS transition on
   reveal targets once GSAP takes over (prevents double-lerp). */
.reveal-up.is-gsap-animating
{
    transition: none !important;
}

/* First paint safety: until animations.js runs, keep reveal
   targets hidden only when JS is actually available. */
html.js .reveal-up
{
    opacity: 0;
    transform: translateY(48px);
}

@media (prefers-reduced-motion: reduce)
{
    html.js .reveal-up
    {
        opacity: 1;
        transform: none;
    }
}

/* =========================================================
   CLS guards
   ========================================================= */

/* Reserve vertical space for the hero so the video doesn't push
   the page around while its first frame buffers. */
.hero
{
    min-height: 100vh;
}

/* Hide the preloader from assistive tech while it's active
   (it is decorative; the page content is what matters). */
@media (prefers-reduced-motion: reduce)
{
    .preloader
    {
        display: none !important;
    }
}

/* EXIT-ANIMATION CLASSES (driven by animations.js) */
.reveal-exit
{
    opacity: 0;
}

/* Preloader footer credit line (template-parts/preloader.php) */
.preloader-powered{
    margin-top: -14px;
    font-family: var(--font-body);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: rgba(201,164,92,0.72);
    opacity: 0;
    transform: translateY(10px);
    animation: preloader-fade-up 0.9s ease 0.45s forwards;
}

/* Product grids — phone auto slider (driven by assets/js/oud-slider.js).
   Applied to the Oud Al Naramain section and the About page band. Only
   engaged by the JS adding .is-slider at <=640px; desktop grid stays.
   The homepage "SCENTS THAT SPEAK" section is intentionally absent: it shows
   two products per row on phones instead of a snap scroller. */
@media (max-width: 640px){
  .oud-collection .eman-products-grid{
    margin-top:56px;
  }
  .oud-collection .eman-products-grid.is-slider,
  .eman-about-page .eman-products-grid.is-slider{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    column-gap:16px;
    padding:4px 4px 10px;
  }
  .oud-collection .eman-products-grid.is-slider::-webkit-scrollbar,
  .eman-about-page .eman-products-grid.is-slider::-webkit-scrollbar{
    display:none;
  }
  .oud-collection .eman-products-grid.is-slider .eman-react-product-card-mount,
  .eman-about-page .eman-products-grid.is-slider .eman-react-product-card-mount{
    flex:0 0 82vw;
    scroll-snap-align:start;
  }
  .eman-slider-arrow{
    width:44px;
    height:44px;
    border-radius:50%;
    border:1px solid rgba(122,92,34,0.35);
    background:rgba(255,255,255,0.94);
    color:#7a5c22;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:border-color 0.3s ease,color 0.3s ease,background 0.3s ease;
  }
  .eman-slider-arrow:hover{
    border-color:#7a5c22;
    background:#7a5c22;
    color:#ffffff;
  }
}

/* Homepage "SCENTS THAT SPEAK" (.fragrance-collection) — eight newest
   products, four per row on desktop and two per row down to the smallest
   phones. This section is never a slider, so it must stay display:grid even
   if the shared slider script is ever pointed back at it. */
.fragrance-collection .eman-products-grid > *{
  min-width:0;
  max-width:100%;
}
.fragrance-slider-nav{
  display:none;
}
.fragrance-view-all,
.oud-collection-view-all{
  display:flex;
  justify-content:center;
  margin-top:72px;
}

/* The "Shop All Fragrances" / "View More Oud" buttons.
   These had no rules anywhere in the theme, so both links were rendering as
   bare underlined text. Styled to match .eman-grid-view-all-btn on the React
   product grids. */
.fragrance-collection .view-all-btn,
.oud-collection .view-all-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:15px 38px;
  border:1px solid rgba(201,164,92,0.32);
  border-radius:999px;
  background:transparent;
  color:var(--color-gold);
  font-family:var(--font-body, "PP Mori", sans-serif);
  font-size:10.5px;
  font-weight:600;
  letter-spacing:2.4px;
  line-height:1.4;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  transition:color 0.3s ease,border-color 0.3s ease,background-color 0.3s ease,box-shadow 0.3s ease;
}
.fragrance-collection .view-all-btn:hover,
.fragrance-collection .view-all-btn:focus-visible,
.oud-collection .view-all-btn:hover,
.oud-collection .view-all-btn:focus-visible{
  border-color:var(--color-gold);
  background:rgba(201,164,92,0.1);
  color:var(--color-gold-light);
  outline:none;
}
.fragrance-collection .view-all-btn svg,
.oud-collection .view-all-btn svg{
  flex:0 0 auto;
  transition:transform 0.3s ease;
}
.fragrance-collection .view-all-btn:hover svg,
.fragrance-collection .view-all-btn:focus-visible svg,
.oud-collection .view-all-btn:hover svg,
.oud-collection .view-all-btn:focus-visible svg{
  transform:translateX(4px);
}
@media (max-width: 640px){
  .fragrance-collection .eman-products-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
  }
  .fragrance-view-all,
  .oud-collection-view-all{
    margin-top:44px;
  }
}@media (max-width: 768px){.footer-media{background-image:url("../images/footer-mob.webp") !important;background-position:center 30%;}}.footer-contact-row{margin-top:10px;}.footer-contact-row a{font-size:13px;line-height:1.9;color:rgba(244,235,221,.8);text-decoration:none;border-bottom:1px solid rgba(201,164,92,0.3);transition:color 0.3s ease,border-color 0.3s ease;}.footer-contact-row a:hover{color:var(--color-gold);border-color:var(--color-gold);}.footer-socials{display:flex;align-items:center;gap:10px;margin-top:18px;}.footer-social-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(244,235,221,.05);border:1px solid rgba(201,164,92,0.25);color:#f4ebdd;text-decoration:none;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);}.footer-social-btn svg{width:15px;height:15px;}.footer-social-btn:hover{background:var(--color-gold);border-color:var(--color-gold);color:#ffffff;transform:translateY(-2px);}.footer-bottom a{color:#d5b36d;text-decoration:none;border-bottom:1px solid rgba(201,164,92,0.3);transition:color 0.3s ease,border-color 0.3s ease;}.footer-bottom a:hover{color:var(--color-gold);border-color:var(--color-gold);}

/* ==========================================================================
   LIGHT THEME — header & navigation state adjustments
   ========================================================================== */
.site-header.is-scrolled .nav-center-list a { color: var(--color-cream); }
.site-header.is-scrolled .nav-center-list a:hover { color: var(--color-gold); }
.site-header.is-scrolled .nav-cart { color: var(--color-cream); }
.site-header.is-scrolled .nav-cart:hover { color: var(--color-gold); }
.site-header.is-scrolled .menu-toggle span { background: var(--color-white); }
.site-header.is-scrolled .eman-about-toggle { color: var(--color-white); background: rgba(36,26,16,.06); border-color: rgba(36,26,16,.16); }
.site-header.is-scrolled .eman-about-toggle:hover { background: rgba(122,92,34,.12); border-color: var(--color-gold); }
.site-header.is-scrolled .logo-img { filter: brightness(.72); }
.site-header.is-scrolled .nav-button { color: var(--color-white); }
@media (max-width: 900px) {
  .navbar { background: rgba(255,255,255,.94); border-color: rgba(36,26,16,.10); box-shadow: 0 10px 30px rgba(36,26,16,.12); }
  .navbar .logo-img { filter: brightness(.72); }
  .nav-cart { color: var(--color-cream); }
  .eman-about-toggle { color: var(--color-white); background: rgba(36,26,16,.06); border-color: rgba(36,26,16,.16); }
  .eman-about-toggle:hover { background: rgba(122,92,34,.12); }
  .menu-toggle { border-color: rgba(36,26,16,.14); background: rgba(36,26,16,.04); }
  .menu-toggle span { background: var(--color-white); }
}


/* LIGHT THEME: full-bleed media sections keep their dark imagery, so the
   text tokens inside them must stay light regardless of the site palette. */
.fragrance-story, .heritage-section, .oud-collection, .al-naramain-hero {
  color: #f4ebdd;
  --color-gold: #d5b36d;
  --color-gold-light: #e8cd93;
  --color-white: #ffffff;
  --color-cream: #f4ebdd;
  --color-text: rgba(244, 235, 221, 0.78);
}
.al-naramain-hero {
  --color-bg: #0b0908;
  --color-bg-soft: #15110f;
  --color-card: #1d1714;
}


/* LIGHT THEME: full-bleed media sections keep their dark imagery, so this
   band stays dark and its gradient edges fade into black, not white. */
.oud-collection {
  background: #0b0908;
  --color-bg: #0b0908;
  --color-bg-soft: #15110f;
  --color-card: #1d1714;
}