#mainContentHolder {
    grid-template-columns: 220px minmax(0, 1280px);
    width: min(100%, 1538px);
}
.homeSidebar {
    width: 220px;
    min-width: 0;
    margin-top: 180px;
}
.homeSidebar > .homeSectionNav {
    box-sizing: border-box;
    width: 140px;
    margin: 0 0 0 16px;
}
.homeLatestSketch {
    position: relative;
    box-sizing: border-box;
    margin: 36px 4px 16px 22px;
    padding: 24px 12px 14px;
    text-align: left;
    background: linear-gradient(155deg, #fffef3, #fffbe2);
    border: 1px solid #ded7bc;
    border-radius: 1px 2px 5px 2px;
    box-shadow: 2px 6px 9px #39312230, 0 1px 2px #39312218;
    transform: rotate(3deg);
    transform-origin: 50% 12px;
}
.homeLatestSketch::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: -13px;
    left: calc(50% - 43px);
    width: 86px;
    height: 29px;
    background: linear-gradient(100deg, #dacb9d91, #eee2bcbd 45%, #d8c79791);
    border: 1px solid #eee4c76b;
    box-shadow: 0 1px 2px #54451c15;
    clip-path: polygon(2% 0, 97% 2%, 100% 18%, 98% 37%, 100% 58%, 98% 81%, 100% 98%, 1% 100%, 3% 78%, 0 56%, 2% 34%, 0 13%);
    transform: rotate(-8deg);
    pointer-events: none;
}
.homeLatestSketch[hidden] { display: none; }
.homeLatestSketch [hidden] { display: none; }
.homeLatestSketch h2 {
    margin: 0 0 11px;
    font-size: 25px;
    font-weight: normal;
    line-height: 1.1;
}
.homeLatestSketch a {
    display: block;
    color: #41403e;
    text-decoration: none;
}
.homeLatestSketch img {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    aspect-ratio: 225 / 185;
    object-fit: contain;
    background: white;
    border: 1px solid #e8e3d3;
}
.homeLatestSketch span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    overflow-wrap: anywhere;
    margin: 11px 1px 0;
    font-size: 21px;
    line-height: 1.15;
}
.homeLatestSketch a:hover,
.homeLatestSketch a:focus-visible { color: #9c205b; }
.homeLatestSketch a:focus-visible { outline: 2px dashed #9c205b; outline-offset: 5px; }
.homeLatestSketch .latest-sketch-fallback { color:#777; font-size:15px; line-height:1.3; text-decoration:underline; text-underline-offset:3px; }
@media (max-width: 1200px) {
    #mainContentHolder { grid-template-columns: 200px minmax(0, 1fr); }
    .homeSidebar { width: 200px; margin-top: 150px; }
    .homeSidebar > .homeSectionNav { width: 140px; }
    .homeLatestSketch { margin-left: 18px; padding: 24px 10px 12px; }
    .homeLatestSketch h2 { font-size: 23px; }
    .homeLatestSketch span { font-size: 19px; }
}
