/* Revision 3: scoped to the requested service layouts and adapted references. */
#bulevard-concept .service-jump{display:block;background:#202632;padding:30px 0;border-bottom:1px solid #485467}
#bulevard-concept .service-jump .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#bulevard-concept .service-jump a{display:grid;grid-template-rows:auto 1fr auto;gap:12px;min-width:0;padding:24px;border:1px solid #4b5262;border-radius:10px;background:linear-gradient(135deg,#ffffff08,transparent);text-decoration:none;transition:background .2s,border-color .2s}
#bulevard-concept .service-jump a:hover{background:#9ec8e510;border-color:#9ec8e5}
#bulevard-concept .service-jump .jump-number{font-size:18px;color:#9ec8e5;line-height:1.3}
#bulevard-concept .service-jump .jump-label{font-size:20px;line-height:1.4;color:#fff;font-weight:600}
#bulevard-concept .service-jump .jump-arrow{color:#9ec8e5;font-size:20px}
#bulevard-concept .natural-media .service-split{align-items:center;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#bulevard-concept .natural-media .service-split figure{height:auto;min-height:0;align-self:center;width:100%}
#bulevard-concept .natural-media .service-split img{position:static;width:100%;height:auto!important;min-height:0;max-height:none;aspect-ratio:auto!important;object-fit:contain;border-radius:10px}
#bulevard-concept .service-detail{--detail-line:#ffffff20}
#bulevard-concept .service-detail section{padding:76px 0}
#bulevard-concept .service-detail .detail-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
#bulevard-concept .service-detail .detail-hero{display:block;min-height:0;padding:100px 0 72px;background:radial-gradient(ellipse at 85% 20%,#32465a77,transparent 65%),#191d29}
#bulevard-concept .service-detail .detail-hero .detail-split{align-items:end}
#bulevard-concept .service-detail .detail-hero h1{font-size:clamp(32px,3.5vw,50px);line-height:1.14;letter-spacing:-.025em;max-width:800px;margin:20px 0 24px}
#bulevard-concept .service-detail .eyebrow{font-size:16px;line-height:1.6;color:#9ec8e5;letter-spacing:.09em}
#bulevard-concept .service-detail p,#bulevard-concept .service-detail li{font-size:18px;line-height:1.75}
#bulevard-concept .service-detail h2{font-size:clamp(27px,2.6vw,38px);line-height:1.2;margin:0 0 28px}
#bulevard-concept .service-detail .actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px}
#bulevard-concept .service-detail .detail-link{color:#9ec8e5;font-size:17px;text-decoration:none}
#bulevard-concept .service-detail .detail-photo{margin:0;position:relative;min-width:0;height:auto}
#bulevard-concept .service-detail .detail-photo img{display:block;position:static;width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain;border-radius:12px;border:1px solid #ffffff20;box-shadow:0 22px 65px #0003}
#bulevard-concept .service-detail .detail-deliverables{background:#202632;border-top:1px solid var(--detail-line);border-bottom:1px solid var(--detail-line)}
#bulevard-concept .service-detail .detail-deliverables ul{list-style:none;padding:0;margin:0}
#bulevard-concept .service-detail .detail-deliverables li{padding:16px 0 16px 24px;border-bottom:1px solid var(--detail-line);position:relative}
#bulevard-concept .service-detail .detail-deliverables li:before{content:'•';position:absolute;left:0;color:#9ec8e5}
#bulevard-concept .service-detail .detail-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;counter-reset:steps;padding:0;margin:0 0 28px}
#bulevard-concept .service-detail .detail-steps li{border:1px solid #ffffff25;border-radius:12px;padding:26px 24px;background:linear-gradient(145deg,#ffffff0c,#ffffff02)}
#bulevard-concept .service-detail .step-number{display:block;font-size:27px;line-height:1.2;color:#9ec8e5;padding-bottom:22px;border-bottom:1px solid #9ec8e56b;margin-bottom:22px}
#bulevard-concept .service-detail .detail-steps p{margin:0;font-size:17px}
#bulevard-concept .service-detail .detail-process a,#bulevard-concept .service-detail .detail-support a{color:#9ec8e5}
#bulevard-concept .service-detail .detail-use{padding-top:0}
#bulevard-concept .service-detail .detail-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
#bulevard-concept .service-detail .detail-use-grid li{border-left:2px solid #c9a849;padding:8px 24px}
#bulevard-concept .service-detail .detail-support{padding:38px 0;border-top:1px solid var(--detail-line)}
#bulevard-concept .service-detail .detail-support .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:24px 56px}
#bulevard-concept .service-detail .detail-support h2{grid-column:1;grid-row:1 / span 4;font-size:28px}
#bulevard-concept .service-detail .detail-support p,#bulevard-concept .service-detail .detail-support ul{grid-column:2;margin:0}
#bulevard-concept .service-detail .detail-support li+li{margin-top:12px}
#bulevard-concept .service-detail .v4-contact{padding:76px 0;margin-top:32px}
#bulevard-concept .reference-adaptation{display:block;font-size:14px!important;font-style:italic;margin-top:12px;color:#b9c4d0}
@media(max-width:1000px){#bulevard-concept .service-detail .detail-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#bulevard-concept .service-jump .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){#bulevard-concept .service-detail .detail-split,#bulevard-concept .natural-media .service-split{grid-template-columns:1fr}#bulevard-concept .service-detail .detail-hero{padding:52px 0}#bulevard-concept .service-detail section{padding:48px 0}#bulevard-concept .service-detail .detail-use-grid{grid-template-columns:1fr}#bulevard-concept .service-detail .detail-support .wrap{display:block}#bulevard-concept .service-detail .detail-support p+ul{margin-top:20px}#bulevard-concept .service-detail .detail-deliverables figure{order:2}#bulevard-concept .service-detail .detail-use{padding-top:0}}
@media(max-width:480px){#bulevard-concept .service-jump .wrap{gap:12px}#bulevard-concept .service-jump a{padding:18px 14px}#bulevard-concept .service-jump .jump-label{font-size:17px}#bulevard-concept .service-detail .detail-steps{grid-template-columns:1fr}#bulevard-concept .service-detail .detail-hero h1{font-size:34px}}

/* Compact service tabs and navigation between detail pages. */
#bulevard-concept .service-jump{padding:18px 0}
#bulevard-concept .service-jump .wrap{gap:14px}
#bulevard-concept .service-jump a{padding:12px 18px;gap:5px;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;min-height:0}
#bulevard-concept .service-jump .jump-number{font-size:15px;grid-column:1;line-height:1.3}
#bulevard-concept .service-jump .jump-label{font-size:17px;grid-column:1;line-height:1.4}
#bulevard-concept .service-jump .jump-arrow{font-size:18px;grid-column:2;grid-row:1 / span 2;align-self:center}
#bulevard-concept .service-detail .detail-service-switcher{padding:44px 0;background:#202632;border-block:1px solid #ffffff20;scroll-margin-top:30px}
#bulevard-concept .detail-service-switcher h2{margin:12px 0 24px;font-size:clamp(25px,2.4vw,32px)}
#bulevard-concept .service-switcher-links{display:flex;flex-wrap:wrap;gap:12px}
#bulevard-concept .service-switcher-links a{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border:1px solid #647085;border-radius:8px;color:#e8edf3;font-size:17px;line-height:1.4;text-decoration:none}
#bulevard-concept .service-switcher-links a:hover{border-color:#9ec8e5;background:#9ec8e512}
#bulevard-concept .service-switcher-links a[aria-current="page"]{border-color:#9ec8e5;background:#9ec8e51c;color:#9ec8e5;font-weight:600}
@media(max-width:480px){#bulevard-concept .service-jump a{padding:12px;gap:5px}#bulevard-concept .service-jump .jump-label{font-size:16px}#bulevard-concept .service-switcher-links{display:grid;grid-template-columns:1fr}#bulevard-concept .service-switcher-links a{font-size:16px}}

/* Case-study reading rhythm: keep headings with their text. */
#bulevard-concept .case-study-page h2{margin:36px 0 12px;line-height:1.25}
#bulevard-concept .case-study-page .wrap>h2:first-child{margin-top:0}
#bulevard-concept .case-study-page h2+p,#bulevard-concept .case-study-page h2+ul{margin-top:0;margin-bottom:0}
#bulevard-concept .case-study-page p+ p{margin-top:18px}
#bulevard-concept .case-study-page ul+.button{margin-top:28px}
#bulevard-concept .service-detail .wrap>p+h2,#bulevard-concept .service-detail .wrap>ul+h2,#bulevard-concept .service-detail .wrap>ol+h2{margin-top:40px;margin-bottom:14px}
#bulevard-concept .service-detail .wrap>h2+p{margin-top:0}