/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.5.1.1789197091
Updated: 2026-09-12 07:11:31

*/

:root {
  --cream: #F4EFE8;
  --cream-dark: #EDE6DA;
  --sage: #5B8A7A;
  --sage-dark: #3D6659;
  --sage-light: #8FBDB0;
  --rose: #C17878;
  --charcoal: #2A2A2A;
  --warm-gray: #6B6560;
  --white: #FDFAF6;
  --gold:#C4A35A;
  --gold-light:#E2C98A;
  --nav-h: 72px;
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'DM Sans', sans-serif;
}

html { scroll-behavior: smooth; }
body { font-family: var(--font-body); background: var(--cream); color: var(--charcoal); overflow-x: hidden; font-weight: 300; }

.site-header .site-title { display: none; }

.site-header{
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  height: var(--nav-h);
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 2.5rem !important;
  background: rgba(253,250,246,0.97);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 1px 0 rgba(0,0,0,0.07), 0 4px 18px rgba(0,0,0,0.05);
  transition: background 0.4s ease, box-shadow 0.4s ease;
}
.site-header.scrolled {
  background: rgba(253,250,246,0.96);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 1px 0 rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.04);
}

/* .nav-logo-link { display: flex; align-items: center; text-decoration: none; flex-shrink: 0; overflow: hidden; max-width: 220px; height: 50px; }
.nav-logo { display: block !important; height: 44px !important; max-height: 44px !important; width: auto !important; max-width: 200px !important; object-fit: contain !important; flex-shrink: 0; } */

.nav-links { display: flex; align-items: center; gap: 5px; list-style: none; }
.nav-links > li { position: relative; }
.nav-links > li > a {
  font-family: var(--font-body); font-size: 0.72rem; font-weight: 400;
  letter-spacing: 0.13em; text-transform: uppercase; color: var(--charcoal);
  text-decoration: none; padding: 0.45rem 0.9rem; border-radius: 3px;
  display: flex; align-items: center; gap: 3px;
  transition: color 0.2s, background 0.2s; white-space: nowrap;
}
.nav-links > li > a .arrow {
  font-size: 0.42rem; opacity: 0.45; margin-top: 1px;
  transition: transform 0.22s; display: inline-block;
}
.nav-links > li:hover > a { color: var(--sage); background: rgba(91,138,122,0.07); }
.nav-links > li:hover > a .arrow { transform: rotate(180deg); }

.nav-links > li.current_page_item > a { color: var(--sage); background: rgba(91,138,122,0.07); }

.nav-cta a{
  background: var(--sage) !important; color: #fff !important;
  margin-left: 0.6rem; padding: 0.45rem 1.1rem !important; border-radius: 2px !important;
}
.nav-cta a:hover { background: var(--sage-dark) !important; color: #fff !important; transform: translateY(-1px); box-shadow: 0 4px 14px rgba(61,102,89,0.2); }

.drop {
  position: absolute; top: calc(100% + 10px); left: 0;
  background: var(--white); min-width: 200px;
  border: 1px solid rgba(91,138,122,0.14); border-top: 2px solid var(--sage);
  border-radius: 0 0 6px 6px;
  box-shadow: 0 14px 36px rgba(0,0,0,0.1);
  padding: 0.4rem 0;
  opacity: 0; visibility: hidden; transform: translateY(-6px);
  transition: opacity 0.22s, transform 0.22s, visibility 0.22s;
  list-style: none;
}
.nav-links > li:hover > .drop,
.nav-links > li:focus-within > .drop { opacity: 1; visibility: visible; transform: translateY(0); }
.drop-head { font-size: 0.6rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--sage-light); padding: 0.5rem 1rem 0.35rem; border-bottom: 1px solid rgba(91,138,122,0.1); margin-bottom: 0.2rem; }
.drop li a {
  display: flex; align-items: center; gap: 0.6rem;
  padding: 0.6rem 1rem; font-size: 0.71rem; font-weight: 400;
  letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--warm-gray); text-decoration: none;
  border-left: 2px solid transparent;
  transition: color 0.18s, background 0.18s, padding-left 0.18s, border-color 0.18s;
}
.drop li a::before { content: ''; width: 4px; height: 4px; border-radius: 50%; background: var(--sage-light); flex-shrink: 0; transition: background 0.18s; }
.drop li a:hover { color: var(--sage-dark); background: rgba(91,138,122,0.05); padding-left: 1.25rem; border-left-color: var(--sage); }
.drop li a:hover::before { background: var(--sage); }

.hamburger {
  display: none; flex-direction: column; justify-content: center;
  align-items: center; gap: 5px; cursor: pointer;
  width: 40px; height: 40px; padding: 8px;
  background: none; border: 1px solid rgba(91,138,122,0.3);
  border-radius: 4px; z-index: 1100;
}
.hamburger span { display: block; width: 18px; height: 1.5px; background: var(--charcoal); transition: all 0.3s ease; transform-origin: center; }
.elementor-active .hamburger span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.elementor-active .hamburger span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.elementor-active .hamburger span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }


.mob-cta a{ margin: 1.5rem 1.75rem; display: block; text-align: center; background: var(--sage) !important; color: #fff !important; text-decoration: none; padding: 0.9rem 1.5rem !important; border-radius: 2px; font-size: .85rem !important; letter-spacing: 0.15em; text-transform: uppercase; transition: background 0.2s;font-family: 'DM Sans' !important; }


.site-navigation-toggle-holder{
    padding: 0;
}

.site-navigation-dropdown ul.menu {
    background: transparent;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
}

.site-navigation-dropdown ul.menu li a {
    background: transparent;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .102);
    color:var(--charcoal);
    display: block;
    padding: 12px 20px;
    font-family: var(--font-display);
    font-size: 1.5rem;
}

.site-navigation-dropdown ul.menu li.current-menu-item a {
    color: var(--sage);
    background: rgba(91, 138, 122, 0.07);
}

ul.mobile-sub-menu a {
    padding-left: 40px !important;
}

.mobile-dropdown a {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
}

/* ---------------------------------------------------------
	   CLASSES DROPDOWN
	   --------------------------------------------------------- */

	#site-header .mobile-menu-arrow {
		position: relative;


	}

	#site-header .mobile-menu-arrow::before {
		content: "";

		position: absolute;

		top: 12px;
		right: 0px;

		width: 8px;
		height: 8px;

		border-right: 1px solid #2A2A2A;
		border-bottom: 1px solid #2A2A2A;

		transform: rotate(45deg);

		transition: transform .25s ease;
	}

    /* ---------------------------------------------------------
	   SUBMENU
	   --------------------------------------------------------- */

	#site-header .site-navigation-dropdown
	ul.mobile-sub-menu {



		border-left: 1px solid rgba(109, 157, 145, 1);

		list-style: none;
	}



.site-footer { background: var(--charcoal); color: var(--cream); padding: 4rem 5vw; }
.footer-nav-links {
    list-style: none;
    padding: 0;
}
.foot-grid { max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 2.5rem; }
.foot-logo { height: 40px; width: auto; margin-bottom: 1rem; display: block; }
.foot-brand p { font-size: 0.78rem; line-height: 1.7; opacity: 0.5; max-width: 240px; }
.foot-col h4 { font-size: 0.64rem; letter-spacing: 0.24em; text-transform: uppercase; color: var(--sage-light); margin-bottom: 1.1rem; }
.foot-col a, .foot-col p { display: block; font-size: 0.8rem; line-height: 1.6; color: rgba(244,239,232,0.45); text-decoration: none; margin-bottom: 0.35rem; transition: color 0.2s; }
.foot-col a:hover { color: var(--cream); }
.ci { display: flex; gap: 0.7rem; align-items: flex-start; margin-bottom: 0.7rem; }
.ci-icon { color: var(--sage-light); font-size: 0.8rem; flex-shrink: 0; margin-top: 0.1rem; }
.ci span { font-size: 0.8rem; color: rgba(244,239,232,0.45); line-height: 1.5; }
.foot-btm { max-width: 1080px; margin: 2.5rem auto 0; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,0.07); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; }
.foot-btm p { font-size: 0.7rem; color: rgba(244,239,232,0.28); }
.sig { font-family: var(--font-display); font-size: 1.25rem; font-style: italic; color: rgba(244,239,232,0.3); }    


.hero { min-height: 100vh; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; padding-top: var(--nav-h); }
.hero-img { position: relative; overflow: hidden; margin-top: calc(-1 * var(--nav-h)); }
.hero-img img { width: 100%; height: calc(100% + var(--nav-h)); object-fit: cover; object-position: center top; display: block; }
.hero-img::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to right, transparent 65%, var(--cream) 100%); }
.hero-body {
  display: flex; flex-direction: column; justify-content: center;
  padding: 4rem 3.5rem 4rem 2.5rem; background: var(--cream);
  animation: fadeUp 0.9s ease both;
}
@keyframes fadeUp { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } }

.eyebrow { font-size: 0.66rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--sage); margin-bottom: 1rem !important; display: flex; align-items: center; gap: 0.7rem; }
.eyebrow::before { content: ''; display: block; width: 28px; height: 1px; background: var(--sage); }

.hero h1 { font-family: var(--font-display); font-size: clamp(2.8rem, 4.5vw, 4rem); font-weight: 300; line-height: 1.1 !important; color: var(--charcoal); }

h2 {
    font-family: var(--font-display);
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 300;
    line-height: 1.15 !important;
    color: var(--charcoal);
}

h1 em, h2 em { font-style: italic; color: var(--rose); }
.hero-name { font-family: var(--font-display); font-size: 0.92rem; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--sage-dark); margin: 1.5rem 0 0.4rem !important; }
.hero-sub { font-size: 0.78rem; letter-spacing: 0.06em; color: var(--warm-gray); line-height: 1.6; margin-bottom: 1.6rem !important; padding-bottom: 1.6rem; border-bottom: 1px solid rgba(91,138,122,0.18); }
.hero-para p{ font-size: 0.87rem; line-height: 1.85; color: var(--warm-gray); max-width: 460px; margin-bottom: 2.2rem !important; }
.btns { display: flex; gap: 0.9rem; flex-wrap: wrap; }

.btn { display: inline-block; padding: 0.85rem 1.9rem; font-family: var(--font-body); font-size: 0.71rem; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; text-decoration: none; transition: all 0.28s ease; cursor: pointer; border-radius: 2px; white-space: normal;}
.btn-p { background: var(--sage); color: #fff; border: 1px solid var(--sage); }
.btn-p:hover { background: var(--sage-dark); border-color: var(--sage-dark); transform: translateY(-2px); box-shadow: 0 8px 22px rgba(91,138,122,0.25); }
.btn-o { background: transparent !important; color: var(--sage) !important; border: 1px solid var(--sage) !important; }
.btn-o:hover { background: var(--sage) !important; color: #fff !important; transform: translateY(-2px); }

h1, h2, h3, h4, h5, h6 {
    margin-block-end: 1rem !important;
    margin-block-start: .5rem !important;
}

.elementor-widget-text-editor p{
  font-size: 0.87rem; line-height: 1.85; color: var(--warm-gray);
}

.bnd-list { list-style: none; margin: 2rem 0 !important; }
.bnd-list li { display: flex; align-items: flex-start; gap: 0.9rem; padding: 0.85rem 0 !important; border-bottom: 1px solid rgba(91,138,122,0.1); transition: color 0.2s; }
.bnd-list li span { font-size: 0.87rem !important; color: var(--warm-gray) !important; }
.bnd-list li:hover { color: var(--charcoal); }
.bnd-list li::before { content: '→'; color: var(--sage-light); flex-shrink: 0; transition: transform 0.2s, color 0.2s; }
.bnd-list li:hover::before { transform: translateX(4px); color: var(--sage); }

.cond-list { list-style: none; margin: 1.75rem 0 !important; }
.cond-list li { padding: 0.72rem 0 !important; border-bottom: 1px solid rgba(0,0,0,0.06); display: flex; align-items: center; gap: 0.7rem; transition: all 0.2s; cursor: default; }

.cond-list li span{ font-family: var(--font-display) !important; font-size: 1.05rem !important; color: var(--charcoal) !important; }

.cond-list li::before { content: '◦'; color: var(--sage); }
.cond-list li:hover { padding-left: 0.4rem !important; color: var(--sage-dark); }

.img-frame { position: relative; }
.img-frame img { width: 100%; height: 460px; object-fit: cover; object-position: center; display: block; position: relative; z-index: 1; }
.img-frame::before { content: '' !important; position: absolute !important; top: -14px !important; right: -14px !important; bottom: 14px !important; left: 14px !important; border: 1px solid rgba(91,138,122,0.28) !important; z-index: 0; width: 500px !important; }

.quote-bar { background: var(--sage-dark); padding: 3.5rem 5vw; text-align: center; position: relative; overflow: hidden; }
.quote-bar::before { content: '"' !important; position: absolute !important; top: -2rem !important; left: 4vw !important; font-family: var(--font-display); font-size: 11rem; color: rgba(255,255,255,0.05); line-height: 1; pointer-events: none; width: auto !important;}
.quote-bar .blockquote { font-family: var(--font-display); font-size: clamp(1.4rem,3vw,2rem); font-weight: 300; font-style: italic; color: #fff; max-width: 680px; margin: 0 auto !important; }
.quote-bar .cite { display: block; margin-top: 1.25rem !important; font-family: var(--font-body); font-size: 0.72rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--sage-light); font-style: normal; }


.serve-num { font-family: var(--font-display); font-size: clamp(4rem,8vw,7rem); font-weight: 300; color: rgba(91,138,122,0.13); line-height: 1; margin-bottom: -1rem !important; }

    .site-navigation-dropdown {
		position: fixed;

		
		left: 0;
		right: 0;
		bottom: 0;

		width: 100%;
		top: var(--nav-h);
		height: calc(100dvh - var(--nav-h));

		margin: 0;
		padding: 0;

		background: #FDFAF6;

		border: 0;
		border-top: 1px solid rgba(42, 42, 42, .08);
		box-shadow: none;

		z-index: 99999;

		overflow-y: auto;
		overflow-x: hidden;

		-webkit-overflow-scrolling: touch;
	}

.credentials-strip{display:flex;flex-wrap:wrap;gap:0.5rem;margin:1.4rem 0}
.cred-tag{font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;background:rgba(91,138,122,0.1);color:var(--sage-dark);padding:0.3rem 0.7rem;border-radius:2px;border:1px solid rgba(91,138,122,0.15)}
.lead{font-size:0.92rem;line-height:1.85;color:var(--warm-gray);max-width:420px;margin-bottom:2rem !important;padding-bottom:2rem !important;border-bottom:1px solid rgba(91,138,122,0.15)}
.stat-row{display:flex;gap:2rem;margin-bottom:2rem}

.stat-num{font-family:var(--font-display);font-size:2.4rem;font-weight:300;color:var(--sage);line-height:1}
.stat-label{font-size:0.68rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--warm-gray);margin-top:0.2rem}

.bio-block{margin-bottom:3.5rem !important;padding-bottom:3.5rem !important;border-bottom:1px solid rgba(91,138,122,0.1); padding-left: 0 !important;
    padding-right: 0 !important; padding-top: 0 !important;}


.bio-block h3{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--charcoal);margin-bottom:0.9rem !important;display:flex;align-items:center;gap:0.8rem;margin-top:0 !important;}

.bio-block h3::before{content:'';display:block;width:3px;height:1.2em;background:var(--sage);flex-shrink:0}

.bio-block p{font-size:0.88rem;line-height:1.95;color:var(--warm-gray);margin-bottom:0.85rem !important;}

.bio-block p:last-child{margin-bottom:0 !important;}

.courses-list ul{list-style:none;margin:0.8rem 0 1rem;display:flex;flex-direction:column;gap:0.5rem}
.courses-list li{display:flex;align-items:flex-start;gap:0.85rem;padding:0.6rem 1rem !important;background:var(--cream);border-left:2px solid var(--sage-light);transition:border-color 0.2s,background 0.2s}
.courses-list li span{font-size:0.88rem;color:var(--warm-gray);line-height:1.5;}
.courses-list li:hover{border-left-color:var(--sage);background:var(--cream-dark)}
.courses-list li::before{content:'→';color:var(--sage);flex-shrink:0;font-size:0.78rem;margin-top:0.1rem}

.benefits-box{background:var(--cream);border:1px solid rgba(91,138,122,0.14);padding:1.4rem 1.6rem;margin-top:1.25rem !important;border-radius:2px}
.benefits-box p{font-size:0.86rem;color:var(--warm-gray);line-height:1.85;margin:0}

.personal-note{
  background:var(--sage-dark);color:#fff;
  padding:2.5rem;margin-top:3.5rem;border-radius:2px;
  position:relative;overflow:hidden;
}
.personal-note::before{content:'"' !important;position:absolute !important;top:-1rem !important;left:1rem !important;font-family:var(--font-display);font-size:8rem;color:rgba(255,255,255,0.07);line-height:1;pointer-events:none;width: auto !important;}
.personal-note p{font-family:var(--font-display);font-size:1.3rem;font-style:italic;line-height:1.6;opacity:0.9;position:relative}
.personal-note .cite{display:block;margin-top:1rem !important;font-family:var(--font-body);font-size:0.72rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--sage-light);font-style:normal}


.cta-banner h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:300;color:#fff !important;margin-bottom:0.5rem !important}
.cta-banner h2 em{font-style:italic;color:var(--sage-light)}
.cta-banner p{font-size:0.87rem;color:rgba(255,255,255,0.6);margin-bottom:1.8rem !important;text-align: center;}
.btn-light{background-color:#fff !important;color:var(--sage-dark);border:1px solid #fff}
.btn-light:hover{background-color:var(--cream) !important;color:var(--sage-dark) !important;transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,0.15)}


.blog-hero {
  padding-top: var(--nav-h) !important;
  background: var(--white);
  text-align: center;
}

.blog-hero .eyebrow {
  font-size: 0.88rem; letter-spacing: 0.28em; text-transform: uppercase;
  color: var(--sage); margin-bottom: 1rem;
  display: flex; align-items: center; justify-content: center; gap: 0.7rem;
}
.blog-hero .eyebrow::before, .blog-hero .eyebrow::after { content: ''; display: block; width: 28px; height: 1px; background: var(--sage); }
.blog-hero h1 { font-family: var(--font-display); font-size: clamp(2.8rem, 5vw, 4rem); font-weight: 300; line-height: 1.1; color: var(--charcoal); }
.blog-hero h1 em { font-style: italic; color: var(--rose); }
.blog-hero p { margin-top: 1.1rem; font-size: 0.88rem; line-height: 1.85; color: var(--warm-gray); max-width: 460px; margin-left: auto; margin-right: auto; }


.featured-post {
  max-width: 1080px; margin: 0 auto;
  display: grid; grid-template-columns: 1.1fr 1fr;
  border-bottom: 1px solid rgba(91,138,122,0.12);
  padding-bottom: 4rem;
  overflow: hidden;
}
.featured-post__img { position: relative; overflow: hidden !important; }
.featured-post__img img { width: 100%; height: 100%; min-height: 400px; object-fit: cover; display: block; transition: transform 0.6s ease; }
.featured-post:hover .featured-post__img img { transform: scale(1.03); }
.featured-tag { position: absolute; top: 1.2rem; left: 1.2rem; background: var(--rose); color: #fff; font-size: 0.58rem; letter-spacing: 0.22em; text-transform: uppercase; padding: 0.3rem 0.8rem; border-radius: 2px; }
.featured-post__body { display: flex; flex-direction: column; justify-content: center; background: var(--cream); }
.featured-post__meta { font-size: 0.66rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--sage-light); margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; }
.featured-post__meta span { color: rgba(91,138,122,0.3); }
.featured-post__title { font-family: var(--font-display); font-size: clamp(1.6rem, 2.8vw, 2.2rem); font-weight: 300; line-height: 1.15; color: var(--charcoal); text-decoration: none; display: block; margin-bottom: 1rem; transition: color 0.2s; }
.featured-post__title:hover { color: var(--sage-dark); }
.featured-post__excerpt { font-size: 0.85rem; line-height: 1.85; color: var(--warm-gray); margin-bottom: 2rem !important; flex: 1; }
.read-more { font-size: 0.68rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--sage) !important; text-decoration: none; display: inline-flex !important; align-items: center; gap: 0.5rem; transition: gap 0.2s, color 0.2s; align-self: flex-start; border-bottom: 1px solid rgba(91,138,122,0.25) !important; padding:0 0 0.25rem !important; background-color: transparent !important;}
.read-more::after { content: '→'; transition: transform 0.2s; }
.read-more:hover { color: var(--sage-dark) !important; gap: 0.8rem; }
.read-more:hover::after { transform: translateX(4px) !important; }

.cta-banner-light p {
    font-size: 0.87rem;
    line-height: 1.85;
    color: var(--warm-gray);
    max-width: 420px;
    margin: 0 auto 2rem !important;
    text-align: center;

}

.cta-banner-light span {
    font-size: 0.87rem;
    line-height: 1.85;
    color: var(--warm-gray);
    max-width: 420px;
    text-align: center;

}

.cta-banner-light .eyebrow::before, .cta-banner-light .eyebrow::after { content: ''; display: block; width: 28px; height: 1px; background: var(--sage); }


.page-header {
  padding-top: var(--nav-h) !important;
  background: var(--white);
  text-align: center;
}

.page-header .eyebrow {
  font-size: 0.88rem; letter-spacing: 0.28em; text-transform: uppercase;
  color: var(--sage); margin-bottom: 1rem;
  display: flex; align-items: center; justify-content: center; gap: 0.7rem;
}
.page-header .eyebrow::before, .page-header .eyebrow::after { content: ''; display: block; width: 28px; height: 1px; background: var(--sage); }
.page-header h1 { font-family: var(--font-display); font-size: clamp(2.4rem, 5vw, 3.6rem); font-weight: 300; line-height: 1.1; color: var(--charcoal); }
.page-header h1 em { font-style: italic; color: var(--rose); }
.page-header p { margin-top: 1.1rem; font-size: 0.88rem; line-height: 1.85; color: var(--warm-gray); max-width: 460px; margin-left: auto; margin-right: auto; }


.top-inner{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.top-card{background:var(--white);padding:2.2rem;border:1px solid rgba(91,138,122,0.1);border-top:3px solid var(--sage);display:flex;flex-direction:column;gap:1.2rem;transition:transform 0.28s,box-shadow 0.28s}
.top-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(0,0,0,0.08)}
.top-card-header{display:flex;align-items:center;gap:1rem}
.top-card-info h4{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--charcoal)}
.top-card-info p{font-size:0.72rem;color:var(--warm-gray);letter-spacing:0.06em;margin-top:0.1rem}

.stars{color:var(--gold);font-size:1rem;letter-spacing:2px;margin-bottom:0.75rem !important}
.avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid rgba(91,138,122,0.2);flex-shrink:0}
.avatar-placeholder{width:72px;height:72px;border-radius:50%;background:var(--cream-dark);border:3px solid rgba(91,138,122,0.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-display);font-size:1.4rem;color:var(--sage-light)}

.testimonial-quote, .testimonial-quote p{font-family:var(--font-display);font-size:1rem;font-style:italic;line-height:1.85;color:var(--charcoal);position:relative}
.testimonial-quote p::before{content:'"' !important;font-size:3rem;color:var(--sage-light);line-height:0;vertical-align:-0.5rem !important;margin-right:0.15rem !important;font-style:normal;position: relative !important;}
.testimonial-author{margin-top:1rem;font-family:var(--font-body);font-size:0.73rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--sage-dark)}
.testimonial-role{font-size:0.7rem;color:var(--warm-gray);letter-spacing:0.06em;margin-top:0.15rem;font-style:italic}
.testimonial-location{font-weight:300;color:var(--warm-gray)}

.section-divider .elementor-widget-heading{display:flex;align-items:center;gap:1.5rem;margin:0 auto 2.5rem !important;max-width:900px !important;padding:0 5vw; width: 100%; }
.section-divider .elementor-widget-heading::before,.section-divider .elementor-widget-heading::after{content:'';flex:1;height:1px;background:rgba(91,138,122,0.15)}
.section-divider .elementor-widget-heading h2{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.1rem);font-weight:300;color:var(--charcoal);text-align:center;}
.section-divider .elementor-widget-heading h2 em{font-style:italic;color:var(--rose)}


.featured-card{background:var(--white);padding:3rem;border-left:4px solid var(--sage) !important;box-shadow:0 8px 32px rgba(0,0,0,0.06)}
.featured-card img{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid rgba(91,138,122,0.25);margin:0 auto 1.5rem;display:block}
.featured-card .testimonial-quote p{font-size:1.05rem;line-height:2}
.featured-card .testimonial-author{font-size:0.78rem;margin-top:1.5rem}


.mini-card{background:var(--white);padding:1.6rem;border:1px solid rgba(91,138,122,0.1);transition:transform 0.25s,box-shadow 0.25s,border-color 0.25s}
.mini-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,0.07);border-color:var(--sage-light) !important}
.mini-card .stars{font-size:0.85rem;margin-bottom:0.6rem !important;display: block;}
.mini-card .testimonial-quote p{font-size:0.85rem;line-height:1.75 !important}
.mini-card .testimonial-quote::before{font-size:2.2rem}
.mini-card .testimonial-author{font-size:0.68rem;margin-top:0.85rem}


.retreat-card{background:var(--white) !important;padding:1.8rem !important;border:1px solid rgba(91,138,122,0.1) !important;border-top:3px solid var(--sage-light) !important;transition:transform 0.25s,box-shadow 0.25s}
.retreat-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.08)}
.retreat-card .stars{font-size:0.88rem;margin-bottom:0.7rem !important;display: block;}
.retreat-card .testimonial-quote p{font-size:0.86rem;line-height:1.8 !important}
.retreat-card .testimonial-quote::before{font-size:2.2rem}

.retreat-card .testimonial-location, .mini-card .testimonial-location {
    font-size: 0.7rem;
    color: var(--warm-gray);
    letter-spacing: 0.06em;
    margin-top: 0.15rem;
    font-style: italic;
    text-transform: none;
}


#japaViewport{
  overflow:hidden;width:100%;padding: 0 !important;
}

#japaTrack{
  display:flex;transition:transform 0.65s cubic-bezier(0.77,0,0.175,1);padding: 0 !important;
}

.japa-slide{
  min-width:100% !important;text-align:center !important;padding:0 2vw !important;
}

.japa-slider .section-divider .elementor-widget-heading h2{
  color:var(--white);
}

.japa-slider .section-divider .elementor-widget-heading::before, .japa-slider .section-divider .elementor-widget-heading::after{
background: rgba(255,255,255,0.4);
}

.japa-slide .blockquote{
font-family:var(--font-display);font-size:clamp(1rem,2vw,1.5rem);font-style:italic;font-weight:300;color:rgba(255,255,255,0.9);line-height:1.2;max-width:820px;margin:0 auto;margin-bottom: 15px !important;
}

.japa-slide .testimonial-location{
  font-style:normal;color:rgba(255,255,255,0.55);font-size:0.88em;
}


/* Slider */
.slider-wrap { position:relative; }
.slider { position:relative; overflow:hidden !important; width:100%;padding: 0 !important; border-radius:2px; background:var(--charcoal); }
.slider-track { display:flex !important; transition:transform 0.55s cubic-bezier(0.77,0,0.175,1);padding: 0 !important; }
.slide { min-width:100% !important; position:relative !important; padding: 0 !important; }
.slide img { width:100%; height:420px; object-fit:cover; object-position:center; display:block; }
.slide-caption {
  position:absolute; bottom:0; left:0; right:0;
  padding:1rem 1.25rem; font-family:var(--font-display); font-size:1rem;
  font-style:italic; color:#fff;
  background:linear-gradient(to top, rgba(42,42,42,0.7) 0%, transparent 100%);
}

.slider-btn {
  position:absolute; top:50%; transform:translateY(-50%);
  width:38px; height:38px; border-radius:50%;
  background:rgba(253,250,246,0.9); border:1px solid rgba(91,138,122,0.25);
  color:var(--sage-dark); font-size:0.9rem; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  transition:background 0.2s, box-shadow 0.2s; z-index:10;
  box-shadow:0 2px 10px rgba(0,0,0,0.1);
}
.slider-btn:hover { background:var(--sage); box-shadow:0 4px 16px rgba(0,0,0,0.15); }
.slider-btn.prev { left:12px; }
.slider-btn.next { right:12px; }

.slider-dots { display:flex; justify-content:center; gap:8px; margin-top:1rem; }
.dot { width:7px; height:7px; border-radius:50%; background:rgba(91,138,122,0.25); cursor:pointer; transition:background 0.2s, transform 0.2s; }
.dot.active { background:var(--sage); transform:scale(1.3); }

.schedule-card h2 { font-family:var(--font-display); font-size:clamp(1.6rem,3vw,2.3rem); font-weight:300; color:var(--charcoal); margin-bottom:1.5rem; }
.schedule-card h2 em { font-style:italic; color:var(--rose); }

.class-tiles { display:grid; grid-template-columns:1fr 1fr; gap:0.75rem; margin-bottom:1.25rem !important; }
.class-tile {
  background:var(--white); border:1px solid rgba(91,138,122,0.14);
  padding:1rem 1.1rem !important; border-radius:3px !important;
  transition:border-color 0.2s, box-shadow 0.2s;
}
.class-tile:hover { border-color:var(--sage-light); box-shadow:0 4px 14px rgba(91,138,122,0.1); }
.class-tile h3 { font-family:var(--font-display); font-size:1.05rem; font-weight:600; color:var(--sage-dark); margin-bottom:0.2rem; }
.class-tile p { font-size:0.76rem; color:var(--warm-gray); letter-spacing:0.04em; }

.pricing-box {
  background:var(--cream-dark); border:1px solid rgba(91,138,122,0.12);
  padding:1.1rem 1.25rem !important; border-radius:3px !important; margin-bottom:1.5rem !important;
}
.pricing-box h4 { font-size:0.72rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--sage-dark); margin-bottom:0.6rem; }
.pricing-box ul { list-style:none; }
.pricing-box li { padding:0.25rem 0; display:flex; align-items:center; gap:0.6rem; }
.pricing-box li span{font-size:0.85rem !important; color:var(--warm-gray) !important;}
.pricing-box li::before { content:'◦'; color:var(--sage); }


.shop-header { text-align:center; margin-bottom:3rem !important; }

.shop-header .eyebrow { font-size:0.85rem; letter-spacing:0.3em; text-transform:uppercase; color:var(--sage); margin-bottom:0.85rem; display:flex; align-items:center; gap:0.65rem; }
.shop-header .eyebrow::before { content:''; width:20px; height:1px; background:var(--sage); }

.shop-header p { font-size:0.85rem; color:var(--warm-gray);}

.product-card {
  background:var(--white); border:1px solid rgba(91,138,122,0.1);
  border-radius:4px; overflow:hidden;
  transition:transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
.product-card:hover { transform:translateY(-5px); box-shadow:0 16px 40px rgba(0,0,0,0.1); border-color:var(--sage-light); }

.product-img {
  position:relative; overflow:hidden; height:200px !important;
  background:var(--cream);
}
.product-img img { width:100%; height:100% !important; object-fit:contain; object-position:center; padding:1rem; transition:transform 0.4s ease; }
.product-card:hover .product-img img { transform:scale(1.05); }

.product-body { padding:1.25rem !important; display:flex !important; flex-direction:column; gap:0.85rem; }
.product-body h3 { font-family:var(--font-display); font-size:1.05rem; font-weight:400; color:var(--charcoal); line-height:1.3; }
.product-body p { font-size:0.78rem; color:var(--warm-gray); line-height:1.6; flex:1; margin-bottom: 10px !important; }

.buy-btn {
  display:block; text-align:center;
  background:var(--sage); color:#fff; text-decoration:none;
  padding:0.65rem 1rem; border-radius:2px;
  font-size:0.68rem; font-weight:500; letter-spacing:0.15em; text-transform:uppercase;
  transition:background 0.22s, transform 0.22s;
}
.buy-btn:hover { background:var(--sage-dark); transform:translateY(-1px); }

/* =========================================================
   JAPA / TESTIMONIAL SLIDER CONTROLS
   ========================================================= */

.japa-controls {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    margin-top: 32px;
}


/* ---------------------------------------------------------
   Arrow buttons
   --------------------------------------------------------- */

.japa-btn {
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid var(--cream-dark);
    border-radius: 50%;
    background: transparent;
    color: var(--cream-dark);

    display: flex;
    align-items: center;
    justify-content: center;

    font-family: inherit;
    font-size: 20px;
    line-height: 1;

    cursor: pointer;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease,
        border-color 0.25s ease;
}

.japa-btn:hover {
    background: var(--cream-dark);
    border-color: var(--cream-dark);
    color: var(--charcoal);
    transform: translateY(-1px);
}

.japa-btn:focus-visible {
    outline: 2px solid var(--cream-dark);
    outline-offset: 4px;
}


/* ---------------------------------------------------------
   Dots wrapper
   --------------------------------------------------------- */

.japa-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}


/* ---------------------------------------------------------
   Individual dots
   --------------------------------------------------------- */

.japa-dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;

    background: #c8d5d0;

    cursor: pointer;

    transition:
        width 0.3s ease,
        background-color 0.3s ease,
        transform 0.3s ease;
}

.japa-dot:hover {
    background: var(--cream-dark);
    transform: scale(1.15);
}


/* ---------------------------------------------------------
   Active dot
   --------------------------------------------------------- */

.japa-dot.active {
    width: 26px;
    border-radius: 10px;
    background: var(--cream-dark);
}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .japa-controls {
        gap: 16px;
        margin-top: 24px;
    }

    .japa-btn {
        width: 38px;
        height: 38px;
        font-size: 18px;
    }

    .japa-dots {
        gap: 7px;
    }

    .japa-dot {
        width: 7px;
        height: 7px;
    }

    .japa-dot.active {
        width: 22px;
    }

}
.blog-grid { max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }

.blog-card { background: var(--white); display: flex; flex-direction: column; transition: transform 0.28s ease, box-shadow 0.28s ease; border-bottom: 2px solid transparent; }
.blog-card:hover { transform: translateY(-5px); box-shadow: 0 16px 40px rgba(0,0,0,0.09); border-bottom-color: var(--sage); }
.blog-card__img { overflow: hidden; position: relative; }
.blog-card__img img { width: 100%; height: 210px !important; object-fit: cover; display: block; transition: transform 0.5s ease; }
.blog-card:hover .blog-card__img img { transform: scale(1.05); }
.blog-card__no-img { height: 90px; background: linear-gradient(135deg, rgba(91,138,122,0.08) 0%, rgba(91,138,122,0.15) 100%); display: flex; align-items: center; justify-content: center; }
.blog-card__no-img span { font-family: var(--font-display); font-size: 2.5rem; color: rgba(91,138,122,0.25); font-style: italic; }
.blog-card__body { padding: 1.5rem 1.6rem 1.8rem; display: flex; flex-direction: column; flex: 1; }
.blog-card__meta { font-size: 0.64rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--sage-light); margin-bottom: 0.65rem; }
.blog-card__title { font-family: var(--font-display); font-size: clamp(1.05rem, 1.8vw, 1.3rem); font-weight: 400; line-height: 1.25; color: var(--charcoal); text-decoration: none; display: block; margin-bottom: 0.75rem; transition: color 0.2s; }
.blog-card__title:hover { color: var(--sage-dark); }
.blog-card__excerpt { font-size: 0.81rem; line-height: 1.8; color: var(--warm-gray); flex: 1; margin-bottom: 1.3rem; }
.blog-card__read-more { font-size: 0.65rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--sage); text-decoration: none; display: flex; align-items: center; gap: 0.4rem; transition: gap 0.2s, color 0.2s; align-self: flex-start; }
.blog-card__read-more::after { content: '→'; }
.blog-card:hover .blog-card__read-more { color: var(--sage-dark); gap: 0.7rem; }

.blog-grid-load-more-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.blog-grid-load-more {
    position: relative;
    min-width: 150px;
    padding: 14px 28px;

    border: 1px solid #3d6659;
    border-radius: 0;

    background: #3d6659;
    color: #fff;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;

    cursor: pointer;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}

.blog-grid-load-more:hover {
    background: transparent;
    color: #3d6659;
    transform: translateY(-2px);
}

.blog-grid-load-more:disabled {
    cursor: default;
}

.blog-grid-load-more__loading {
    display: none;
}

.blog-grid-load-more.is-loading
.blog-grid-load-more__text {
    display: none;
}

.blog-grid-load-more.is-loading
.blog-grid-load-more__loading {
    display: inline;
}

@media (max-width: 767px) {

    .blog-grid-load-more-wrap {
        margin-top: 35px;
    }

    .blog-grid-load-more {
        width: 100%;
        max-width: 220px;
    }

}

.swami-label{background:var(--sage-dark);
  margin-top:1.25rem !important;padding:1rem 1.25rem !important;}

.swami-label h4{font-family:var(--font-display);font-size:1.1rem;font-weight:400;margin-bottom:0.2rem;color:var(--gold-light)}
.swami-label p{font-size:0.76rem;color:rgba(255,255,255,0.55);line-height:1.5;letter-spacing:0.04em;}


/* Format box */
.format-box{
  background:var(--white);border:1px solid rgba(91,138,122,0.14);
  border-left:3px solid var(--sage);
  padding:1.25rem 1.5rem !important;margin:1.75rem 0 !important;border-radius:0 3px 3px 0;
}
.format-box h4{font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--sage-dark);margin-bottom:0.6rem}
.format-box p{font-size:0.84rem;color:var(--warm-gray);line-height:1.75;margin:0}


.pillar{padding:2rem !important;border:1px solid rgba(91,138,122,0.1);border-top:3px solid var(--sage);transition:transform 0.28s,box-shadow 0.28s}
.pillar:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(0,0,0,0.08)}
.pillar-num{font-family:var(--font-display);font-size:2.8rem;font-weight:300;color:rgba(91,138,122,0.15);line-height:1;margin-bottom:0.5rem}
.pillar h3{font-family:var(--font-display);font-size:1.2rem;font-weight:400;color:var(--charcoal);margin-bottom:0.7rem}
.pillar p{font-size:0.82rem;color:var(--warm-gray);line-height:1.75}

/* Info side */
.info-block{margin-bottom:2.5rem !important;}
.info-label{font-size:0.64rem;letter-spacing:0.28em;text-transform:uppercase;color:var(--sage);margin-bottom:0.9rem !important;padding-bottom:0.7rem !important;border-bottom:1px solid rgba(91,138,122,0.18);display:flex;align-items:center;gap:0.65rem}
.info-label::before{content:'';width:16px;height:1px;background:var(--sage)}

.contact-item{display:flex !important;align-items:flex-start;gap:1rem;padding:0.9rem 0 !important;border-bottom:1px solid rgba(91,138,122,0.08)}
.contact-item:last-child{border-bottom:none}
.contact-icon{width:36px !important;height:36px !important;border-radius:50% !important;background:rgba(91,138,122,0.1);display:flex !important;align-items:center;justify-content:center;font-size:0.9rem;flex-shrink:0;color:var(--sage)}
.contact-item-body {padding:0 !important;}
.contact-item-body h4{font-family:var(--font-body);font-size:0.68rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--sage-dark);margin-bottom:0.25rem !important} 
.contact-item-body p,.contact-item-body a{font-size:0.87rem;color:var(--warm-gray);text-decoration:none;line-height:1.5;transition:color 0.2s}
.contact-item-body a:hover{color:var(--sage)}

.studio-note{background:var(--white);border:1px solid rgba(91,138,122,0.12);border-left:3px solid var(--sage);padding:1.2rem 1.4rem !important;margin-top:1.5rem !important;font-size:0.85rem;color:var(--warm-gray);line-height:1.7}
.studio-note strong{color:var(--charcoal);font-weight:500}

.address-direction{
  display: flex;
  background:var(--sage-dark);padding:10px 15px !important;
}

.address-direction h4{
font-size:0.68rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--sage-light);margin-bottom:0.2rem;
}

.address-direction p{
  font-family:var(--font-display);font-size:1rem;color:#fff;
}

.address-direction a{
  font-size:0.7rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--sage-light);text-decoration:none;border-bottom: 1px solid rgba(143, 189, 176, 0.4) !important;
    padding: 0 0 1px !important;
    transition: color 0.2s;
    background: transparent !important;
}

/* Map embed */
.map-wrap{border-radius:3px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.1);margin-top:1.5rem}
.map-wrap iframe{width:100%;height:300px;border:none;display:block}

.form-intro p{
  color:var(--warm-gray);
}

.form-intro ul{
  margin-top:2rem !important;display:flex;flex-direction:column;gap:1rem;
}

.form-intro ul li{
display:flex;align-items:center;gap:0.9rem;
}  

.form-intro ul li span{
font-size:0.85rem !important;color:var(--warm-gray) !important;
}

.form-intro ul li::before{
  content:"✓";
  width:36px;height:36px;border-radius:50%;background:rgba(91,138,122,0.1);display:flex;align-items:center;justify-content:center;font-size:0.85rem;flex-shrink:0;
  position: relative;
}

.single-post .page-content{
  padding: 5rem 5vw;
  
}

.single-post .page-content .page-inner{
  margin: 0 auto;
  max-width: 1080px;
}



.single-post .page-header .page-header-inner{
  padding: 5rem 10px;
}

.single-post .page-header h1{
  font-size: clamp(2.4rem, 3vw, 3rem);
  color: var(--rose);
}

.single-post .page-header .page-eyebrow {
    font-size: 0.88rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--sage);
    margin-bottom: .8rem auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.single-post .page-header .page-eyebrow::before, .single-post .page-header .page-eyebrow::after {
    content: '';
    display: block;
    width: 28px;
    height: 1px;
    background: var(--sage);
}




.single-post .elementor-widget-html {
    width: 100%;
}

.single-post .iframe-container {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
}

.single-post .iframe-container iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.single-post .entry-content a,
.single-post .page-content a {
    color: #6D9D91;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.single-post .entry-content a:hover,
.single-post .page-content a:hover {
    color: #2A2A2A;
}


@media (max-width: 1280px) {

.img-frame::before {
display: none !important;
}

.blog-grid { grid-template-columns: 1fr; }

}

@media (max-width: 1024px) {


  .hero-img { height: 56vw; min-height: 280px; margin-top: 0; }
  .hero-img img { height: 100%; }
  .hero-img::after { background: linear-gradient(to bottom, transparent 50%, var(--cream) 100%); }

}


/* ── Tablet ─────────────────────────────── */
@media (max-width: 960px) {

    .site-header{ padding: 0 1.25rem !important; }

    .foot-grid { grid-template-columns: 1fr 1fr; gap: 2rem; }

}    

/* ── Mobile ─────────────────────────────── */
@media (max-width: 600px) {

  :root { --nav-h: 62px; }
  .site-header { padding: 0 1rem !important;  }
  .header-inner { padding: 0 !important; }

    .hero-img { height: 72vw; min-height: 240px; margin-top: 0; }
  .hero-img img { height: 100%; }
  .hero-img::after { background: linear-gradient(to bottom, transparent 40%, var(--cream) 95%); }
 



  .foot-grid { grid-template-columns: 1fr; gap: 2rem; }
  .foot-btm { flex-direction: column; align-items: flex-start; gap: 0.5rem; }

}  

/* ── Small phone ────────────────────────── */
@media (max-width: 390px) {

    .header-inner { padding: 0 !important; }
    .hero-img { height: 80vw; }

}