/* =====================================================================
   Sunshine Brewery page: original custom CSS (pasted from Cargo, unchanged)
   ===================================================================== */

/* Block-by-block entrance - rows appear instantly, one after another */
@keyframes blockInFull {
    to { opacity: 1; }
}
@keyframes blockInDim {
    to { opacity: 0.5; }
}
.row-1 {
    opacity: 0;
    animation: blockInDim 0.05s steps(1) forwards;
    animation-delay: 0.1s;
}
.row-2 {
    opacity: 0;
    animation: blockInDim 0.05s steps(1) forwards;
    animation-delay: 0.25s;
}
.row-3 {
    opacity: 0;
    animation: blockInFull 0.05s steps(1) forwards;
    animation-delay: 0.4s;
}
.row-4 {
    opacity: 0;
    animation: blockInDim 0.05s steps(1) forwards;
    animation-delay: 0.55s;
}
/* Photos are visible immediately, no entrance animation */
column-set a {
    color: inherit !important;
    text-decoration: none;
}
.table-overlay {
    position: relative;
    z-index: 1;
}
/* Reserves space for the gallery so text below isn't overlapped */
.project-hero {
    position: relative;
    width: 100%;
    height: 88.8vh;
}
.project-footer {
    position: relative;
    padding: 0px 0px;
}
.project-footer p {
    margin: 0;
    line-height: 1.10;
}
.project-footer p + p {
    margin-top: 40px; /* gap between the info block and the blurb paragraph below it */
    max-width: 700px; /* keeps the blurb from stretching too wide across the page */
}
/* Horizontal scroll strip */
.horizontal-scroll {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
    height: 908px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 0 0px;
    box-sizing: border-box;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.horizontal-scroll::-webkit-scrollbar {
    display: none;
}
.scroll-item {
    flex-shrink: 0;
    height: 78vh;
}
.scroll-item img {
    height: 100%;
    width: auto;
    object-fit: contain;
    display: block;
}
/* Row spacing reset — needed on every page */
column-set {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
/* Whole row italic on hover - applies to every row EXCEPT the nav row */
column-set:not(:first-of-type):has(a):hover,
column-set:not(:first-of-type):has(a):hover a {
    color: #000000;
    font-weight: 500;
    font-style: italic;
}
/* Nav row: ONLY "Index" gets the italic hover effect - HOHEPA has no hover rule at all */
.index-link:hover {
    color: #000000;
    font-weight: 500;
    font-style: italic;
}