/* Company and medical-marketing compositions share their original text and
   photographs with desktop. This file owns only their compact layouts. */
@media (max-width:1100px) {
 body:is(.about-page,.marketing-page) .final-story {
  --cm-line:#b7abd135;
  --cm-card:linear-gradient(145deg,#191d31,#0b1421);
 }
 body:is(.about-page,.marketing-page) .final-story .n-section {padding-block:32px}
 body:is(.about-page,.marketing-page) .final-story h2 {font-size:1.625rem;line-height:1.45}
 body:is(.about-page,.marketing-page) .final-story h3 {font-size:1.0625rem;line-height:1.5}
 body:is(.about-page,.marketing-page) .final-story p {font-size:.9375rem;line-height:1.85}
 body:is(.about-page,.marketing-page) .final-story .n-eyebrow {font-size:.75rem;line-height:1.6;margin-bottom:14px;color:#bdb4d7}
 body:is(.about-page,.marketing-page) .final-story .n-heading {display:block;margin-bottom:22px}
 body:is(.about-page,.marketing-page) .final-story .n-heading>p {max-width:42rem;margin-top:12px}
 body:is(.about-page,.marketing-page) .final-story [id] {scroll-margin-top:calc(var(--compact-header) + 18px)}

 /* The existing artwork and copy form one scene; the image remains above the
    text area, with only a soft fade where they meet. No duplicate hero exists. */
 body:is(.about-page,.marketing-page) .final-story .n-hero {
  display:block;min-height:0;padding:var(--compact-header) 0 0;background:#03070d;
 }
 body:is(.about-page,.marketing-page) .final-story .n-hero>.n-hero-art {
  position:absolute;inset:var(--compact-header) 0 auto;width:100%;max-width:none;
  height:auto;aspect-ratio:1672/941;margin:0;z-index:0;mask-image:none;opacity:1;
 }
 body:is(.about-page,.marketing-page) .final-story .n-hero>.n-hero-art>img {
  display:block;width:100%;height:100%;object-fit:contain;object-position:center top;
 }
 body:is(.about-page,.marketing-page) .final-story .n-hero>.n-hero-art::before {display:none}
 body:is(.about-page,.marketing-page) .final-story .n-hero>.n-hero-art::after {
  background:linear-gradient(180deg,transparent 48%,#03070d35 70%,#03070d 100%);
 }
 body:is(.about-page,.marketing-page) .final-story .n-hero-inner {
  display:block;min-height:0;padding:0 0 28px;margin-top:45vw;
 }
 body:is(.about-page,.marketing-page) .final-story .n-hero .n-hero-copy {width:100%;max-width:none;margin:0}
 body:is(.about-page,.marketing-page) .final-story .n-hero h1 {font-size:clamp(1.75rem,7.2vw,2.375rem);line-height:1.4;letter-spacing:-.045em}
 body:is(.about-page,.marketing-page) .final-story .n-hero .n-lead {font-size:.9375rem;line-height:1.85;margin-top:16px;max-width:42rem}
 body:is(.about-page,.marketing-page) .final-story .n-hero .n-lead br {display:none}
 body:is(.about-page,.marketing-page) .final-story .n-actions {display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin-top:20px;align-items:stretch}
 body:is(.about-page,.marketing-page) .final-story .n-actions :is(.action,.editorial-link) {
  flex:1 1 9rem;min-width:0;min-height:48px;max-width:100%;padding:12px 10px;
  justify-content:center;font-size:.875rem;line-height:1.6;text-align:center;
 }
 body:is(.about-page,.marketing-page) .final-story .n-actions .editorial-link {
  border:1px solid #b5a6e057;border-radius:9px;white-space:normal;gap:8px;
 }
 body:is(.about-page,.marketing-page) .final-story .n-actions .action-base {justify-content:center;white-space:normal}
 body:is(.about-page,.marketing-page) .final-story .n-close {min-height:0;padding-block:32px}
 body:is(.about-page,.marketing-page) .final-story .n-close-copy {display:block;max-width:46rem}
 body:is(.about-page,.marketing-page) .final-story .n-close h2 {font-size:1.625rem}
 body:is(.about-page,.marketing-page) .final-story .n-close-copy>p:not(.n-eyebrow) {margin-top:14px;font-size:.9375rem}
 body:is(.about-page,.marketing-page) .final-story .n-important {font-size:.875rem;line-height:1.85;margin-block:22px;padding-left:14px}

 /* Company: three unchanged values, a full-width brand photograph, and a
    concise two-column metric surface keep the company information complete. */
 body.about-page .final-story .n-about-hero>.n-hero-art {aspect-ratio:3/2}
 body.about-page .final-story .n-about-hero .n-hero-inner {margin-top:51vw}
 body.about-page .final-story .n-mission {grid-template-columns:minmax(0,1fr);gap:24px}
 body.about-page .final-story .n-mission>div>p:not(.n-eyebrow) {font-size:.9375rem;max-width:44rem;margin-top:16px}
 body.about-page .final-story .n-values {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,max(9rem,calc(50% - 6px))),1fr));gap:12px;
 }
 body.about-page .final-story .n-values article {
  display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:18px 14px;
  min-width:0;border:1px solid var(--cm-line);border-radius:12px;background:var(--cm-card);
 }
 body.about-page .final-story .n-values article:last-child {grid-column:1/-1;flex-direction:row;align-items:center;gap:16px}
 body.about-page .final-story .n-values .n-icon {width:28px;height:28px;margin:0;padding:0;border:0;border-radius:0;background:none;color:#baaceb}
 body.about-page .final-story .n-values h3 {font-size:1.0625rem}
 body.about-page .final-story .n-values p {font-size:.875rem;line-height:1.75;margin-top:8px}
 body.about-page .final-story .n-method {margin-top:26px}
 body.about-page .final-story .n-city-section {min-height:0;padding-block:32px;margin-block:8px;background:#081221}
 body.about-page .final-story .n-city-type {font-size:1.875rem;line-height:1.4}
 body.about-page .final-story .n-city-copy>p:nth-child(2) {font-size:.9375rem;line-height:1.75;margin-top:16px}
 body.about-page .final-story .n-city-art img {object-position:65% center}
 body.about-page .final-story .n-city-section::after {background:linear-gradient(90deg,#040b18ed,#06101f8c 55%,#07152d33),linear-gradient(0deg,#0610207d,transparent)}
 body.about-page #company-at-a-glance .n-brand-stats {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,max(9rem,50%)),1fr));gap:0;padding:6px 0;
  border:1px solid #b4a9d65c;border-radius:14px;background:var(--cm-card);box-shadow:none;
 }
 body.about-page #company-at-a-glance .n-brand-stats::before,
 body.about-page #company-at-a-glance .n-brand-stats::after,
 body.about-page #company-at-a-glance .n-brand-stats>div::before,
 body.about-page #company-at-a-glance .n-brand-stats>div::after {display:none}
 body.about-page #company-at-a-glance .n-brand-stats>div {padding:20px 10px;border:0;min-width:0}
 body.about-page #company-at-a-glance .n-brand-stats>div:nth-child(even) {border-left:1px solid var(--cm-line)}
 body.about-page #company-at-a-glance .n-brand-stats>div:nth-child(n+3) {border-top:1px solid var(--cm-line)}
 body.about-page #company-at-a-glance .n-brand-stats dt {font-size:1.875rem;line-height:1.3;color:#e2dafa}
 body.about-page #company-at-a-glance .n-brand-stats dd {font-size:.875rem;line-height:1.65;margin-top:8px;color:#c1cddd}
 body.about-page #company-at-a-glance .n-caption {font-size:.8125rem;line-height:1.8;margin-top:16px}

 /* Photo-card treatments belong to editorial-cards.css. The first real
    work sample below keeps the full available width. */
 body.marketing-page .final-story .n-marketing-hero h1 {font-size:clamp(1.625rem,6.8vw,2.25rem);line-height:1.45}
 body.marketing-page .final-story .n-process-panel {
  display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:0;border:0;border-radius:0;background:none;
 }
 body.marketing-page .final-story .n-process-panel>div {max-width:45rem}
 body.marketing-page .final-story .n-process-panel h2 {font-size:1.625rem}
 body.marketing-page .final-story .n-process-panel>div>p:last-child {font-size:.9375rem;margin-top:14px}
 body.marketing-page .final-story .n-example-layout,
 body.marketing-page .final-story .n-strength-layout,
 body.marketing-page .final-story .n-details-layout {grid-template-columns:minmax(0,1fr);gap:24px}
 body.marketing-page .final-story .n-example-layout>div:first-child>p:not(.n-eyebrow) {font-size:.9375rem;margin:14px 0}
 body.marketing-page .final-story .n-example-layout .editorial-link {min-height:44px;font-size:.875rem}
 body.marketing-page .final-story .n-examples,
 body.marketing-page .final-story .n-real-records {
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(9rem,calc(50% - 6px))),1fr));gap:20px 12px;
 }
 body.marketing-page .final-story .n-examples>article:first-child,
 body.marketing-page .final-story .n-real-records>article:first-child {grid-column:1/-1}
 body.marketing-page .final-story .n-examples>article,
 body.marketing-page .final-story .n-real-records>article {min-width:0}
 body.marketing-page .final-story .n-examples h3,
 body.marketing-page .final-story .n-real-records h3 {font-size:1.0625rem;line-height:1.5;margin-top:12px}
 body.marketing-page .final-story .n-examples p,
 body.marketing-page .final-story .n-real-records p {font-size:.875rem;line-height:1.8;margin-top:8px}
 body.marketing-page .final-story .n-demo-window {aspect-ratio:1.45;border-width:3px;border-radius:8px}
 body.marketing-page .final-story .n-examples>article:first-child .n-demo-window {aspect-ratio:1.8}
 body.marketing-page .final-story .n-demo-bar {height:20px;padding:0 5px;font-size:5px}
 body.marketing-page .final-story .n-demo-bar b {font-size:6px;letter-spacing:0}
 body.marketing-page .final-story .n-demo-window img {height:calc(100% - 20px);display:block}
 body.marketing-page .final-story .n-demo-copy {left:9px;top:40%;gap:6px;max-width:calc(100% - 18px)}
 body.marketing-page .final-story .n-demo-copy small {font-size:5px;letter-spacing:.05em}
 body.marketing-page .final-story .n-demo-copy strong {font-size:13px;line-height:1.3}
 body.marketing-page .final-story .n-demo-copy>span {font-size:6px;padding:3px 5px}
 body.marketing-page .final-story .n-examples>article:first-child .n-demo-copy {left:18px;gap:10px}
 body.marketing-page .final-story .n-examples>article:first-child .n-demo-copy strong {font-size:22px}
 body.marketing-page .final-story .n-record-image {padding:5px;border-color:var(--cm-line);border-radius:10px;overflow:hidden}
 body.marketing-page .final-story .n-record-image img {display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:contain}
 body.marketing-page .final-story .n-real-records>article:first-child .n-record-image img {aspect-ratio:1800/1095}
 body.marketing-page .final-story .n-tag {font-size:.6875rem;margin-top:10px}
 body.marketing-page .final-story .n-related-contacts {display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:18px}
 body.marketing-page .final-story .n-related-contacts .editorial-link {min-height:44px;font-size:.875rem}
 body.marketing-page .final-story .n-details-layout>div>p:not(.n-eyebrow) {font-size:.9375rem;margin-top:16px}
 body.marketing-page .final-story .n-photo-close {
  width:calc(100% - 2 * var(--compact-gutter));margin:8px auto 32px;padding:26px 20px;min-height:0;border-color:var(--cm-line);border-radius:14px;
 }
 body.marketing-page .final-story .n-photo-close .n-close-art {height:100%;inset:0}
 body.marketing-page .final-story .n-photo-close .n-close-art::after {background:linear-gradient(90deg,#07101bf5,#081323dc 65%,#081323b8)}
}

@media (min-width:768px) and (max-width:1100px) {
 body:is(.about-page,.marketing-page) .final-story .n-hero-inner {margin-top:min(52vw,500px);padding-bottom:36px}
 body.about-page .final-story .n-about-hero .n-hero-inner {margin-top:min(58vw,550px)}
 body:is(.about-page,.marketing-page) .final-story .n-hero .n-hero-copy {max-width:48rem}
 body:is(.about-page,.marketing-page) .final-story .n-actions {max-width:36rem}
 body:is(.about-page,.marketing-page) .final-story .n-section {padding-block:38px}
 body.about-page .final-story .n-values article {padding:22px;gap:16px}
 body.about-page .final-story .n-city-section {padding-block:42px}
 body.about-page .final-story .n-city-type {font-size:2.25rem}
 body.marketing-page .final-story .n-examples>article:first-child,
 body.marketing-page .final-story .n-real-records>article:first-child {display:grid;grid-template-columns:1.35fr 1fr;gap:8px 24px;align-content:center}
 body.marketing-page .final-story .n-examples>article:first-child .n-demo-window,
 body.marketing-page .final-story .n-real-records>article:first-child .n-record-image {grid-column:1;grid-row:1/5;align-self:center}
 body.marketing-page .final-story .n-examples>article:first-child>:not(.n-demo-window),
 body.marketing-page .final-story .n-real-records>article:first-child>:not(.n-record-image) {grid-column:2;margin-block:0}
 body.marketing-page .final-story .n-real-records>article:first-child .n-tag {justify-self:start;align-self:end}
 body.marketing-page .final-story .n-examples .n-demo-copy strong {font-size:20px}
 body.marketing-page .final-story .n-examples .n-demo-copy small {font-size:7px}
 body.marketing-page .final-story .n-examples .n-demo-copy>span {font-size:8px}
 body.marketing-page .final-story .n-photo-close {padding:32px}
}