/* ===== BASE ===== */
	body {
  		margin: 0;
  		padding: 0;
  		font-family: Inter, Arial, sans-serif;
 		background: #ffffff;
  		color: #111;
  		line-height: 1.6;
	}

	a {
 		color: inherit;
  		text-decoration: none;
	}

/* ===== LAYOUT ===== */
	.container {
 		max-width: 1100px;
  		margin: 0 auto;
  		padding: 24px 24px; /* reduced from 80px → FIXES BIG GAP */
	}


/* ===== NAV ===== */
	nav {
  		display: flex;
  		justify-content: space-between;
  		align-items: center;
 		padding: 14px 24px; /* reduced for tighter top area */
  		border-bottom: 1px solid #eee;
		}

	nav a {
  		margin-left: 20px;
  		font-size: 14px;
	}

/* ===== HERO ===== */
	.hero {
 		text-align: center;
		  padding: 40px 24px; /* reduced from 120px → FIXES MAIN GAP */
	}

	.hero h1 {
  		font-size: 52px;
  		margin: 10px 0;
	}

	.hero p {
 		font-size: 18px;
  		color: #666;
 		margin: 6px 0; /* tighter spacing */
	}

/* ===== BUTTONS ===== */
	.btn {
 		display: inline-block;
  		padding: 12px 20px;
 		margin: 10px 8px;
  		border: 1px solid #111;
  		cursor: pointer;
  		transition: 0.3s;
	}

	.btn.primary {
 		background: #111;
  		color: #fff;
	}

	.btn:hover {
  		opacity: 0.8;
	}

/* ===== SECTIONS ===== */
	section {
  		margin-bottom: 60px; /* slightly reduced */
	}

/* ===== FEATURED CREDIT ===== */
	.featured {
  		display: grid;
  		grid-template-columns: 1fr 1fr;
  		gap: 40px;
  		align-items: center;
  		margin-top: 20px;
	}

/* FEATURED LAYOUT (2-column container only) */
	.featured {
 		display: grid;
  		grid-template-columns: 1fr 1fr;
  		gap: 40px;
  		align-items: center;
	}

/* DEFAULT IMAGES (SAFE RULE) */
	.featured img {
  		width: 100%;
  		height: auto;
  		display: block;
	}

/* PROFILE IMAGE ONLY (HEADSHOT CONTROL) */
	.profile img {
  		width: 100%;
 		max-width: 420px;
  		height: auto;
  		display: block;
  		object-fit: cover;
	}

/* ZAFŻIFA FEATURE IMAGE */
	.film img {
 		width: 80%;
  		max-width: 400px;
  		height: auto;
  		display: block;
	}

/* PROFILE IMAGE ONLY (HOME + ABOUT) */
	.hero img,
	.about img {
  		max-width: 260px;
  		width: 100%;
  		height: auto;
  		object-fit: cover;
  		border-radius: 2px;
	}

/* CONTACT LAYOUT */
	.contact {
   		display: grid;
    	grid-template-columns: 1fr 1fr;
    	gap: 40px;
    	align-items: center;
	}

/* CONTACT IMAGE */
	.contact-photo img {
    	max-width: 300px;
    	height: auto;
    	display: block;
    	object-fit: cover;
	}

/* CONTACT AVAILBILITY */
	.contact-footer {
    	max-width: 1100px;
    	margin: 60px auto 0 auto;
    	padding: 0 24px;
    	display: grid;
    	grid-template-columns: repeat(3, 1fr);
    	gap: 30px;
	}

/* ===== GRID (GALLERY) ===== */
	.grid {
  	display: grid;
  	grid-template-columns: repeat(3, 1fr);
  	gap: 14px;
	}

/* ===== IMAGES ===== */
	.grid img {
 	 width: 100%;
  	height: 450px;
  	object-fit: cover;
  	display: block;
  	transition: transform 0.4s ease;
	}

	.grid img:hover {
  	transform: scale(1.02);
	}

/* ===== FOOTER ===== */
	footer {
 	 	text-align: center;
  		padding: 30px;
  		border-top: 1px solid #eee;
  		font-size: 14px;
	}

/* ===== MOBILE VIEW ===== */
@media (max-width: 768px) {

/* Navigation */
    nav {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }

    nav div:last-child {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }

    nav a {
        margin: 0;
    }

/* Hero and two-column layouts */
    .contact,
	.featured {
    	grid-template-columns: 1fr;
    	align-items: center;
    	gap: 20px;
    	text-align: initial;
	}

/* IMAGES */
/* ===== PROFILE (HOME HEADSHOT) ===== */
	.profile {
 	 	display: flex;
		flex-direction: column;
  		justify-content: center;
  		align-items: center;
	}

	.profile img {
  		width: 100%;
  		max-width: 280px;
  		height: auto;
  		display: block;
  		object-fit: cover;
		align-items: center;
	}
	
/* ===== HERO (TEXT BLOCK) ===== */
	.hero {
  		display: flex;
  		flex-direction: column;
  		justify-content: center;
  		align-items: center;
  		text-align: center;
	}

/* ===== FILM FEATURE IMAGE ===== */
	.film {
  		display: flex;
		flex-direction: column;
  		justify-content: center;
  		align-items: center;
  		margin: 30px auto;
	}

	.film img {
  		width: 100%;
  		max-width: 500px;
  		height: auto;
  		display: block;
  		object-fit: cover;
	}

/* ===== CONTACT IMAGE ===== */
	.contact-photo {
  		display: flex;
  		justify-content: center;
  		align-items: center;
	}
	.contact-photo img {
 		width: 100%;
  		max-width: 250px;
  		height: auto;
  		display: block;
  		object-fit: cover;
	}

	.contact-info {
    	text-align: left;
 		width: 100%;
	}

/* Contact footer blocks */
	.contact-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    text-align: center;
}

.contact-block {
    width: 100%;
    max-width: 420px;
    box-sizing: border-box;
}

/* Headings */
    .hero h1 {
        font-size: 36px;
    	}

    .hero p {
        font-size: 16px;
    	}

/* Gallery grid */
    .grid {
        grid-template-columns: 1fr;
    	}

/* Slideshow */
    .slideshow {
        max-width: 90%;
        height: 400px;
    }
	
/* Container padding */
    .container {
        padding: 20px;
    	}
	}