/* Editorial references. Uses the existing Inter / Plex Mono design tokens. */
.reference-collection{padding-bottom:64px;margin-top:40px;border-bottom:1px solid var(--line)}
.reference-collection__heading{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:28px}
.reference-collection__heading .label{color:var(--accent-700);font-size:.625rem;letter-spacing:.12em}
.reference-collection__heading h3{font-size:clamp(1.5rem,1.25rem + 1.1vw,2.25rem);line-height:1.2;margin-top:12px}
.reference-collection__heading p:last-child{color:var(--muted);margin-top:12px;font-size:.9375rem;max-width:58ch}
.reference-collection__count{font-family:var(--mono);font-size:2.5rem;line-height:1;color:var(--line-strong);padding-top:18px}
.reference-review-note{padding:12px 16px;border-left:2px solid var(--accent-500);background:var(--accent-50);color:var(--ink-700);font-size:.8125rem;margin-bottom:24px}
.international-references-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.international-references-grid>.reference-card:first-child{grid-column:span 2}
.international-references-grid>.reference-card:first-child h3{font-size:clamp(1.5rem,1.25rem + .8vw,2rem);max-width:30ch}
.international-references-grid .reference-card__link{padding:30px}
.international-references-grid .reference-card__country{margin-top:30px}
.international-references-grid .reference-card h3{font-size:1.375rem;line-height:1.3}
.news-updates-heading{margin-top:48px;margin-bottom:-28px}
.news-updates-heading h3{font-size:1.5rem;line-height:1.3}
@media(max-width:1023px){.international-references-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.international-references-grid>.reference-card:first-child{grid-column:span 2}}
@media(max-width:639px){.international-references-grid{grid-template-columns:minmax(0,1fr);gap:18px}.international-references-grid>.reference-card:first-child{grid-column:auto}.international-references-grid .reference-card__link{padding:26px}.reference-collection{padding-bottom:40px}.reference-collection__count{font-size:2rem}.reference-collection__heading{gap:18px}}
.news-grid--editorial{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.news-grid--editorial>*{min-width:0}
.reference-card{position:relative;display:flex;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}
.reference-card:hover,.reference-card:focus-within{transform:translateY(-3px);border-color:var(--accent-500);box-shadow:0 14px 40px -28px rgb(10 37 64/.35)}
.reference-card__link{position:relative;display:flex;flex:1;flex-direction:column;min-width:0;padding:34px;text-decoration:none;color:inherit;isolation:isolate}
.reference-card__link:focus-visible{outline:2px solid var(--accent-700);outline-offset:-4px}
.reference-card__top{display:flex;align-items:center;min-height:28px}
.reference-card__top>.label{position:relative;color:var(--accent-700);font-size:.625rem;letter-spacing:.11em;max-width:calc(100% - 80px);line-height:1.6}
.reference-globe{display:block;width:112px;height:112px;color:var(--accent-700);opacity:.2;pointer-events:none}
.reference-card__top .reference-globe{position:absolute;right:18px;top:14px;z-index:-1}
.reference-card__country{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:38px;color:var(--ink-900);font-size:.875rem;font-weight:500}
.reference-card__code{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:25px;padding:0 6px;background:var(--accent-50);border:1px solid var(--accent-100);border-radius:3px;font-family:var(--mono);font-size:.625rem;letter-spacing:.08em;color:var(--accent-700)}
.reference-card h3{margin-top:18px;font-size:clamp(1.375rem,1.05rem + .55vw,1.75rem);line-height:1.22;max-width:26ch;letter-spacing:-.025em;overflow-wrap:anywhere}
.reference-card__equipment{margin-top:18px;color:var(--accent-700);font-size:.75rem;line-height:1.5;font-weight:500}
.reference-card__summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:14px;margin-bottom:30px;font-size:.9375rem;line-height:1.65;color:var(--muted)}
.reference-card__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:22px;margin-top:auto;color:var(--ink-900);font-weight:500;font-size:.875rem}
.reference-card__summary+.reference-card__foot{margin-top:auto}
.reference-card__foot svg{width:24px;height:24px;color:var(--accent-700);transition:transform .3s var(--ease);flex:none}
.reference-card:hover .reference-card__foot svg{transform:translateX(4px)}
.news-grid--editorial>.card{border-radius:10px;box-shadow:none}
.news-grid--editorial>.card .body{padding:28px 34px 34px}
.news-grid--editorial>.card .event{height:190px;padding:28px 34px;background:var(--ink-900)}
.news-grid--editorial>.card h3{font-size:1.375rem;line-height:1.25}
.news-grid--editorial>.card .body>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.65}
.news-grid--editorial>.card .foot{padding-top:22px;margin-top:24px;border-top:1px solid var(--line);font-size:.875rem}
.news-grid--editorial>.card .body>.label{line-height:1.6;font-size:.625rem}
.reference-hero{padding-top:calc(var(--header) + 40px);padding-bottom:72px}
.reference-hero .eyebrow{margin-top:48px;color:var(--accent-100)}
.reference-hero h1{max-width:23ch;margin-top:24px;font-size:clamp(2rem,1.25rem + 2.6vw,3.75rem);line-height:1.08}
.reference-hero .lede{max-width:62ch;margin-top:26px}
.reference-hero .crumbs a:hover{color:#fff}
.reference-article__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,340px);gap:clamp(40px,6vw,104px);align-items:start}
.reference-article__body{min-width:0;padding-top:6px}
.reference-article .prose{max-width:46rem}
.reference-article .prose h2{font-size:1.5rem;line-height:1.25;margin-top:40px;margin-bottom:20px;letter-spacing:-.025em}
.reference-article .prose h2:first-child{margin-top:0}
.reference-article .prose p{font-size:1.0625rem;line-height:1.85}
.reference-article .reference-back{margin-top:48px;font-size:.875rem}
.reference-sidebar{position:sticky;top:calc(var(--header) + 24px);padding:30px;background:var(--canvas);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.reference-sidebar__heading{position:relative;min-height:68px}
.reference-sidebar__heading>.label{position:relative;z-index:1;color:var(--accent-700);font-size:.625rem;line-height:1.5}
.reference-sidebar__heading .reference-globe{position:absolute;width:100px;height:100px;right:-18px;top:-20px;opacity:.14}
.reference-facts{margin:0}
.reference-facts>div{padding:20px 0;border-top:1px solid var(--line)}
.reference-facts dt{font-family:var(--mono);font-size:.625rem;letter-spacing:.09em;text-transform:uppercase;line-height:1.6;color:var(--muted)}
.reference-facts dd{margin:8px 0 0;font-size:.9375rem;font-weight:500;line-height:1.6;color:var(--ink-900);overflow-wrap:anywhere}
.reference-range-links{border-top:1px solid var(--line);padding-top:18px;display:flex;flex-direction:column;gap:14px}
.reference-range-links a{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.8125rem;line-height:1.6;color:var(--accent-700);text-decoration:none}
.reference-range-links a:hover{text-decoration:underline;text-underline-offset:4px}
.reference-range-links a span{flex:none}
.reference-contact{border-top:1px solid var(--line);background:var(--canvas);padding:42px 0}
.reference-contact__inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.reference-contact .label{color:var(--accent-700);font-size:.625rem}
.reference-contact h2{margin-top:12px;font-size:clamp(1.125rem,1rem + .5vw,1.5rem);line-height:1.4;max-width:38ch}
.reference-contact .link{flex:none;font-size:.875rem}
.reference-photo{margin:0 0 40px}
.reference-photo img{width:100%;height:auto;max-height:560px;object-fit:contain;border-radius:6px}
@media(min-width:1100px){.news-grid--editorial>.reference-card:only-child{max-width:660px}}
@media(max-width:899px){.reference-card__link{padding:28px}.news-grid--editorial>.card .body,.news-grid--editorial>.card .event{padding:28px}.reference-article__layout{grid-template-columns:minmax(0,1fr) 270px;gap:32px}.reference-sidebar{padding:24px}}
@media(max-width:767px){.news-grid--editorial{grid-template-columns:minmax(0,1fr);gap:20px}.reference-card__country{margin-top:32px}.reference-card h3{font-size:1.5rem;max-width:30ch}.reference-hero{padding-top:calc(var(--header) + 20px);padding-bottom:48px}.reference-hero .eyebrow{margin-top:32px}.reference-article__layout{grid-template-columns:minmax(0,1fr);gap:40px}.reference-sidebar{position:static}.reference-sidebar__heading{min-height:54px}.reference-contact__inner{align-items:flex-start;flex-direction:column;gap:24px}.reference-article .prose p{font-size:1rem}.reference-article .section{padding:48px 0}.reference-article .reference-back{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.reference-card,.reference-card__foot svg{transition:none}.reference-card:hover,.reference-card:focus-within{transform:none}}

/* Genuine product/hospital photos; four equal cards, before News. */
.reference-section{background:#fff;border-bottom:1px solid var(--line)}
.reference-collection--standalone{margin-top:0;padding-bottom:0;border:0}
.reference-collection--standalone .reference-collection__heading{margin-bottom:32px}
.reference-collection--standalone .reference-collection__heading h2{margin-top:16px}
.international-references-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.international-references-grid>.reference-card:first-child{grid-column:auto}
.international-references-grid .reference-card__link{padding:0}
.reference-card__photo{position:relative;height:260px;padding:24px;background:#f6f8fa;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}
.reference-card__photo img{height:100%;width:100%;max-height:212px;object-fit:contain;transition:transform .35s var(--ease)}
.reference-card:hover .reference-card__photo img{transform:scale(1.025)}
.reference-card__photo--hospital,.reference-card__photo--reference{padding:0}
.reference-card__photo--hospital img,.reference-card__photo--reference img{max-height:none;object-fit:cover}
.reference-card__photo>span{position:absolute;left:16px;bottom:12px;background:rgb(255 255 255/.94);border:1px solid var(--line);border-radius:3px;padding:5px 8px;font:500 .5625rem/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-700)}
.reference-card__content{display:flex;flex-direction:column;flex:1;min-width:0;padding:28px 30px}
.reference-card__top{min-height:18px}
.reference-card__top>.label{max-width:100%}
.international-references-grid .reference-card__country{margin-top:18px}
.international-references-grid .reference-card h3,.international-references-grid>.reference-card:first-child h3{font-size:1.45rem;line-height:1.3;max-width:none;min-height:2.6em}
.reference-card__equipment{margin-top:14px}
.reference-card__summary{margin-top:12px;margin-bottom:24px}
.reference-photo{background:#f6f8fa;padding:22px;border:1px solid var(--line);border-radius:6px}
.reference-photo img{max-height:360px}
.reference-photo figcaption{padding-top:16px;font-family:var(--mono);font-size:.625rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
@media(max-width:767px){.international-references-grid{grid-template-columns:minmax(0,1fr);gap:20px}.reference-card__photo{height:230px}.reference-card__photo img{max-height:185px}.reference-card__content{padding:24px}.international-references-grid .reference-card h3,.international-references-grid>.reference-card:first-child h3{font-size:1.375rem;min-height:0}.reference-collection__heading h2{font-size:2rem}.reference-section{padding-top:48px;padding-bottom:48px}}
@media(prefers-reduced-motion:reduce){.reference-card__photo img{transition:none}.reference-card:hover .reference-card__photo img{transform:none}}

/* Abstract technical presentation around genuine, unaltered product photos. */
.reference-card__photo{height:auto;padding:0;display:block;border:0;background:none}
.reference-visual{--reference-glow:#168b88;position:relative;isolation:isolate;overflow:hidden;padding:22px 26px 18px;background:radial-gradient(ellipse at 92% 5%,color-mix(in srgb,var(--reference-glow) 75%,transparent),transparent 62%),linear-gradient(135deg,#071d32,#0a3348 60%,#0d565e);color:#fff}
.reference-visual--country-ae{--reference-glow:#229ead}
.reference-visual--country-id{--reference-glow:#267d9b}
.reference-visual--country-pk{--reference-glow:#318d7b}
.reference-visual::before{content:"";position:absolute;z-index:-1;width:330px;height:330px;border:1px solid rgb(150 235 224/.24);border-radius:50%;right:-24px;top:38px;box-shadow:0 0 0 28px rgb(151 235 226/.06),0 0 0 56px rgb(151 235 226/.04);background:radial-gradient(circle at 40% 35%,rgb(163 241 220/.2),transparent 65%)}
.reference-visual::after{content:attr(data-country-code);position:absolute;z-index:-1;left:12px;bottom:10px;font:600 130px/.8 var(--sans);letter-spacing:-.06em;color:rgb(255 255 255/.045)}
.reference-visual__top,.reference-visual__caption{display:flex;justify-content:space-between;align-items:center;gap:18px;position:relative;font:500 .625rem/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.reference-visual__top>span:first-child{font-family:var(--sans);font-size:.75rem;font-weight:600;letter-spacing:.08em}
.reference-visual__top>span:last-child{border:1px solid rgb(204 241 238/.35);border-radius:3px;padding:3px 7px;color:#b9e8e5}
.reference-visual__stage{position:relative;width:82%;height:202px;margin:21px auto;background:#fff;border:1px solid rgb(255 255 255/.85);border-radius:10px;padding:12px 18px;box-shadow:0 24px 40px -25px rgb(0 0 0/.7),0 0 0 8px rgb(255 255 255/.035);display:flex;align-items:center;justify-content:center}
.reference-visual__stage::after{content:"";position:absolute;left:6%;right:6%;bottom:-13px;height:1px;background:linear-gradient(to right,transparent,rgb(155 239 225/.65),transparent)}
.reference-card__photo .reference-visual__stage img,.reference-photo .reference-visual__stage img{width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0;mix-blend-mode:normal}
.reference-visual__caption{font-size:.5625rem;letter-spacing:.07em;color:#c0dfdf}
.reference-visual__caption>span:first-child{display:inline-flex;align-items:center;gap:7px}
.reference-visual__caption>span:first-child::before{content:"";width:4px;height:4px;border-radius:50%;background:#7bd9ca}
.reference-photo{padding:0;background:none;border:0}
.reference-photo>.reference-visual{border-radius:8px}
.reference-photo .reference-visual__stage{height:280px;max-width:490px;margin-block:28px}
.reference-photo figcaption{font-family:var(--sans);text-transform:none;letter-spacing:0;line-height:1.5;color:var(--muted);padding-top:12px}
.reference-visual--hospital .reference-visual__stage,.reference-visual--reference .reference-visual__stage{padding:0}
.reference-visual--hospital .reference-visual__stage img,.reference-visual--reference .reference-visual__stage img{object-fit:cover;border-radius:9px}
@media(max-width:767px){.reference-visual{padding:18px 20px 16px}.reference-visual__stage{width:87%;height:184px;margin-block:18px;padding:10px 12px}.reference-visual__caption{gap:8px;font-size:.5rem}.reference-photo .reference-visual__stage{height:230px}.reference-photo .reference-visual__caption>span:last-child{display:none}}

/* Transparent product cutouts: no white plate, border or frame. */
.reference-visual--product .reference-visual__stage{width:88%;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;height:218px;margin-block:16px}
.reference-visual--product .reference-visual__stage::after{display:none}
.reference-visual--product .reference-visual__stage img{filter:drop-shadow(0 18px 16px rgb(0 0 0/.24))}
.reference-photo .reference-visual--product .reference-visual__stage{height:300px}
@media(max-width:767px){.reference-visual--product .reference-visual__stage{height:200px;margin-block:18px}.reference-photo .reference-visual--product .reference-visual__stage{height:250px}}

/* Existing operating-room imagery is an illustrative background, never a site claim. */
.reference-visual--product{background-image:linear-gradient(110deg,rgb(4 24 43/.9) 0%,rgb(6 31 50/.7) 42%,rgb(6 61 67/.58) 100%),url("../img/company/reference-hospital-background-20261029.webp");background-position:center;background-size:cover;background-repeat:no-repeat}
.reference-visual--product::before{display:none}
.reference-visual--product .reference-visual__caption{align-items:flex-start;gap:12px;color:#e2f2f1}
.reference-visual__setting{max-width:56%;text-align:right;line-height:1.6}
@media(max-width:767px){.reference-visual--product .reference-visual__caption{font-size:.5rem;line-height:1.6}.reference-photo .reference-visual--product .reference-visual__caption>.reference-visual__setting{display:block}}

/* Homepage: three equal cards in a single desktop row; full archive on News page. */
@media(min-width:1024px){.international-references-grid--home{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.international-references-grid--home>.reference-card:first-child{grid-column:auto}}
.reference-view-all{display:flex;justify-content:center;margin-top:32px}.reference-view-all a{display:inline-flex;align-items:center;gap:12px;padding:13px 22px;border:1px solid currentColor;border-radius:4px;text-decoration:none;font-weight:600}

/* Homepage Our Equipment in Practice: exactly three equal cards per desktop row. */
@media(min-width:1024px){.reference-section .reference-collection--standalone .international-references-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.reference-section .reference-collection--standalone .international-references-grid>.reference-card:first-child{grid-column:auto}}