.realisations-hero{min-height:var(--opening-hero-height);background:var(--bp-dark);color:var(--bp-ivory);position:relative;overflow:hidden}.realisations-hero>img{object-fit:cover;object-position:50% 52%}.realisations-hero__shade{background:linear-gradient(#0000000d 32%,#0000009e),linear-gradient(90deg,#0000005c,#0000 56%);position:absolute;inset:0}.realisations-hero>.site-shell{z-index:2;min-height:var(--opening-hero-height);padding-bottom:max(48px, env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-end;display:flex;position:relative}.realisations-hero p{text-transform:uppercase;margin-bottom:14px;font-size:12px}.realisations-hero h1{text-shadow:0 2px 24px #0003;max-width:900px;font-size:clamp(2.8rem,5.8vw,5.7rem);line-height:.92}.realisations-hero h1+span{background:var(--bp-red);width:38px;height:2px;margin-top:28px}.realisations-intro{background:var(--bp-ivory);padding-block:62px}.realisations-intro h2{grid-column:1/-1;max-width:16ch;font-size:clamp(2.1rem,3.7vw,3.7rem);line-height:1}.realisations-intro .site-grid>div{grid-column:1/-1;gap:18px;max-width:65ch;margin-top:28px;display:grid}.realisations-list{background:var(--bp-ivory);padding-block:52px 76px}.realisations-list>.site-shell{gap:60px;display:grid}.realisations-card{gap:24px;display:grid}.realisations-card .media-frame{min-height:min(48svh,520px)}.realisations-card>div:last-child>span{text-transform:uppercase;font-size:12px}.realisations-card h2{margin-bottom:7px;font-size:clamp(2.05rem,3.2vw,3.5rem)}@media (min-width:834px){.realisations-list>.site-shell{gap:82px}.realisations-intro h2{grid-column:1/5}.realisations-intro .site-grid>div{grid-column:5/9;margin-top:0}.realisations-card{grid-template-columns:8fr 4fr;align-items:end}.realisations-list .reveal:nth-child(2n) .realisations-card{grid-template-columns:4fr 8fr}.realisations-list .reveal:nth-child(2n) .realisations-card .media-frame{order:2}}@media (max-width:833px){.realisations-hero>img{object-position:62% 50%}.realisations-card .media-frame{min-height:46svh}}@media (min-width:1280px){.realisations-intro h2{grid-column:2/7}.realisations-intro .site-grid>div{grid-column:8/13}}
