/* Enable smooth font rendering for a thinner appearance */
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: "Times New Roman", Times, serif;
    font-size: 27px;
    line-height: 36px;
    font-weight: 400;
    margin: 40px;
    color: rgba(0, 0, 0, 0.85);
    background-color: #ffffff;
}

/* Base Paragraph Reset */
p {
    margin: 0;
    padding: 0;
}

/* Strict Link Styling */
a, 
a:visited, 
a:active, 
a:link {
    font-family: inherit;
    font-size: inherit;
    color: rgba(0, 0, 0, 0.85);
    text-decoration: none;
    font-style: normal;
}

/* Link Hover Effect */
a:hover {
    font-style: italic;
    color: rgba(0, 0, 0, 0.85);
}

/* Logo */
.logo {
    display: inline-block;
    margin-bottom: 40px;
}

.logo img {
    height: 120px;
    width: auto;
    border: none;
    display: block;
}

/* Utility Italic Class */
.italic {
    font-style: italic;
}

/* Section Header (Selected Work / Events Title) */
.section-title,
.events-header {
    margin-top: 10px;
    margin-bottom: 35px;
}

.events-header {
    font-style: italic;
    margin-top: 50px;
}

/* Spacing Layout */
.intro {
    margin-bottom: 35px;
}

.nav-group {
    margin-bottom: 30px;
}

.spacer-medium {
    margin-top: 35px;
}

/* List Item Spacing */
.events-container {
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.event-item p {
    line-height: 36px;
}

/* Vertical layout for displayed images */
.tiles-image-container {
    display: flex;
    flex-direction: column;
    gap: 40px; /* Space between each image */
    margin-top: 30px;
}

.tiles-image-container img {
    width: 1080px;
    max-width: 100%; /* Keeps images responsive on smaller screens */
    height: auto;
    display: block;
}