/* Service selector: full-width heading, topic rail and three-image composition. */
.services-heading{margin-bottom:54px}
.services-heading h2{font-size:clamp(38px,4.65vw,68px);line-height:1.04;letter-spacing:-.05em;margin-top:24px;max-width:1150px}
.services-heading h2 span{color:var(--green)}
.services-heading-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:28px}
.services-heading-bottom>p{font-size:14px;line-height:1.75;color:var(--muted)}
.services-heading-bottom .text-link{flex-shrink:0}
.services-workspace{display:grid;grid-template-columns:clamp(235px,20vw,275px) minmax(0,1fr);gap:clamp(28px,3.2vw,48px);align-items:start}
.service-tabs{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.service-tab{display:grid;grid-template-columns:22px minmax(0,1fr) 20px;gap:12px;align-items:center;min-height:98px;padding:20px 14px;border-bottom:1px solid var(--line);transition:background .2s,color .2s}
.service-tab-number{font-size:10px;letter-spacing:.04em;align-self:start;padding-top:5px}
.service-tab-title{font-family:var(--display);font-size:23px;line-height:1.12;font-weight:650;letter-spacing:-.035em}
.service-tab-arrow{font-size:23px;opacity:.5}
.service-tab:hover{background:rgba(72,136,123,.09)}
.service-tab[aria-selected=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.service-tab[aria-selected=true] .service-tab-number,.service-tab[aria-selected=true] .service-tab-arrow{color:var(--yellow);opacity:1}
.service-tab:focus-visible{outline:3px solid var(--green);outline-offset:4px;position:relative;z-index:2}
.service-extra{margin-top:23px;font-size:11px;line-height:1.8;color:var(--muted);max-width:280px}
.service-panel{min-width:0;scroll-margin-top:35px}
.service-panel[hidden]{display:none}
.service-panel-copy{min-height:0;padding-top:3px}
.service-panel-kicker{max-width:none;display:flex;justify-content:space-between;gap:20px;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
.service-panel-kicker span{white-space:nowrap}
.service-panel h3{font-size:clamp(28px,2.65vw,39px);line-height:1.1;margin:18px 0 16px;letter-spacing:-.04em}
.service-description{font-size:14px;line-height:1.8;max-width:650px;color:var(--muted)}
.service-gallery{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));align-items:start;isolation:isolate;gap:0;padding:32px 25px 92px;margin-top:10px}
.service-shot{--tilt:-6deg;--drop:26px;grid-area:1/1/2/5;min-width:0;margin:0;padding:10px 10px 0;background:#faf7ef;border:1px solid rgba(23,62,53,.1);box-shadow:0 9px 16px -10px rgba(23,62,53,.35);transform:translateY(var(--drop)) rotate(var(--tilt));transition:transform .25s}
.service-shot-2{--tilt:3deg;--drop:0px;grid-area:1/4/2/8;z-index:2}
.service-shot-3{--tilt:-4deg;--drop:48px;grid-area:1/7/2/11;z-index:1}

.service-shot img{display:block;width:100%;height:auto;aspect-ratio:6/7;object-fit:cover}
.service-shot figcaption{display:flex;align-items:center;gap:9px;min-height:42px;font-size:11px;line-height:1.3;letter-spacing:.015em;padding:7px 2px}
.service-shot figcaption span{font-size:8px;opacity:.55}
.services-ready .service-panel:not([hidden]){animation:service-enter .32s ease-out both}
.services:not(.services-ready) .service-panel+.service-panel{margin-top:50px;padding-top:30px;border-top:1px solid var(--line)}
@keyframes service-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.services-workspace{grid-template-columns:240px minmax(0,1fr);gap:30px}.service-tab-title{font-size:19px}.service-gallery{padding-inline:20px}.service-shot{padding:8px 8px 0}.service-shot figcaption{font-size:10px;gap:5px}}
@media(max-width:900px){.services-heading{margin-bottom:32px}.services-heading h2{font-size:clamp(37px,6.3vw,52px)}.services-heading h2 br{display:none}.services-heading h2 span{display:block;margin-top:5px}.services-heading-bottom{display:block;margin-top:22px}.services-heading-bottom>p{font-size:13px}.services-heading-bottom .text-link{margin-top:15px;font-size:12px}.services-workspace{grid-template-columns:1fr;gap:30px}.service-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;border:0}.service-tab{grid-template-columns:1fr;align-content:center;min-height:100px;padding:13px 11px;gap:6px;border:1px solid var(--line)}.service-tab-number{font-size:8px;padding-top:0}.service-tab-title{font-size:19px}.service-tab-arrow{display:none}.service-extra{max-width:none;margin-top:14px;font-size:10px}.service-panel-copy{min-height:0}.service-panel h3{font-size:30px;margin-top:16px}.service-description{font-size:13px}.service-panel-kicker{font-size:8px}.service-gallery{max-width:740px;margin:18px auto 0;padding-bottom:88px}.service-shot figcaption{font-size:10px;min-height:38px;gap:4px}.service-shot figcaption span{display:none}}
@media(max-width:380px){.service-tab-title{font-size:16px}.service-tab{padding-inline:9px}.service-shot{padding:4px 4px 0}.service-shot figcaption{font-size:9px}}
.motion-paused .services-ready .service-panel{animation:none!important}
.motion-paused .service-shot{transition:none}
@media(prefers-reduced-motion:reduce){.services-ready .service-panel:not([hidden]){animation:none}.service-shot,.service-tab{transition:none}}
/* Paper photographs: varied arrangements, staggered placement and a lifted corner. */
#service-embalagens .service-shot-1{--tilt:-2deg;--drop:28px}#service-embalagens .service-shot-2{--tilt:6deg;--drop:3px}#service-embalagens .service-shot-3{--tilt:-4deg;--drop:10px}
#service-conteudo .service-shot-1{--tilt:-6deg;--drop:8px}#service-conteudo .service-shot-2{--tilt:2deg;--drop:26px}#service-conteudo .service-shot-3{--tilt:5deg;--drop:2px}
#service-videos .service-shot-1{--tilt:-3deg;--drop:22px}#service-videos .service-shot-2{--tilt:-5deg;--drop:0px}#service-videos .service-shot-3{--tilt:4deg;--drop:30px}
.service-shot{position:relative;transform-origin:50% 65%;transition:transform 350ms cubic-bezier(.2,.7,.3,1),box-shadow 350ms,opacity 350ms}
.service-shot:after{content:'';position:absolute;right:0;top:0;width:22px;height:22px;background:linear-gradient(45deg,#e2dbcc,#fffdf5 55%,#d9d1bf 58%);clip-path:polygon(0 0,100% 0,100% 100%);opacity:0;transition:opacity 250ms;pointer-events:none}
.services-ready .service-panel:not([hidden]) .service-gallery.is-bloomed .service-shot{animation:paper-arrive 600ms cubic-bezier(.2,.7,.3,1) 40ms backwards}
.services-ready .service-panel:not([hidden]) .service-gallery.is-bloomed .service-shot-2{animation-delay:110ms}
.services-ready .service-panel:not([hidden]) .service-gallery.is-bloomed .service-shot-3{animation-delay:180ms}
@keyframes paper-arrive{from{opacity:0;transform:translateY(calc(var(--drop) + 22px)) rotate(calc(var(--tilt) + 5deg)) scale(.96)}to{opacity:1;transform:translateY(var(--drop)) rotate(var(--tilt)) scale(1)}}
@media(hover:hover) and (pointer:fine){.service-gallery:has(.service-shot:hover) .service-shot:not(:hover){transform:translateY(calc(var(--drop) + 5px)) rotate(var(--tilt)) scale(.96);opacity:.8}.service-gallery .service-shot:hover{transform:translateY(calc(var(--drop) - 12px)) rotate(0deg) scale(1.07);box-shadow:0 22px 24px -14px rgba(23,62,53,.4);opacity:1;z-index:5}.service-shot:hover:after{opacity:1}}
.motion-paused .services-ready .service-panel .service-shot{animation:none!important;transition:none;transform:translateY(var(--drop)) rotate(var(--tilt));opacity:1}
@media(prefers-reduced-motion:reduce){.services-ready .service-panel:not([hidden]) .service-gallery.is-bloomed .service-shot{animation:none!important;transition:none!important;transform:translateY(var(--drop)) rotate(var(--tilt))!important;opacity:1!important}.service-shot:after{display:none}}

.motion-paused .service-gallery .service-shot{transform:translateY(var(--drop)) rotate(var(--tilt))!important;opacity:1!important}
.motion-paused .service-shot:after{display:none}

/* On narrow screens, two overlapping prints and a centered third keep photos readable. */
@media(max-width:540px){
 .service-gallery{grid-template-columns:repeat(12,minmax(0,1fr));padding:26px 14px 62px;row-gap:0}
 .service-shot-1{grid-area:1/1/2/8}
 .service-shot-2{grid-area:1/6/2/13}
 .service-shot-3{grid-area:2/4/3/11;margin-top:-28px;z-index:3}
 .service-shot{padding:7px 7px 0}
}
.service-shot:focus{z-index:4;outline:none}
.service-shot:focus-visible{outline:2px solid var(--green);outline-offset:5px;transform:translateY(calc(var(--drop) - 12px)) rotate(0deg) scale(1.07);box-shadow:0 22px 24px -14px rgba(23,62,53,.4)}

/* Focus the landscape Guimarães photograph on the polvilho and alfajor packs. */
.service-shot .service-photo-guimaraes{object-position:84% center}