/* Framed service cards keep the complete 4:3 photograph visible. */
.services{overflow-x:clip}
.js .service-card.reveal,.js .service-card.reveal:nth-child(even){opacity:1;translate:none;transition:none}
.service-card:hover{transform:none}
.js .service-card.reveal .service-picture img{opacity:0;translate:0 14px;transition:opacity 1.1s ease-out,translate 1.1s cubic-bezier(.2,.7,.3,1)}
.js .service-card.reveal.visible .service-picture img{opacity:1;translate:0 0}
@media(prefers-reduced-motion:reduce){.js .service-card.reveal .service-picture img{opacity:1;translate:none;transition:none}}
.service-grid{gap:32px;align-items:stretch}
.service-card,.service-card:nth-child(4n+2),.service-card:nth-child(4n+3){position:relative;background:#0B2922 url('assets/aroma-damask-pattern.webp') center top/380px;border:1px solid #B99528;border-radius:16px;overflow:hidden;box-shadow:0 7px 0 #D4AF37,0 16px 28px #561c1110;display:flex;flex-direction:column}
.service-picture{margin:17px 17px 0;border:5px solid #D4AF37;border-radius:9px;transform:none;box-shadow:0 5px 14px #28040a44;overflow:hidden;flex-shrink:0;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.service-card:nth-child(even) .service-picture{transform:none}
.service-picture img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;transform:none!important}
.service-picture>span{background:#EAC95C;color:#102D27;bottom:0;left:0;max-width:100%;font-size:10px;letter-spacing:.8px;border-radius:0 6px 0 0;padding:8px 12px;line-height:1.4}
.service-copy{position:relative;display:flex;flex:1;flex-direction:column;padding:25px 25px 23px;background:linear-gradient(110deg,#0B2922 65%,#0B2922e8),url('assets/aroma-damask-pattern.webp') right center/250px;border-bottom:0;color:#F4F6FA;margin-top:12px}
.service-copy h3{font-size:38px;line-height:1.02;color:#F4F6FA;margin:0 0 12px;letter-spacing:-.2px}
.service-copy p{font-size:17px;line-height:1.5;color:#DDE8E2;margin:0 0 24px;min-height:51px;max-width:42ch}
.card-cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:11px 16px;border:1px solid #EAC95C;border-radius:6px;background:#D4AF37;color:#102D27;font-size:15px;font-weight:800;box-shadow:0 3px 0 #061A14;transition:background .25s,box-shadow .25s}
.card-cta span{font-size:24px;line-height:1;transition:transform .3s}




@media(hover:hover){.service-card:hover .service-picture{transform:none}.service-card:hover .card-cta span{transform:translateX(4px)}.service-card:hover .card-cta{box-shadow:0 4px 0 #061A14}}
@media(max-width:600px){.service-grid{gap:28px}.service-card{border-radius:13px;box-shadow:0 5px 0 #D4AF37,0 10px 18px #561c1110}.service-picture{margin:12px 12px 0;border-width:4px;border-radius:7px}.service-picture>span{font-size:8px;padding:6px 9px;letter-spacing:.6px}.service-copy{padding:18px 18px 20px;margin-top:9px}.service-copy h3{font-size:32px;margin-bottom:10px}.service-copy p{font-size:15px;min-height:0;margin-bottom:18px}.card-cta{min-height:47px;font-size:13px;padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.service-picture,.card-cta,.card-cta span{transition:none}.service-card:hover .card-cta span{transform:none}}


.services{background:#EEF1F4;color:#102D27}.service-track{padding:12px 7px 28px;background:none;border-radius:0;gap:24px;align-items:stretch}.service-card,.service-card:nth-child(4n+2),.service-card:nth-child(4n+3),.service-card:hover{background-color:#0B2922!important;background-image:linear-gradient(#0B2922BF,#0B2922BF),url('assets/aroma-damask-pattern.webp')!important;background-blend-mode:normal,luminosity;background-size:auto,380px;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;border:1px solid #B99528}.service-copy{background:#0B2922!important;backdrop-filter:none;-webkit-backdrop-filter:none}.service-picture>span{backdrop-filter:none}.service-card:hover{box-shadow:0 7px 0 #D4AF37,0 16px 28px #102D2715}.card-cta{border-top:1px solid #EAC95C}.mobile-contact{background:#EEF1F4;backdrop-filter:none;-webkit-backdrop-filter:none}.services .eyebrow{color:#52614F}.services h2{color:#102D27}@media(max-width:600px){.service-card{flex-basis:94%}.service-copy h3{font-size:32px}.service-copy p{font-size:16px}.card-cta{min-height:50px}.service-track{gap:22px}}