:root { --review-gutter: clamp(20px, 4vw, 60px); --review-accent: #a91648; }
.site-header .site-nav a { white-space: nowrap; }
.site-header .site-nav [aria-current="page"] { font-weight: 750; }
.site-header .site-nav :focus-visible, .review-skip:focus, .review-filter button:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.review-skip { position: fixed; z-index: 1000; top: 12px; left: 12px; padding: .8rem 1rem; background: #fff; color: #111; transform: translateY(-160%); }
.review-skip:focus { transform: none; }
.review-secondary-links { display: flex; flex-wrap: wrap; gap: .7rem 1.4rem; }
.review-secondary-links a { text-decoration: underline; text-underline-offset: .2em; }
.review-index [hidden] { display: none !important; }
.review-index :is(section,article)[id] { scroll-margin-top: 90px; }
.review-index .hero-fullscreen { min-height: 100svh; background: #202124 url("/assets/img/home/hero-review-poster.webp") center 44% / cover no-repeat; }
.review-index .hero-fullscreen .hero-copy { max-width: min(730px, 100%); }
.review-index .hero-fullscreen h1 { font-size: clamp(2.25rem, 6vw, 5.85rem); line-height: 1.02; max-width: 100%; }
.review-index .hero-fullscreen .hero-lead { max-width: 44ch; }
.review-index .hero-fullscreen .hero-shade { background: linear-gradient(90deg, rgb(10 10 12 / .82), rgb(10 10 12 / .39) 62%, rgb(10 10 12 / .17)); }
.review-index .hero-fullscreen .button-primary { background: #f5f5ef; color: #111; }
.review-index .hero-fullscreen .button-ghost { background: #252525; color: #fff; border: 1px solid #a6a6a6; }
.review-index .projects-hero { min-height: 0; padding: clamp(110px, 12vw, 168px) var(--review-gutter) clamp(44px, 6vw, 84px); background-repeat: no-repeat; background-size: cover; }
.review-index .projects-hero .page-hero-copy h1 { font-size: clamp(2.75rem, 8vw, 7.2rem); max-width: 100%; line-height: .98; margin-block: .18em; }
.review-index .projects-hero .page-hero-copy > p:last-child { max-width: 47ch; }
.review-index .live-projects-section, .review-index .related-projects.is-archive { padding-block: clamp(44px, 6vw, 90px); }
.review-index .live-projects-section { scroll-margin-top: 65px; }
.review-index .review-project-filter { padding-block: 1.6rem 0; }
.review-index .review-project-filter + .live-projects-section { padding-top: clamp(28px,4vw,55px); }
.review-index .live-projects-head h2 { font-size: clamp(2.25rem, 6vw, 4.7rem); }
.review-filter { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1.4rem; }
.review-filter button { border: 1px solid #777; border-radius: 100px; padding: .45rem .9rem; color: #171717; background: #fff; font: inherit; font-size: .88rem; min-height: 44px; cursor: pointer; }
.review-filter button[aria-pressed="true"] { background: #191919; color: #fff; border-color: #191919; }
.review-count { margin-bottom: 1.2rem; font-size: .86rem; color: #555; }
.review-index .live-projects-grid { gap: clamp(14px, 2vw, 28px); }
.review-index .live-project-card, .review-index .live-project-card.is-featured { grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr); min-height: 0; }
.review-index .live-project-card-media { min-height: 0; min-width: 0; aspect-ratio: 16 / 10; }
.review-index .live-project-card:nth-child(even) .live-project-card-media { order: 0; }
.review-index .live-project-card:nth-child(even) .live-project-card-copy { order: 1; }
.review-index .live-project-card-media img, .review-index .case-preview-media img { min-width: 0; min-height: 0; }
.review-index .live-project-card-copy h3 { font-size: clamp(1.8rem, 4vw, 3.45rem); overflow-wrap: anywhere; }
.review-index .related-card-copy h3 { overflow-wrap: anywhere; }
.review-index .brand-matrix .brand-card { min-height: 0; padding: clamp(1rem,2vw,1.65rem); }
.review-editorial { max-width: 1440px; padding: clamp(52px, 8vw, 110px) var(--review-gutter); margin: auto; }
.review-editorial h2 { font-size: clamp(2.15rem, 5vw, 4rem); line-height: 1.04; margin: 0 0 1rem; }
.review-editorial p { max-width: 60ch; }
.review-editorial ul { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(16px,3vw,40px); margin: 2rem 0; }
.review-editorial li { border-top: 1px solid #888; padding-top: 1rem; }
.review-editorial li a { font-size: clamp(1.25rem, 2vw, 1.7rem); font-weight: 720; text-decoration: underline; text-underline-offset: .16em; }
.review-case-links { padding-top: 2.6rem; padding-bottom: 2.6rem; }
.review-case-links ul { grid-template-columns: repeat(auto-fit,minmax(min(240px,100%),1fr)); }
.review-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 760px) {
  .review-index .hero-fullscreen .hero-shade { background: rgb(10 10 12 / .57); }
  .review-index .hero-fullscreen .hero-video { display: none; }
  .review-index .live-project-card, .review-index .live-project-card.is-featured { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; }
  .review-index .live-project-card-media { padding: .6rem; }
  .review-index .live-project-card-copy { padding: 1.1rem; }
  .review-index .brand-matrix { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .review-index .brand-matrix .brand-card strong { font-size: clamp(1rem,4.5vw,1.45rem); overflow-wrap: anywhere; }
  .review-editorial ul { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .review-index .hero-fullscreen .hero-video { display: none; }
  .review-index .reveal { opacity: 1; transform: none; }
}
@media (max-width: 760px) {
  html:not(.review-enhanced) .review-nav-header { position: relative; flex-wrap: wrap; height: auto; padding-block: 10px; }
  html:not(.review-enhanced) .review-nav-header .nav-toggle { display: none; }
  html:not(.review-enhanced) .review-nav-header .site-nav { position: static; display: flex; opacity: 1; visibility: visible; pointer-events: auto; transform: none; flex-wrap: wrap; flex-direction: row; padding: 0; gap: .45rem .85rem; }
}