body.single-joel_realisation{color:var(--style-white);background:var(--style-black)}.single-joel_realisation #site-content{overflow:clip}.case-study{--case-line: rgba(255, 252, 225, .14);--case-line-strong: rgba(255, 252, 225, .24);--case-panel: rgba(255, 252, 225, .035);--case-panel-strong: rgba(255, 252, 225, .065);--case-muted: rgba(255, 252, 225, .68);background:radial-gradient(circle at 10% 16%,rgba(12,216,252,.08),transparent 26rem),radial-gradient(circle at 88% 24%,rgba(108,60,252,.1),transparent 30rem),var(--style-black)}.case-shell{width:min(1280px,calc(100% - 3rem));margin-inline:auto}.case-hero{position:relative;min-height:100svh;padding:0;box-sizing:border-box;display:grid;grid-template-rows:var(--site-header-height, 76px) minmax(0,1fr) auto clamp(1.25rem,2.5svh,2rem);isolation:isolate}.case-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(255,252,225,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,252,225,.028) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.78) 62%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.78) 62%,transparent 100%)}.case-hero:after{content:"";position:absolute;left:50%;bottom:0;width:min(1280px,calc(100% - 3rem));height:1px;transform:translate(-50%);background:linear-gradient(90deg,transparent,var(--logo-cyan),var(--logo-violet),var(--logo-magenta),transparent);opacity:.7}.case-hero__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(34rem,1.18fr);align-items:center;grid-row:2;align-self:center;gap:clamp(3rem,6vw,7rem)}.case-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:clamp(1.5rem,3.5svh,2.75rem);color:var(--case-muted);font-size:.86rem}.case-breadcrumb a{color:var(--logo-cyan);text-decoration:none}.case-breadcrumb a:hover,.case-breadcrumb a:focus-visible{color:var(--style-white)}.case-kicker{margin:0 0 1rem;color:var(--terminal-green);font-size:clamp(.78rem,.9vw,.92rem);font-weight:var(--type-weight-strong);letter-spacing:.18em;line-height:1.3;text-transform:uppercase}.case-hero h1{width:fit-content;max-width:none;padding-inline-end:.12em;margin:0;font-size:clamp(4.4rem,8.8vw,9.4rem);line-height:.84;letter-spacing:-.075em;overflow-wrap:normal;background:linear-gradient(155deg,var(--logo-cyan),var(--logo-violet) 52%,var(--logo-magenta));background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent}@media (min-width: 1101px){.case-study--cauxfab3d .case-hero h1{font-size:clamp(4.4rem,6.8vw,7.8rem)}}.case-hero__intro{max-width:36rem;margin:clamp(1.8rem,3vw,2.6rem) 0 0;color:var(--case-muted);font-size:clamp(1.12rem,1.65vw,1.45rem);line-height:1.48}.case-hero__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:clamp(2.2rem,4vw,3.4rem)}.case-button{position:relative;min-height:3.65rem;padding:0 1.55rem;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;border:1px solid transparent;border-radius:999px;color:var(--style-white);font-weight:var(--type-weight-strong);text-decoration:none;overflow:hidden;isolation:isolate;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,color .28s ease}.case-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(110deg,var(--logo-cyan),var(--logo-violet),var(--logo-magenta));transition:transform .4s cubic-bezier(.16,1,.3,1),filter .28s ease}.case-button--primary{box-shadow:0 16px 34px #6c3cfc2e}.case-button--secondary{border-color:var(--case-line-strong);background:#0e100fbd}.case-button--secondary:before{opacity:.14;transform:translate(-102%)}.case-button:hover,.case-button:focus-visible{transform:translateY(-3px);border-color:#fffce180;box-shadow:0 18px 38px #6c3cfc3d,0 0 26px #0cd8fc1f}.case-button:hover:before,.case-button:focus-visible:before{transform:translate(0);filter:saturate(1.15) brightness(1.06)}.case-hero__visual{position:relative;min-height:clamp(32rem,54vw,47rem);display:flex;align-items:center}.case-window{border:1px solid var(--case-line-strong);border-radius:1.25rem;background:#0e100ff5;box-shadow:0 28px 80px #00000075,0 0 0 1px #0cd8fc0b inset;overflow:hidden}.case-window__bar{min-height:2.75rem;padding:0 1rem;display:flex;align-items:center;gap:.46rem;border-bottom:1px solid var(--case-line);background:#fffce10b}.case-window__bar>span{width:.58rem;aspect-ratio:1;border-radius:50%;background:var(--logo-magenta)}.case-window__bar>span:nth-child(2){background:var(--logo-violet)}.case-window__bar>span:nth-child(3){background:var(--logo-cyan)}.case-window__bar small{margin-left:auto;color:#fffce175;font-size:.72rem}.case-window__screen{position:relative;aspect-ratio:2.1 / 1;background:var(--style-black);overflow:hidden}.case-window__screen img{width:100%;height:100%;display:block;object-fit:cover}.case-window--main{width:min(100%,48rem);transform:rotate(-1.2deg)}.case-window--floating{position:absolute;right:-2.2rem;bottom:3.5rem;width:min(48%,21rem);border-color:#0cd8fc61;transform:rotate(3deg)}.case-window--floating .case-window__bar{min-height:2rem}.case-visual-note{position:absolute;left:-1.5rem;bottom:1.1rem;padding:.85rem 1.1rem;border:1px solid rgba(252,0,168,.36);border-radius:.8rem;color:var(--style-white);background:#0e100fe6;box-shadow:0 14px 30px #00000057;font-size:.82rem}.case-facts{grid-row:3;margin-top:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--case-line)}.case-facts>div{min-width:0;padding:1.4rem clamp(1rem,2vw,1.7rem)}.case-facts>div+div{border-left:1px solid var(--case-line)}.case-facts span,.case-facts strong{display:block}.case-facts span{margin-bottom:.4rem;color:var(--case-muted);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}.case-facts strong{font-size:clamp(.92rem,1.2vw,1.08rem);line-height:1.25}.case-section{position:relative;padding:clamp(5.5rem,10vw,9rem) 0}.case-section+.case-section:before{content:"";position:absolute;top:0;left:50%;width:min(1280px,calc(100% - 3rem));height:1px;transform:translate(-50%);background:var(--case-line)}.case-section__heading{max-width:48rem}.case-section__heading--row{max-width:none;display:grid;grid-template-columns:minmax(12rem,.7fr) minmax(0,1.3fr);align-items:end;gap:clamp(2rem,6vw,7rem)}.case-section__number{display:block;margin-bottom:1.6rem;color:#fffce157;font-size:.78rem;letter-spacing:.18em}.case-section h2{margin:0;color:var(--style-white);font-size:clamp(2.45rem,5vw,5.4rem);line-height:.98;letter-spacing:-.05em}.case-context__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(30rem,1.08fr);gap:clamp(3rem,8vw,8rem);align-items:start}.case-context__cards{display:grid;gap:1.1rem}.case-context__cards article{position:relative;padding:clamp(1.6rem,3vw,2.5rem);border:1px solid var(--case-line);border-radius:1.25rem;background:radial-gradient(circle at 100% 0,rgba(108,60,252,.11),transparent 44%),var(--case-panel)}.case-context__cards article:nth-child(2){margin-left:clamp(0rem,5vw,4.5rem);background:radial-gradient(circle at 0 100%,rgba(252,0,168,.09),transparent 45%),var(--case-panel)}.case-context__cards span{color:var(--logo-cyan);font-size:.74rem;font-weight:var(--type-weight-strong);letter-spacing:.14em;text-transform:uppercase}.case-context__cards p,.case-solution__intro>div:last-child>p,.case-editor-content{margin:1rem 0 0;color:var(--case-muted);font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.6}.case-challenges{background:linear-gradient(135deg,#0cd8fc09,#6c3cfc09 50%,#fc00a809)}.case-challenge-list{margin-top:clamp(3rem,6vw,5.5rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--case-line)}.case-challenge-list article{padding:clamp(1.8rem,3vw,3rem)}.case-challenge-list article+article{border-left:1px solid var(--case-line)}.case-challenge__number{color:var(--logo-magenta);font-size:.75rem;letter-spacing:.14em}.case-challenge-list h3{margin:2.2rem 0 1rem;font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.12}.case-challenge-list p{margin:0;color:var(--case-muted);line-height:1.6}.case-solution__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(24rem,.78fr);gap:clamp(3rem,8vw,8rem);align-items:end}.case-editor-content>:first-child{margin-top:0}.case-editor-content>:last-child{margin-bottom:0}.case-solution__visual{margin:clamp(3.5rem,7vw,6rem) 0 0}.case-solution__visual .case-window__screen{aspect-ratio:2.1 / 1}.case-solution__visual figcaption,.case-gallery figcaption{margin-top:.8rem;color:var(--case-muted);font-size:.78rem;letter-spacing:.08em}.case-results{background:radial-gradient(circle at 14% 46%,rgba(12,216,252,.08),transparent 25rem),radial-gradient(circle at 86% 54%,rgba(252,0,168,.07),transparent 26rem)}.case-results__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(30rem,1.05fr);gap:clamp(3rem,8vw,8rem);align-items:start}.case-role{margin:2rem 0 0;color:var(--case-muted);line-height:1.6}.case-role strong{color:var(--style-white)}.case-results__list{margin:0;padding:0;list-style:none;border-top:1px solid var(--case-line)}.case-results__list li{padding:1.4rem .25rem;display:grid;grid-template-columns:2.8rem 1fr;gap:1rem;border-bottom:1px solid var(--case-line);color:var(--style-white);font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.45}.case-results__list span{color:var(--logo-cyan);font-size:.72rem}.case-flow{margin-top:clamp(3rem,6vw,5rem);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.case-flow__step{position:relative;min-height:10rem;padding:1.35rem;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--case-line);border-radius:1rem;background:var(--case-panel)}.case-flow__step:not(:last-child):after{content:"→";position:absolute;top:50%;right:-.9rem;z-index:2;width:1.8rem;height:1.8rem;display:grid;place-items:center;border:1px solid var(--case-line);border-radius:50%;color:var(--logo-cyan);background:var(--style-black);transform:translateY(-50%)}.case-flow__step span{color:var(--logo-magenta);font-size:.72rem}.case-flow__step strong{font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.25}.case-technologies{margin:2rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.7rem;list-style:none}.case-technologies li{padding:.65rem 1rem;border:1px solid var(--case-line);border-radius:999px;color:var(--case-muted);background:#0e100f8c;font-size:.84rem}.case-gallery__grid{margin-top:clamp(3rem,6vw,5rem);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem)}.case-gallery figure{min-width:0;margin:0}.case-gallery__wide{grid-column:1 / -1}.case-gallery__wide .case-window__screen{aspect-ratio:2.1 / 1}.case-gallery figure:not(.case-gallery__wide) .case-window__screen{aspect-ratio:1.78 / 1}.case-gallery__grid--portraits{grid-template-columns:repeat(4,minmax(0,1fr))}.case-gallery figure.case-gallery__portrait .case-window__screen{aspect-ratio:430 / 932;background:#030718}.case-gallery__portrait .case-window__screen img{object-fit:contain}.case-gallery .case-window{transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease}.case-gallery figure:hover .case-window{transform:translateY(-5px);border-color:#0cd8fc5c;box-shadow:0 34px 78px #00000080,0 0 28px #6c3cfc17}.case-related__grid{margin-top:clamp(3rem,6vw,5rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.case-related__grid a{min-height:13rem;padding:1.5rem;display:flex;flex-direction:column;border:1px solid var(--case-line);border-radius:1.1rem;color:var(--style-white);background:var(--case-panel);text-decoration:none;transition:transform .3s ease,border-color .3s ease,background-color .3s ease,box-shadow .3s ease}.case-related__grid a>span{color:var(--logo-cyan);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.case-related__grid strong{margin:1.4rem 0;font-size:clamp(1.15rem,1.8vw,1.45rem);line-height:1.18}.case-related__grid small{margin-top:auto;color:var(--case-muted)}.case-related__grid a:hover,.case-related__grid a:focus-visible{transform:translateY(-5px);border-color:#fc00a866;background:var(--case-panel-strong);box-shadow:0 22px 50px #6c3cfc21}.case-cta{padding:clamp(4.5rem,9vw,8rem) 0;background:radial-gradient(circle at 10% 50%,rgba(12,216,252,.12),transparent 24rem),radial-gradient(circle at 90% 50%,rgba(252,0,168,.12),transparent 24rem),#fffce106}.case-cta__inner{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);gap:clamp(3rem,7vw,7rem);align-items:center}.case-cta__inner>div{min-width:0}.case-cta h2{max-width:20ch;margin:0;color:var(--style-white);font-size:clamp(2.75rem,4.5vw,5rem);line-height:.98;letter-spacing:-.05em;text-wrap:balance}.case-cta p:not(.case-kicker){max-width:45rem;margin:1.5rem 0 0;color:var(--case-muted);font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.55}.case-cta .case-button{justify-self:end}.case-project-nav{padding-block:2rem 5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.case-project-nav a{position:relative;min-width:0;min-height:6.5rem;padding:1.2rem 1rem;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border:1px solid transparent;border-radius:.9rem;color:var(--style-white);background:#fff0;text-decoration:none;transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .28s ease,background-color .28s ease,box-shadow .28s ease}.case-project-nav a:after{content:"";position:absolute;right:1rem;bottom:0;left:1rem;height:1px;background:linear-gradient(90deg,var(--logo-cyan),var(--logo-violet),var(--logo-magenta));opacity:.28;transform:scaleX(.38);transform-origin:center;transition:opacity .28s ease,transform .34s cubic-bezier(.16,1,.3,1)}.case-project-nav span,.case-project-nav strong{display:block}.case-project-nav span{margin-bottom:.45rem;color:var(--case-muted);font-size:.75rem;text-transform:uppercase;transition:color .28s ease}.case-project-nav strong{width:fit-content;max-width:100%;transition:color .28s ease}@media (hover: hover) and (pointer: fine){.case-project-nav a:hover{transform:translateY(-4px);border-color:#0cd8fc33;background:#ffffff06;box-shadow:0 16px 36px #0003,0 0 24px #6c3cfc14}.case-project-nav a:hover:after{opacity:1;transform:scaleX(1)}.case-project-nav a:hover span{color:var(--logo-cyan)}.case-project-nav a:hover strong{color:var(--logo-magenta)}}.case-project-nav a:focus-visible{border-color:var(--logo-cyan);outline:2px solid var(--logo-magenta);outline-offset:3px;background:#ffffff09}.case-project-nav a:focus-visible:after{opacity:1;transform:scaleX(1)}.project-detail-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--style-white);font-weight:var(--type-weight-strong);text-decoration:none}.project-detail-link:hover,.project-detail-link:focus-visible{color:var(--logo-cyan)}@media (max-width: 1100px){.case-hero{min-height:auto;padding:calc(var(--site-header-height, 76px) + 1.5rem) 0 1.5rem;display:block}.case-hero__grid,.case-context__grid,.case-results__grid{grid-template-columns:1fr}.case-hero__grid{gap:1rem}.case-hero__content{position:relative;z-index:2}.case-hero h1{max-width:none}.case-hero__visual{min-height:clamp(24rem,56vw,34rem)}.case-window--main{width:90%}.case-context__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.case-context__cards article:nth-child(2){margin-left:0}.case-results__list{margin-top:1rem}}@media (min-width: 1101px){.case-hero>.case-shell{width:min(1600px,calc(100% - 4rem))}.case-hero:after{width:min(1600px,calc(100% - 4rem))}}@media (max-width: 820px){.case-shell{width:min(100% - 2rem,44rem)}.case-hero{min-height:auto;padding-top:calc(var(--site-header-height, 76px) + 1.5rem)}.case-breadcrumb{margin-bottom:1.5rem}.case-hero h1{font-size:clamp(3.4rem,12vw,5.6rem)}.case-hero__visual{min-height:clamp(19rem,52vw,26rem)}.case-window--floating{right:0;bottom:1.8rem;width:48%}.case-visual-note{left:.5rem;bottom:0}.case-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.case-facts>div:nth-child(3){border-left:0;border-top:1px solid var(--case-line)}.case-facts>div:nth-child(4){border-top:1px solid var(--case-line)}.case-section__heading--row,.case-solution__intro{grid-template-columns:1fr;align-items:start}.case-section h2{font-size:clamp(2.35rem,9vw,4.2rem)}.case-challenge-list{grid-template-columns:1fr}.case-challenge-list article+article{border-top:1px solid var(--case-line);border-left:0}.case-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.case-flow__step:nth-child(2):after{display:none}.case-gallery__grid,.case-related__grid{grid-template-columns:1fr}.case-gallery__wide{grid-column:auto}.case-gallery figure .case-window__screen,.case-gallery__wide .case-window__screen{aspect-ratio:1.78 / 1}.case-cta__inner{grid-template-columns:1fr}.case-cta .case-button{justify-self:start}}@media (max-width: 560px){.case-shell{width:min(100% - 1.25rem,34rem)}.case-hero{padding-top:calc(var(--site-header-height, 70px) + 1rem)}.case-breadcrumb{margin-bottom:1.15rem}.case-hero__visual{min-height:13rem;margin-top:1.25rem}.case-hero__actions{gap:.7rem;margin-top:1.6rem}.case-button{min-height:3.25rem}.case-hero__actions{align-items:stretch;flex-direction:column}.case-button{width:100%;box-sizing:border-box}.case-window{border-radius:.8rem}.case-window__bar{min-height:2rem;padding-inline:.7rem}.case-window__bar small{display:none}.case-window--main{width:100%;transform:none}.case-window--floating{display:none}.case-visual-note{left:.7rem;bottom:1rem;max-width:calc(100% - 1.4rem)}.case-facts{margin-top:1rem}.case-facts>div{padding:.75rem .7rem}.case-section{padding-block:4.5rem}.case-context__cards,.case-flow{grid-template-columns:1fr}.case-flow__step{min-height:7.5rem}.case-flow__step:not(:last-child):after{top:auto;right:50%;bottom:-.9rem;transform:translate(50%) rotate(90deg)}.case-project-nav{grid-template-columns:1fr}}@media (min-width: 701px) and (max-width: 1200px) and (min-height: 431px){.case-hero{min-height:0;padding:0 0 4rem;display:grid;grid-template-rows:calc(var(--site-header-height, 76px) + 1rem) calc(100svh - var(--site-header-height, 76px) - 8rem) 5rem 2rem calc(var(--site-header-height, 76px) + 1rem) auto}.case-hero__grid{display:contents}.case-hero__content{grid-row:2;width:min(100% - 3rem,54rem);margin-inline:auto;align-self:center}.case-facts{grid-row:3;width:min(100% - 3rem,54rem);margin:0 auto;grid-template-columns:repeat(4,minmax(0,1fr))}.case-facts>div{padding:.75rem}.case-facts>div:nth-child(3),.case-facts>div:nth-child(4){border-top:0}.case-facts>div:nth-child(3){border-left:1px solid var(--case-line)}.case-hero__visual{grid-row:6;width:min(100% - 3rem,54rem);min-height:clamp(26rem,56vw,34rem);margin:0 auto}}@media (orientation: landscape) and (max-width: 980px) and (max-height: 520px){.case-hero{min-height:0;padding:0 0 3rem;display:grid;grid-template-rows:calc(var(--site-header-height, 64px) + .5rem) calc(100svh - var(--site-header-height, 64px) - 5.2rem) 3.7rem 1rem calc(var(--site-header-height, 64px) + .5rem) auto}.case-hero__grid{display:contents}.case-hero__content{grid-row:2;width:min(100% - 2rem,54rem);margin-inline:auto;align-self:start}.case-breadcrumb{margin-bottom:.45rem;font-size:.7rem}.case-kicker{margin-bottom:.35rem;font-size:.64rem}.case-hero h1{margin:0;font-size:clamp(2.5rem,7vw,3.35rem);line-height:.9}.case-hero__intro{max-width:48rem;margin-top:.55rem;font-size:.82rem;line-height:1.32}.case-hero__actions{margin-top:.65rem;gap:.55rem;flex-direction:row}.case-button{width:auto;min-height:2.45rem;padding-inline:1rem;font-size:.78rem}.case-facts{grid-row:3;width:min(100% - 2rem,54rem);margin:0 auto;grid-template-columns:repeat(4,minmax(0,1fr))}.case-facts>div{padding:.45rem .7rem}.case-facts>div:nth-child(3),.case-facts>div:nth-child(4){border-top:0}.case-facts>div:nth-child(3){border-left:1px solid var(--case-line)}.case-facts span{margin-bottom:.15rem;font-size:.56rem}.case-facts strong{font-size:.7rem}.case-hero__visual{grid-row:6;width:min(100% - 2rem,46rem);min-height:20rem;margin:0 auto}}@media (prefers-reduced-motion: reduce){.case-button,.case-gallery .case-window,.case-related__grid a{transition:none}}@media (max-width: 899px){.case-gallery__grid--portraits{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.case-gallery__grid--portraits{grid-template-columns:minmax(0,1fr)}}