body.is-v36 { --bg: #ffffff; background: #ffffff; }
body.is-v36 main { padding: 0; }
body.is-v36 .site-header { position: fixed; inset: 0 0 auto; background: transparent; color: #101010; }
body.is-v36 .site-header.is-over-hero { color: #fff; }
body.is-v36 .site-header {
    transition: transform 240ms ease, background-color 180ms ease, backdrop-filter 180ms ease;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
}
body.is-v36 .site-header.is-scroll-glass {
    background: rgba(235, 235, 235, .32);
    -webkit-backdrop-filter: blur(18px) saturate(140%);
    backdrop-filter: blur(18px) saturate(140%);
}
body.is-v36 .site-header.is-over-hero.is-scroll-glass { background: rgba(255, 255, 255, .12); }
@media (prefers-reduced-motion: reduce) {
    body.is-v36 .site-header { transition: none; }
}
body.is-v36 .site-header .logo { color: inherit; }
body.is-v36 .site-header .logo__image { filter: brightness(0); }
body.is-v36 .site-header.is-over-hero .logo__image { filter: brightness(0) invert(1); }
body.is-v36 .site-footer--full { margin: 0; }
.v36-project { font-family: Arial, Helvetica, sans-serif; letter-spacing: -.02em; }
.v36-hero { height: 100svh; margin-bottom: 116px; }
.v36-hero img, .v36-hero video { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.v36-brief { display: grid; grid-template-columns: 3fr 4fr 1fr 4fr; padding: 0 30px; margin-bottom: 210px; gap: 0; }
.v36-brief h1 { font-size: 42px; font-weight: 400; line-height: 1.24; letter-spacing: -1px; }
.v36-brief__copy { padding: 0 15px; font-size: 24px; line-height: 1.25; }
.v36-brief__copy p + p { margin-top: 40px; }
.v36-categories { grid-column: 4; padding-left: 15px; color: #a4a4a4; font-size: 18px; line-height: 26px; }
.v36-gallery { margin-bottom: 250px; }
.v36-block { padding: 0 30px; margin-bottom: 30px; }
.v36-block--full { padding: 0; }
.v36-block--pair { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.v36-block img, .v36-block video { display: block; width: 100%; height: auto; border-radius: 0; }
.v36-more { padding: 0 30px 140px; }
.v36-more h2 { display: flex; gap: 20px; align-items: center; font-size: 42px; font-weight: 400; margin-bottom: 112px; }
.v36-more__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.v36-more__grid img, .v36-more__grid video { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.v36-more__grid h3 { margin: 24px 0 8px; font-size: 26px; font-weight: 400; }
.v36-more__grid p { font-size: 18px; }
@media (min-width: 768px) and (max-width: 1714px) {
    .v36-brief { margin-bottom: 12.249vw; }
    .v36-brief h1, .v36-more h2 { font-size: 2.45vw; }
    .v36-brief__copy { font-size: 1.4vw; }
    .v36-categories { font-size: 1.05vw; line-height: 1.517vw; }
    .v36-gallery { margin-bottom: 14.582vw; }
    .v36-more h2 { margin-bottom: 6.533vw; }
}
@media (max-width: 767px) {
    .v36-hero { height: 500px; margin-bottom: 50px; }
    .v36-brief { display: block; padding: 0 20px; margin-bottom: 50px; }
    .v36-brief h1 { font-size: 24px; margin-bottom: 30px; }
    .v36-brief__copy { padding: 0; font-size: 20px; line-height: 30px; margin-bottom: 30px; }
    .v36-brief__copy p + p { margin-top: 20px; }
    .v36-categories { padding: 0; font-size: 20px; line-height: 30px; }
    .v36-gallery { margin-bottom: 100px; }
    .v36-block { padding: 0 20px; }
    .v36-block--full { padding: 0; }
    .v36-block--pair { grid-template-columns: 1fr; gap: 40px; }
    .v36-more { padding: 0 20px 60px; }
    .v36-more h2 { font-size: 30px; margin-bottom: 50px; }
    .v36-more__grid { grid-template-columns: 1fr; gap: 40px; }
}