/* =========================================================================
   Lavan — demo palette + fonts + homepage sections.

   The bundled theme CSS (style.css + css/*) ships placeholder colours that the
   original theme's Customizer overrides at runtime. This file reproduces that
   Customizer output (red #DB0007, dark header/footer, Gafata/Open Sans/Offside)
   and adds styling for the front-page sections. Everything is scoped under
   `.lavan-site` so it (a) wins over the global theme CSS by specificity and
   (b) keeps theme CSS off WP-injected UI (admin bar) per the project rules.
   Enqueued AFTER style.css.
   ========================================================================= */

/* ---- Fonts -------------------------------------------------------------- */
.lavan-site, .lavan-site p, .lavan-site input, .lavan-site textarea, .lavan-site select { font-family: 'Open Sans', sans-serif; }
.lavan-site h1, .lavan-site h2, .lavan-site h3, .lavan-site h4, .lavan-site h5, .lavan-site h6 { font-family: 'Gafata', serif; font-weight: 500; }
.lavan-site .menu a, .lavan-site .lvx-eyebrow, .lavan-site .lvx-btn, .lavan-site .filter a { font-family: 'Offside', sans-serif; }

/* ---- Header: dark wood bar + red top border ---------------------------- */
.lavan-site #header_wrapper {
	border-top: 4px solid #DB0007;
	background-color: #1c1c1c;
	background-image: linear-gradient(rgba(0,0,0,.32), rgba(0,0,0,.52)),
		repeating-linear-gradient(90deg, #242424 0, #242424 3px, #1e1e1e 3px, #1e1e1e 6px);
	padding: 34px 0 0;
}
.lavan-site .header_right_section,
.lavan-site .header_right_section a { color: #fff; }
.lavan-site .lvx-call { color: #fff; font-family: 'Gafata', serif; font-size: 22px; margin: 6px 0 14px; }
.lavan-site .lvx-call span { color: #cfcfcf; }
.lavan-site .lvx-tools { display: flex; justify-content: flex-end; align-items: center; gap: 14px; flex-wrap: wrap; }
.lavan-site .lvx-soc { display: inline-flex; gap: 6px; }
.lavan-site .lvx-soc a { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; background: #DB0007; color: #fff; border-radius: 3px; font-family: 'Offside'; font-size: 11px; }
.lavan-site .lvx-soc a:hover { background: #fff; color: #DB0007; }
.lavan-site .lvx-auth { display: inline-flex; gap: 6px; }
.lavan-site .lvx-auth a { font-family: 'Offside'; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #fff; padding: 8px 16px; border-radius: 3px; background: rgba(255,255,255,.14); }
.lavan-site .lvx-auth a + a { background: #DB0007; }
.lavan-site .lvx-auth a:hover { background: #fff; color: #DB0007; }

/* ---- Menu: native Lavan ribbon, recoloured red --------------------------
   The theme CSS already renders the ribbon: .nav_wrap is position:absolute and
   overlays the hero with a wine→transparent gradient; .menu > ul has the dark
   bottom edge, rounded bottom and the angled :before/:after corners; the menu
   floats right inside nav.container. We only (a) paint the ribbon red, (b) keep
   the items on one row, and (c) fix the theme's placeholder active colour
   (#1ABC9C teal !important) back to red. ---------------------------------- */
/* Signature Lavan gradient: a dark-red band behind the menu that fades to
   transparent down over the top of the hero. The band is taller than the menu
   and ignores pointer events so the hero below stays clickable. */
.lavan-site .nav_wrap {
	z-index: 100;
	height: 120px;
	pointer-events: none;
	background: linear-gradient(to bottom,
		rgba(116, 0, 0, 0.85) 0%,
		rgba(60, 12, 16, 0.35) 55%,
		rgba(43, 18, 22, 0) 100%) !important;
}
.lavan-site .nav_wrap nav.container { position: relative; pointer-events: auto; }
/* The whole ribbon floats to the right of the centred container. */
.lavan-site .nav_wrap #myslidemenu { float: right; margin: -10px 0 0; }
/* The ribbon itself: shrink to its items, red, with the dark bottom edge. */
.lavan-site .nav_wrap #myslidemenu > ul {
	display: inline-flex; float: none;
	background: #DB0007;
	border-bottom: 7px solid rgba(0,0,0,.32);
	border-radius: 0 0 7px 7px;
	box-shadow: 0 8px 22px rgba(0,0,0,.3);
}
.lavan-site .nav_wrap .menu ul,
.lavan-site .nav_wrap .menu li { list-style: none; }
.lavan-site .menu > ul > li { float: none; }
.lavan-site .menu > ul > li > a { display: block; color: #fff; padding: 17px 22px; font-size: 15px; }
/* recolour the angled corner triangles red */
.lavan-site .menu > ul:before { border-color: rgba(0,0,0,0) #a30006 rgba(0,0,0,0) rgba(0,0,0,0); opacity: 1; }
.lavan-site .menu > ul:after  { border-color: rgba(0,0,0,0) #DB0007; opacity: 1; }
.lavan-site .menu > li.current-menu-item > a,
.lavan-site .menu > li.current_page_item > a,
.lavan-site .menu > ul > li:hover > a { background: #a30006 !important; color: #fff !important; }
/* sub-menus: vertical dropdown, white */
.lavan-site .menu ul ul { width: 210px; box-shadow: 0 12px 26px rgba(0,0,0,.18); display: none; }
.lavan-site .menu ul li:hover > ul { display: block; }
.lavan-site .menu ul ul li a { background: #fff; color: #444; padding: 9px 18px; }
.lavan-site .menu ul ul li a:hover { color: #DB0007; background: #f5f5f5; }
/* the theme uses a JS-built <select> for mobile; hide our fallback burger */
.lavan-site .lvx-burger { display: none; }
.lavan-site .nav_wrap select { display: none; }

/* ---- Sub-header (black page-title bar) -------------------------------- */
.lavan-site .sub_header_wrapper { background-color: #000; }
.lavan-site .sub_header_wrapper h1,
.lavan-site .sub_header_wrapper h2 { color: #fff; font-size: 2em; margin: 0; }
.lavan-site .sub_header_wrapper p { color: rgba(255,255,255,.7); }
.lavan-site .sub_header_wrapper .lvx-eyebrow { color: #DB0007; }

/* ---- Accents / links / buttons --------------------------------------- */
.lavan-site a { color: #DB0007; }
.lavan-site a:hover { color: #a30006; }
.lavan-site .lvx-eyebrow { display: inline-block; color: #DB0007; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 12px; }
.lavan-site .lvx-btn { display: inline-block; background: #DB0007; color: #fff; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; padding: 13px 30px; border: 0; cursor: pointer; transition: background .3s ease, color .3s ease; }
.lavan-site .lvx-btn:hover { background: #fff; color: #DB0007; box-shadow: inset 0 0 0 1px #DB0007; }
.lavan-site .lvx-btn--ghost { background: transparent; color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.7); }
.lavan-site .lvx-btn--ghost:hover { background: #fff; color: #DB0007; box-shadow: none; }

/* ---- Section scaffolding --------------------------------------------- */
.lavan-site #mid_container { opacity: 1 !important; padding: 0; }
.lavan-site .lvx-section { padding: 80px 0; background: #fff; }
.lavan-site .lvx-section--alt { background: #f6f5f3; }
.lavan-site .lvx-head { text-align: center; max-width: 640px; margin: 0 auto 50px; }
.lavan-site .lvx-head h2 { font-size: 34px; margin-bottom: 12px; }
.lavan-site .lvx-head p { color: #9a9a9a; margin: 0; }
.lavan-site .lvx-head::after { content: ""; display: block; width: 56px; height: 2px; background: #DB0007; margin: 18px auto 0; }

/* ---- Hero slider (parallax-style caption like single_img_parallex) ---- */
.lavan-site .lvx-slider { position: relative; }
.lavan-site .lvx-slide { display: none; min-height: 620px; background-size: cover; background-position: center; position: relative; }
.lavan-site .lvx-slide.is-active { display: block; }
.lavan-site .lvx-slide::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.45); }
.lavan-site .lvx-slide__cap { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); text-align: center; z-index: 2; padding: 0 20px; }
.lavan-site .lvx-slide__cap .lvx-eyebrow { color: #fff; }
.lavan-site .lvx-slide__cap h2 { color: #fff; font-size: 72px; line-height: 1.05; text-transform: uppercase; letter-spacing: 2px; text-shadow: 1px 1px 0 #353535; margin-bottom: 18px; }
.lavan-site .lvx-slide__cap .description { display: table; margin: 0 auto 26px; padding: 12px 18px; color: #fff; font-size: 20px; border-top: 1px solid rgba(255,255,255,.5); border-bottom: 1px solid rgba(255,255,255,.5); }
.lavan-site .lvx-dots { position: absolute; bottom: 24px; left: 0; right: 0; z-index: 5; display: flex; gap: 10px; justify-content: center; }
.lavan-site .lvx-dots button { width: 12px; height: 12px; border-radius: 50%; border: 2px solid #fff; background: transparent; cursor: pointer; padding: 0; }
.lavan-site .lvx-dots button.is-active { background: #DB0007; border-color: #DB0007; }

/* ---- About ----------------------------------------------------------- */
.lavan-site .lvx-about__img img { width: 100%; aspect-ratio: 4/5; object-fit: cover; }
.lavan-site .lvx-about h2 { font-size: 32px; line-height: 1.25; margin-bottom: 18px; }
.lavan-site .lvx-about h2 em { color: #DB0007; font-style: italic; }
.lavan-site .lvx-sign { font-family: 'Gafata'; font-style: italic; font-size: 20px; color: #2b2b2b; border-left: 3px solid #DB0007; padding-left: 16px; margin: 18px 0 26px; }

/* ---- Portfolio tiles (models + lookbook) ----------------------------- */
.lavan-site .lvx-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; }
.lavan-site .lvx-tile { position: relative; overflow: hidden; }
.lavan-site .lvx-tile img { width: 100%; aspect-ratio: 3/4; object-fit: cover; filter: grayscale(100%); transition: transform .8s cubic-bezier(.2,.7,.2,1), filter .5s ease; display: block; }
.lavan-site .lvx-tile:hover img { transform: scale(1.05); filter: grayscale(0); }
.lavan-site .lvx-tile__ov { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; background: rgba(219,0,7,.8); opacity: 0; transition: opacity .35s ease; padding: 16px; }
.lavan-site .lvx-tile:hover .lvx-tile__ov { opacity: 1; }
.lavan-site .lvx-tile__ov span { font-family: 'Offside'; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 6px; opacity: .9; }
.lavan-site .lvx-tile__ov h3 { color: #fff; margin: 0; font-size: 22px; }

/* ---- Parallax banner (signature) ------------------------------------- */
.lavan-site .lvx-parallax { position: relative; background-size: cover; background-position: center; background-attachment: fixed; text-align: center; padding: 120px 0; }
.lavan-site .lvx-parallax::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.55); }
.lavan-site .lvx-parallax__in { position: relative; z-index: 2; max-width: 760px; margin: 0 auto; padding: 0 20px; }
.lavan-site .lvx-parallax h2 { color: #fff; font-size: 56px; line-height: 1.1; text-transform: uppercase; text-shadow: 1px 1px 0 #353535; margin-bottom: 16px; }
.lavan-site .lvx-parallax h2 em { color: #DB0007; font-style: normal; }
.lavan-site .lvx-parallax p { color: #fff; font-size: 18px; margin: 0; }

/* ---- Stats ----------------------------------------------------------- */
.lavan-site .lvx-stats { background: #000; padding: 64px 0; }
.lavan-site .lvx-stats__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; text-align: center; }
.lavan-site .lvx-stat__num { font-family: 'Gafata'; font-size: 50px; color: #fff; line-height: 1; margin-bottom: 6px; }
.lavan-site .lvx-stat__num span { color: #DB0007; }
.lavan-site .lvx-stat__lbl { font-family: 'Offside'; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,.7); }

/* ---- Services -------------------------------------------------------- */
.lavan-site .lvx-serv__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; }
.lavan-site .lvx-serv { text-align: center; padding: 34px 22px; border: 1px solid rgba(204,204,204,.4); transition: all .3s ease; }
.lavan-site .lvx-serv__no { font-family: 'Gafata'; font-size: 30px; color: #DB0007; margin-bottom: 12px; }
.lavan-site .lvx-serv h3 { font-size: 19px; margin-bottom: 10px; }
.lavan-site .lvx-serv p { font-size: 13px; margin: 0; }
.lavan-site .lvx-serv:hover { background: #DB0007; border-color: #DB0007; }
.lavan-site .lvx-serv:hover .lvx-serv__no, .lavan-site .lvx-serv:hover h3 { color: #fff; }
.lavan-site .lvx-serv:hover p { color: rgba(255,255,255,.85); }

/* ---- Testimonials ---------------------------------------------------- */
.lavan-site .lvx-tst { text-align: center; max-width: 800px; margin: 0 auto; }
.lavan-site .lvx-tst__item { display: none; }
.lavan-site .lvx-tst__item.is-active { display: block; }
.lavan-site .lvx-tst__q { font-family: 'Gafata'; font-style: italic; font-size: 24px; line-height: 1.5; color: #2b2b2b; margin-bottom: 22px; }
.lavan-site .lvx-tst__n { font-family: 'Offside'; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; color: #DB0007; }
.lavan-site .lvx-tst__r { font-size: 13px; color: #9a9a9a; }
.lavan-site .lvx-tst__dots { margin-top: 26px; display: flex; gap: 9px; justify-content: center; }
.lavan-site .lvx-tst__dots button { width: 9px; height: 9px; border-radius: 50%; border: 1px solid #9a9a9a; background: transparent; cursor: pointer; padding: 0; }
.lavan-site .lvx-tst__dots button.is-active { background: #DB0007; border-color: #DB0007; }

/* ---- Journal cards --------------------------------------------------- */
.lavan-site .lvx-news__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.lavan-site .lvx-card__thumb { overflow: hidden; margin-bottom: 16px; }
.lavan-site .lvx-card__thumb img { width: 100%; aspect-ratio: 3/2; object-fit: cover; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.lavan-site .lvx-card:hover .lvx-card__thumb img { transform: scale(1.06); }
.lavan-site .lvx-card__meta { font-family: 'Offside'; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #DB0007; margin-bottom: 8px; }
.lavan-site .lvx-card h3 { font-size: 19px; margin-bottom: 8px; }
.lavan-site .lvx-card h3 a { color: #2b2b2b; }
.lavan-site .lvx-card h3 a:hover { color: #DB0007; }
.lavan-site .lvx-readmore { font-family: 'Offside'; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #DB0007; border-bottom: 1px solid #DB0007; padding-bottom: 2px; }

/* ---- Contact --------------------------------------------------------- */
.lavan-site .lvx-contact h2 { font-size: 30px; margin-bottom: 16px; }
.lavan-site .lvx-contact__row { padding: 14px 0; border-bottom: 1px solid rgba(204,204,204,.4); }
.lavan-site .lvx-contact__row span { display: block; font-family: 'Offside'; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #9a9a9a; margin-bottom: 4px; }
.lavan-site .lvx-contact__row a, .lavan-site .lvx-contact__row p { color: #2b2b2b; font-size: 16px; margin: 0; }
.lavan-site .lvx-form input, .lavan-site .lvx-form textarea { width: 100%; background: rgba(204,204,204,.1); border: 1px solid rgba(204,204,204,.4); padding: 11px 12px; margin-bottom: 14px; font-family: 'Open Sans'; }
.lavan-site .lvx-form textarea { min-height: 120px; resize: vertical; }

/* ---- Footer: dark with a red gradient top border --------------------- */
.lavan-site .footer_wrapper, .lavan-site footer { background: #1c1c1c; }
.lavan-site footer #top_border { background: linear-gradient(to bottom, rgba(219,0,7,.6) 0%, rgba(0,0,0,0) 60%) !important; filter: none !important; }
.lavan-site footer, .lavan-site footer p, .lavan-site footer li { color: #b7b7b7 !important; }
.lavan-site footer h3, .lavan-site footer .widget_container h3 { color: #fff !important; }
.lavan-site footer a { color: #cfcfcf !important; }
.lavan-site footer a:hover { color: #DB0007 !important; }
.lavan-site .lvx-fbrand { display: inline-block; margin-bottom: 14px; }
.lavan-site .lvx-fbrand img { max-height: 56px; width: auto; }
.lavan-site .lvx-fsoc { display: flex; gap: 8px; margin-top: 14px; }
.lavan-site .lvx-fsoc a { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; background: #DB0007; color: #fff !important; border-radius: 3px; font-family: 'Offside'; font-size: 10px; }
.lavan-site .lvx-fsoc a:hover { background: #fff; color: #DB0007 !important; }
.lavan-site #footer_bottom { text-align: center; }

/* Logo on the dark header. */
.lavan-site .logo img { max-height: 78px; width: auto; }

/* ---- Inner pages (blog / single / archive / page) -------------------- */
.lavan-site .lvx-eyebrow.lvx-crumb { color: #DB0007; }
/* The theme floats #mid_container_wrapper; without a clear, the footer renders
   at the same top and covers the content. Neutralise the float and clear the
   footer so content sits between the sub-header and the footer. */
.lavan-site #mid_container_wrapper { float: none; overflow: hidden; padding: 70px 0; background: #fff; }
.lavan-site .footer_wrapper { clear: both; }
.lavan-site .lvx-post { margin-bottom: 50px; }
.lavan-site .lvx-post__thumb { overflow: hidden; margin-bottom: 20px; display: block; }
.lavan-site .lvx-post__thumb img { width: 100%; aspect-ratio: 16/9; object-fit: cover; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.lavan-site .lvx-post:hover .lvx-post__thumb img { transform: scale(1.04); }
.lavan-site .lvx-post__meta { font-family: 'Offside'; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #DB0007; margin-bottom: 10px; }
.lavan-site .lvx-post__title { font-size: 26px; margin-bottom: 12px; }
.lavan-site .lvx-post__title a { color: #2b2b2b; }
.lavan-site .lvx-post__title a:hover { color: #DB0007; }
.lavan-site .lvx-content { font-size: 15px; color: #787878; }
.lavan-site .lvx-content h2, .lavan-site .lvx-content h3 { margin: 1.2em 0 .5em; }
.lavan-site .lvx-content img { margin: 1.2em 0; }
.lavan-site .lvx-content blockquote { border-left: 3px solid #DB0007; padding: 6px 0 6px 22px; margin: 1.2em 0; font-family: 'Gafata'; font-style: italic; font-size: 20px; color: #2b2b2b; }
.lavan-site .lvx-sidebar .widget { margin-bottom: 36px; }
.lavan-site .lvx-sidebar .lvx-wtitle { font-size: 18px; color: #2b2b2b; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 1px solid rgba(204,204,204,.4); }
.lavan-site .lvx-sidebar ul li { padding: 8px 0; border-bottom: 1px solid rgba(204,204,204,.35); font-size: 13px; }
.lavan-site .lvx-sidebar a { color: #787878; }
.lavan-site .lvx-sidebar a:hover { color: #DB0007; }
.lavan-site .lvx-sidebar input[type="search"], .lavan-site .lvx-sidebar input[type="text"] { width: 100%; border: 1px solid rgba(204,204,204,.5); padding: 10px 12px; }
.lavan-site .lvx-pagination { margin-top: 24px; display: flex; gap: 6px; flex-wrap: wrap; }
.lavan-site .lvx-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; border: 1px solid rgba(204,204,204,.5); color: #787878; }
.lavan-site .lvx-pagination .page-numbers.current, .lavan-site .lvx-pagination .page-numbers:hover { background: #DB0007; color: #fff; border-color: #DB0007; }

/* ---- Responsive ------------------------------------------------------ */
@media (max-width: 980px) {
	.lavan-site .container { width: 100%; box-sizing: border-box; }
	.lavan-site .header_left_section, .lavan-site .header_right_section { float: none; width: 100%; text-align: center; }
	.lavan-site .header_right_section { margin-top: 16px; }
	.lavan-site .lvx-tools { justify-content: center; }
	.lavan-site .lvx-grid, .lavan-site .lvx-news__grid { grid-template-columns: repeat(2, 1fr); }
	.lavan-site .lvx-stats__grid, .lavan-site .lvx-serv__grid { grid-template-columns: repeat(2, 1fr); }
	.lavan-site .lvx-slide__cap h2 { font-size: 48px; }

	/* On mobile, drop the absolute overlay: the menu becomes a normal stacked
	   bar revealed by the burger toggle. */
	.lavan-site .nav_wrap { position: static !important; width: auto; background: none !important; }
	.lavan-site .nav_wrap nav.container, .lavan-site .nav_wrap .menu, .lavan-site .nav_wrap div.menu { float: none; margin: 0; }
	.lavan-site .lvx-burger { display: block; width: 100%; background: #DB0007; color: #fff; border: 0; padding: 14px; font-family: 'Offside'; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; }
	.lavan-site .nav_wrap .menu > ul { display: none; float: none; flex-direction: column; border-radius: 0; }
	.lavan-site .nav_wrap .menu > ul.is-open { display: flex; }
	.lavan-site .menu > ul:before, .lavan-site .menu > ul:after { display: none; }
	.lavan-site .menu > ul > li { float: none; }
	.lavan-site .menu > ul > li > a { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
}
@media (max-width: 600px) {
	.lavan-site .lvx-grid, .lavan-site .lvx-news__grid, .lavan-site .lvx-stats__grid, .lavan-site .lvx-serv__grid { grid-template-columns: 1fr; }
	.lavan-site .lvx-slide__cap h2 { font-size: 34px; }
	.lavan-site .lvx-parallax h2 { font-size: 34px; }
}

/* ---- Intro banner (red) ---------------------------------------------- */
.lavan-site .lvx-banner { background:#db0007; text-align:center; padding:58px 0; }
.lavan-site .lvx-banner p { color:#fff; font-family:'Gafata',serif; font-size:30px; line-height:1.35; max-width:900px; margin:0 auto 24px; }
.lavan-site .lvx-banner p em { font-style:italic; }
.lavan-site .lvx-banner .lvx-btn--ghost { box-shadow:inset 0 0 0 1px #fff; }
.lavan-site .lvx-banner .lvx-btn--ghost:hover { background:#fff; color:#db0007; box-shadow:none; }

/* ---- Features (3 columns) -------------------------------------------- */
.lavan-site .lvx-serv__grid--3 { grid-template-columns:repeat(3,1fr); }

/* ---- Team mates ------------------------------------------------------ */
.lavan-site .lvx-team__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.lavan-site .lvx-member { text-align:center; }
.lavan-site .lvx-member__img { overflow:hidden; margin-bottom:16px; }
.lavan-site .lvx-member__img img { width:100%; aspect-ratio:1/1; object-fit:cover; transition:transform .6s ease; display:block; }
.lavan-site .lvx-member:hover .lvx-member__img img { transform:scale(1.05); }
.lavan-site .lvx-member h4 { font-size:20px; margin:0 0 4px; }
.lavan-site .lvx-member span { font-family:'Offside',sans-serif; font-size:12px; letter-spacing:2px; text-transform:uppercase; color:#db0007; }

@media (max-width:782px){ .lavan-site .lvx-serv__grid--3, .lavan-site .lvx-team__grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:480px){ .lavan-site .lvx-serv__grid--3, .lavan-site .lvx-team__grid { grid-template-columns:1fr; } }

/* ===== Front-page "Our Latest Talents" — dynamic grid replacing the empty
   Ultimate Member directory (served inside the demo body, not under .lavan-site) ===== */
.um-directory { display: none !important; }
.lavan-talents-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; max-width: 1160px; margin: 0 auto; }
.lavan-talent { position: relative; display: block; overflow: hidden; background: #111; }
.lavan-talent__photo { display: block; overflow: hidden; }
.lavan-talent__photo img { width: 100%; aspect-ratio: 1/1; object-fit: cover; filter: grayscale(100%); transition: transform .6s ease, filter .4s ease; display: block; }
.lavan-talent:hover .lavan-talent__photo img { transform: scale(1.05); filter: grayscale(0); }
.lavan-talent__name { display: block; color: #fff; font-family: 'Gafata', serif; font-size: 18px; padding: 14px 16px 0; }
.lavan-talent__meta { display: block; color: #db0007; font-family: 'Offside', sans-serif; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; padding: 2px 16px 16px; }
@media (max-width: 782px) { .lavan-talents-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .lavan-talents-grid { grid-template-columns: 1fr; } }

/* ===== Brand fallback (no custom logo → site title + tagline) ===== */
#logo .lavan-site-title { display: block; color: #fff; font-family: 'Gafata', serif; font-size: 34px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; line-height: 1; }
#logo .lavan-site-tagline { display: block; color: #cfcfcf; font-family: 'Offside', sans-serif; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; margin-top: 7px; }

/* ===== About paragraph sits on the dark section → lift it to a readable grey ===== */
.elementor-element-b2259ec,
.elementor-element-b2259ec p { color: #cfcfcf !important; }

/* ===== Team (CPT grid) — replaces the hidden demo team section ===== */
.elementor-element-2e0d116 { display: none !important; }
.lavan-team-section { background: #1c1c1c; padding: 70px 0; }
.lavan-team-heading { text-align: center; color: #fff; font-family: 'Gafata', serif; font-size: 32px; margin: 0 0 40px; }
.lavan-team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1100px; margin: 0 auto; padding: 0 15px; }
.lavan-tm { text-align: center; }
.lavan-tm__photo { overflow: hidden; margin-bottom: 16px; }
.lavan-tm__photo img { width: 100%; aspect-ratio: 1/1; object-fit: cover; display: block; transition: transform .6s ease; }
.lavan-tm:hover .lavan-tm__photo img { transform: scale(1.05); }
.lavan-tm__name { color: #fff; font-family: 'Gafata', serif; font-size: 20px; margin: 0 0 4px; }
.lavan-tm__role { display: block; color: #db0007; font-family: 'Offside', sans-serif; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 12px; }
.lavan-tm__desc { color: #b7b7b7; font-size: 13px; line-height: 1.7; margin: 0 0 14px; }
.lavan-tm__social { display: flex; gap: 8px; justify-content: center; }
.lavan-tm__social a { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,.1); color: #fff; border-radius: 3px; }
.lavan-tm__social a:hover { background: #db0007; color: #fff; }
@media (max-width: 782px) { .lavan-team-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .lavan-team-grid { grid-template-columns: 1fr; } }

/* ===== Footer (demo #colophon, dark bg) — lift sunken text to readable greys ===== */
#colophon,
#colophon p,
#colophon li,
#colophon .elementor-widget-text-editor,
#colophon .elementor-icon-list-text,
#colophon .elementor-icon-list-item > a { color: #c4c4c4 !important; }
#colophon .elementor-heading-title { color: #ffffff !important; }
#colophon a:hover,
#colophon .elementor-icon-list-item:hover .elementor-icon-list-text { color: #ffffff !important; }