/* Réalisations : les sites eux-mêmes, dans la palette Blue Strat. */
.works-intro{background:#fae7dc;padding:28px 0 65px}.works-intro .breadcrumb{margin-bottom:37px;color:#705344}.works-intro .breadcrumb a{padding-block:8px}.works-intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end}.works-intro h1{font-size:clamp(37px,4vw,53px);line-height:1.25;letter-spacing:-.035em}.works-intro h1 span{color:#8a472c}.works-intro-grid p{font-size:15px;line-height:1.9;color:#654f45;max-width:440px}.works-intro .text-link{font-size:12px;min-height:44px;margin-top:18px}.works-selection{background:white;padding-top:64px}.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.work-card{min-width:0;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;color:#1b3046;background:#e7eef8;outline-offset:6px}.work-featured{grid-column:1/-1;display:grid;grid-template-columns:1.7fr 1fr;background:#e4efe7}.work-peach{background:#fae7dc}.work-visual{background:#1b3046;min-width:0;overflow:hidden}.work-site-address{display:flex;align-items:center;gap:10px;padding:12px 19px;min-height:43px;font-size:11px;color:#d5e2ec;border-bottom:1px solid #ffffff25}.work-site-address .line-icon{width:17px;height:17px;flex-shrink:0;color:#ffad87}.work-card figure{margin:0;aspect-ratio:16/10;overflow:hidden;display:grid;place-items:center}.work-card figure img{width:100%;height:100%;object-fit:contain;transition:transform 250ms var(--ease-out)}.work-featured figure{aspect-ratio:16/9}.work-featured .work-visual{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.work-featured .work-site-address{flex-shrink:0}.work-card-body{padding:31px 32px 29px;display:flex;flex-direction:column;align-items:start;flex:1}.work-featured .work-card-body{justify-content:center;padding:35px}.work-card h2{font-size:27px;line-height:1.35;letter-spacing:-.03em}.work-category{font-size:11px;line-height:1.6;background:#ffffffb3;color:#345477;border-radius:5px;padding:6px 10px;margin-top:15px}.work-sage .work-category{color:#2e634e}.work-peach .work-category{color:#8a472c}.work-description{font-size:14px;line-height:1.9;color:#344b60;margin:19px 0 28px;max-width:460px}.work-card-link{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px;font-size:12px;font-weight:600;min-height:44px;padding-top:12px;border-top:1px solid #adbfc9;margin-top:auto}.work-sage .work-card-link{border-color:#b8ccbe}.work-peach .work-card-link{border-color:#cfb8ab}.work-card-link .arrow{width:22px;flex-shrink:0;transition:transform 180ms var(--ease-out)}.works-agency{background:#1b3046;color:white}.works-agency>.wrap{display:flex;justify-content:space-between;gap:45px;align-items:center}.works-agency h2{font-size:34px;line-height:1.4}.works-agency h2 span{color:#ffad87}.works-agency p{font-size:14px;line-height:1.9;color:#d5e2ec;max-width:540px;margin-top:18px}.works-agency .button{background:#e8ab8e;color:#162744;flex-shrink:0;gap:25px;font-size:12px;min-height:52px}.works-selection .work-card:focus-visible{outline:3px solid #8a472c}
@media(hover:hover) and (pointer:fine){.work-card:hover figure img{transform:scale(1.02)}.work-card:hover .work-card-link .arrow{transform:translateX(4px)}}
@media(max-width:1000px){.works-intro-grid{gap:40px}.works-intro h1{font-size:40px}.works-grid{gap:24px}.work-featured{grid-template-columns:1.3fr 1fr}.work-featured .work-card-body{padding:28px}.work-card-body{padding:28px}.work-card h2{font-size:25px}.works-agency>.wrap{align-items:start;flex-direction:column;gap:25px}}
@media(max-width:760px){.works-intro{padding:15px 0 35px}.works-intro .breadcrumb{margin-bottom:23px}.works-intro-grid{grid-template-columns:1fr;gap:21px}.works-intro h1{font-size:clamp(34px,9vw,44px)}.works-intro-grid p{font-size:14px}.works-intro .text-link{margin-top:13px}.works-selection{padding:38px 0 48px}.works-grid{grid-template-columns:1fr;gap:26px}.work-featured{grid-column:auto;display:flex}.work-card-body,.work-featured .work-card-body{padding:25px 23px 22px}.work-card h2{font-size:25px}.work-site-address{padding:11px 16px;font-size:10px;min-height:41px}.work-description{font-size:14px;margin:17px 0 22px}.work-card-link{font-size:11px;gap:15px}.work-category{font-size:10px;margin-top:13px}.works-agency{padding:45px 0}.works-agency h2{font-size:28px}.works-agency .button{font-size:11px;gap:17px;padding-inline:19px}}
@media(prefers-reduced-motion:reduce){.work-card figure img,.work-card-link .arrow{transition:none}.work-card:hover figure img{transform:none}.work-card:hover .work-card-link .arrow{transform:none}}