/* Local preview: one shared pinned toolbar, no controls over the photograph. */
html { --pinned-bar-height: 50px; --pinned-hero-height: 39.6875vw; }
html.pinned-navigation { scroll-padding-top: calc(var(--pinned-bar-height) + 12px); }
.pinned-layout .site-toolbar {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: #f7f3e8;
    border-bottom: 2px solid #808040;
    box-sizing: border-box;
    box-shadow: 0 2px 5px rgba(42, 43, 31, .14);
}
.pinned-layout .site-toolbar-inner {
    display: grid;
    grid-template-columns: minmax(164px, 1fr) auto minmax(164px, 1fr);
    align-items: center;
    gap: 0;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}
.pinned-layout .site-toolbar h1 {
    float: none;
    position: static;
    margin: 0;
    padding: 0;
    width: 145px;
    height: auto;
    line-height: 0;
    box-shadow: none;
}
.pinned-layout .site-toolbar h1 a,
.pinned-layout .site-toolbar h1 img { display: block; width: 100%; height: auto; margin: 0; }
.pinned-layout .site-toolbar nav { margin: 0; width: auto; min-width: 0; float: none; }
.pinned-layout .site-toolbar .sf-menu { display: flex; flex-wrap: nowrap; background: #fff; }
.pinned-layout .site-toolbar .sf-menu > li { flex: 0 0 auto; float: none; background: transparent; }
.pinned-layout .site-toolbar .sf-menu > li > a {
    box-sizing: border-box;
    min-height: 32px;
    padding: 8px;
    color: #4f5041;
    white-space: nowrap;
    background-image: none;
    font-size: 14px;
}
.pinned-layout .site-toolbar .sf-menu > li.current,
.pinned-layout .site-toolbar .sf-menu > li:hover,
.pinned-layout .site-toolbar .sf-menu > li.sfHover { background: #808040; }
.pinned-layout .site-toolbar .sf-menu > li.current > a,
.pinned-layout .site-toolbar .sf-menu > li:hover > a,
.pinned-layout .site-toolbar .sf-menu > li.sfHover > a { color: white; }
.pinned-layout .site-toolbar form.search { width: 164px; min-width: 0; margin: 0; float: none; justify-self: end; }
.pinned-layout .site-toolbar form.search input {
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    padding: 6px 45px 6px 9px;
    font-size: 16px;
    line-height: 24px;
    border: 1px solid #9c9c75;
}
.pinned-layout .site-toolbar form.search .search-submit {
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px;
}
.pinned-layout .site-toolbar a:focus-visible { outline: 2px solid #20222b; outline-offset: -3px; }
.pinned-layout .site-toolbar .sf-menu > li > a:focus-visible { background-color: #808040; color: #fff; }
.pinned-layout .site-toolbar form.search input:focus-visible,
.pinned-layout .site-toolbar form.search .search-submit:focus-visible {
    outline: 2px solid #20222b;
    outline-offset: -3px;
    box-shadow: none;
}

/* Moderately compact desktop row; retain original Open Sans 14px/16px typography. */
@media (min-width: 1200px) {
    .pinned-layout .site-toolbar { background: #fff; border-bottom: 0; box-shadow: none; }
    .pinned-layout .site-toolbar-inner { grid-template-columns: var(--pinned-emblem-width, 184px) minmax(0, 1fr) max-content minmax(0, 1fr) min(300px, var(--pinned-search-width, 184px)); }
    .pinned-layout .site-toolbar h1 { grid-column: 1; grid-row: 1; width: 100%; padding: 0; box-sizing: border-box; background: #808040; box-shadow: inset -2px 0 #fff; }
    .pinned-layout .site-toolbar h1 a { display: flex; justify-content: center; }
    .pinned-layout .site-toolbar h1 img { height: 58px; width: 175.758px; object-fit: contain; }
    .pinned-layout .site-toolbar form.search { grid-column: 5; grid-row: 1; width: 100%; }
    .pinned-layout .site-toolbar nav { grid-column: 3; grid-row: 1; align-self: stretch; display: flex; }
    .pinned-layout .site-toolbar .sf-menu { align-items: stretch; }
    .pinned-layout .site-toolbar .sf-menu > li { display: flex; }
    .pinned-layout .site-toolbar .sf-menu > li > a {
        display: flex;
        align-items: center;
        padding: 0 14px;
        min-width: 84px;
        justify-content: center;
        min-height: 58px;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: normal;
    }
    .pinned-layout .site-toolbar form.search input,
    .pinned-layout .site-toolbar form.search .search-submit { height: 38px; }
}

/* Shared natural photo plane; content overlap never changes image proportions. */
.pinned-layout header .slider { padding-bottom: 0; display: block; }
.pinned-layout .slideshow-stage,
.pinned-layout header.reg {
    width: 100%;
    min-height: 0;
    max-height: none;
    height: auto;
    aspect-ratio: 1600 / 635;
    padding: 0;
}
.pinned-layout header.reg {
    background-size: 0 0;
    overflow: hidden;
    isolation: isolate;
}
.pinned-layout header.reg::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: inherit;
    background-size: cover;
    background-position: center top;
    transform: scale(1.026);
    transform-origin: center top;
    pointer-events: none;
    z-index: -1;
}
.pinned-layout .pinned-interior-content {
    position: relative;
    z-index: 1;
    margin-top: min(0px, calc(max(333px, 22vw) - var(--pinned-hero-height)));
}
/* A shallow, aligned overlap makes all three desktop shortcut buttons discoverable. */
.pinned-layout header:not(.reg) + .content {
    position: relative;
    z-index: 1;
    padding-top: 0;
    margin-top: -24px;
    background: linear-gradient(to bottom, transparent 24px, #f7f3e8 24px);
}
.pinned-layout #slideshow-first-frame { object-position: center top; transform-origin: center top; }
.pinned-layout #camera_wrap_1 .cameraSlide_0 img { margin-top: 0 !important; }
/* Apply the existing white-edge trim to responsive variants as well as originals. */
.pinned-layout #camera_wrap_1 img[src*="slide-1"],
.pinned-layout #camera_wrap_1 img[src*="slide-2"] { transform: scale(1.026); }
.pinned-layout #camera_wrap_1 img[src*="slide-2"] { transform-origin: right center; }
.pinned-layout #camera_wrap_1 .cameraSlide_0 img { transform-origin: center top; }
@media (max-width: 1199.98px) {
    html { --pinned-bar-height: 94px; }
    .pinned-layout .site-toolbar-inner {
        grid-template-columns: 145px minmax(0, 1fr);
        gap: 0;
        padding: 0;
    }
    .pinned-layout .site-toolbar h1 { width: 145px; grid-column: 1; grid-row: 1; }
    .pinned-layout .site-toolbar form.search { grid-column: 2; grid-row: 1; width: min(100%, 280px); justify-self: end; }
    .pinned-layout .site-toolbar nav { grid-column: 1 / -1; grid-row: 2; justify-self: center; }
    .pinned-layout .site-toolbar .sf-menu > li > a { padding: 8px; }
}
@media (max-width: 995px) {
    .pinned-layout .pinned-interior-content { margin-top: min(0px, calc(280px - var(--pinned-hero-height))); }
}
@media (max-width: 767px) {
    html { --pinned-bar-height: 96px; }
    .pinned-layout .site-toolbar-inner { grid-template-columns: 145px minmax(0, 1fr); gap: 0; padding: 0; }
    .pinned-layout .site-toolbar h1 { width: 145px; }
    .pinned-layout .site-toolbar form.search { align-self: stretch; height: 100%; }
    .pinned-layout .site-toolbar form.search input,
    .pinned-layout .site-toolbar form.search .search-submit { height: 100%; min-height: 44px; }
    .pinned-layout .site-toolbar nav { width: 100%; }
    .pinned-layout .site-toolbar .mobile-nav-shell { margin-top: 0; border-color: #c8c5ae; }
    .pinned-layout .site-toolbar .mobile-nav-menu.sf-menu > li { flex: 0 0 auto; background: #fff; }
    .pinned-layout .site-toolbar .mobile-nav-menu.sf-menu > li > a { padding: 14px; min-width: 80px; min-height: 44px; font-size: 13px; text-align: center; }
    .pinned-layout .site-toolbar .mobile-nav-menu.sf-menu > li.current,
    .pinned-layout .site-toolbar .mobile-nav-menu.sf-menu > li:hover,
    .pinned-layout .site-toolbar .mobile-nav-menu.sf-menu > li.sfHover { background: #808040; }
    .pinned-layout header.reg::before { background-position: center top; transform-origin: center top; }
    .pinned-layout .pinned-interior-content { margin-top: min(0px, calc(220px - var(--pinned-hero-height))); }
}
/* Browser zoom can produce a fractional width between the old 767/768 rules. */
@media (min-width: 767px) and (max-width: 767.98px) {
    .pinned-layout .container_12 { width: 100%; }
    .pinned-layout .container_12 .row { margin-left: 0; margin-right: 0; }
    .pinned-layout .container_12 [class*="grid_"] { display: block; box-sizing: border-box; float: none; width: calc(100% - 20px); }
    .pinned-layout .box-3 img { max-width: 100%; height: auto; }
}
@media (prefers-reduced-motion: reduce) {
    .pinned-layout .site-toolbar * { transition: none; }
}

/* Local-only trial: lift the three desktop picture/button sections without resizing. */
@media (min-width: 1200px) {
    .pinned-layout header:not(.reg) + .content .news-grid-container > .bord-1:first-child > .row {
        position: relative;
        top: -20px;
    }
}

/* Readable stacked shortcuts on phones; no forced textbook-heading fold target. */
@media (max-width: 767px) {
    .pinned-layout header:not(.reg) + .content { padding-top: 16px; margin-top: 0; background: #f7f3e8; }
    .pinned-layout .news-grid-container > .bord-1:first-child { padding-bottom: 20px; }
    .pinned-layout .news-grid-container > .bord-1:first-child > .row {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
        margin: 0 10px;
    }
    .pinned-layout .news-grid-container > .bord-1:first-child > .row::before,
    .pinned-layout .news-grid-container > .bord-1:first-child > .row::after { display: none; }
    .pinned-layout .news-grid-container > .bord-1:first-child .box-3 {
        display: flex;
        flex-direction: column;
        float: none;
        width: auto;
        min-width: 0;
        margin: 0;
    }
    .pinned-layout .news-grid-container > .bord-1:first-child .box-3 img {
        display: block;
        width: 100%;
        height: auto;
    }
    .pinned-layout .news-grid-container > .bord-1:first-child .box-3 .btn {
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        min-height: 44px;
        flex: 1;
        padding: 4px;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
    }
    .pinned-layout .news-grid-container > .bord-1:first-child .box-3 .btn::after { display: none; }
}

/* Approved Version T: original-style centered desktop group. */
@media (min-width: 1200px) {
    .pinned-layout .site-toolbar {
        background: #f7f3e8;
        border: 0;
        box-shadow: none;
    }
    .pinned-layout .site-toolbar-inner {
        grid-template-columns: 200px max-content 200px;
        width: max-content;
        max-width: 100%;
        height: 66px;
        margin: 0 auto;
        padding: 0;
        gap: 0;
        background: #fff;
    }
    .pinned-layout .site-toolbar h1 {
        grid-column: 1; grid-row: 1;
        position: static; width: 200px; height: 66px;
        padding: 0; margin: 0; background: #808040;
        box-shadow: none;
    }
    .pinned-layout .site-toolbar h1 a,
    .pinned-layout .site-toolbar h1 img {
        display: block; width: 200px; height: 66px;
        padding: 0; margin: 0; object-fit: contain;
    }
    .pinned-layout .site-toolbar nav { grid-column: 2; grid-row: 1; }
    .pinned-layout .site-toolbar .sf-menu > li > a {
        min-width: 0; min-height: 66px; height: 66px;
        padding: 25px 17px;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px; font-weight: 400; line-height: 16px;
        color: #7f7f7f;
    }
    .pinned-layout .site-toolbar .sf-menu > li.current > a,
    .pinned-layout .site-toolbar .sf-menu > li:hover > a,
    .pinned-layout .site-toolbar .sf-menu > li > a:focus-visible { color: #fff; }
    .pinned-layout .site-toolbar form.search {
        grid-column: 3; grid-row: 1;
        width: 200px; height: 66px;
        padding: 14px 8px; box-sizing: border-box;
        background: #fff; align-self: stretch;
    }
    .pinned-layout .site-toolbar form.search input { height: 38px; width: 100%; }
    .pinned-layout .site-toolbar form.search .search-submit {
        height: 38px; width: 38px; top: 14px; right: 8px;
    }
}

/* Approved Version V: original soft shadow only between emblem and Home. */
@media (min-width: 1200px) {
    .pinned-layout .site-toolbar .sf-menu > li:first-child > a {
        background-image: url('/images/bg-1.png');
        background-position: left top;
        background-repeat: repeat-y;
    }
}

/* Approved Version W: equal desktop tabs and centered complete group. */
@media (min-width: 1200px) {
    .pinned-layout .site-toolbar-inner {
        width: min(1280px, calc(100% - 16px));
        grid-template-columns: 200px minmax(0, 1fr) 200px;
        margin-inline: auto;
    }
    .pinned-layout .site-toolbar nav { width: 100%; min-width: 0; }
    .pinned-layout .site-toolbar .sf-menu {
        display: grid;
        grid-template-columns: repeat(8, minmax(0, 1fr));
        width: 100%;
    }
    .pinned-layout .site-toolbar .sf-menu > li { min-width: 0; }
    /* Legacy float clearfix must not occupy equal-width grid tracks. */
    .pinned-layout .site-toolbar .sf-menu::before,
    .pinned-layout .site-toolbar .sf-menu::after { display: none; }
    .pinned-layout .site-toolbar .sf-menu > li > a {
        width: 100%;
        box-sizing: border-box;
        padding-inline: 10px;
        white-space: nowrap;
        justify-content: center;
    }
}