.page-building{--black:var(--color-graphic-black);--charcoal:var(--color-dark-charcoal);--moss:var(--color-moss-green);--midnight:var(--color-midnight-haze);--linnen:var(--color-linnen);--parel:var(--color-parel-grey);--gb-sans:var(--font-graphik), system-ui, sans-serif;--gb-serif:var(--font-suisse-neue), Georgia, serif;--gutter:24px;--content:calc(1440px - 2 * var(--gutter));--ease:cubic-bezier(.22, .61, .36, 1);--ease-reveal:cubic-bezier(.16, 1, .3, 1);background:var(--linnen);color:var(--charcoal);font-family:var(--gb-sans);font-size:var(--text-body,1.125rem);-webkit-font-smoothing:antialiased;line-height:1.55;overflow-x:clip}@media (min-width:768px){.page-building{--gutter:40px}}@media (min-width:1024px){.page-building{--gutter:clamp(40px, 5vw, 96px)}}.page-building[data-motion] .reveal:not(.is-in){opacity:0;transform:translateY(24px)}.page-building .reveal.is-in{transition:opacity .9s var(--ease-reveal), transform .9s var(--ease-reveal)}.page-building .hero{background:var(--charcoal);height:67svh;min-height:480px;color:var(--linnen);position:relative;overflow:hidden}@media (min-width:1024px){.page-building .hero{height:100svh;min-height:640px}}.page-building .hero__img{transition:transform 9s cubic-bezier(.2,.6,.2,1);position:absolute;inset:0;transform:scale(1.06)}.page-building .hero.is-ready .hero__img{transform:none}.page-building .hero:after{content:"";background:linear-gradient(#00000061 0%,#0000 26% 46%,#00000094 100%);position:absolute;inset:0}.page-building .hero__copy{left:var(--gutter);right:var(--gutter);z-index:1;gap:18px;display:grid;position:absolute;bottom:clamp(48px,9vh,96px)}.page-building .hero h1{font-family:var(--gb-serif);letter-spacing:-.02em;max-width:18ch;font-size:clamp(40px,5.2vw,78px);font-weight:400;line-height:1.02}.page-building .statement{background:var(--moss);color:var(--linnen);padding:clamp(80px, 9vw, 136px) var(--gutter)}.page-building .statement p{max-width:860px;font-family:var(--gb-serif);text-align:center;text-wrap:balance;margin:0 auto;font-size:clamp(24px,2.4vw,34px);line-height:1.5}.page-building .split{max-width:1440px;padding:clamp(88px, 9vw, 144px) var(--gutter) 0;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;column-gap:clamp(16px,2vw,32px);margin:0 auto;display:grid}.page-building .split__text{grid-column:1/span 5;gap:22px;display:grid}.page-building .split__text p{max-width:44ch}.page-building .split__media{aspect-ratio:3/2;background:var(--parel);grid-column:7/-1;position:relative}.page-building .split--flip .split__media{grid-area:1/1/auto/span 6}.page-building .split--flip .split__text{grid-area:1/8/auto/-1}.page-building .split__media--tall{aspect-ratio:4/5;overflow:hidden}.page-building .lead{font-family:var(--gb-serif);letter-spacing:-.01em;color:var(--charcoal);font-size:clamp(28px,2.4vw,38px);font-weight:400;line-height:1.18}.page-building .heights{aspect-ratio:2880/1918}.page-building .h{--k:1;z-index:1;left:var(--x);top:var(--y);width:0;height:0;color:var(--charcoal);pointer-events:none;position:absolute}.page-building .h:after{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:-2.5px;left:-2.5px}.page-building .h i{width:1px;height:calc(var(--len) * var(--k));opacity:.6;transform-origin:bottom;transition:transform .7s var(--ease-reveal) .5s;background:currentColor;position:absolute;bottom:0;left:-.5px}.page-building .h b{left:0;bottom:calc(var(--len) * var(--k) + 5px);letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums;transition:opacity .6s var(--ease) .9s;font-size:15px;font-weight:400;line-height:1;position:absolute;transform:translate(-50%)}.page-building[data-motion] .heights:not(.is-in) .h i{transform:scaleY(0)}.page-building[data-motion] .heights:not(.is-in) .h b{opacity:0}.page-building .num{letter-spacing:-.03em;color:var(--midnight);font-variant-numeric:tabular-nums;font-size:clamp(40px,4vw,64px);font-weight:300;line-height:1}.page-building .part h2{color:var(--charcoal);font-size:clamp(28px,2.6vw,40px);line-height:1.15}.page-building .part p:not(.num){max-width:44ch}.page-building .park{color:var(--linnen);position:relative}.page-building .park__img{background:var(--parel);height:clamp(560px,60vw,860px);position:relative;overflow:hidden}.page-building .park__img:after{content:"";background:linear-gradient(#0000 36%,#0000008c 70%,#000000bd 100%),linear-gradient(90deg,#0000006b 0%,#0003 35%,#0000 60%);position:absolute;inset:0}.page-building .park__copy{z-index:1;left:var(--gutter);right:var(--gutter);gap:14px;max-width:560px;display:grid;position:absolute;bottom:clamp(40px,5vw,80px)}.page-building .park .num,.page-building .park h2{color:var(--linnen)}.page-building .roof{max-width:1440px;padding:clamp(96px, 10vw, 160px) var(--gutter) 0;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:clamp(16px,2vw,32px);margin:0 auto;display:grid}.page-building .roof__text{grid-area:1/1/auto/span 4;align-self:center;gap:14px;display:grid}.page-building .roof__a{aspect-ratio:16/10;background:var(--parel);grid-area:1/6/auto/-1;position:relative}.page-building .plinth{max-width:1440px;padding:clamp(96px, 10vw, 160px) var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;column-gap:clamp(16px,2vw,32px);margin:0 auto;display:grid}.page-building .plinth__media{aspect-ratio:16/9;background:var(--parel);grid-column:1/span 8;position:relative;overflow:hidden}.page-building .plinth__text{grid-column:9/-1;gap:20px;display:grid}.page-building .plinth__text>div{gap:14px;display:grid}.page-building .plinth__text>p{font-size:clamp(18px,1.3vw,20px);line-height:1.5}.page-building .quote{padding:clamp(56px, 6vw, 96px) var(--gutter);background:var(--parel);margin-top:clamp(96px,10vw,160px)}.page-building .quote__grid{max-width:var(--content);grid-template-columns:clamp(120px,12vw,180px) minmax(0,1fr);grid-template-areas:"img quote""img who";align-items:end;gap:20px clamp(32px,5vw,80px);margin:0 auto;display:grid}.page-building .quote__img{aspect-ratio:4/5;background:var(--parel);grid-area:img;align-self:center;position:relative;overflow:hidden}.page-building .quote__img img{object-position:50% 30%}.page-building .quote blockquote{grid-area:quote;margin:0}.page-building .quote blockquote p{max-width:27em;font-family:var(--gb-serif);letter-spacing:-.01em;text-indent:-.42em;text-wrap:balance;color:var(--charcoal);font-size:clamp(22px,12px + 1.6vw,34px);font-weight:400;line-height:1.28}.page-building .quote__who{color:var(--charcoal);grid-area:who;align-self:start;gap:2px;font-size:18px;line-height:1.4;display:grid}.page-building .quote__name{font-weight:500}.page-building .duur{background:var(--parel);padding:clamp(88px, 9vw, 136px) var(--gutter);margin-top:clamp(96px,10vw,160px)}.page-building .duur>*{max-width:var(--content);margin-left:auto;margin-right:auto}.page-building .duur__head{gap:14px;display:grid}.page-building .duur__head h2{max-width:22ch;font-family:var(--gb-serif);letter-spacing:-.015em;color:var(--charcoal);margin-left:0;font-size:clamp(32px,3.6vw,56px);font-weight:400;line-height:1.1}.page-building .duur__body{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px);margin-top:clamp(32px,4vw,56px);display:grid}.page-building .duur__body p{font-size:18px;line-height:1.6}.page-building .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px clamp(16px,2.4vw,32px);margin-top:clamp(48px,5vw,72px);display:grid}.page-building .stats div{border-top:1px solid var(--charcoal);flex-direction:column-reverse;justify-content:flex-end;gap:10px;padding-top:18px;display:flex}.page-building .stats dt{font-size:15px}.page-building .stats dd{letter-spacing:-.03em;color:var(--charcoal);margin:0;font-size:clamp(36px,4vw,64px);font-weight:300;line-height:1}.page-building .stats dd small{letter-spacing:0;font-size:max(15px,.4em);font-weight:400}@media (max-width:900px){.page-building .split,.page-building .roof{grid-template-columns:1fr;row-gap:32px}.page-building .split__text,.page-building .split__media,.page-building .split--flip .split__media,.page-building .split--flip .split__text{grid-area:auto/1}.page-building .split--flip .split__media{order:-1}.page-building .roof__text,.page-building .roof__a{grid-area:auto/1}.page-building .plinth{grid-template-columns:1fr;row-gap:28px}.page-building .plinth__media,.page-building .plinth__text{grid-column:1}.page-building .park{color:inherit}.page-building .park__img{aspect-ratio:16/9;height:auto}.page-building .park__img:after{content:none}.page-building .park__copy{max-width:none;padding:28px var(--gutter) 0;position:static}.page-building .park .num{color:var(--midnight)}.page-building .park h2{color:var(--charcoal)}.page-building .duur__body{grid-template-columns:1fr}.page-building .stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.page-building .quote__grid{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"quote quote""img who";align-items:center;gap:28px 20px}.page-building .quote__who{align-self:center}.page-building .hero h1{font-size:clamp(34px,9vw,46px)}.page-building .hero__copy{bottom:32px}.page-building .h{--k:.6}.page-building .h--top{--k:.2}}@media (prefers-reduced-motion:reduce){.page-building .hero__img,.page-building .hero.is-ready .hero__img{transition:none;transform:none}.page-building .h i,.page-building .h b{transition:none}}@layer components{.page-building h1,.page-building h2,.page-building h3{text-wrap:balance;margin:0;font-weight:500}.page-building p,.page-building figure{margin:0}}