/* Generated by tools/frontend/build.mjs; edit source CSS. */
.service-detail--websites .showcase--elevated{--showcase-bg: #020B2C;--showcase-ink: #fff;--showcase-muted: rgba(255,255,255,.72);--showcase-soft: rgba(255,255,255,.12);--showcase-accent: #46D2C7;--showcase-panel: rgba(255,255,255,.035);position:relative;isolation:isolate;overflow:hidden;padding-top:clamp(5.5rem,8vw,8.5rem);padding-bottom:clamp(5rem,8vw,8rem);background:linear-gradient(90deg,rgba(70,210,199,.08) 1px,transparent 1px) 0 0 / 7.5rem 7.5rem,linear-gradient(0deg,rgba(70,210,199,.055) 1px,transparent 1px) 0 0 / 7.5rem 7.5rem,linear-gradient(180deg,rgba(2,11,44,.96),var(--showcase-bg) 42%,#01071d);color:var(--showcase-ink)}.service-detail--websites .showcase--elevated:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.52;background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 5px),linear-gradient(90deg,#020b2c14,#46d2c714,#020b2c14);mix-blend-mode:screen}.darkMode .service-detail--websites .showcase--elevated{background:linear-gradient(90deg,rgba(70,210,199,.08) 1px,transparent 1px) 0 0 / 7.5rem 7.5rem,linear-gradient(0deg,rgba(70,210,199,.055) 1px,transparent 1px) 0 0 / 7.5rem 7.5rem,linear-gradient(180deg,rgba(2,11,44,.96),var(--showcase-bg) 42%,#01071d);color:var(--showcase-ink)}.darkMode .service-detail--websites .showcase--elevated #sidebar *,.darkMode .service-detail--websites .showcase--elevated h4,.darkMode .service-detail--websites .showcase--elevated li,.darkMode .service-detail--websites .showcase--elevated i{color:inherit}.service-detail--websites .showcase--elevated .container{width:min(92vw,106rem);max-width:none}.service-detail--websites .showcase--elevated .web-showcase-layout{display:grid;grid-template-columns:minmax(26rem,.8fr) minmax(45rem,1.14fr);grid-auto-columns:unset;gap:clamp(3rem,5.5vw,6rem);align-items:flex-start}.service-detail--websites .showcase--elevated #sidebar,.service-detail--websites .showcase--elevated #content{width:auto;max-width:none;min-width:0;flex-basis:auto;padding:0}.service-detail--websites .showcase--elevated #sidebar{grid-column-start:1!important;grid-column-end:2!important}.service-detail--websites .showcase--elevated #content{grid-column-start:2!important;grid-column-end:3!important}.service-detail--websites .showcase--elevated .sidebar__section--showcase{position:relative;padding-top:.5rem}.service-detail--websites .showcase--elevated #sidebar .sideHead{max-width:46rem;margin-bottom:1.55rem;font-size:clamp(3.2rem,4.25vw,5.1rem);line-height:.94;letter-spacing:0}.service-detail--websites .showcase--elevated .ml11 .line{width:4px;background-color:var(--showcase-accent)}.service-detail--websites .showcase--elevated #sidebar .sidebar__intro{max-width:44rem;color:var(--showcase-muted);font-size:clamp(1.28rem,1.65vw,1.75rem);line-height:1.35}.service-detail--websites .showcase--elevated .details{width:min(100%,44rem);padding-top:clamp(3rem,5vw,5rem)}.service-detail--websites .showcase--elevated .details ul{margin:0;padding:0;list-style:none}.service-detail--websites .showcase--elevated .details__item{position:relative;display:grid;grid-template-columns:5.7rem minmax(0,1fr) 2.5rem;align-items:center;min-height:5.7rem;padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.12);color:#ffffffd6;font-size:clamp(1.25rem,1.55vw,1.65rem);line-height:1.1}.service-detail--websites .showcase--elevated .details__item:before{content:"";position:absolute;left:0;top:1.1rem;bottom:1.1rem;width:3px;border-radius:999px;background:transparent;transition:background-color .25s ease,box-shadow .25s ease}.service-detail--websites .showcase--elevated .details__item:first-child,.service-detail--websites .showcase--elevated .details__item:hover{color:#fff}.service-detail--websites .showcase--elevated .details__item:first-child:before,.service-detail--websites .showcase--elevated .details__item:hover:before{background:var(--showcase-accent);box-shadow:0 0 18px #46d2c761}.service-detail--websites .showcase--elevated .details__icon{display:grid;place-items:center;width:4.15rem;height:4.15rem;color:currentColor}.service-detail--websites .showcase--elevated .details__icon i{top:auto;width:auto;margin:0;font-size:clamp(2.1rem,2.4vw,2.9rem);line-height:1;text-align:center}.service-detail--websites .showcase--elevated .details__label{display:block;min-width:0}.service-detail--websites .showcase--elevated .details__arrow{justify-self:end;width:1.25rem;height:1.25rem;border-top:2px solid currentColor;border-right:2px solid currentColor;opacity:.68;transform:rotate(45deg)}.service-detail--websites .showcase--elevated .sidebar__progress{position:absolute;left:clamp(-5rem,-4vw,-3.25rem);top:clamp(9.5rem,13vw,13rem);display:grid;justify-items:center;gap:1rem;color:var(--showcase-accent)}.service-detail--websites .showcase--elevated .sidebar__progress-line{position:relative;display:block;width:1px;height:clamp(21rem,30vw,34rem);background:linear-gradient(180deg,var(--showcase-accent),rgba(255,255,255,.48),rgba(70,210,199,.18))}.service-detail--websites .showcase--elevated .sidebar__progress-line:before,.service-detail--websites .showcase--elevated .sidebar__progress-line:after{content:"";position:absolute;left:50%;width:.7rem;height:.7rem;border:2px solid currentColor;border-radius:50%;background:var(--showcase-bg);transform:translate(-50%)}.service-detail--websites .showcase--elevated .sidebar__progress-line:before{top:0;background:var(--showcase-accent)}.service-detail--websites .showcase--elevated .sidebar__progress-line:after{bottom:28%}.service-detail--websites .showcase--elevated .sidebar__progress-copy{writing-mode:vertical-rl;transform:rotate(180deg);color:#ffffffd1;font-size:.95rem;font-weight:700;letter-spacing:.02em}.service-detail--websites .showcase--elevated .web-showcase-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(3rem,5vw,5.4rem)}.service-detail--websites .showcase--elevated .web-showcase-item{width:100%;max-width:none;min-width:0;flex-basis:auto;grid-column-start:1!important;grid-column-end:2!important;padding:0}.service-detail--websites .showcase--elevated .hover-wrap{position:relative;transition:transform .35s cubic-bezier(.215,.61,.355,1)}.service-detail--websites .showcase--elevated .hover-wrap:hover{transform:translateY(-.35rem)}.service-detail--websites .showcase--elevated .showcase-card{box-sizing:border-box;width:100%;min-height:clamp(35rem,43vw,50rem);margin:0;padding:clamp(2.2rem,4vw,4rem);overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:linear-gradient(145deg,color-mix(in srgb,var(--project-color),#fff 7%),color-mix(in srgb,var(--project-color),#020B2C 26%));box-shadow:0 2rem 5rem #00000052,inset 0 1px #ffffff29,inset 0 -1px #0003}.service-detail--websites .showcase--elevated .showcase-card:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(100deg,rgba(255,255,255,.045) 0 1px,transparent 1px 6px),linear-gradient(180deg,rgba(255,255,255,.06),transparent 42%,rgba(0,0,0,.12));opacity:.52}.service-detail--websites .showcase--elevated .showcase-card:after{content:"";position:absolute;left:0;right:0;bottom:5.1rem;z-index:1;height:1px;background:#ffffff1f}.service-detail--websites .showcase--elevated .showcase-card__copy,.service-detail--websites .showcase--elevated .showcase-card__meta{position:relative;z-index:2}.service-detail--websites .showcase--elevated .showcase-card__copy{max-width:min(33rem,58%)}.service-detail--websites .showcase--elevated .showcase-card__info{width:auto;color:#fff}.service-detail--websites .showcase--elevated .showcase-card__info>h4{margin:0 0 1.35rem;color:#ffffffad;font-size:clamp(.95rem,1vw,1.08rem);font-weight:800;line-height:1.2;letter-spacing:.045em;text-transform:uppercase;opacity:1}.service-detail--websites .showcase--elevated .showcase-card__info>span{display:block;color:#fff;font-size:clamp(2.1rem,3.1vw,3.75rem);font-weight:900;line-height:1.02;letter-spacing:0;-webkit-hyphens:auto;hyphens:auto}.service-detail--websites .showcase--elevated .showcase-card__visual{position:absolute;top:clamp(4.6rem,6vw,6rem);right:clamp(-5.5rem,-5vw,-3rem);z-index:2;width:min(35rem,58%);height:calc(100% - 11rem);pointer-events:none}.service-detail--websites .showcase--elevated .showcase-card__screen{position:absolute;display:block;overflow:hidden;left:auto;bottom:auto;border:1px solid rgba(255,255,255,.18);background:#101522;box-shadow:0 1.4rem 3.5rem #00000057}.service-detail--websites .showcase--elevated .showcase-card__screen:before{content:"";position:absolute;top:0;left:0;right:0;z-index:2;height:1.65rem;background:radial-gradient(circle at .9rem .82rem,rgba(255,255,255,.72) 0 .16rem,transparent .18rem),radial-gradient(circle at 1.65rem .82rem,rgba(255,255,255,.52) 0 .16rem,transparent .18rem),radial-gradient(circle at 2.4rem .82rem,rgba(255,255,255,.34) 0 .16rem,transparent .18rem),linear-gradient(180deg,#060911f5,#121723eb)}.service-detail--websites .showcase--elevated .showcase-card__screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.service-detail--websites .showcase--elevated .showcase-card__screen--primary{top:0;right:0;width:76%;height:78%;padding-top:1.65rem;border-radius:8px}.service-detail--websites .showcase--elevated .showcase-card__screen--secondary{left:0;bottom:4%;z-index:3;width:36%;height:58%;padding-top:1.35rem;border:5px solid rgba(12,14,22,.96);border-radius:1.65rem;transform:translate(6%) rotate(-1deg)}.service-detail--websites .showcase--elevated .showcase-card__screen--secondary:before{height:1.35rem;border-radius:1.2rem 1.2rem 0 0}.service-detail--websites .showcase--elevated .showcase-card__screen:nth-of-type(n+3){display:none}.service-detail--websites .showcase--elevated .showcase-card__screen:only-child{top:0;right:0;width:86%;height:82%;padding-top:1.65rem;border-radius:8px}.service-detail--websites .showcase--elevated .showcase-card__meta{position:absolute;left:clamp(2.2rem,4vw,4rem);right:clamp(2.2rem,4vw,4rem);bottom:1.55rem;display:flex;gap:clamp(1.4rem,3vw,3rem);align-items:center;color:#ffffffb8;font-size:clamp(.9rem,.95vw,1.05rem);font-weight:700}.service-detail--websites .showcase--elevated .showcase-card__meta span+span:before{content:"/";display:inline-block;margin-right:clamp(1.4rem,3vw,3rem);color:#ffffff70}.service-detail--websites .showcase--elevated .showcase-card__link{top:auto;right:auto;bottom:clamp(6.9rem,9vw,9.2rem);left:clamp(2.2rem,4vw,4rem);z-index:5;display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:1px solid rgba(255,255,255,.52);border-radius:50%;color:#fff;background:#ffffff0f;font-size:1.35rem;text-align:center;transform:none;isolation:isolate;box-shadow:inset 0 1px #ffffff1f;transition:color .25s ease,border-color .25s ease,box-shadow .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.service-detail--websites .showcase--elevated .showcase-card__link:before,.service-detail--websites .showcase--elevated .showcase-card__link:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.service-detail--websites .showcase--elevated .showcase-card__link:before{z-index:0;background:repeating-linear-gradient(105deg,rgba(255,255,255,.18) 0 1px,transparent 1px 6px),linear-gradient(145deg,color-mix(in srgb,var(--project-color),#fff 36%),color-mix(in srgb,var(--project-color),#020B2C 8%));filter:hue-rotate(180deg) saturate(1.22) brightness(1.08);opacity:0;transform:scale(.92);transition:opacity .25s ease,transform .25s ease}.service-detail--websites .showcase--elevated .showcase-card__link:after{z-index:1;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.42),transparent 33%),repeating-linear-gradient(0deg,rgba(2,11,44,.16) 0 1px,transparent 1px 5px);opacity:0;mix-blend-mode:soft-light;transition:opacity .25s ease}.service-detail--websites .showcase--elevated .showcase-card__link .ui-icon{position:relative;z-index:2}.service-detail--websites .showcase--elevated .showcase-card__link span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;max-width:none}.service-detail--websites .showcase--elevated .showcase-card__link:hover,.service-detail--websites .showcase--elevated .showcase-card__link:focus{outline:none;color:#020b2c;background:#ffffff0a;border-color:color-mix(in srgb,var(--project-color),#fff 58%);box-shadow:0 .8rem 1.8rem #0003,inset 0 1px #ffffff38}.service-detail--websites .showcase--elevated .showcase-card__link:hover:before,.service-detail--websites .showcase--elevated .showcase-card__link:focus:before{opacity:1;transform:scale(1)}.service-detail--websites .showcase--elevated .showcase-card__link:hover:after,.service-detail--websites .showcase--elevated .showcase-card__link:focus:after{opacity:.48}.service-detail--websites .showcase--elevated .showcase-card__link:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(prefers-reduced-motion:reduce){.service-detail--websites .showcase--elevated .hover-wrap,.service-detail--websites .showcase--elevated .details__item:before,.service-detail--websites .showcase--elevated .showcase-card__link,.service-detail--websites .showcase--elevated .showcase-card__link:before,.service-detail--websites .showcase--elevated .showcase-card__link:after{transition:none!important}.service-detail--websites .showcase--elevated .hover-wrap:hover{transform:none}}@media(max-width:74.99rem){.service-detail--websites .showcase--elevated .web-showcase-layout{grid-template-columns:minmax(0,1fr);gap:clamp(3.25rem,7vw,5rem)}.service-detail--websites .showcase--elevated #sidebar,.service-detail--websites .showcase--elevated #content{grid-column:1 / 2!important}.service-detail--websites .showcase--elevated .sidebar__progress{display:none}.service-detail--websites .showcase--elevated .details{width:min(100%,52rem);padding-top:clamp(2rem,5vw,3.5rem)}}@media(max-width:40rem){.service-detail--websites .showcase--elevated{padding-top:4.5rem;padding-bottom:4.5rem}.service-detail--websites .showcase--elevated .container{width:min(91vw,106rem)}.service-detail--websites .showcase--elevated .showcase-card{min-height:0;padding:1.5rem 1.35rem 0}.service-detail--websites .showcase--elevated .showcase-card__copy{max-width:100%}.service-detail--websites .showcase--elevated .showcase-card__info>span{font-size:clamp(1.65rem,8vw,2.1rem)}.service-detail--websites .showcase--elevated .showcase-card__visual{position:relative;top:auto;right:auto;width:100%;height:18.5rem;margin:2rem 0 5.1rem}.service-detail--websites .showcase--elevated .showcase-card__screen--primary{width:84%;height:82%}.service-detail--websites .showcase--elevated .showcase-card__screen--secondary{width:40%;height:62%}.service-detail--websites .showcase--elevated .showcase-card__meta{left:1.35rem;right:1.35rem;gap:.75rem;font-size:.76rem}.service-detail--websites .showcase--elevated .showcase-card__meta span+span:before{margin-right:.75rem}.service-detail--websites .showcase--elevated .showcase-card__link{left:1.35rem;bottom:6.45rem;width:3.75rem;height:3.75rem}}