.realisations-page{--ink:#18191b;--dark:#090a0c;--cream:#f8f6f1;--gold:#dfcba3;--bronze:#876b3d;--muted:#66625b;--line:#dad5cb;background:var(--cream)}
.realisations-page .site-header{background:#090a0cf5}
.realisations-intro{max-width:none;background:#090a0c;color:#f8f6f1;padding-top:90px;padding-bottom:68px;position:relative;isolation:isolate}
.realisations-intro:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 40%,#dec89d12,transparent 62%);z-index:-1}
.realisations-intro .eyebrow{color:#dfcba3;margin-bottom:28px}
.realisations-intro h1{font-family:var(--serif);font-size:clamp(60px,7vw,104px);line-height:1.03;letter-spacing:-.025em;max-width:1000px}
.realisations-intro h1 em{font-weight:400;color:#dfcba3}
.realisations-intro>p:not(.eyebrow){font-size:17px;color:#c6c0b4;line-height:1.8;max-width:490px;margin-top:30px}
.realisations-scroll{margin-top:40px;display:inline-flex;align-items:center;gap:30px;font-size:12px;letter-spacing:.06em;min-height:44px;color:#dfcba3}
.realisations-scroll>span:last-child{font-size:25px;transition:transform .3s}
.realisations-scroll:hover>span:last-child{transform:translateY(4px)}
.realisations-categories{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}
.realisations-categories a{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:46px;padding:12px 20px;border:1px solid #dfcba36b;border-radius:28px;color:#dfcba3;font-size:13px;transition:background .25s,border-color .25s}
.realisations-categories a:hover,.realisations-categories a:focus-visible{background:#dfcba318;border-color:#dfcba3}
.realisations-sites,.realisations-entrypoints{scroll-margin-top:100px}
.realisations-section-heading{padding-top:70px;padding-bottom:0}
.realisations-section-heading .eyebrow,.entrypoints-heading .eyebrow{color:var(--bronze);margin-bottom:20px}
.realisations-section-heading h2,.entrypoints-heading h2{font-size:clamp(37px,4.5vw,63px);line-height:1.12;text-wrap:balance}
.realisations-section-heading h2 em,.entrypoints-heading h2 em{color:var(--bronze);font-weight:400}
.realisations-magazine{padding-top:65px;padding-bottom:35px}
.realisation-story{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:clamp(35px,6vw,100px);padding:10px 0 115px}
.realisation-story:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}
.realisation-story:nth-child(even) .realisation-visual{order:2;transform:perspective(1400px) rotateY(-4deg) rotate(1.4deg)}
.realisation-visual{position:relative;display:block;overflow:hidden;background:#090a0c;border-radius:9px;border:1px solid #b8a98c5c;box-shadow:0 22px 55px #2d261b24;transform:perspective(1400px) rotateY(4deg) rotate(-1.4deg);transition:transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .7s;isolation:isolate}
.realisation-visual img{width:100%;height:auto;aspect-ratio:1440/1000;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .7s}
.realisation-window{height:27px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#141412;color:#bcb2a2}
.realisation-window>span:not(.realisation-domain){width:4px;height:4px;border-radius:50%;background:#948978}
.realisation-domain{margin-left:auto;font-size:10px;letter-spacing:.045em}
.realisation-visit{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:24px;border:1px solid #decba36b;background:#12120feb;backdrop-filter:blur(10px);color:#f1e4c8;border-radius:25px;min-height:42px;padding:8px 17px;font-size:11px;transform:translateY(70px);transition:transform .5s;z-index:2}
.realisation-visit>span{font-size:18px}
.realisation-visual:hover,.realisation-visual:focus-visible,.realisation-story:nth-child(even) .realisation-visual:hover,.realisation-story:nth-child(even) .realisation-visual:focus-visible{transform:perspective(1400px) rotateY(0deg) rotate(0deg) translateY(-6px);box-shadow:0 28px 65px #2d261b35}
.realisation-visual:hover .realisation-visit,.realisation-visual:focus-visible .realisation-visit{transform:translateY(0)}
.realisation-story--depth .realisation-visual:hover img,.realisation-story--depth .realisation-visual:focus-visible img{transform:scale(1.045)}
.realisation-story--light .realisation-visual:after{content:'';position:absolute;inset:-100% -60%;transform:translateX(-70%) rotate(-25deg);background:linear-gradient(90deg,transparent 40%,#fff9e929 50%,transparent 60%);transition:transform 1.1s;pointer-events:none}
.realisation-story--light .realisation-visual:hover:after,.realisation-story--light .realisation-visual:focus-visible:after{transform:translateX(70%) rotate(-25deg)}
.realisation-story--reveal .realisation-visual img{filter:saturate(.65)}
.realisation-story--reveal .realisation-visual:hover img,.realisation-story--reveal .realisation-visual:focus-visible img{filter:saturate(1.1);transform:scale(1.025)}
.realisation-copy .eyebrow{font-size:10px;letter-spacing:.17em;color:var(--bronze);margin-bottom:22px}
.realisation-copy h2{font-size:clamp(45px,4.5vw,72px);line-height:1.04;margin-bottom:20px;text-wrap:balance}
.realisation-line{font-family:var(--serif);font-size:clamp(27px,2.8vw,37px);font-style:italic;color:var(--bronze);line-height:1.2;margin-bottom:23px;max-width:370px}
.realisation-description{font-size:15px;color:var(--muted);line-height:1.85;max-width:390px}
.realisation-copy .under-link{margin-top:27px;min-height:44px}
.realisations-entrypoints{padding-top:70px;padding-bottom:85px;border-top:1px solid var(--line)}
.entrypoints-heading>p:last-child{font-size:15px;line-height:1.85;color:var(--muted);max-width:560px;margin-top:24px}
.entrypoints-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:45px}
.entrypoint-card{background:#fffcf6;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 32px #2d261b0c;transition:transform .35s,box-shadow .35s}
.entrypoint-card:hover,.entrypoint-card:focus-within{transform:translateY(-5px);box-shadow:0 20px 40px #2d261b18}
.entrypoint-visual{display:block;overflow:hidden;border-bottom:1px solid var(--line)}
.entrypoint-visual img{display:block;width:100%;height:auto;aspect-ratio:1440/1000;object-fit:cover;transition:transform .6s}
.entrypoint-visual:hover img,.entrypoint-visual:focus-visible img{transform:scale(1.035)}
.entrypoint-copy{padding:28px;display:flex;flex-direction:column;flex:1}
.entrypoint-copy .eyebrow{font-size:9px;line-height:1.6;letter-spacing:.1em;color:var(--bronze);margin-bottom:17px}
.entrypoint-copy h3{font-family:var(--sans);font-weight:600;font-size:18px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze);margin-bottom:20px}
.entrypoint-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:20px}
.entrypoint-copy .under-link{margin-top:auto;min-height:44px}
.entrypoint-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(25px,4vw,60px);align-items:center;margin-top:42px;padding:clamp(28px,3.5vw,50px);background:#fffcf6;border:1px solid var(--line);border-radius:12px;scroll-margin-top:100px}
.entrypoint-feature-copy .eyebrow{color:var(--bronze);font-size:10px;letter-spacing:.16em;margin-bottom:22px}
.entrypoint-feature-copy h3{font-family:var(--serif);font-size:clamp(34px,3.2vw,48px);line-height:1.12;letter-spacing:-.025em;margin-bottom:22px;text-wrap:balance}
.entrypoint-feature-copy h3 em{color:var(--bronze);font-weight:400}
.entrypoint-feature-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted)}
.entrypoint-feature-copy h4{font-size:15px;line-height:1.6;font-weight:600;color:var(--bronze);margin:27px 0 12px}
.entrypoint-feature-copy .under-link{margin-top:25px;min-height:44px}
.entrypoint-feature-visual{display:block;overflow:hidden;border:1px solid var(--line);border-radius:9px;box-shadow:0 16px 40px #2d261b17;transition:transform .45s,box-shadow .45s}
.entrypoint-feature-visual img{display:block;width:100%;height:auto;aspect-ratio:1440/1000;object-fit:cover;transition:transform .6s}
.entrypoint-feature-visual:hover,.entrypoint-feature-visual:focus-visible{transform:translateY(-4px);box-shadow:0 22px 45px #2d261b23}
.entrypoint-feature-visual:hover img,.entrypoint-feature-visual:focus-visible img{transform:scale(1.025)}
.realisations-next{padding-top:70px;padding-bottom:95px;border-top:1px solid var(--line);text-align:center}
.realisations-next .eyebrow{color:var(--bronze);margin-bottom:25px}
.realisations-next h2{font-size:clamp(48px,5vw,78px)}
.realisations-next .button{margin-top:30px}
@media(max-width:760px){.realisations-intro{padding-top:65px;padding-bottom:48px}.realisations-intro h1{font-size:clamp(48px,12vw,78px)}.realisations-intro>p:not(.eyebrow){font-size:15px}.realisations-magazine{padding-top:55px}.realisation-story,.realisation-story:nth-child(even){grid-template-columns:1fr;gap:32px;padding-bottom:75px}.realisation-story:nth-child(even) .realisation-visual{order:0}.realisation-copy h2{font-size:50px}.realisation-copy .eyebrow{margin-bottom:16px}.realisation-description{max-width:none}.realisation-visit{transform:none;font-size:11px;right:12px;bottom:12px;min-height:44px}.realisations-next{padding-top:55px;padding-bottom:65px}}
@media(hover:none){.realisation-visit{transform:none}}
@media(max-width:900px){.entrypoint-feature{grid-template-columns:1fr;gap:30px;padding:30px}.entrypoint-feature-copy h3{font-size:40px}}
@media(max-width:760px){.entrypoint-feature{padding:25px;margin-top:32px}.entrypoint-feature-copy h3{font-size:clamp(30px,8vw,38px)}}
@media(prefers-reduced-motion:reduce){.entrypoint-feature-visual,.entrypoint-feature-visual img{transition:none}.entrypoint-feature-visual:hover,.entrypoint-feature-visual:focus-visible,.entrypoint-feature-visual:hover img,.entrypoint-feature-visual:focus-visible img{transform:none}}
@media(max-width:1024px) and (min-width:761px){.entrypoint-copy{padding:20px}.entrypoint-copy h3{font-size:16px}.entrypoint-copy .under-link{font-size:12px}.entrypoint-visual .realisation-domain{font-size:8px}}
@media(max-width:760px){.realisations-section-heading{padding-top:48px}.realisations-section-heading h2,.entrypoints-heading h2{font-size:clamp(33px,8vw,48px)}.realisations-categories{gap:10px;margin-top:30px}.realisations-categories a{gap:18px;padding:12px 16px}.realisations-entrypoints{padding-top:50px;padding-bottom:60px}.entrypoints-grid{grid-template-columns:1fr;gap:25px;margin-top:32px}.entrypoint-copy{padding:25px}.realisations-sites,.realisations-entrypoints{scroll-margin-top:90px}}
@media(prefers-reduced-motion:reduce){.entrypoint-card,.entrypoint-visual img,.realisations-categories a{transition:none}.entrypoint-card:hover,.entrypoint-card:focus-within,.entrypoint-visual:hover img,.entrypoint-visual:focus-visible img{transform:none}}
@media(prefers-reduced-motion:reduce){.realisation-visual,.realisation-visual img,.realisation-visit,.realisation-visual:after,.realisations-scroll>span:last-child{transition:none}.realisation-visual,.realisation-story:nth-child(even) .realisation-visual{transform:none}.realisation-visual:hover img,.realisation-visual:focus-visible img{transform:none!important}}