.design-hero{position:relative}.design-hero__frame{column-gap:var(--space-column-gap);row-gap:var(--space-phi-3);grid-column:2/14;grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.design-hero__heading h1{text-wrap:balance;margin:0}.design-hero__heading em{color:var(--color-brand)}.design-hero__intro p{max-width:40ch;font-size:var(--type-body);line-height:var(--leading-body);margin:0}.design-hero__actions{gap:var(--space-inline-default);flex-wrap:wrap;align-items:start;display:flex}.design-hero figure{min-width:0;margin:0}.design-hero figure a{display:block}.design-hero figure img{width:100%;height:auto;display:block}.design-hero figure a:focus-visible{outline:2px solid var(--color-brand);outline-offset:5px}.design-hero figcaption{font-size:var(--type-meta);line-height:var(--leading-body)}.design-hero__signature{justify-content:space-between;gap:var(--space-phi-2);padding-top:var(--space-phi-3);border-top:1px solid var(--color-border);font-size:var(--type-meta);margin-top:var(--space-phi-3);padding-bottom:var(--space-phi-4);grid-column:1/-1;display:flex}.design-direction--de-hele-ervaring .design-hero__heading{grid-area:1/9/auto/13}.design-direction--de-hele-ervaring .design-hero__intro{grid-area:2/9/auto/13}.design-direction--de-hele-ervaring .design-hero__actions{margin-top:var(--space-phi-2);flex-direction:column;grid-area:3/9/auto/13}.experience-spread{grid-area:1/1/5/8}.experience-spread__opening figcaption{justify-content:space-between;gap:var(--space-phi-2);margin-top:var(--space-phi-2);display:flex}.experience-spread__details{gap:var(--space-phi-2);margin-top:var(--space-phi-4);grid-template-columns:1fr 1fr;display:grid}.experience-spread__details figure:last-child{margin-top:var(--space-phi-4)}.experience-spread__details figcaption{margin-top:var(--space-phi-2)}.design-direction--de-hele-ervaring .design-hero__signature{grid-row:5}.design-direction--van-aandacht-naar-actie .design-hero__heading{grid-area:1/1/auto/7}.design-direction--van-aandacht-naar-actie .design-hero__actions{margin-top:var(--space-phi-3);grid-area:3/1/auto/-1;justify-content:center}.design-journey{gap:var(--space-column-gap);margin-top:var(--space-phi-4);grid-area:2/1/auto/-1;grid-template-columns:3fr 5fr 3fr;align-items:start;display:grid}.design-journey__label{align-items:center;gap:var(--space-phi-1);font-size:var(--type-meta);margin-bottom:var(--space-phi-2);display:flex}.design-journey__step figcaption{margin-top:var(--space-phi-3)}.design-journey__step h2{text-wrap:balance;margin:0}.design-journey__step p{font-size:var(--type-body-sm);line-height:var(--leading-body);margin:var(--space-phi-2) 0 0;max-width:35ch}.design-journey__credit{font-size:var(--type-meta);text-align:center;margin:var(--space-phi-2) 0 0;grid-column:1/-1}.direction-review{border-top:1px solid var(--color-border);padding-block:var(--space-phi-4)}.direction-review__frame{justify-content:space-between;align-items:start;gap:var(--space-column-gap);grid-column:2/14;display:flex}.direction-review p{margin:0 0 var(--space-phi-1);font-size:var(--type-body-sm)}.direction-review span{font-size:var(--type-meta)}.direction-review nav{gap:var(--space-column-gap);display:flex}.direction-review nav a{align-items:center;gap:var(--space-phi-2);min-height:44px;font-size:var(--type-body-sm);text-decoration:none;display:flex}.direction-review nav a[aria-current=page]{color:var(--color-brand)}@media (width<=1199px){.design-hero__frame,.direction-review__frame{grid-column:1/-1}.design-direction--de-hele-ervaring .design-hero__heading,.design-direction--de-hele-ervaring .design-hero__intro,.design-direction--de-hele-ervaring .design-hero__actions{grid-column:8/13}.experience-spread{grid-column:1/8}.experience-spread__details{grid-template-columns:1fr}.experience-spread__details figure:last-child{margin-top:0}.design-journey{grid-template-columns:1fr 1.4fr 1fr}.direction-review__frame{flex-direction:column}}@media (width>=768px) and (width<=999px){.design-direction--van-aandacht-naar-actie .design-hero__heading{grid-area:1/1/auto/-1}.design-direction--van-aandacht-naar-actie .design-hero__intro{grid-area:2/1/auto/7;align-self:start}.design-direction--van-aandacht-naar-actie .design-journey{grid-row:3}.design-direction--van-aandacht-naar-actie .design-hero__actions{grid-row:4}}@media (width<=767px){.design-hero__frame{gap:var(--space-phi-3);padding-inline:var(--section-content-inset);flex-direction:column;display:flex}.design-hero__heading{order:0}.design-hero__intro{order:1}.design-hero__intro p{max-width:none}.design-hero__actions{flex-direction:column;order:3;width:100%}.design-hero__actions a{width:100%}.experience-spread,.design-journey{margin-top:var(--space-phi-2);order:2}.design-hero__signature{margin-top:var(--space-phi-2);flex-direction:column;order:4}.experience-spread__details{gap:var(--space-phi-3);margin-top:var(--space-phi-3);grid-template-columns:1fr}.experience-spread__details figure:last-child,.design-direction--de-hele-ervaring .design-hero__actions{margin-top:0}.design-journey{gap:var(--space-phi-4);flex-direction:column;display:flex}.design-journey__step--1,.design-journey__step--3{padding-top:0}.design-journey__step figcaption{margin-top:var(--space-phi-2)}.design-journey__step h2{font-size:var(--type-h3)}.design-journey__step p{max-width:none}.design-journey__credit{text-align:left;margin:0}.design-direction--van-aandacht-naar-actie .design-hero__actions{margin-top:0}.direction-review nav{gap:var(--space-phi-1);flex-direction:column;width:100%}.direction-review nav a{justify-content:space-between}}.experience-spread,.experience-spread__details{display:contents}.experience-spread__opening{grid-area:1/1/4/8}.experience-spread__details figure:first-child{margin-top:var(--space-phi-3);grid-area:4/3/auto/7;align-self:end}.experience-spread__details figure:last-child{margin-top:var(--space-phi-3);grid-area:4/8/auto/13}.experience-spread__details figure:first-child img{aspect-ratio:3.4;object-fit:cover;object-position:center bottom}.design-direction--de-hele-ervaring .design-hero__frame{grid-template-rows:auto auto auto auto auto}.design-direction--van-aandacht-naar-actie .design-hero__heading{grid-row:1/3}.design-direction--van-aandacht-naar-actie .design-hero__intro{grid-area:1/8/auto/13;align-self:start}.design-direction--van-aandacht-naar-actie .design-hero__actions{grid-area:2/8/auto/13;justify-content:start;margin-top:0}.design-direction--van-aandacht-naar-actie .design-journey{margin-top:var(--space-phi-3);grid-row:3}.design-journey__step--1{padding-top:var(--space-phi-5)}.design-journey__step--3{padding-top:var(--space-section-break)}@media (width>=768px) and (width<=999px){.design-direction--van-aandacht-naar-actie .design-hero__heading{grid-area:1/1/auto/-1}.design-direction--van-aandacht-naar-actie .design-hero__intro{grid-area:2/1/auto/7}.design-direction--van-aandacht-naar-actie .design-hero__actions{grid-area:2/7/auto/13}}@media (width<=767px){.experience-spread__opening{order:2}.experience-spread__details figure{order:4;margin-top:var(--space-phi-2)!important}.experience-spread__details figure:first-child{width:80%}.design-direction--de-hele-ervaring .design-hero__signature{order:5}.design-journey__step--1,.design-journey__step--3{padding-top:0}.design-journey__step{width:100%}.design-hero__actions{order:2}.experience-spread,.design-journey,.experience-spread__opening{order:3}}@media (width>=768px) and (width<=1199px){.design-direction--de-hele-ervaring .design-hero__heading{grid-area:1/1/auto/-1}.design-direction--de-hele-ervaring .experience-spread__opening{grid-area:2/1/4/8}.design-direction--de-hele-ervaring .design-hero__intro{grid-area:2/8/auto/13}.design-direction--de-hele-ervaring .design-hero__actions{grid-area:3/8/auto/13;margin-top:0}.experience-spread__details figure:first-child{grid-column:2/6;align-self:end}.experience-spread__details figure:last-child{grid-column:7/13}}.experience-spread__details figure:first-child{align-self:start}.design-direction--de-rustige-lijn .design-journey{gap:var(--space-column-gap-wide);grid-template-columns:repeat(3,minmax(0,1fr))}.design-direction--de-rustige-lijn .design-journey__step{padding-top:0}.design-direction--de-rustige-lijn .design-journey__credit{text-align:left}.direction-review nav{flex-wrap:wrap}@media (width<=767px){.design-direction--de-rustige-lijn .design-journey__step{width:100%}}.design-hero{grid-column:1/-1;min-width:0}.design-hero__intro p+p{margin-top:var(--space-phi-2)}