/* Galerie éditoriale du projet Castle Bee */
.case-castlebee{--case-accent:#08aa9b;--case-paper:#f3f8f7;--case-ink:#123545;--case-muted:#61777d}
.case-castlebee .topbar{background:rgba(243,248,247,.96)}
.case-castlebee .case-hero h1{max-width:560px}
.case-castlebee .case-hero h1 em,.case-castlebee .case-heading h2 em,.case-castlebee .case-cta h2 em,.case-castlebee .castle-gallery-heading h2 em{color:#087d80}
.case-castlebee .case-cover{top:210px;width:46%;background:#fff;box-shadow:14px 14px 0 #11b9a5}
.case-castlebee .case-cover img{aspect-ratio:697/435;object-fit:cover}
.case-castlebee .case-cover figcaption{background:#0c5868;letter-spacing:.03em}
.case-castlebee .castlebee-logo{display:block;width:min(100%,270px);height:auto;margin:26px 0 0;border-radius:6px;box-shadow:0 12px 34px rgba(18,53,69,.12)}
.case-castlebee .castle-film .case-heading{margin-bottom:30px}
.case-castlebee .castle-film .case-heading h2{margin-bottom:0}
.case-castlebee .castle-film .case-player{overflow:hidden;border-radius:4px}
.castle-gallery{width:min(1220px,calc(100% - 64px));margin:0 auto;padding:20px 0 112px}
.castle-gallery-heading{margin-bottom:36px;padding-top:24px;border-top:1px solid rgba(18,53,69,.18)}
.castle-gallery-heading .case-kicker{margin:0 0 17px}
.castle-gallery-heading h2{margin:0;font:500 clamp(2.8rem,6vw,5.8rem)/.98 "Playfair Display",serif;letter-spacing:-.055em}
.castle-gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px;align-items:start}
.castle-visual{margin:0;overflow:hidden;background:#fff;box-shadow:0 14px 38px rgba(18,53,69,.08)}
.castle-visual img{display:block;width:100%;height:auto}
.castle-visual figcaption{padding:13px 16px 15px;color:#4c666d;font-size:.78rem;line-height:1.5}
.castle-visual--logo{grid-column:span 6}
.castle-visual--site{grid-column:span 6}
.castle-visual--hoodie{grid-column:span 5}
.castle-visual--expertises{grid-column:span 7}
.case-castlebee .case-cta{border-color:rgba(18,53,69,.18)}
.case-castlebee .case-cta>a{padding-bottom:5px;border-bottom:1px solid #08aa9b}
@media(max-width:760px){
  .case-castlebee .case-cover{top:auto;width:92%;margin-top:38px}
  .castle-gallery{width:min(100% - 36px,620px);padding:0 0 76px}
  .castle-gallery-heading{margin-bottom:24px}
  .castle-gallery-grid{grid-template-columns:1fr;gap:20px}
  .castle-visual--logo,.castle-visual--site,.castle-visual--hoodie,.castle-visual--expertises{grid-column:1}
}