/* Public service catalogue and service detail pages.
   Kept separate from the general layout so the catalogue can be evolved
   without changing the homepage, footer, or admin screens. */
:root{--webrenk-ink:#111a42;--webrenk-muted:#626d8c;--webrenk-line:#e4e7ef;--webrenk-soft:#f5f6fa;--webrenk-pink:#e71970;--webrenk-cyan:#42b8d3;--webrenk-yellow:#ffd12d}
.services-shell{width:min(1200px,100%);margin-inline:auto;padding-inline:30px}.services-eyebrow{margin:0;color:var(--webrenk-pink);font-size:.73rem;font-weight:800;letter-spacing:.16em;line-height:1.35;text-transform:uppercase}.services-page-title{position:relative;overflow:hidden;padding:86px 0 70px;background:linear-gradient(117deg,#f8f9fc 0%,#fff 54%,#f7f4fa 100%);border-bottom:1px solid var(--webrenk-line)}.services-page-title::after{position:absolute;right:-11vw;bottom:-12vw;width:34vw;height:34vw;min-width:260px;min-height:260px;content:"";border:1px solid #e6e6ef;border-radius:50%;box-shadow:inset 0 0 0 34px #fbfbfd}.services-page-title__copy,.services-page-title__text{position:relative;z-index:1}.services-page-title__copy{max-width:760px}.services-page-title h1{margin:21px 0 0;color:var(--webrenk-ink);font-size:clamp(3rem,5.9vw,5.6rem);font-weight:800;letter-spacing:-.064em;line-height:1.01;white-space:pre-line}.services-page-title__text{max-width:480px;margin:31px 0 0;color:var(--webrenk-muted);font-size:1.02rem;line-height:1.82}.services-catalogue{padding-top:29px;padding-bottom:105px}.services-catalogue__bar{display:flex;justify-content:space-between;gap:20px;padding:0 0 22px;color:#79829b;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--webrenk-line);border-left:1px solid var(--webrenk-line)}.service-list-card{position:relative;display:flex;min-height:292px;padding:31px 29px 28px;flex-direction:column;justify-content:space-between;gap:30px;overflow:hidden;border-right:1px solid var(--webrenk-line);border-bottom:1px solid var(--webrenk-line);background:#fff;transition:background .22s ease,transform .22s ease,box-shadow .22s ease}.service-list-card::before{position:absolute;top:0;left:0;width:3px;height:100%;content:"";background:linear-gradient(180deg,var(--webrenk-pink),var(--webrenk-cyan) 66%,var(--webrenk-yellow));transform:scaleY(0);transform-origin:top;transition:transform .22s ease}.service-list-card:hover{z-index:1;background:#f8f9fd;box-shadow:0 16px 36px #141a4210;transform:translateY(-3px)}.service-list-card:hover::before{transform:scaleY(1)}.service-list-card:focus-visible{z-index:2;outline:3px solid var(--webrenk-cyan);outline-offset:-3px}.service-list-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.service-list-card__icon{display:inline-grid;width:60px;height:60px;place-items:center;border:1px solid #e1e5ef;border-radius:14px;background:#f6f7fb;color:#1c2852;transition:color .22s ease,border-color .22s ease,background .22s ease}.service-list-card:hover .service-list-card__icon{border-color:#f4d5e3;background:#fff;color:var(--webrenk-pink)}.service-list-card__number{color:#7b849c;font-size:.76rem;font-weight:800;letter-spacing:.12em}.service-list-card__body{display:block;padding-right:28px}.service-list-card__body strong{display:block;color:var(--webrenk-ink);font-size:clamp(1.3rem,1.8vw,1.55rem);font-weight:800;letter-spacing:-.045em;line-height:1.17}.service-list-card__body>span{display:block;margin-top:16px;color:var(--webrenk-muted);font-size:.9rem;line-height:1.75}.service-list-card__arrow{position:absolute;right:29px;bottom:26px;color:var(--webrenk-pink);font-size:1.35rem;font-weight:700;transition:transform .22s ease}.service-list-card:hover .service-list-card__arrow{transform:translate(3px,-3px)}

.service-hero{position:relative;overflow:hidden;padding:58px 0 74px;background:var(--webrenk-soft)}.service-hero::after{position:absolute;z-index:0;right:-15vw;bottom:-17vw;width:46vw;height:46vw;min-width:420px;min-height:420px;content:"";border:1px solid #e0e3ec;border-radius:50%;box-shadow:inset 0 0 0 36px #f8f9fc}.service-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:center;gap:7.1vw}.service-hero__copy{padding:18px 0}.service-breadcrumb{display:flex;align-items:center;gap:9px;overflow:hidden;color:#737c94;font-size:.76rem;line-height:1.4;white-space:nowrap}.service-breadcrumb a{transition:color .18s ease}.service-breadcrumb a:hover{color:var(--webrenk-pink)}.service-breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis}.service-hero .services-eyebrow{margin-top:38px}.service-hero .services-eyebrow span{margin-left:10px;color:#838ca2}.service-hero h1{max-width:700px;margin:20px 0 0;color:var(--webrenk-ink);font-size:clamp(3rem,5.6vw,5.55rem);font-weight:800;letter-spacing:-.065em;line-height:.99}.service-hero__lead{max-width:545px;margin:26px 0 0;color:#56617e;font-size:clamp(1.04rem,1.4vw,1.18rem);line-height:1.72}.service-hero__actions{display:flex;align-items:center;gap:25px;margin-top:34px;flex-wrap:wrap}.service-button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:11px;padding:14px 20px;border:1px solid var(--webrenk-ink);border-radius:3px;background:var(--webrenk-ink);color:white;font-size:.87rem;font-weight:800;line-height:1.2;transition:background .2s ease,border-color .2s ease,transform .2s ease}.service-button:hover{border-color:var(--webrenk-pink);background:var(--webrenk-pink);transform:translateY(-2px)}.service-button span{font-size:1.16rem;line-height:1}.service-link{color:#343d5c;font-size:.86rem;font-weight:800}.service-link span{display:inline-block;margin-left:8px;color:var(--webrenk-pink);transition:transform .2s ease}.service-link:hover span{transform:translateX(-4px)}.service-cover{position:relative;min-width:0;margin:0;overflow:hidden;border-radius:4px 4px 78px 4px;background:#17214a;box-shadow:0 25px 55px #111a4220}.service-cover img{display:block;width:100%;aspect-ratio:1.04;object-fit:cover;transition:transform .6s ease}.service-cover:hover img{transform:scale(1.025)}.service-cover::after{position:absolute;inset:auto 0 0;height:42%;content:"";background:linear-gradient(transparent,#0d1735cf);pointer-events:none}.service-cover figcaption{position:absolute;z-index:1;right:0;bottom:0;left:0;display:flex;align-items:center;gap:12px;padding:20px 22px;color:white;font-size:.76rem;line-height:1.45}.service-cover figcaption>span:first-child{display:inline-grid;width:33px;height:33px;flex:0 0 33px;place-items:center;border:1px solid #fff8;border-radius:50%;background:#10193980}.service-cover figcaption svg{width:18px;height:18px}

.service-story{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(280px,.68fr);align-items:start;gap:8vw;padding-top:110px;padding-bottom:105px}.service-story__copy h2{max-width:830px;margin:19px 0 31px;color:var(--webrenk-ink);font-size:clamp(1.95rem,3.2vw,3.12rem);font-weight:800;letter-spacing:-.057em;line-height:1.1}.service-story__copy>p:not(.services-eyebrow){max-width:760px;margin:0 0 22px;color:#56617e;font-size:1rem;line-height:1.9}.service-brief{position:sticky;top:124px;padding:34px 31px;border-radius:4px;background:#141d46;color:white}.service-brief__icon{display:inline-grid;width:55px;height:55px;place-items:center;border:1px solid #ffffff45;border-radius:14px;background:#fff1;color:#fff}.service-brief__icon svg{width:28px;height:28px}.service-brief h2{margin:28px 0 15px;font-size:1.65rem;font-weight:800;letter-spacing:-.05em;line-height:1.12}.service-brief p{margin:0;color:#c8cddd;font-size:.89rem;line-height:1.8}.service-button--light{width:100%;margin-top:27px;border-color:#fff;background:#fff;color:#121b42}.service-button--light:hover{border-color:var(--webrenk-pink);background:var(--webrenk-pink);color:white}

.service-related{padding:88px 0 110px;border-top:1px solid var(--webrenk-line);background:#fafbfe}.service-related__head{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:42px}.service-related__head h2{margin:18px 0 0;color:var(--webrenk-ink);font-size:clamp(2rem,3.4vw,3.35rem);font-weight:800;letter-spacing:-.06em;line-height:1.06}.service-related__head>p{max-width:360px;margin:0;color:var(--webrenk-muted);font-size:.95rem;line-height:1.75}.service-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.service-related-card{position:relative;display:block;min-height:330px;overflow:hidden;border:1px solid #e3e6ee;background:#fff;transition:transform .22s ease,box-shadow .22s ease}.service-related-card:hover{box-shadow:0 18px 40px #111a4213;transform:translateY(-4px)}.service-related-card:focus-visible{outline:3px solid var(--webrenk-cyan);outline-offset:3px}.service-related-card__image{display:block;height:175px;overflow:hidden;background:#e6e8ee}.service-related-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.service-related-card:hover .service-related-card__image img{transform:scale(1.05)}.service-related-card__meta{display:block;margin:23px 25px 10px;color:var(--webrenk-pink);font-size:.74rem;font-weight:800;letter-spacing:.13em}.service-related-card strong{display:block;padding:0 56px 25px 25px;color:var(--webrenk-ink);font-size:1.32rem;font-weight:800;letter-spacing:-.045em;line-height:1.14}.service-related-card__arrow{position:absolute;right:24px;bottom:21px;color:var(--webrenk-pink);font-size:1.35rem;font-weight:700}

@media (max-width:960px){.services-page-title{padding:70px 0 62px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-hero__inner{grid-template-columns:1fr 1fr;gap:45px}.service-story{gap:50px}.service-related__head{align-items:flex-start;flex-direction:column;gap:20px}.service-related__grid{gap:15px}.service-related-card__image{height:145px}}
@media (max-width:700px){.services-shell{padding-inline:20px}.services-page-title{padding:58px 0 51px}.services-page-title::after{right:-120px;bottom:-155px}.services-page-title h1{font-size:clamp(2.55rem,12vw,4.2rem)}.services-page-title__text{margin-top:23px;font-size:.95rem}.services-catalogue{padding-top:23px;padding-bottom:65px}.services-catalogue__bar{padding-bottom:17px;font-size:.68rem}.services-grid{grid-template-columns:1fr}.service-list-card{min-height:244px;padding:25px 23px 22px}.service-list-card__icon{width:55px;height:55px}.service-list-card__body{padding-right:36px}.service-list-card__body strong{font-size:1.36rem}.service-list-card__body>span{margin-top:11px;font-size:.86rem}.service-list-card__arrow{right:23px;bottom:21px}.service-hero{padding:38px 0 52px}.service-hero__inner{grid-template-columns:1fr;gap:33px}.service-hero__copy{padding:0}.service-hero .services-eyebrow{margin-top:26px}.service-hero h1{font-size:clamp(2.6rem,12vw,4.25rem)}.service-hero__lead{margin-top:21px;font-size:1rem}.service-hero__actions{gap:19px;margin-top:28px}.service-cover{border-radius:3px 3px 54px 3px}.service-cover img{aspect-ratio:1.18}.service-cover figcaption{padding:15px 16px;font-size:.7rem}.service-story{grid-template-columns:1fr;gap:36px;padding-top:64px;padding-bottom:65px}.service-story__copy h2{margin-top:17px;font-size:clamp(1.9rem,8vw,2.65rem)}.service-story__copy>p:not(.services-eyebrow){font-size:.95rem;line-height:1.83}.service-brief{position:relative;top:auto;padding:28px 23px}.service-brief h2{margin-top:22px}.service-related{padding:62px 0 66px}.service-related__head{margin-bottom:29px}.service-related__grid{grid-template-columns:1fr;gap:13px}.service-related-card{display:grid;min-height:0;grid-template-columns:120px minmax(0,1fr);grid-template-rows:auto 1fr;padding:0}.service-related-card__image{height:100%;min-height:122px;grid-row:1 / span 2}.service-related-card__meta{margin:18px 55px 6px 18px}.service-related-card strong{padding:0 58px 19px 18px;font-size:1.2rem}.service-related-card__arrow{right:18px;bottom:18px}.service-breadcrumb{font-size:.69rem}}
@media (prefers-reduced-motion:reduce){.service-list-card,.service-list-card::before,.service-list-card__icon,.service-list-card__arrow,.service-button,.service-link span,.service-cover img,.service-related-card,.service-related-card__image img{transition:none!important}}

/* Optional additional visuals supplied by the service gallery editor. */
.service-cover__thumbs{position:absolute;z-index:2;top:16px;right:16px;display:flex;max-width:calc(100% - 32px);gap:7px;overflow:auto;padding:2px}.service-cover__thumbs button{width:49px;height:39px;flex:0 0 49px;overflow:hidden;padding:0;border:2px solid transparent;border-radius:3px;background:#101939aa;opacity:.75;transition:border-color .18s ease,opacity .18s ease,transform .18s ease}.service-cover__thumbs button:hover,.service-cover__thumbs button.active{border-color:#fff;opacity:1;transform:translateY(-1px)}.service-cover__thumbs button:focus-visible{outline:2px solid var(--webrenk-yellow);outline-offset:2px}.service-cover__thumbs img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}@media (max-width:700px){.service-cover__thumbs{top:10px;right:10px;max-width:calc(100% - 20px)}.service-cover__thumbs button{width:43px;height:35px;flex-basis:43px}}