.project-header{padding-block:var(--spacing-2xl) var(--spacing-xl);background-color:var(--color-surface-canvas);background-image:radial-gradient(64rem 34rem at 82% -20%, color-mix(in srgb, var(--color-secondary) 12%, transparent), transparent 62%);position:relative}@media (min-width:768px){.project-header{padding-block:var(--spacing-3xl) var(--spacing-2xl)}}.project-header__grid{gap:var(--spacing-xl);display:grid}@media (min-width:1200px){.project-header__grid{gap:var(--spacing-2xl);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.project-header__text{grid-column:1/9}.project-header__stamp{grid-column:9/13}}.project-header__place{font-size:var(--text-label-caps);line-height:var(--text-label-caps--line-height);letter-spacing:var(--text-label-caps--letter-spacing);font-weight:var(--text-label-caps--font-weight);text-transform:uppercase;color:var(--color-label-accent)}.project-header__place a:hover{text-underline-offset:3px;text-decoration:underline}.project-header__title{margin-top:var(--spacing-xs);font-family:var(--font-heading);font-size:var(--text-display-hero-mobile);line-height:var(--text-display-hero-mobile--line-height);letter-spacing:var(--text-display-hero-mobile--letter-spacing);font-weight:var(--text-display-hero-mobile--font-weight);color:var(--color-text-strong);text-wrap:balance}@media (min-width:768px){.project-header__title{font-size:var(--text-display-hero);line-height:var(--text-display-hero--line-height);letter-spacing:var(--text-display-hero--letter-spacing)}}.project-header__intro{max-width:52ch;margin-top:var(--spacing-md);font-size:var(--text-body-xl);line-height:var(--text-body-xl--line-height);color:var(--color-text-body)}.project-header__stamp{gap:var(--spacing-2xs) var(--spacing-lg);padding-top:var(--spacing-sm);border-top:2px solid var(--color-primary);grid-template-rows:auto auto;grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));grid-auto-flow:column;margin:0;display:grid}.project-header__stamp dt{font-size:var(--text-label-caps);line-height:var(--text-label-caps--line-height);letter-spacing:var(--text-label-caps--letter-spacing);font-weight:var(--text-label-caps--font-weight);text-transform:uppercase;color:var(--color-text-muted)}.project-header__stamp dd{font-family:var(--font-heading);font-size:var(--text-spec-data);line-height:var(--text-spec-data--line-height);letter-spacing:var(--text-spec-data--letter-spacing);font-weight:var(--text-spec-data--font-weight);color:var(--color-text-strong);margin:0}@media (min-width:1200px){.project-header__stamp{padding:0 var(--spacing-lg);background-color:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-top:2px solid var(--color-primary);border-radius:0 0 var(--radius-DEFAULT) var(--radius-DEFAULT);box-shadow:var(--shadow-elevation-1);grid-template-rows:none;grid-template-columns:auto minmax(0,1fr);grid-auto-flow:row;gap:0}.project-header__stamp dt,.project-header__stamp dd{padding-block:var(--spacing-md);border-bottom:1px solid var(--color-border-subtle)}.project-header__stamp dt{padding-right:var(--spacing-md)}.project-header__stamp dd{text-align:right}.project-header__stamp dt:last-of-type,.project-header__stamp dd:last-of-type{border-bottom:0}}.transform__layout{gap:var(--spacing-2xl);display:grid}@media (min-width:1200px){.transform__layout{gap:var(--spacing-4xl);grid-template-columns:minmax(0,1fr) 18rem;align-items:start}}.transform__pair{gap:var(--spacing-2xl);display:grid;position:relative}@media (min-width:560px){.transform__pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.transform__pair--een{grid-template-columns:minmax(0,1fr);max-width:34rem}.transform__pair:not(.transform__pair--een):before,.transform__pair:not(.transform__pair--een):after{content:"";pointer-events:none;position:absolute;top:50%;left:50%}.transform__pair:not(.transform__pair--een):before{border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background-color:var(--color-surface-card);width:2.75rem;height:2.75rem;box-shadow:var(--shadow-elevation-1);margin:-1.375rem 0 0 -1.375rem}.transform__pair:not(.transform__pair--een):after{border-top:2px solid var(--color-secondary);border-right:2px solid var(--color-secondary);width:.625rem;height:.625rem;margin:-.5rem 0 0 -.4375rem;transform:rotate(135deg)}@media (min-width:560px){.transform__pair:not(.transform__pair--een):after{margin:-.4375rem 0 0 -.5rem;transform:rotate(45deg)}}.plate{margin:0}.plate__frame{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background-color:var(--color-surface-card);overflow:hidden}.plate__image{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.plate--voor .plate__frame,.plate--voor .illustration{background-color:var(--color-surface-muted)}.plate--na .plate__frame{box-shadow:var(--shadow-elevation-1)}.plate__caption{align-items:baseline;gap:var(--spacing-2xs) var(--spacing-md);margin-top:var(--spacing-sm);padding-top:var(--spacing-xs);border-top:1px solid var(--color-border-subtle);flex-wrap:wrap;display:flex}.plate__label{font-size:var(--text-label-caps);line-height:var(--text-label-caps--line-height);letter-spacing:var(--text-label-caps--letter-spacing);font-weight:var(--text-label-caps--font-weight);text-transform:uppercase;color:var(--color-text-muted)}.plate--na .plate__label{color:var(--color-label-accent)}.plate__measure{font-family:var(--font-heading);font-size:var(--text-spec-data);line-height:var(--text-spec-data--line-height);letter-spacing:var(--text-spec-data--letter-spacing);font-weight:var(--text-spec-data--font-weight);color:var(--color-text-strong);margin-left:auto}.transform__title{padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-primary);font-size:var(--text-label-caps);line-height:var(--text-label-caps--line-height);letter-spacing:var(--text-label-caps--letter-spacing);font-weight:var(--text-label-caps--font-weight);text-transform:uppercase;color:var(--color-text-strong)}.specs{grid-template-columns:auto minmax(0,1fr);gap:0;margin:0;display:grid}.specs dt,.specs dd{padding-block:var(--spacing-sm);border-bottom:1px solid var(--color-border-subtle)}.specs dt{padding-right:var(--spacing-md);font-size:var(--text-body-sm);line-height:var(--text-spec-data--line-height);color:var(--color-text-body)}.specs dd{font-family:var(--font-heading);font-size:var(--text-spec-data);line-height:var(--text-spec-data--line-height);letter-spacing:var(--text-spec-data--letter-spacing);font-weight:var(--text-spec-data--font-weight);color:var(--color-text-strong);text-align:right;margin:0}.specs dt:last-of-type,.specs dd:last-of-type{border-bottom:0}.project-nav__row{gap:var(--spacing-lg);align-items:center;display:grid}@media (min-width:768px){.project-nav__row{gap:var(--spacing-xl);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.project-nav__link--prev{grid-column:1}.project-nav__sheet{grid-column:2}.project-nav__link--next{text-align:right;grid-column:3;justify-items:end}}.project-nav__link{gap:var(--spacing-2xs);display:grid}.project-nav__label{align-items:center;gap:var(--spacing-xs);font-size:var(--text-label-caps);line-height:var(--text-label-caps--line-height);letter-spacing:var(--text-label-caps--letter-spacing);font-weight:var(--text-label-caps--font-weight);text-transform:uppercase;color:var(--color-label-accent);display:inline-flex}.project-nav__label svg{width:1rem;height:1rem;transition:transform .2s}.project-nav__link--prev .project-nav__label svg{transform:rotate(180deg)}.project-nav__link--prev:hover .project-nav__label svg{transform:rotate(180deg)translate(3px)}.project-nav__link--next:hover .project-nav__label svg{transform:translate(3px)}.project-nav__title{font-family:var(--font-heading);font-size:var(--text-headline-sm);line-height:var(--text-headline-sm--line-height);font-weight:var(--text-headline-sm--font-weight);color:var(--color-text-strong);transition:color .15s}.project-nav__link:hover .project-nav__title{color:var(--color-label-accent)}.project-nav__sheet{font-family:var(--font-heading);font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height);letter-spacing:var(--text-label-caps--letter-spacing);text-transform:uppercase;white-space:nowrap;color:var(--color-text-muted);font-weight:600}
