/* Omega composition study, version 5. Local only.
   Runtime palette/type: styles.css. This file owns the review layout. */
body.design-review {
  --page-width:1320px;
  --page-gutter:clamp(22px,5vw,88px);
  --section-space:104px;
  --radius-photo:2px 2px 48px 2px;
  --review-ease:cubic-bezier(.22,.61,.36,1);
}
.design-review h2 {font-size:clamp(38px,4.4vw,64px);letter-spacing:-1.5px;line-height:1.08;text-wrap:balance}
.design-review h3 {text-wrap:pretty}
.design-review :is(h1,h2,h3) {overflow-wrap:break-word}
.design-review:lang(de) :is(h1,h2,h3) {hyphens:auto;overflow-wrap:anywhere}
.design-review .section-heading {margin-bottom:48px;gap:30px}
.design-review .section-heading>.text-link {flex-shrink:0}
.design-review .button {border-radius:3px;box-shadow:none;transition:background .2s,color .2s}
.design-review .button:is(:hover,:focus-visible) {transform:none;box-shadow:none;background:#65c2d5}
.design-review .text-link {text-underline-offset:7px}
.design-review :is(.audience-photo,.project-image-link,.reference-image,.insight-photo,.service-photo) {border-radius:var(--radius-photo)}
.design-review :is(.project-image-link,.reference-image,.audience-photo) img {transition:transform .7s var(--review-ease)}
.design-review :is(.project-image-link,.reference-image):hover img {transform:scale(1.025)}
.design-review :is(.project-image-link,.reference-image):focus-visible {outline:3px solid var(--accent-text);outline-offset:5px}
.design-review :is(.image-arrow,.reference-arrow) {width:52px;height:52px;right:22px;bottom:22px}

/* One compact header. The full language names and flags stay in the popup. */
.design-review .site-header {border-bottom:1px solid var(--border)}
.design-review .header-inner {min-height:80px}
.design-review .language-selector summary {gap:5px;padding-inline:8px;border-color:transparent;background:transparent}
.design-review .language-selector summary>.language-flag {display:none}
.design-review .language-selector summary:is(:hover,:focus-visible),
.design-review .language-selector[open] summary {background:var(--blue-pale);border-color:var(--border)}

/* The opening is a single film composition. The original title stays intact. */
.design-review .hero {display:grid;align-items:end;height:calc(100svh - 89px);min-height:480px;max-height:840px;background:var(--white);color:var(--white)}
.design-review .hero-film {position:absolute;inset:0;height:100%;margin:0;border-radius:0 0 clamp(72px,11vw,190px) 0;overflow:hidden}
.design-review .hero-media::after {background:linear-gradient(90deg,rgba(6,45,67,.84),rgba(6,45,67,.66) 82%,rgba(6,45,67,.22)),linear-gradient(0deg,rgba(6,45,67,.4),transparent 60%)}
.design-review .hero-content {position:relative;z-index:1;display:block;padding-block:84px 96px;pointer-events:none;min-height:0}
.design-review .hero-content::after {display:none}
.design-review .hero h1 {max-width:1040px;color:var(--white);font-size:clamp(46px,6.7vw,96px);font-weight:600;line-height:1.04;letter-spacing:-2.5px;text-wrap:balance}
.design-review .opening-phrase {white-space:nowrap}
.design-review .hero-bottom {position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding-bottom:24px;padding-right:54px;z-index:3}
.design-review .hero .motion-control {background:rgba(6,45,67,.75);border-color:rgba(255,255,255,.55)}
.design-review .proof-section {padding-block:50px;background:var(--white)}
.design-review .proof-grid {padding:0;background:transparent;border:0;border-radius:0}
.design-review .proof-grid>div {padding:0 36px;border:0}
.design-review .proof-grid>div:first-child {padding-left:0}
.design-review .proof-grid>div+div {border-left:1px solid var(--border)}
.design-review .proof-grid dd {font-size:clamp(56px,6vw,86px);font-weight:700;line-height:1;letter-spacing:-2px;color:var(--turquoise);margin-bottom:12px}
.design-review .proof-grid dd span {color:var(--turquoise)}
.design-review .proof-grid dt {font-size:18px;color:var(--accent-text)}
.design-review .proof-grid.proof-credentials {grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.design-review .proof-credentials>div {min-height:125px;justify-content:center}
.design-review .proof-credentials dd {display:flex;align-items:center;min-height:clamp(56px,6vw,86px)}
.design-review .proof-credentials>.proof-quality dd {font-size:clamp(29px,3.1vw,45px);line-height:1;letter-spacing:-.025em}

/* Separate comparison page: established experience and named client evidence. */
.design-review .proof-client-layout {display:grid;grid-template-columns:210px minmax(0,1fr);gap:54px;align-items:center}
.design-review .proof-experience {display:block;margin:0}
.design-review .proof-experience>div {padding:0}
.design-review .proof-client-group {padding-left:48px;border-left:1px solid var(--border)}
.design-review .proof-clients-label {font-size:16px;font-weight:600;color:var(--accent-text);margin:0 0 20px}
.design-review .proof-client-logos {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:26px;list-style:none;margin:0;padding:0}
.design-review .proof-client-link {display:flex;align-items:center;justify-content:center;min-width:0;height:76px;padding:5px 8px;border-radius:6px;cursor:pointer;transition:background-color .18s ease}
.design-review .proof-client-link:hover {background:var(--blue-pale)}
.design-review .proof-client-link:focus-visible {outline:3px solid var(--accent-text);outline-offset:4px}
.design-review .proof-client-link:active {background:#d8edf2}
.design-review .proof-client-link img {display:block;width:100%;height:66px;object-fit:contain}
.design-review .proof-company-vanwonen .proof-client-link {overflow:hidden}
.design-review .proof-company-vanwonen img {height:180px;max-width:none}
@media(max-width:1000px) {
  .design-review .proof-client-layout {grid-template-columns:160px minmax(0,1fr);gap:30px}
  .design-review .proof-client-group {padding-left:28px}
  .design-review .proof-client-logos {gap:14px}
}
@media(max-width:700px) {
  .design-review .proof-client-layout {grid-template-columns:minmax(0,1fr);gap:28px}
  .design-review .proof-experience>div {flex-direction:row;align-items:baseline;gap:18px;padding:0}
  .design-review .proof-experience dd {margin:0}
  .design-review .proof-client-group {border-left:0;border-top:1px solid var(--border);padding:24px 0 0}
  .design-review .proof-client-logos {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 26px}
}

/* Equal entrances, with the actual people photographs carrying the warmth. */
.design-review .audience-section {padding-block:46px 100px;background:var(--white)}
.design-review .audience-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.design-review .audience-card,.design-review .audience-card:last-child {display:flex;grid-column:auto;flex-direction:column;gap:0}
.design-review .audience-photo,.design-review .audience-card:last-child .audience-photo {aspect-ratio:1.3;height:auto}
.design-review .audience-card-body,.design-review .audience-card:last-child .audience-card-body {padding:28px 0 0}
.design-review .audience-card h3 {font-size:31px;line-height:1.16;min-height:2.32em;margin-bottom:18px}
.design-review .audience-card p {font-size:18px;line-height:1.6;margin-bottom:24px}
.design-review .audience-card .text-link {font-size:16px;min-height:56px;border-top:1px solid var(--border);padding-top:15px}
.design-review .audience-card .text-link::before {display:none}
.design-review .audience-card .text-link .icon {background:transparent;border:1px solid var(--border)}
.design-review .audience-card .text-link:is(:hover,:focus-visible) .icon {background:var(--turquoise);border-color:var(--turquoise)}

/* A persistent introduction alongside the complete breadth of services. */
.design-review .expertise-section {background:var(--blue-pale)}
.design-review .expertise-grid {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:100px;align-items:start}
.design-review .expertise-feature {display:block;position:sticky;top:114px;min-width:0}
.design-review .expertise-feature .section-heading {display:block;margin-bottom:30px}
.design-review .expertise-feature .section-heading .text-link {margin-top:25px}
.design-review .expertise-intro {font-size:19px;line-height:1.65;margin:0}
.design-review .expertise-feature-image {margin:35px 0 0;width:100%;max-width:600px}
.design-review .expertise-feature-image>img {width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:2px 2px 70px 2px}
.design-review .service-list {display:grid;grid-template-columns:1fr;gap:0;--service-image-width:118px;--service-image-height:92px}
.design-review .service-list>a,.design-review .service-list>a:last-child {grid-column:1;grid-template-columns:var(--service-image-width) minmax(0,1fr) 24px;padding-block:24px;gap:22px;border-color:#bdd8df;font-size:25px;line-height:1.16;min-width:0;align-items:center}
.design-review .service-list>a:first-child {border-top:1px solid #bdd8df}
.design-review .service-list small {font-size:17px;line-height:1.5;margin-top:10px}
.design-review .service-photo {border-radius:2px 2px 26px 2px}
.design-review .service-list>a>.service-photo {grid-column:1;grid-row:1}
.design-review .service-list>a>span {grid-column:2;grid-row:1;min-width:0;hyphens:auto;overflow-wrap:normal}
.design-review .service-list>a>svg {grid-column:3;grid-row:1;justify-self:end;width:24px;height:24px;margin:0}
.design-review .service-list>a:is(:hover,:focus-visible) {background:rgba(255,255,255,.7);box-shadow:12px 0 rgba(255,255,255,.7),-12px 0 rgba(255,255,255,.7)}
.design-review .service-list>a:is(:hover,:focus-visible) .service-photo {outline:0}
.design-review .service-list>a:is(:hover,:focus-visible)>svg {transform:none;color:var(--accent-text)}
.design-review .service-list>a:focus-visible {outline:3px solid var(--accent-text);outline-offset:5px}
.design-review .service-list>a:active {box-shadow:inset 3px 0 var(--turquoise)}
@media(min-width:781px) {
  .design-review .service-list small {hyphens:none;overflow-wrap:break-word}
}

/* Reference spreads: one large image, then two independent project stories. */
.design-review .projects-section {background:var(--white);padding-block:110px}
.design-review .project-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 44px}
.design-review .project-card:first-child {grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;align-items:stretch}
.design-review .project-card:first-child .project-image-link {grid-column:1/-1;grid-row:1;min-height:630px;border-radius:2px 2px 96px 2px}
.design-review .project-card:first-child .project-image-link img {position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-position:35% 45%}
.design-review .project-card:first-child .project-copy {position:relative;grid-column:8/-1;grid-row:1;align-self:end;z-index:1;padding:38px 0 0 38px;background:var(--white);border-radius:32px 0 0;max-width:none}
.design-review .project-card:first-child .project-copy h3 {font-size:clamp(36px,3.5vw,50px);line-height:1.08;margin-bottom:24px}
.design-review .project-card:first-child .image-arrow {left:26px;right:auto;bottom:26px}
.design-review .project-image-link img {aspect-ratio:1.7}
.design-review .project-copy {padding-top:26px}
.design-review .project-copy h3 {font-size:34px;line-height:1.15}
.design-review .project-copy>p:last-child {font-size:19px;line-height:1.65}
.design-review .project-badge {left:24px;top:24px;border-radius:2px;padding:8px 14px;font-size:14px}

/* Exact customer quotations on a single uninterrupted Omega-blue surface. */
.design-review .testimonials-section {margin:0;padding:84px 0 68px;border-radius:0;background:var(--navy);color:var(--white)}
.design-review .testimonials-heading {align-items:center;margin-bottom:30px;padding-bottom:28px;border-bottom:1px solid #406679}
.design-review .testimonials-heading h2 {color:var(--white);font-size:28px;font-weight:400;letter-spacing:0;text-wrap:pretty}
.design-review .quote-counter {color:#c5d8e0}
.design-review .quote-controls button {width:46px;height:46px;background:transparent;border-color:#6896a7;color:var(--white)}
.design-review .quote-controls button:is(:hover,:focus-visible) {background:var(--turquoise);color:var(--navy);border-color:var(--turquoise)}
.design-review .quote-panel {padding:22px 0 34px;grid-template-columns:48px minmax(0,1fr);gap:0 28px}
.design-review .quote-panel blockquote {color:var(--white);font-size:clamp(25px,2.5vw,35px);line-height:1.58;max-width:1130px}
.design-review .quote-panel>figcaption {margin-top:34px;justify-content:space-between;gap:28px}
.design-review .quote-panel figcaption strong {color:var(--white);font-size:19px}
.design-review .quote-panel figcaption span {color:#c5d8e0;font-size:16px}
.design-review .quote-logo {background:var(--white);border:0;padding:10px 18px;border-radius:3px;width:172px;min-width:100px;height:86px}
.design-review .quote-logo img {max-height:66px}
.design-review .quote-logo.logo-vanwonen img {height:66px;object-fit:contain}
.design-review .quote-logo.logo-reb img {width:120px;max-width:100%;max-height:66px;object-fit:contain}
.design-review .quote-selectors {border-color:#406679;gap:4px;padding-top:24px;margin-top:20px}
.design-review .quote-selectors button {color:#d4e7ee;min-height:44px;border-radius:3px}
.design-review .quote-selectors button:is(:hover,:focus-visible) {background:#17475d;color:var(--white)}
.design-review .quote-selectors button[aria-pressed=true] {background:var(--turquoise);color:var(--navy)}
.design-review .quote-pair-brand img {background:var(--white);padding:8px 14px;border-radius:3px;height:68px}
.design-review .quote-pair-grid blockquote {font-size:25px}
.design-review .quote-pair-grid>figure+figure {border-color:#406679}
.design-review .testimonials-section :is(a,button):focus-visible {outline-color:#8dddf0}
.design-review :is(.testimonials-section,.quote-section) .quote-translation-note {color:#c5d8e0}
.design-review .clients-section {padding-block:58px;background:var(--white)}
.design-review .clients-top h2 {font-size:28px;letter-spacing:-.4px}
.design-review .client-filters {margin-top:24px}
.design-review .client-logos {margin-top:12px}

/* People and values form a warmer chapter, with untouched real faces. */
.design-review .about-section {background:var(--warm-white);padding-block:104px 70px;color:var(--text)}
.design-review .about-section h2 {color:var(--text);font-size:clamp(42px,4.8vw,70px)}
.design-review .about-grid {grid-template-columns:1fr 1fr;gap:100px;margin-bottom:56px;align-items:start}
.design-review .about-copy .large-copy {color:var(--text);font-size:30px;line-height:1.3;margin-bottom:25px}
.design-review .about-copy>p {color:var(--muted);font-size:19px;line-height:1.7}
.design-review .about-slogan {color:var(--text);font-size:26px;line-height:1.5;margin-top:28px;max-width:475px}
.design-review .about-section::before {width:420px;height:420px;right:-100px;bottom:-70px;opacity:.25}
.design-review .team-portrait {width:min(100%,835px);padding:0;background:transparent;border-radius:0}
.design-review .team-photo {padding:28px 14px 0;background:var(--portrait-neutral);border-radius:2px 2px 40px 2px}
.design-review .team-portrait figcaption {padding:18px 0 0}
.design-review .about-section a:focus-visible {outline-color:var(--accent-text)}
.design-review .values-section {background:var(--warm-white);padding-top:30px}
.design-review .values-grid {grid-template-columns:.8fr 1.3fr;gap:100px;align-items:start;border-top:1px solid var(--border);padding-top:60px}
.design-review .values-intro {font-size:19px;line-height:1.65}
.design-review :is(.values-intro,.expertise-intro p) {text-wrap:pretty}
.design-review .values-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
.design-review .values-list>div {display:block;padding:24px 0 0;border:0;border-top:1px solid var(--border)}
.design-review .values-list>div:first-child {grid-column:1/-1;padding:0 0 8px;border:0}
.design-review .values-list dt {display:flex;align-items:center;gap:14px;font-size:25px;margin-bottom:14px}
.design-review .values-list>div:first-child dt {font-size:34px}
.design-review .values-list dd {font-size:18px;line-height:1.65}
.design-review .values-list>div:first-child dd {font-size:20px;max-width:630px}
.design-review .value-icon {width:36px;height:36px;margin:0;flex:none}
.design-review .values-illustration {max-width:320px;margin-top:36px}
.design-review .insights-grid {grid-template-columns:1.35fr 1fr 1fr;gap:36px}
.design-review .insight-photo {aspect-ratio:1.35;margin-bottom:24px}
.design-review .insights-grid article:first-child .insight-photo {aspect-ratio:1.8}
.design-review .insights-grid h3 {font-size:28px;line-height:1.22}
.design-review .insights-grid article:first-child h3 {font-size:36px}
.design-review .insights-grid p {font-size:18px;line-height:1.6}
.design-review .insights-grid .title-end {white-space:normal}

/* One shared service composition, using authentic high-resolution project imagery. */
.design-review[data-design-page=service] main {background:var(--white)}
.design-review .breadcrumbs {padding-block:24px;font-size:15px}
.design-review[data-design-page=service] .page-hero {display:block;width:100%;max-width:none;padding:60px var(--page-gutter) 0;background:var(--navy);color:var(--white)}
.design-review[data-design-page=service] .page-hero-copy {display:grid;grid-template-columns:1.15fr 1fr;gap:25px 85px;max-width:var(--page-width);margin-inline:auto;align-items:start;padding-bottom:54px}
.design-review[data-design-page=service] .page-hero-copy h1 {grid-column:1;grid-row:1/span 2;align-self:center;color:var(--white);font-size:clamp(42px,4.6vw,66px);line-height:1.05;letter-spacing:-1.6px;text-wrap:pretty;overflow-wrap:normal}
.design-review[data-design-page=service] .page-hero-copy .page-lead {grid-column:2;grid-row:1;color:#edf6f8;font-size:22px;line-height:1.6;margin:0;max-width:560px}
.design-review[data-design-page=service] .page-hero-copy .page-actions {grid-column:2;grid-row:2;margin:0;gap:16px 26px}
.design-review[data-design-page=service] .page-hero .text-link {color:var(--white)}
.design-review[data-design-page=service] .page-hero :is(a,button):focus-visible {outline-color:#8dddf0}
.design-review[data-design-page=service] .page-hero-image {margin:0 auto;padding:0;max-width:var(--page-width)}
.design-review[data-design-page=service] .page-hero-image::after {display:none}
.design-review[data-design-page=service] .page-hero-image img {width:100%;aspect-ratio:2.5;max-height:none;object-position:var(--service-photo-position,center 52%);border-radius:2px 2px 100px 2px}
.design-review .service-image-caption {font-size:14px;line-height:1.5;color:#d4e5eb;padding:14px 0 18px}
.design-review.inner-page .service-context {padding-block:100px;background:var(--white);border:0}
.design-review .service-introduction {grid-template-columns:.85fr 1.35fr;gap:95px}
.design-review .service-introduction h2 {max-width:none;font-size:clamp(32px,3.7vw,54px);overflow-wrap:normal;hyphens:manual;text-wrap:pretty}
.design-review .service-illustration {max-width:280px;margin-top:40px}
.design-review .prose {font-size:20px;line-height:1.72}
.design-review .prose p+p {margin-top:26px}
.design-review .service-clients {padding-block:38px;border-top:1px solid var(--border);gap:40px}
.design-review .service-clients p {max-width:190px;font-size:18px}
.design-review .service-clients li {height:85px}
.design-review .references-section {padding-block:58px 105px;background:var(--warm-white)}
.design-review .reference-grid {column-gap:36px}
.design-review .reference-image {aspect-ratio:1.2}
.design-review .reference-copy {padding-inline:0;padding-top:25px}
.design-review .reference-copy h3 {font-size:32px;line-height:1.15;hyphens:none;overflow-wrap:normal}
.design-review .reference-summary {font-size:18px;line-height:1.65;margin-top:21px}
.design-review .reference-tags {margin-top:28px;padding-top:20px;font-size:15px}
.design-review .service-work {background:var(--white)}
.design-review .service-work>.container {display:block}
.design-review .service-work h2 {max-width:none;position:static;margin-bottom:48px;overflow-wrap:normal;hyphens:manual;text-wrap:pretty}
.design-review .work-grid {display:block;margin:0}
.design-review .work-item {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:0 72px;padding-block:34px;border-top:1px solid var(--border)}
.design-review .work-item:first-child {padding-top:30px;border-top:1px solid var(--border)}
.design-review .work-item::before {display:none}
.design-review .work-item h3 {font-size:26px;line-height:1.25;margin:0;min-width:0;overflow-wrap:normal;hyphens:manual}
.design-review[data-design-page=service] .work-item h3 {display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;column-gap:24px}
.design-review .work-icon {width:56px;height:56px;flex-shrink:0}
.design-review .work-label {padding-top:8px;min-width:0;hyphens:auto;overflow-wrap:normal}
.design-review .work-item p {font-size:18px;line-height:1.65}
.design-review .work-references {grid-column:2;min-width:0}
.design-review .service-overview-row h2 {font-size:clamp(26px,2.6vw,36px);line-height:1.2;letter-spacing:-.65px}
.design-review .service-overview-row p {font-size:18px;line-height:1.6}
.design-review .quote-section {background:var(--navy);color:var(--white)}
.design-review .quote-section h2 {color:#c5d8e0;font-size:27px;font-weight:400;margin-bottom:48px;letter-spacing:0}
.design-review .single-quote {max-width:1060px;padding:0 0 0 60px;background:transparent;border-radius:0}
.design-review .single-quote .quote-emblem {left:0;top:-16px}
.design-review .single-quote blockquote {color:var(--white);font-size:clamp(25px,2.5vw,35px);line-height:1.6}
.design-review .single-quote figcaption {margin-top:40px}
.design-review .single-quote figcaption span {color:#c5d8e0}
.design-review .related-section {background:var(--white)}
.design-review .related-section h2 {font-size:42px}
.design-review .related-service {font-size:27px;padding-block:29px;min-width:0;hyphens:auto;overflow-wrap:anywhere}

/* Close with actual projects and the original team, at a readable native scale. */
.design-review .contact-section {padding-block:90px;background:var(--warm-white)}
.design-review .contact-inner {background:transparent;border-radius:0;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}
.design-review .contact-visual,.design-review .contact-copy {padding:0}
.design-review .contact-photo-collection {gap:12px;min-height:540px}
.design-review .contact-project-photo {border-radius:2px 2px 32px 2px}
.design-review .contact-copy h2 {font-size:clamp(40px,4.2vw,60px);line-height:1.07;max-width:none}
.design-review .contact-copy>p {font-size:19px;line-height:1.65;margin-top:24px}
.design-review .contact-team {margin:28px 0 0;background:var(--portrait-neutral);border-radius:2px 2px 24px 2px;padding:14px 8px 0;overflow:hidden}
.design-review .contact-team-photo {width:100%;height:auto;aspect-ratio:835/226;object-fit:contain}
.design-review .contact-actions {margin-top:30px;gap:24px}
.design-review .contact-direct {gap:4px 24px}
.design-review .site-footer {padding-top:66px}

@media(min-width:781px) and (max-width:1100px) {
  .design-review .audience-grid {gap:25px}
  .design-review .audience-card h3 {font-size:27px}
  .design-review .expertise-grid {gap:48px;grid-template-columns:.85fr 1.2fr}
  .design-review .service-list {--service-image-width:86px;--service-image-height:90px}
  .design-review .service-list>a {gap:16px;font-size:23px}
  .design-review .project-card:first-child .project-copy {grid-column:7/-1;padding:28px 0 0 30px}
  .design-review .project-card:first-child .project-copy h3 {font-size:37px}
  .design-review .about-grid,.design-review .values-grid,.design-review .service-introduction,.design-review .service-work>.container {gap:45px}
  .design-review[data-design-page=service] .page-hero-copy {column-gap:45px}
  .design-review .work-item {column-gap:40px}
  .design-review .work-item h3 {grid-template-columns:48px minmax(0,1fr);gap:18px;font-size:24px}
  .design-review .work-icon {width:48px;height:48px}
  .design-review .contact-inner {gap:40px}
}
@media(max-width:780px) {
  body.design-review {--section-space:72px;--radius-photo:2px 2px 32px 2px}
  .design-review .header-inner {min-height:78px}
  .design-review h2 {font-size:40px;letter-spacing:-1px}
  .design-review .section-heading {margin-bottom:32px;gap:22px}
  .design-review .hero {min-height:530px;max-height:720px;height:calc(85svh - 79px)}
  .design-review .hero-content {padding-block:70px 105px}
  .design-review .hero h1 {font-size:clamp(34px,6.7vw,53px);line-height:1.1;letter-spacing:-1px}
  .design-review .hero-bottom {padding-right:40px}
  .design-review .proof-section {padding-block:36px}
  .design-review .proof-grid>div {padding-inline:20px}
  .design-review .proof-grid dd {font-size:53px;letter-spacing:-1.4px}
  .design-review .proof-grid dt {font-size:16px}
  .design-review .audience-section {padding-block:24px 72px}
  .design-review .audience-grid {grid-template-columns:1fr;gap:40px}
  .design-review .audience-card,.design-review .audience-card:last-child {display:grid;grid-template-columns:1fr 1.15fr;gap:25px}
  .design-review .audience-photo,.design-review .audience-card:last-child .audience-photo {aspect-ratio:1;height:100%;max-height:330px}
  .design-review .audience-card-body,.design-review .audience-card:last-child .audience-card-body {padding:0}
  .design-review .audience-card h3 {min-height:0;font-size:28px}
  .design-review .expertise-grid {grid-template-columns:1fr;gap:38px}
  .design-review .expertise-feature {position:static;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
  .design-review .expertise-feature-image {margin:0}
  .design-review .expertise-intro {font-size:18px}
  .design-review .service-list {--service-image-width:120px;--service-image-height:92px}
  .design-review .service-list>a {font-size:24px}
  .design-review .projects-section {padding-block:72px}
  .design-review .project-grid {gap:45px 28px}
  .design-review .project-card:first-child {display:block}
  .design-review .project-card:first-child .project-image-link {min-height:0;aspect-ratio:1.55;border-radius:var(--radius-photo)}
  .design-review .project-card:first-child .project-copy {padding:26px 0 0;border-radius:0}
  .design-review .project-card:first-child .project-copy h3 {font-size:37px}
  .design-review .project-copy h3 {font-size:29px}
  .design-review .testimonials-section {padding:60px 0 52px}
  .design-review .testimonials-heading {padding-bottom:24px;margin-bottom:24px}
  .design-review .testimonials-heading h2 {font-size:27px}
  .design-review .quote-panel {grid-template-columns:25px minmax(0,1fr);gap:0 16px;padding-block:16px 26px}
  .design-review .quote-panel blockquote {font-size:23px}
  .design-review .quote-pair-grid blockquote {font-size:21px}
  .design-review .quote-panel>figcaption {gap:18px}
  .design-review .quote-panel figcaption>div:first-child {min-width:0}
  .design-review .quote-logo {width:145px;height:75px;padding:8px 12px}
  .design-review .clients-section {padding-block:40px}
  .design-review .about-section {padding-block:72px 45px}
  .design-review .about-grid {grid-template-columns:1fr;gap:32px;margin-bottom:40px}
  .design-review .about-section h2 {font-size:48px}
  .design-review .about-slogan {font-size:25px}
  .design-review .about-copy .large-copy {font-size:27px}
  .design-review .team-photo {padding:20px 8px 0}
  .design-review .values-grid {grid-template-columns:1fr;gap:40px;padding-top:45px}
  .design-review .values-illustration {max-width:230px;margin-top:24px}
  .design-review .values-list {gap:28px}
  .design-review .insights-grid {grid-template-columns:1fr 1fr;gap:40px 28px}
  .design-review .insights-grid article:first-child {grid-column:1/-1}
  .design-review .insights-grid article:first-child .insight-photo {aspect-ratio:1.95}
  .design-review[data-design-page=service] .page-hero {padding-top:40px}
  .design-review[data-design-page=service] .page-hero-copy {display:block;padding-bottom:35px}
  .design-review[data-design-page=service] .page-hero-copy h1 {font-size:clamp(42px,6.6vw,55px);max-width:650px}
  .design-review[data-design-page=service] .page-hero-copy .page-lead {font-size:21px;margin-top:26px}
  .design-review[data-design-page=service] .page-hero-copy .page-actions {margin-top:28px}
  .design-review[data-design-page=service] .page-hero-image img {aspect-ratio:1.8;border-bottom-right-radius:55px}
  .design-review.inner-page .service-context {padding-block:70px}
  .design-review .service-introduction {grid-template-columns:1fr;gap:30px}
  .design-review .service-introduction>div:first-child {display:flex;gap:30px;align-items:center}
  .design-review .service-illustration {max-width:190px;margin:0}
  .design-review .prose {font-size:19px}
  .design-review .service-clients p {max-width:none}
  .design-review .references-section {padding-block:40px 70px}
  .design-review .reference-grid {grid-template-columns:1fr;row-gap:42px}
  .design-review .reference-image {aspect-ratio:1.65}
  .design-review .service-work>.container {display:block}
  .design-review .service-work h2 {margin-bottom:36px;font-size:clamp(32px,5.6vw,42px)}
  .design-review .work-item {grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:0 28px}
  .design-review .single-quote {padding-left:36px}
  .design-review .single-quote .quote-emblem {left:-4px;top:-8px}
  .design-review .single-quote blockquote {font-size:23px}
  .design-review .contact-section {padding-block:68px}
  .design-review .contact-inner {grid-template-columns:1fr;gap:36px}
  .design-review .contact-photo-collection {min-height:0;height:340px}
  .design-review .contact-copy h2 {font-size:44px}
  .design-review .contact-team {max-width:560px}
}
@media(max-width:540px) {
  .design-review .page-hero h1 {font-size:clamp(31px,8.7vw,45px);line-height:1.1;letter-spacing:-1px}
  .design-review .hero {min-height:510px}
  .design-review .hero h1 {font-size:clamp(28px,8.3vw,44px);letter-spacing:-.7px;text-wrap:pretty}
  .design-review .hero-media::after {background:linear-gradient(90deg,rgba(6,45,67,.8),rgba(6,45,67,.36)),linear-gradient(0deg,rgba(6,45,67,.5),transparent 85%)}
  .design-review .hero-bottom {padding-right:34px}
  .design-review .proof-grid {row-gap:28px}
  .design-review .proof-grid>div {padding-left:24px;padding-right:0}
  .design-review .proof-grid>div:nth-child(3) {padding-left:0;border-left:0}
  .design-review .proof-grid dd {font-size:54px}
  .design-review .proof-grid.proof-credentials {grid-template-columns:minmax(0,1fr);gap:22px}
  .design-review .proof-credentials>div,.design-review .proof-credentials>div:nth-child(3) {min-height:0;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:18px;padding:20px 0 0;border:0;border-top:1px solid var(--border)}
  .design-review .proof-credentials>div:first-child {padding-top:0;border-top:0}
  .design-review .proof-credentials dd {display:block;min-height:0;margin:0;flex-shrink:0}
  .design-review .proof-credentials dt {font-size:18px}
  .design-review .audience-card,.design-review .audience-card:last-child {display:flex;gap:0}
  .design-review .audience-photo,.design-review .audience-card:last-child .audience-photo {aspect-ratio:1.4;height:auto}
  .design-review .audience-card-body,.design-review .audience-card:last-child .audience-card-body {padding-top:25px}
  .design-review .audience-card h3 {font-size:31px}
  .design-review .expertise-feature {display:block}
  .design-review .expertise-feature-image {margin-top:30px}
  .design-review .service-list {--service-image-width:82px;--service-image-height:100px}
  .design-review .service-list>a,.design-review .service-list>a:last-child {gap:15px;font-size:22px}
  .design-review .service-list small {font-size:16px}
  .design-review .project-grid {grid-template-columns:1fr;gap:42px}
  .design-review .project-card:first-child .project-copy h3 {font-size:34px}
  .design-review .project-copy>p:last-child {font-size:18px}
  .design-review .project-badge {left:18px;top:18px;font-size:12px}
  .design-review .project-card:first-child .image-arrow {left:18px;bottom:18px}
  .design-review .testimonials-heading {gap:21px;align-items:flex-start}
  .design-review .quote-panel {display:block}
  .design-review .quote-emblem {display:block;height:43px;font-size:64px}
  .design-review .quote-panel blockquote,.design-review .quote-pair-grid blockquote {font-size:21px;line-height:1.65}
  .design-review .quote-panel figcaption {flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px}
  .design-review .quote-panel figcaption>div:first-child {flex:1 1 150px}
  .design-review .quote-logo {width:140px;height:74px}
  .design-review .quote-selectors {gap:6px;padding-top:20px}
  .design-review .quote-selectors button {font-size:13px;padding-inline:10px}
  .design-review .quote-pair-brand .quote-emblem {height:45px}
  .design-review .quote-pair-brand img {height:58px;width:140px}
  .design-review .values-list {grid-template-columns:1fr;gap:28px}
  .design-review .values-list dt {display:flex;align-items:center;gap:16px;margin-bottom:14px}
  .design-review .values-list>div:first-child dt {font-size:29px}
  .design-review .value-icon {margin:0;width:35px;height:35px}
  .design-review .values-list dd,.design-review .values-list>div:first-child dd {font-size:18px}
  .design-review .insights-grid {grid-template-columns:1fr;gap:40px}
  .design-review .insight-photo,.design-review .insights-grid article:first-child .insight-photo {aspect-ratio:1.65}
  .design-review .insights-grid h3,.design-review .insights-grid article:first-child h3 {font-size:30px}
  .design-review[data-design-page=service] .page-hero-copy h1 {font-size:clamp(31px,8.7vw,45px);letter-spacing:-1px}
  .design-review[data-design-page=service] .page-hero-copy .page-lead {font-size:20px}
  .design-review[data-design-page=service] .page-hero-image img {aspect-ratio:1.45;object-position:var(--service-photo-position,56% center)}
  .design-review .service-introduction>div:first-child {display:block}
  .design-review .service-illustration {max-width:210px;margin-top:28px}
  .design-review .work-item {display:block}
  .design-review .work-item h3 {grid-template-columns:40px minmax(0,1fr);gap:16px;font-size:22px;margin-bottom:18px}
  .design-review .work-icon {width:40px;height:40px}
  .design-review .work-label {padding-top:4px}
  .design-review .service-overview-row h2 {font-size:25px;overflow-wrap:normal;hyphens:auto}
  .design-review .service-overview-row p {font-size:17px}
  .design-review .single-quote {padding:46px 0 0}
  .design-review .single-quote .quote-emblem {left:0;top:0}
  .design-review .single-quote blockquote {font-size:22px}
  .design-review .contact-copy h2 {font-size:40px}
  .design-review .contact-copy>p {font-size:18px}
  .design-review .contact-photo-collection {height:295px;gap:10px}
  .design-review .site-footer {padding-top:48px}
}
@media(max-height:780px) and (min-width:781px) {
  .design-review .expertise-feature {position:static}
}
@media(prefers-reduced-motion:reduce) {
  .design-review *, .design-review *::before, .design-review *::after {transition:none!important;animation:none!important}
  .design-review :is(.project-image-link,.reference-image,.audience-card,.service-list>a):hover img {transform:none}
}
@media(forced-colors:active) {
  .design-review :is(.testimonials-section,.quote-section,.page-hero,.hero-content) {background:Canvas;color:CanvasText;border-block:1px solid CanvasText}
  .design-review :is(.testimonials-section,.quote-section,.page-hero,.hero) :is(h1,h2,p,blockquote,strong,span,button,a) {color:CanvasText}
  .design-review .quote-selectors button[aria-pressed=true] {border:3px solid Highlight}
  .design-review .contact-team {border:1px solid CanvasText}
  .design-review .about-section::before {display:none}
}