/* styles-compiled.css — compiled CSS
   Generated: 2026-06-19
   This file imports the main `/style.css` and appends inline styles extracted
   from HTML pages. It does NOT modify any HTML files.
*/

@import url('/style.css');

/* === Inline styles: blog.html === */
:root { --safari-amber: #f59e0b; --safari-orange: #ea580c; }
body { font-family: 'Montserrat', sans-serif; background-color: #fafaf9; color: #1c1917; padding-top: 110px; }
.font-display { font-family: 'Playfair Display', serif; }
#scroll-progress { position: fixed; top: 0; left: 0; height: 5px; background: linear-gradient(to right, #f59e0b, #ea580c, #ef4444); z-index: 9999; width: 0%; transition: width 0.1s ease-out; }
.glass-nav { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.text-gradient { background: linear-gradient(to right, var(--safari-amber), var(--safari-orange)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.electric-glow { transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
.electric-glow:hover { transform: translateY(-8px); box-shadow: 0 30px 60px -15px rgba(234, 88, 12, 0.15), 0 0 30px rgba(245, 158, 11, 0.2); border-color: rgba(245, 158, 11, 0.4); }
.filter-btn { transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }
.filter-btn.active { background: linear-gradient(135deg, #f59e0b, #ea580c); color: #fff; box-shadow: 0 10px 20px rgba(234, 88, 12, 0.2); }

/* === Inline styles: blog/10-essential-safari-photography-tips.html === */
:root { --safari-amber: #f59e0b; --safari-orange: #ea580c; }
body { font-family: 'Montserrat', sans-serif; background: #fafaf9; color: #1c1917; scroll-behavior: smooth; }
.font-display { font-family: 'Playfair Display', serif; }
.text-gradient { background: linear-gradient(to right, var(--safari-amber), var(--safari-orange)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.article-glass { background: white; border: 1px solid rgba(0,0,0,0.05); box-shadow: 0 50px 100px -20px rgba(0,0,0,0.05); }
.secret-card { margin-bottom: 5rem; position: relative; }
.secret-number { font-family: 'Playfair Display', serif; font-size: 8rem; font-weight: 900; color: rgba(245, 158, 11, 0.1); position: absolute; top: -4rem; left: -2rem; z-index: -1; }
#progress-bar { position: fixed; top: 0; left: 0; height: 5px; background: linear-gradient(to right, var(--safari-amber), var(--safari-orange)); z-index: 1001; width: 0%; }

/* === Inline styles: blog/amboseli-national-park-guide.html === */
:root { --safari-amber: #f59e0b; --safari-orange: #ea580c; --stone-900: #1c1917; }
body { font-family: 'Montserrat', sans-serif; background: #fafaf9; color: var(--stone-900); scroll-behavior: smooth; }
.font-display { font-family: 'Playfair Display', serif; }
.text-gradient { background: linear-gradient(to right, var(--safari-amber), var(--safari-orange)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.article-shadow { box-shadow: 0 60px 100px -20px rgba(0,0,0,0.08); }
.dropcap::first-letter { font-family: 'Playfair Display', serif; font-size: 5.5rem; float: left; line-height: 0.8; padding-right: 1rem; color: var(--safari-amber); font-weight: 900; }
#scroll-progress { position: fixed; top: 0; left: 0; height: 5px; background: linear-gradient(to right, #f59e0b, #ea580c); z-index: 9999; width: 0%; transition: width 0.1s ease-out; }
.image-overlay-card { position: absolute; bottom: 2rem; left: 2rem; right: 2rem; background: rgba(28, 25, 23, 0.85); backdrop-filter: blur(8px); padding: 2rem; border-radius: 1.5rem; border: 1px solid rgba(255,255,255,0.1); }
.fee-card { background: white; padding: 1.5rem; border-radius: 1.5rem; border: 1px solid rgba(0,0,0,0.05); }

/* === Inline styles: blog/diani-beach-travel-guide.html === */
body { font-family: 'Montserrat', sans-serif; background-color: #fafaf9; color: #1c1917; }
.font-display { font-family: 'Playfair Display', serif; }
#scroll-progress { position: fixed; top: 0; left: 0; height: 5px; background: linear-gradient(to right, #f59e0b, #ea580c); z-index: 9999; width: 0%; transition: width 0.1s ease-out; }
.glass-nav { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.text-gradient { background: linear-gradient(to right, #f59e0b, #ea580c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.dropcap::first-letter { font-family: 'Playfair Display', serif; font-size: 5.5rem; float: left; line-height: 0.8; padding-right: 1rem; color: #b45309; font-weight: 900; }
@keyframes revealUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
.animate-reveal { animation: revealUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards; }

/* === Inline styles: blog/safari-packing-list.html === */
body { font-family: 'Montserrat', sans-serif; background-color: #fafaf9; color: #1c1917; padding-top: 130px; }
.font-display { font-family: 'Playfair Display', serif; }
#scroll-progress { position: fixed; top: 0; left: 0; height: 5px; background: linear-gradient(to right, #d97706, #b45309); z-index: 9999; width: 0%; transition: width 0.1s ease-out; }
.glass-nav { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.text-gradient { background: linear-gradient(to right, #f59e0b, #ea580c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.dropcap::first-letter { font-family: 'Playfair Display', serif; font-size: 5.5rem; float: left; line-height: 0.8; padding-right: 1rem; color: #b45309; font-weight: 900; }
@keyframes revealUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
.animate-reveal { animation: revealUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards; }

/* === Inline styles: blog/swahili-coast-gems.html === */
body { font-family: 'Montserrat', sans-serif; background-color: #fafaf9; color: #1c1917; }
.font-display { font-family: 'Playfair Display', serif; }
#scroll-progress { position: fixed; top: 0; left: 0; height: 5px; background: linear-gradient(to right, #d97706, #b45309); z-index: 9999; width: 0%; transition: width 0.1s ease-out; }
.glass-nav { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.text-gradient { background: linear-gradient(to right, #f59e0b, #ea580c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.dropcap::first-letter { font-family: 'Playfair Display', serif; font-size: 5.5rem; float: left; line-height: 0.8; padding-right: 1rem; color: #b45309; font-weight: 900; }
@keyframes revealUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
.animate-reveal { animation: revealUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards; }

/* === Inline styles: blog/the-great-migration.html === */
:root { --safari-amber: #f59e0b; --safari-orange: #ea580c; --safari-dark: #1c1917; }
.font-display { font-family: 'Playfair Display', serif; }
.font-body { font-family: 'Montserrat', sans-serif; }
html { scroll-behavior: smooth; }
#progress-bar { position: fixed; top: 0; left: 0; height: 5px; background: var(--safari-amber); z-index: 1001; width: 0%; transition: width 0.1s; }
.text-gradient { background: linear-gradient(to right, var(--safari-amber), var(--safari-orange)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.glass-card { background: rgba(255, 255, 255, 0.98); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3); }
.section-title { position: relative; display: inline-block; margin-bottom: 2rem; }
.section-title::after { content: ''; position: absolute; bottom: -10px; left: 0; width: 80px; height: 4px; background: var(--safari-amber); }
.safari-img { transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
.safari-img:hover { transform: scale(1.05); }
.hover-lift { transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease; }
.hover-lift:hover { transform: translateY(-8px); box-shadow: 0 25px 50px -12px rgba(234, 88, 12, 0.15); }
.animate-fade-up { opacity: 0; transform: translateY(30px); animation: fadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
@keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }
#booking-drawer { transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1); }

/* === Inline styles: blog/top-5-safari-experiences.html === */
:root { --safari-amber: #f59e0b; --safari-orange: #ea580c; --safari-dark: #1c1917; }
.font-display { font-family: 'Playfair Display', serif; }
.font-body { font-family: 'Montserrat', sans-serif; }
html { scroll-behavior: smooth; }
#progress-bar { position: fixed; top: 0; left: 0; height: 5px; background: var(--safari-amber); z-index: 1001; width: 0%; transition: width 0.1s; }
.text-gradient { background: linear-gradient(to right, var(--safari-amber), var(--safari-orange)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.glass-card { background: rgba(255, 255, 255, 0.98); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3); }
.section-title { position: relative; display: inline-block; margin-bottom: 2rem; }
.section-title::after { content: ''; position: absolute; bottom: -10px; left: 0; width: 80px; height: 4px; background: var(--safari-amber); }
.safari-img { transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
.safari-img:hover { transform: scale(1.05); }
.hover-lift { transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease; }
.hover-lift:hover { transform: translateY(-8px); box-shadow: 0 25px 50px -12px rgba(234, 88, 12, 0.15); }
.animate-fade-up { opacity: 0; transform: translateY(30px); animation: fadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
@keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }

/* === Inline styles: blog/understanding-maasai-traditions.html === */
body { font-family: 'Montserrat', sans-serif; background-color: #fafaf9; color: #1c1917; padding-top: 130px; }
.font-display { font-family: 'Playfair Display', serif; }
#scroll-progress { position: fixed; top: 0; left: 0; height: 5px; background: linear-gradient(to right, #f59e0b, #ea580c, #ef4444); z-index: 9999; width: 0%; transition: width 0.1s ease-out; }
.glass-nav { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.text-gradient { background: linear-gradient(to right, #f59e0b, #f97316, #ef4444); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.dropcap::first-letter { font-family: 'Playfair Display', serif; font-size: 5.5rem; float: left; line-height: 0.8; padding-right: 1rem; color: #ea580c; font-weight: 900; text-shadow: 2px 2px 0px rgba(251, 191, 36, 0.2); }
.electric-glow:hover { box-shadow: 0 0 25px rgba(245, 158, 11, 0.4); transform: translateY(-4px); }
.glow-red:hover { box-shadow: 0 0 20px rgba(220, 38, 38, 0.5); border-color: rgba(220, 38, 38, 0.6); }
.glow-white:hover { box-shadow: 0 0 20px rgba(212, 212, 216, 0.6); border-color: rgba(161, 161, 170, 0.6); }
.glow-blue:hover { box-shadow: 0 0 20px rgba(37, 99, 235, 0.5); border-color: rgba(37, 99, 235, 0.6); }
.glow-green:hover { box-shadow: 0 0 20px rgba(16, 185, 129, 0.5); border-color: rgba(16, 185, 129, 0.6); }
@keyframes revealUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
.animate-reveal { animation: revealUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards; }

/* === Inline styles: blog/wildebeest-migration-kenya-when-and-where.html === */
:root {
   --safari-amber: #f59e0b;
   --safari-orange: #ea580c;
   --safari-dark: #1c1917;
}
.font-display { font-family: 'Playfair Display', serif; }
.font-body { font-family: 'Montserrat', sans-serif; }
html { scroll-behavior: smooth; }
#progress-bar {
   position: fixed;
   top: 0;
   left: 0;
   height: 5px;
   background: var(--safari-amber);
   z-index: 1001;
   width: 0%;
   transition: width 0.1s;
}
.text-gradient {
   background: linear-gradient(to right, var(--safari-amber), var(--safari-orange));
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}
.glass-card {
   background: rgba(255, 255, 255, 0.98);
   backdrop-filter: blur(10px);
   border: 1px solid rgba(255, 255, 255, 0.3);
}
.section-title {
   position: relative;
   display: inline-block;
   margin-bottom: 2rem;
}
.section-title::after {
   content: '';
   position: absolute;
   bottom: -10px;
   left: 0;
   width: 80px;
   height: 4px;
   background: var(--safari-amber);
}


/* === Inline styles: blog/kenya-safari-beach-7-day.html === */
:root { --amber:#f59e0b; --orange:#ea580c; --dark:#1c1917; }
body { font-family: 'Montserrat', sans-serif; background:#fafaf9; color:var(--dark); scroll-behavior:smooth; }
.font-display { font-family:'Playfair Display', serif; }
.text-gradient { background: linear-gradient(to right,var(--amber),var(--orange)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.article-shadow { box-shadow:0 50px 90px rgba(0,0,0,0.05); }
.dropcap::first-letter { font-size:5.5rem; float:left; padding-right:1rem; font-family:'Playfair Display'; color:var(--amber); line-height:0.7; font-weight:900; }
#progress { position:fixed; top:0; left:0; height:4px; background:linear-gradient(to right,var(--amber),var(--orange)); width:0; z-index:9999; }
.glass-nav { background:rgba(255,255,255,0.9); backdrop-filter:blur(10px); }
.sticky-toc { position:sticky; top:100px; }
.itinerary-step { border-left:2px dashed #e7e5e4; position:relative; padding-left:2.5rem; }
.itinerary-step::before { content:''; position:absolute; left:-9px; top:0; width:16px; height:16px; border-radius:50%; background:var(--amber); border:4px solid #fff; box-shadow:0 0 0 2px var(--amber); }

/* === Inline styles: blog/maasai-mara-safari-abroad.html === */
body { font-family: 'Montserrat', sans-serif; background-color: #fafaf9; color: #1c1917; padding-top: 130px; }
.font-display { font-family: 'Playfair Display', serif; }
#scroll-progress { position: fixed; top: 0; left: 0; height: 5px; background: linear-gradient(to right, #d97706, #b45309); z-index: 9999; width: 0%; transition: width 0.1s ease-out; }
.glass-nav { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.text-gradient { background: linear-gradient(to right, #f59e0b, #ea580c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.dropcap::first-letter { font-family: 'Playfair Display', serif; font-size: 5.5rem; float: left; line-height: 0.8; padding-right: 1rem; color: #b45309; font-weight: 900; }
@keyframes revealUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
.animate-reveal { animation: revealUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards; }