/* Layout conservado para blog y ficha de proyecto. */
html.brand-root {
    scrollbar-gutter: auto;
    --mark-size: clamp(34px, min(3.5vw, 6.2svh), 64px);
    --wordmark-font-size: clamp(20px, min(1.55vw, 2.75svh), 32px);
    --wordmark-height: max(var(--mark-size), calc(var(--wordmark-font-size) * 2.3 + .3vw));
    --copy-gap: max(40px, calc(17svh - var(--mark-size)));
    --copy-top: calc(6svh + var(--wordmark-height) + var(--copy-gap));
}
.home-page { font-weight: 400; }
.home-sidebar { position: fixed; inset: 0 auto 0 0; width: 38vw; height: calc(100svh - 54px); padding: 6svh 0 3svh; display: flex; flex-direction: column; overflow-y: auto; scrollbar-width: thin; }
.home-wordmark { margin-left: 3vw; display: grid; grid-template-columns: 5.3vw auto; align-items: start; color: #20201e; text-decoration: none; }
.home-sidebar > * { flex-shrink: 0; }
.home-wordmark img { display: block; width: var(--mark-size); height: auto; position: relative; left: .6vw; }
.home-wordmark span { padding-top: .3vw; font-family: "Cormorant Infant", serif; font-size: var(--wordmark-font-size); font-style: italic; font-weight: 600; line-height: 1.15; }
.home-wordmark em { font-weight: 300; }
.home-copy, .legal-document, .project-detail-copy { font-size: clamp(14px, .86vw, 16px); line-height: 1.3; }
.home-copy { margin-left: 8.3vw; width: 24vw; margin-top: var(--copy-gap); }
.home-gallery { width: 44.3vw; margin-left: 46.2vw; padding: max(0px, calc(50svh - 14.8vw)) 0 0; display: flex; flex-direction: column; gap: 5vw; }


@media (max-width: 900px) {
    .home-sidebar { position: relative; width: 100%; height: auto; padding: 28px 8vw 36px; overflow: visible; }
    .home-wordmark { margin: 0; grid-template-columns: 34px auto; gap: 16px; }
    .home-wordmark img { width: 34px; height: 34px; left: 0; }
    .home-wordmark span { padding-top: 3px; font-size: 20px; }
    .home-copy, .legal-document, .project-detail-copy { font-size: 14px; line-height: 1.4; }
    .home-copy { width: auto; margin-left: 50px; }
    .home-copy { margin-top: 48px; }
    .home-gallery { width: calc(84% - 50px); margin: 0 8% 0 calc(8% + 50px); padding: 0; gap: 36px; }
}