/* Original supplied gold symbols, clipped individually from the supplied contact sheet. */
.service summary{grid-template-columns:34px 90px minmax(0,1fr) 28px;gap:14px;align-items:center}
.service-icon{display:block;width:90px;height:68px;flex:none;background-image:url('/assets/icone-servizi-2026.png');background-repeat:no-repeat;background-size:573px 323px;filter:saturate(.95);}
.service-icon-0{background-position:-52px -3px}.service-icon-1{background-position:-243px -3px}.service-icon-2{background-position:-434px -3px}
.service-icon-3{background-position:-52px -111px}.service-icon-4{background-position:-243px -111px}.service-icon-5{background-position:-434px -111px}.service-icon-6{background-position:-52px -218px}
@media(max-width:700px){.service summary{grid-template-columns:24px 66px minmax(0,1fr) 24px;gap:9px}.service-icon{width:66px;height:50px;background-size:420px 236px}.service-icon-0{background-position:-38px -2px}.service-icon-1{background-position:-178px -2px}.service-icon-2{background-position:-318px -2px}.service-icon-3{background-position:-38px -81px}.service-icon-4{background-position:-178px -81px}.service-icon-5{background-position:-318px -81px}.service-icon-6{background-position:-38px -159px}}

/* Service icon artwork only: grid tracks and accordion geometry remain unchanged. */
.service-list > details.service .service-icon{transform:scale(.65);transform-origin:center center}
.service-list > details.service:nth-of-type(2) .service-icon{position:relative;background-image:none}
.service-list > details.service:nth-of-type(2) .service-icon::before{content:"";position:absolute;left:0;top:9px;width:90px;height:50px;background:url('/assets/lighting-design-binario-2026.png') -10px -5px/110px auto no-repeat;filter:hue-rotate(5deg) saturate(.55);mix-blend-mode:multiply}
@media(max-width:700px){.service-list > details.service:nth-of-type(2) .service-icon::before{top:7px;width:66px;height:37px;background-size:81px auto;background-position:-7px -4px}}

/* Centred portfolio link with the gold rule from the supplied reference. */
.portfolio > .portfolio-cta{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;gap:24px;width:max-content;max-width:100%;margin:40px auto 0;padding:10px 0 21px;border:0;background:transparent;color:var(--ink);font-family:Cormorant,Georgia,serif;font-size:clamp(34px,3vw,46px);font-weight:400;line-height:1.08;text-align:center;text-decoration:none}
.portfolio > .portfolio-cta > span[data-copy]{color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit}
.portfolio > .portfolio-cta::after{content:"";position:absolute;left:0;bottom:0;width:min(145px,40%);height:1px;background:var(--gold);transition:width .25s ease}
.portfolio > .portfolio-cta .portfolio-cta-arrow{flex:none;color:var(--gold);font-family:Manrope,Arial,sans-serif;font-size:.75em;font-weight:400;line-height:1;transition:transform .25s ease}
.portfolio > .portfolio-cta:hover::after{width:min(100%,220px)}
.portfolio > .portfolio-cta:hover .portfolio-cta-arrow{transform:translate(3px,-3px)}
.portfolio > .portfolio-cta:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:700px){.portfolio > .portfolio-cta{gap:13px;margin-top:32px;padding:8px 0 17px;font-size:clamp(26px,6vw,33px)}.portfolio > .portfolio-cta::after{width:min(110px,40%)}}
/* Keep editable text spans visually identical to the former plain text nodes. */
.text-link > span[data-copy],.button > span[data-copy]{font-size:inherit;color:inherit;transition:none;transform:none}
.text-link:hover > span[data-copy],.button:hover > span[data-copy]{transform:none}
.eyebrow > span[data-copy]{font-size:inherit;letter-spacing:inherit;border-right:0;padding-right:0}

/* The return link at the end of each project uses the home portfolio CTA. */
.project-navigation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px}
.project-navigation > .project-nav-prev{grid-column:1;justify-self:start}
.project-navigation > .project-nav-next{grid-column:3;justify-self:end}
.project-navigation > .project-back.portfolio-cta{box-sizing:border-box;position:relative;grid-column:2;justify-self:center;display:flex;align-items:center;justify-content:center;gap:24px;width:max-content;max-width:100%;padding:10px 0 21px;border:0;background:transparent;color:var(--ink);font-family:Cormorant,Georgia,serif;font-size:clamp(34px,3vw,46px);font-weight:400;line-height:1.08;text-align:center;text-decoration:none}
.project-navigation > .project-back.portfolio-cta > span[data-copy]{color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit}
.project-navigation > .project-back.portfolio-cta::after{content:"";position:absolute;left:0;bottom:0;width:min(145px,40%);height:1px;background:var(--gold);transition:width .25s ease}
.project-navigation > .project-back.portfolio-cta .portfolio-cta-arrow{flex:none;color:var(--gold);font-family:Manrope,Arial,sans-serif;font-size:.75em;font-weight:400;line-height:1;transition:transform .25s ease}
.project-navigation > .project-back.portfolio-cta:hover::after{width:min(100%,220px)}
.project-navigation > .project-back.portfolio-cta:hover .portfolio-cta-arrow{transform:translate(3px,-3px)}
.project-navigation > .project-back.portfolio-cta:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:700px){.project-navigation{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.project-navigation > .project-back.portfolio-cta{grid-column:1/-1;grid-row:1;gap:13px;padding:8px 0 17px;font-size:clamp(26px,6vw,33px)}.project-navigation > .project-back.portfolio-cta::after{width:min(110px,40%)}.project-navigation > .project-nav-prev{grid-column:1;grid-row:2}.project-navigation > .project-nav-next{grid-column:2;grid-row:2}}