/* Commercial refinements around the existing DevMuse journey. */
.nav-mobile-contact { display: none; }
.service-navigation { position: relative; }
.service-navigation summary { cursor: pointer; padding: 12px 0; font-size: 14px; }
.service-navigation summary::marker { color: #b8863b; }
/* The service disclosure uses the same navy, brass and serif treatment as the studio. */
.service-navigation-links {
  position: absolute; top: calc(100% + 14px); right: 0; width: min(620px, 80vw);
  display: grid; grid-template-columns: 1fr 1fr; gap: 0 26px; padding: 12px 26px 20px;
  background: radial-gradient(ellipse at 100% 0, #b8863b16, transparent 65%), #08151f;
  border: 1px solid #c49b5c70; border-top: 2px solid #d4ad6c;
  box-shadow: inset 0 0 0 5px #08151f, inset 0 0 0 6px #c49b5c14, 0 24px 56px #0006;
}
.site-header .nav-links .service-navigation .service-navigation-links a {
  display: block; position: relative; padding: 20px 22px 20px 0; color: #f3ede2;
  font: 500 24px/1.15 var(--serif); letter-spacing: -.025em;
  text-decoration: none; border-bottom: 1px solid #d4ad6c30;
  transition: color 160ms ease, background-color 160ms ease;
}
.site-header .nav-links .service-navigation .service-navigation-links a:first-child {
  grid-column: 1 / -1; font-size: 32px; padding-top: 20px; padding-bottom: 22px;
}
.service-navigation-links a span {
  display: block; margin-top: 8px; color: #b9c1c4;
  font: 400 12px/1.5 var(--sans, sans-serif); letter-spacing: 0;
}
.site-header .nav-links .service-navigation .service-navigation-links a::before {
  content: "↗"; position: absolute; right: 0; top: 23px; color: #d4ad6c;
  font: 16px/1 sans-serif;
}
.site-header .nav-links .service-navigation .service-navigation-links a:hover,
.site-header .nav-links .service-navigation .service-navigation-links a:focus-visible {
  color: #efc477; background: #d4ad6c09;
}
.nav-links :focus-visible, .offer-register a:focus-visible { outline: 2px solid #c89443; outline-offset: 5px; }
.site-header .nav-links .service-navigation-links a::after { display: none; }
@media(prefers-reduced-motion: reduce) {
  .site-header .nav-links .service-navigation .service-navigation-links a { transition: none; }
}
.offer-register { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid #07182740; }
.offer-register a { display: grid; grid-template-columns: 1fr auto; gap: 9px 24px; padding: 28px 24px; border-bottom: 1px solid #07182730; color: #071827; text-decoration: none; }
.offer-register a:nth-child(odd) { border-right: 1px solid #07182730; }
.offer-register strong { font-family: var(--serif); font-size: clamp(26px,3vw,38px); font-weight: 500; line-height: 1.05; }
.offer-register span { align-self: center; color: #72501f; font-size: 14px; }
.offer-register p { grid-column: 1/-1; margin: 0; max-width: 48ch; font-size: 16px; color: #4b5861; }
.offer-register a:hover { background: #b8863b12; }
.scope-note { padding-left: 16px; border-left: 2px solid #bf914a; font-size: 15px; line-height: 1.6; }
.service-proof-link { margin-top: 22px; }
.release-actions { display: flex; flex-wrap: wrap; gap: 16px 28px; align-items: center; margin-top: 24px; }
.product-access-note { margin-top: 22px; font-size: 15px; line-height: 1.6; }
.journey-production .journey-hero-copy h1 { font-size: clamp(58px,6.1vw,94px); line-height: .94; }
.journey-production .journey-lede { font-size: clamp(18px,1.6vw,22px); max-width: 38ch; }
.journey-production .journey-hero-copy .actions { margin-top: 24px; }
.journey-proof-cue { display: block; margin-top: 20px; color: #e9d5ad; font-size: 13px; line-height: 1.5; }
.home-support-routes { display: flex; flex-wrap: wrap; gap: 18px 30px; margin-top: 24px; }
.home-support-routes a { color: inherit; text-underline-offset: 5px; }
.dms-email-alternative { margin-top: 22px; font-size: 15px; }
.dms-email-alternative a { color: inherit; text-underline-offset: 4px; }
.case-study { background: #f5f0e7; color: #071827; }
.case-hero { padding: 90px 0 48px; }
.case-hero h1 { max-width: 17ch; margin: 24px 0; font: 500 clamp(42px,6.5vw,88px)/.98 var(--serif); letter-spacing: -.045em; }
.case-hero .lede { max-width: 62ch; }
.case-meta { display: flex; flex-wrap: wrap; gap: 20px 42px; margin: 30px 0; padding: 22px 0; border-block: 1px solid #07182730; }
.case-meta dt { font: 10px var(--mono); text-transform: uppercase; color: #765525; margin-bottom: 8px; }
.case-meta dd { margin: 0; font-size: 15px; }
.case-image { width: 100%; height: auto; display: block; border: 1px solid #07182730; }
.case-body { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; padding: 56px 0; border-bottom: 1px solid #07182730; }
.case-body h2 { margin: 0; font: 500 clamp(28px,3vw,42px)/1.1 var(--serif); }
.case-body p { max-width: 68ch; line-height: 1.75; }
.case-body p:first-child { margin-top: 0; }
.case-body li { margin-bottom: 12px; line-height: 1.65; }
.case-footer { padding: 60px 0 90px; }
@media(max-width: 1040px) {
  .site-header .nav-links { justify-content: stretch; grid-template-columns: 1fr; max-height: calc(100svh - 78px); overflow-y: auto; align-content: start; gap: 6px; }
  .service-navigation { width: 100%; }
  .service-navigation-links { position: static; width: 100%; grid-template-columns: 1fr 1fr; padding: 8px 22px 18px; box-shadow: none; }
  .home-v2 .journey-header .nav-links, .home-v2 .journey-header .nav-links a { color: #071827; }
}
@media(max-width: 900px) {
  .dms-page--public .dms-panel { gap: 28px; }
  .dms-page--public .dms-shell { padding-top: 34px; }
  .dms-page--public .dms-heading h1 { font-size: clamp(40px,9vw,60px); margin: 16px 0; }
  .dms-page--public .dms-intake-route { margin-top: 20px; }
  .dms-page--public .dms-intake-route ol { display: flex; gap: 12px; border: 0; }
  .dms-page--public .dms-intake-route li { display: block; flex: 1; padding: 10px 0; font-size: 12px; }
  .dms-page--public .dms-intake-route li span { display: block; margin-bottom: 6px; }
}
@media(max-width: 760px) {
  .site-header .nav-links { max-height: calc(100svh - 78px); overflow-y: auto; align-content: start; gap: 6px; }
  .site-header .nav-links > a, .service-navigation summary { padding-block: 10px; }
  .site-header .nav-links .nav-mobile-contact { display: block; font-weight: 700; border-top: 1px solid #b8863b70; margin-top: 6px; }
  .service-navigation { width: 100%; }
  .service-navigation-links { position: static; width: 100%; grid-template-columns: 1fr; padding: 4px 18px 14px; box-shadow: none; }
  .site-header .nav-links .service-navigation .service-navigation-links a { padding: 14px 22px 14px 0; font-size: 21px; }
  .site-header .nav-links .service-navigation .service-navigation-links a:first-child { font-size: 26px; padding: 16px 22px 16px 0; }
  .site-header .nav-links .service-navigation .service-navigation-links a::before { top: 18px; }
  .site-header .nav-links .service-navigation .service-navigation-links a:last-child { border-bottom: 0; }
  .service-navigation-links a span { display: none; }
  .journey-production .journey-hero-grid { padding-top: 240px; padding-bottom: 50px; align-content: start; }
  .journey-production .journey-scene-hero { padding-top: 0; }
  .journey-production .journey-hero-copy { padding-top: 0; }
  .journey-production .journey-hero-copy h1 { font-size: clamp(42px,11.7vw,64px); line-height: .95; margin-top: 20px; }
  .journey-production .journey-lede { font-size: 17px; line-height: 1.5; }
  .journey-production .journey-hero-copy .actions { margin-top: 20px; gap: 12px; }
  .journey-proof-cue { margin-top: 16px; font-size: 12px; }
  .offer-register { grid-template-columns: 1fr; }
  .offer-register a { padding: 24px 0; }
  .offer-register a:nth-child(odd) { border-right: 0; }
  .case-hero { padding-top: 44px; }
  .case-body { grid-template-columns: 1fr; gap: 20px; padding: 36px 0; }
}
@media(min-width: 761px) {
  .rescue-v3 .rescue-bench-log li:nth-child(even) > div { margin-right: clamp(12px,5vw,70px); }
}
.product-header .service-navigation summary,
.plugin-header .service-navigation summary { color: #f5f0e7; }
@media(max-width: 1040px) {
  .site-header .nav-links.is-open a,
  .site-header .nav-links.is-open summary { color: #071827; }
}
