/* Grapner SA — photographies de services / édition atelier */
#prestations .service-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
#prestations .service-card.service-editorial{position:relative;display:block;grid-column:span 4;isolation:isolate;min-width:0;height:410px;min-height:0;padding:0;overflow:hidden;border:1px solid rgba(168,199,223,.25);border-radius:5px;background:#152332;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:0 12px 30px #030e181a;transition:border-color .45s ease,box-shadow .55s ease!important;text-align:left}
#prestations .service-card.service-editorial:first-child{grid-column:span 6;height:444px}
#prestations .service-card.service-editorial:nth-child(2),#prestations .service-card.service-editorial:nth-child(3){grid-column:span 3;height:444px}
#prestations .service-editorial::before,#prestations .service-editorial::after{content:none!important}
#prestations .service-editorial:hover,#prestations .service-editorial:focus-visible{border-color:#b7d4e5;box-shadow:0 20px 44px #030e1847}
#prestations .service-editorial:focus-visible{outline:2px solid #c6e4f3;outline-offset:4px}
#prestations .service-editorial .service-media{display:block;position:absolute;inset:0 0 160px;overflow:hidden;isolation:isolate;background:#243b4b;border-bottom:1px solid #c7deef2b}
#prestations .service-editorial .service-track{display:block;position:absolute;inset:-2px;opacity:1;transform:scale(1.035);will-change:transform;backface-visibility:hidden}
#prestations .service-editorial .service-track img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--photo-position,50% 50%);opacity:1!important;transform:none!important;filter:none!important;animation:none!important;transition:none!important}
#prestations .service-editorial .service-media::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#06111c3b,transparent 25%,transparent 80%,#13253435)}
#prestations .service-editorial .service-shine{position:absolute;inset:-30% -60%;z-index:3;pointer-events:none;background:linear-gradient(112deg,transparent 39%,#e3f4ff0c 45%,#e3f4ff66 50%,#e3f4ff0c 55%,transparent 62%);opacity:0;transform:translateX(-110%);mix-blend-mode:screen;will-change:transform,opacity}
#prestations .service-editorial .service-photo-label{position:absolute;top:16px;left:16px;z-index:5;display:flex;align-items:center;gap:8px;font:9px/1 var(--mono);letter-spacing:.13em;color:#f2f8fd;background:#0b1c2cbd;border:1px solid #c7dfed4d;border-radius:2px;padding:9px 10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#prestations .service-editorial .service-photo-label i{display:block;width:4px;height:4px;border-radius:50%;background:#c4e0ee;box-shadow:0 0 9px #aacfe873}
#prestations .service-editorial .service-copy{position:absolute;display:flex;flex-direction:column;gap:10px;inset:auto 24px 58px;z-index:4;transform:none;opacity:1;animation:none!important;text-shadow:none}
#prestations .service-editorial .service-copy strong{display:block;margin:0;max-width:100%;font-size:25px;line-height:1.11;font-weight:500;letter-spacing:-.04em;color:#f4f8fb}
#prestations .service-editorial:first-child .service-copy strong{font-size:32px}
#prestations .service-editorial .service-copy>span{font-size:12px;line-height:1.55;color:#b9cddd;letter-spacing:0}
#prestations .service-editorial .service-link{position:absolute;bottom:24px;left:24px;font-size:10px;letter-spacing:.035em;color:#bed9ea;z-index:4}
#prestations .service-editorial .service-arrow{position:absolute;bottom:18px;right:20px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #a8c9df66;border-radius:50%;color:#cbe4f4;z-index:4;transition:background .4s ease,color .4s ease,border-color .4s ease}
#prestations .service-editorial .service-arrow svg{width:15px;height:15px;transition:transform .4s ease}
#prestations .service-editorial:hover .service-arrow{background:#bcdaeb;color:#153043;border-color:#cfe9f8}
#prestations .service-editorial:hover .service-arrow svg{transform:translate(1.5px,-1.5px)}
#prestations .service-editorial .service-motionline{position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,#76a8c8,#d7effe);transform-origin:left;transform:scaleX(.14);opacity:.6;z-index:6}
#prestations .service-editorial.editorial-featured{border-color:#a3c8df85;box-shadow:0 18px 42px #030e1838}
#prestations .services-edition-control{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 22px}
#prestations .services-edition-control>span{font:9px/1.5 var(--mono);letter-spacing:.13em;color:#a2bace}
#services-play{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 15px;border:1px solid #9ac0db4a;border-radius:3px;background:#afcfe909;color:#d5e9f6;font-size:11px;line-height:1.2;white-space:nowrap}
#services-play:hover{background:#b5d9ed18;border-color:#c6e0ee}
#services-play .edition-icon{width:10px;display:inline-block;font-size:10px}
#service-dialog.has-edition-photo{width:780px;max-width:calc(100% - 28px)}
#service-dialog .edition-dialog-photo{position:relative;height:260px;overflow:hidden;margin:22px 0 25px;border-radius:3px;background:#172c3c;isolation:isolate}
#service-dialog .edition-dialog-photo img{width:100%;height:100%;object-fit:cover;object-position:var(--photo-position,50% 50%);display:block;transform:scale(1.04);will-change:transform}
#service-dialog .edition-dialog-photo:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0d1c3233,transparent 55%)}
@media(max-width:1050px){#prestations .service-card.service-editorial,#prestations .service-card.service-editorial:first-child,#prestations .service-card.service-editorial:nth-child(2),#prestations .service-card.service-editorial:nth-child(3){grid-column:span 4;height:380px}#prestations .service-editorial .service-copy strong,#prestations .service-editorial:first-child .service-copy strong{font-size:23px}#prestations .service-editorial .service-copy{left:19px;right:17px}#prestations .service-editorial .service-link{left:19px}}
@media(max-width:760px){#prestations .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#prestations .service-card.service-editorial,#prestations .service-card.service-editorial:first-child,#prestations .service-card.service-editorial:nth-child(2),#prestations .service-card.service-editorial:nth-child(3){grid-column:auto;height:322px;min-height:0;border-radius:4px}#prestations .service-editorial .service-media{bottom:148px}#prestations .service-editorial .service-copy{left:14px;right:12px;bottom:56px;gap:9px}#prestations .service-editorial .service-copy strong,#prestations .service-editorial:first-child .service-copy strong{font-size:clamp(17px,4.7vw,23px);line-height:1.13;letter-spacing:-.04em}#prestations .service-editorial .service-copy>span{font-size:10.3px;line-height:1.5}#prestations .service-editorial .service-link{font-size:9px;left:14px;bottom:24px}#prestations .service-editorial .service-arrow{right:13px;bottom:17px;width:28px;height:28px}#prestations .service-editorial .service-arrow svg{width:13px;height:13px}#prestations .service-editorial .service-photo-label{left:10px;top:10px;font-size:7px;letter-spacing:.06em;padding:7px 8px;gap:6px}#prestations .services-edition-control{gap:10px;margin-bottom:18px}#prestations .services-edition-control>span{font-size:7px;max-width:122px;letter-spacing:.075em}#services-play{font-size:10px;padding:0 11px;gap:7px;min-height:44px}#service-dialog .edition-dialog-photo{height:195px;margin:18px 0 20px}#service-dialog.has-edition-photo{padding:22px}#service-dialog.has-edition-photo h2{font-size:34px}}
@media(max-width:365px){#prestations .service-grid{gap:9px}#prestations .service-editorial .service-copy{left:11px;right:9px}#prestations .service-editorial .service-copy strong,#prestations .service-editorial:first-child .service-copy strong{font-size:17px}#prestations .service-editorial .service-copy>span{font-size:9.7px}}
@media(prefers-reduced-motion:reduce){#prestations .service-editorial .service-shine{display:none}html.services-explicit #prestations .service-editorial .service-shine{display:block}}
@media print{#prestations .service-card.service-editorial{break-inside:avoid;box-shadow:none!important}#services-play,.service-motionline{display:none!important}}
/* Neutralisation de l'ancien habillage des légendes. */
#prestations .service-card.service-editorial .service-copy{padding:0!important;margin:0;min-height:0;width:auto;background:none!important;top:calc(100% - 141px);bottom:auto}
@media(max-width:760px){#prestations .service-card.service-editorial .service-copy{top:calc(100% - 132px);bottom:auto}}
