.developments-showcase{--developments-panel-width:90%;--developments-peek:.08;overflow:hidden}.developments-header{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.developments-header>div:first-child{max-width:42rem}.developments-header h2{margin-top:.5rem}.developments-tabs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.developments-tabs button{min-height:2.75rem;padding:.65rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-xs);background:transparent;color:var(--color-brand-strong);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.developments-tabs button[aria-selected="true"]{background:var(--color-brand-strong);border-color:var(--color-brand-strong);color:#fff}.developments-tabs button:hover,.developments-tabs button:focus-visible{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.developments-tabs button:focus-visible,.developments-arrow:focus-visible,.developments-viewport:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.developments-carousel-shell{position:relative;padding-inline:3.75rem}.developments-viewport{overflow:hidden}.developments-track{display:flex;align-items:stretch;gap:1.25rem;transition:transform 500ms ease;will-change:transform}.development-panel{flex:0 0 var(--developments-panel-width);min-width:0}.development-panel[aria-hidden="true"]{pointer-events:none}.development-panel .development-content h3{color:#fff;font-size:clamp(2.4rem,5vw,4.8rem)}.developments-arrow-gutters{position:absolute;inset:0;pointer-events:none}.developments-arrow{position:absolute;z-index:5;top:50%;width:2.75rem;height:2.75rem;display:grid;place-items:center;padding:0;border:1px solid var(--color-border);border-radius:50%;background:#fff;color:var(--color-brand-strong);box-shadow:0 .2rem .7rem rgb(13 36 28 / .12);cursor:pointer;transform:translateY(-50%);pointer-events:auto;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.developments-arrow-previous{left:.25rem}.developments-arrow-next{right:.25rem}.developments-arrow svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.developments-arrow:hover{background:var(--color-brand-strong);border-color:var(--color-brand-strong);color:#fff;box-shadow:0 .35rem .9rem rgb(13 36 28 / .2)}.developments-arrow:active{background:#d9e6de;color:var(--color-brand-strong)}.developments-counter{display:block;width:max-content;margin:.75rem auto 0;color:var(--color-text-muted);font-size:.8rem;font-variant-numeric:tabular-nums}.developments-teaser{min-height:clamp(28rem,54vw,40rem);position:relative;display:grid;place-items:center;overflow:hidden;padding:clamp(2rem,7vw,6rem);background:var(--color-brand-strong);color:#fff}.developments-teaser-content{position:relative;z-index:1;max-width:48rem;text-align:center}.developments-teaser .eyebrow{color:#c7dbcf}.developments-teaser h3{margin-top:1rem;color:#fff;font-size:clamp(2rem,4vw,3.75rem)}.developments-teaser p:last-child{margin:1.25rem auto 0;color:#d5e0da;font-size:clamp(1rem,1vw + .8rem,1.2rem)}.developments-teaser-mark{position:absolute;width:min(58vw,34rem);aspect-ratio:1;border:1px solid rgb(255 255 255 / .16);transform:rotate(45deg)}.developments-teaser-mark::before,.developments-teaser-mark::after{position:absolute;inset:12%;border:1px solid rgb(255 255 255 / .1);content:""}.developments-teaser-mark::after{inset:28%}@media(max-width:63.999rem){.developments-showcase{--developments-panel-width:92%;--developments-peek:.06}.developments-header{display:grid;align-items:start}.developments-tabs{justify-content:flex-start}.development-panel.development-highlight{grid-template-columns:1fr}.developments-carousel-shell{padding-inline:3.5rem}.developments-teaser{min-height:30rem}}@media(max-width:43.749rem){.developments-showcase{--developments-panel-width:94%;--developments-peek:.04}.developments-header{gap:1.25rem}.developments-tabs{display:none}.developments-carousel-shell{display:grid;padding-inline:0}.developments-track{gap:.75rem}.developments-arrow-gutters{position:static;display:flex;justify-content:center;gap:.75rem;margin-top:.75rem;pointer-events:auto}.developments-arrow{position:static;transform:none}.developments-teaser{min-height:26rem;padding:2rem}.developments-teaser-mark{width:78vw}}@media(prefers-reduced-motion:reduce){.developments-track,.developments-tabs button,.developments-arrow{transition:none}}
