:root{--ink:#07090f;--panel:#101420;--fg:#eef0f6;--muted:#9aa4bd;--accent:#c3cbff;--line:#ffffff20;--gutter:clamp(22px,5vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--fg);font:400 16px/1.6 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:300;letter-spacing:-.05em;line-height:1.07}em{font-style:normal;color:var(--accent)}.wrap{max-width:1440px;margin:auto;padding-inline:var(--gutter)}.mono{font:400 10px/1.5 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase}.muted{color:var(--muted)}.hero{padding-block:clamp(52px,7vw,94px) 48px;display:grid;grid-template-columns:1.15fr 1fr;gap:5vw;align-items:center}.hero h1{font-size:clamp(52px,6.3vw,94px);max-width:10ch;margin:28px 0 22px}.hero p{max-width:36ch;color:var(--muted);font-size:18px}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:15px 24px;background:var(--fg);border-radius:99px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:600}.text-link{font-size:13px;text-underline-offset:5px}.visual{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}.visual figure{margin:0;overflow:hidden;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.visual figure:first-child{transform:translateY(-16px)}.visual figure:last-child{transform:translateY(22px)}.visual img{width:100%;aspect-ratio:9/16;object-fit:cover;display:block}.visual figcaption{padding:12px 14px;font-size:11px;color:var(--muted)}.client-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-block:1px solid var(--line);padding-block:26px}.client-list a{text-decoration:none;display:block}.client-list strong{display:block;font-size:clamp(16px,1.8vw,24px);font-weight:400;letter-spacing:-.035em}.client-list span{font-size:12px;color:var(--muted)}.client-list a:hover strong{color:var(--accent)}.work{padding-block:64px 44px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-head h2{font-size:clamp(32px,4vw,56px)}.section-head p{font-size:13px;color:var(--muted);max-width:35ch}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.filters button{border:1px solid var(--line);background:transparent;border-radius:99px;padding:10px 16px;font-size:12px}.filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--ink)}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}.card[hidden]{display:none}.open-card{border:0;background:none;text-align:left;padding:0;width:100%;display:block}.frame{position:relative;display:block;background:var(--panel);aspect-ratio:9/16;border-radius:14px;overflow:hidden;border:1px solid var(--line)}.frame img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .25s}.open-card:hover img{transform:scale(1.025)}.view-label{position:absolute;right:10px;bottom:10px;background:#07090fe8;padding:7px 12px;border-radius:99px;font-size:10px;border:1px solid #ffffff30}.card .tag{display:block;margin:14px 0 5px;font:400 9px/1.5 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.card h3{font-size:19px;font-weight:400;line-height:1.3;letter-spacing:-.025em}.gallery-note{max-width:78ch;color:var(--muted);font-size:12px;margin-top:26px}.cta{border-top:1px solid var(--line);padding-block:54px;display:flex;justify-content:space-between;gap:28px;align-items:center}.cta h2{font-size:clamp(32px,4vw,56px);max-width:16ch}.cta p{color:var(--muted);font-size:14px;margin-top:16px;max-width:44ch}footer{border-top:1px solid var(--line);padding-block:24px;display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:11px}footer a{text-underline-offset:4px}dialog{border:1px solid var(--line);border-radius:18px;color:var(--fg);background:#0c0f18;padding:16px;max-width:min(94vw,540px);max-height:94svh;width:100%}dialog::backdrop{background:#000d;backdrop-filter:blur(6px)}.modal-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:12px}.modal-top h2{font-size:18px;line-height:1.3}.close{border:1px solid var(--line);border-radius:50%;background:transparent;flex:0 0 36px;height:36px}.modal-media video{display:block;width:100%;max-height:70svh;object-fit:contain;background:#000}.modal-note{font-size:11px;color:var(--muted);margin-top:10px}.empty{color:var(--muted)}
@media(min-width:1500px){.visual{max-width:480px;margin-left:auto}}
@media(max-width:900px){.hero{gap:30px}.hero h1{font-size:58px}.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.visual figcaption{font-size:9px;padding:9px}}
@media(max-width:650px){.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:42px}.hero h1{font-size:clamp(48px,12vw,68px);max-width:11ch;margin-top:20px}.hero p{font-size:16px}.visual{gap:12px;margin:12px 18px 18px}.visual figure:first-child{transform:none}.visual figure:last-child{transform:translateY(16px)}.client-list{gap:18px;grid-template-columns:1fr}.client-list a{display:flex;justify-content:space-between;gap:10px;align-items:center}.client-list strong{font-size:18px}.client-list span{font-size:10px}.work{padding-top:40px}.section-head{display:block}.section-head p{margin-top:16px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.card h3{font-size:16px}.card .tag{font-size:8px}.cta{display:block}.cta .btn{margin-top:26px}.filters{gap:6px}.filters button{font-size:11px;padding:9px 12px}footer{flex-wrap:wrap}.view-label{font-size:9px;bottom:7px;right:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.results { position: relative; min-height: 100svh; }
.results-pin { position: relative; isolation: isolate; min-height: 100svh; height: 100svh; overflow: hidden; display: flex; flex-direction: column; justify-content: center; gap: clamp(20px, 3vh, 36px); padding-block: clamp(88px, 13vh, 140px) 28px; }
.results-head { position: relative; z-index: 3; display: flex; justify-content: space-between; align-items: end; gap: 24px; flex-wrap: nowrap; }
.results-head > div:first-child { min-width: 0; flex: 1; }
.rctl { flex-shrink: 0; display: flex; align-items: center; gap: 10px; }
.results-head .h2 { font-size: clamp(30px, 4.3vw, 62px); white-space: nowrap; }
.rctl .count { color: var(--muted); min-width: 64px; text-align: right; margin-right: 6px; font-variant-numeric: tabular-nums; }
.rbtn { width: 48px; height: 48px; border-radius: 50%; border: 0; background: transparent; color: var(--fg); box-shadow: inset 0 0 0 1px rgba(255,255,255,.28); cursor: pointer; font-size: 18px; transition: box-shadow .3s, background .3s, opacity .3s; }
.rbtn:hover { box-shadow: inset 0 0 0 1px var(--fg); background: rgba(255,255,255,.05); }
.strip { position: relative; z-index: 1; padding-inline: var(--gutter); overflow-x: auto; scrollbar-width: none; scroll-snap-type: none; overscroll-behavior-x: contain; }
.strip::-webkit-scrollbar { display: none; }
.strip .rtrack { padding-right: var(--gutter); }
.rtrack { display: flex; gap: clamp(12px, 1.4vw, 20px); width: max-content; will-change: transform; }
.tile { position: relative; margin: 0; flex: 0 0 auto; height: clamp(360px, 65svh, 660px); aspect-ratio: 9 / 16; border-radius: 20px; overflow: hidden; background: var(--panel); box-shadow: 0 30px 60px -28px rgba(0,0,0,.95), inset 0 0 0 1px rgba(255,255,255,.07); }
.tile .tile-poster, .tile video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; user-select: none; -webkit-user-drag: none; }
.tile .tile-poster { z-index: 0; }
.tile video { z-index: 1; opacity: 0; transition: opacity .3s ease; }
.tile video.ready { opacity: 1; }
.results-pin > .wrap:last-child { position: relative; z-index: 3; }
.scrub { position: relative; height: 22px; cursor: pointer; touch-action: none; }
.scrub::before { content: ""; position: absolute; inset: 10px 0; background: var(--line); border-radius: 2px; }
.scrub i { position: absolute; top: 8px; left: 0; height: 6px; border-radius: 3px; background: var(--fg); min-width: 36px; transition: height .2s, top .2s; }
.scrub:hover i, .scrub.drag i { top: 6px; height: 10px; border-radius: 5px; }
@media (max-width: 760px) {
  .results-pin { height: auto; min-height: 100svh; padding-block: 90px 28px; }
  .results-head { align-items: center; gap: 12px; }
  .results-head .h2 { font-size: clamp(20px, 4.6vw, 30px); white-space: normal; }
  .rctl { gap: 6px; }
  .rctl .count { min-width: 0; font-size: 10px; margin-right: 2px; }
  .tile { height: clamp(340px, 58svh, 500px); border-radius: 16px; }
  .rbtn { width: 36px; height: 36px; }
}
@media (prefers-reduced-motion: reduce) { .tile video { transition: none; } }


.results-pin{height:auto;min-height:100svh;padding-block:76px 42px;gap:24px}
.results-head,.results-filters,.results-bottom{width:100%}
.results-head h2{font-size:clamp(30px,4.3vw,62px);white-space:normal}
.results-filters .filters{margin:0 0 12px}
.results-filters p{font-size:11px;min-height:18px}
.tile{display:block;text-decoration:none;height:clamp(360px,62svh,660px)}
.tile::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#07090fed);pointer-events:none}
.tile-info{position:absolute;z-index:2;bottom:22px;left:20px;right:20px}
.tile-info strong{font-size:30px;font-weight:500;letter-spacing:-.05em;display:block}
.tile-info small{font-size:11px;letter-spacing:0;font-weight:400}
.tile-info span{display:block;font:10px/1.6 'IBM Plex Mono',monospace;color:#d5d9e7;margin-top:5px}
.tile-play{position:absolute;z-index:2;right:14px;top:14px;border:1px solid #ffffff60;background:#07090f70;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}
.rbtn:disabled{opacity:.3}
.scrub-range{display:block;width:100%;height:20px;accent-color:var(--fg);cursor:pointer;margin:0}
.proof-note{font-size:10px;color:var(--muted);margin-top:12px}
.archive{border-top:1px solid var(--line);padding:28px 0 42px}.archive>summary{cursor:pointer;font-size:20px;letter-spacing:-.03em}.archive .gallery{margin-top:28px}.archive p{color:var(--muted);font-size:12px;margin-top:12px}
@media(min-width:1440px){.strip{padding-left:max(var(--gutter),calc((100vw - 1440px)/2 + var(--gutter)))}}
@media(max-width:760px){.results-pin{padding-block:48px 28px;gap:20px;min-height:0}.results-head h2{font-size:clamp(25px,5.4vw,38px)}.tile{height:clamp(340px,58svh,500px)}.rctl .count{min-width:42px}.results-head{align-items:center}.tile-info{left:16px;bottom:18px}}

/* Neutral dark portrait hero. */
.client-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.clinic-hero{position:relative;isolation:isolate;min-height:min(900px,94svh);padding-block:70px 0;grid-template-columns:1.12fr 1fr;gap:0;align-items:center;overflow:hidden}
.hero-copy{position:relative;z-index:3;padding-block:24px 90px}
.clinic-hero h1{max-width:11ch;font-size:clamp(54px,6.2vw,90px)}
.clinic-hero p{max-width:34ch}
.hero-stage{position:relative;isolation:isolate;align-self:stretch;min-height:650px}
.hero-stage::after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(0deg,var(--ink) 0%,transparent 21%),linear-gradient(90deg,var(--ink),transparent 16%,transparent 90%,var(--ink))}
.hero-matei{position:absolute;z-index:2;bottom:0;left:50%;transform:translateX(-50%);height:100%;max-height:790px;width:auto;max-width:none;object-fit:contain;filter:none}




@media(max-width:900px){.clinic-hero{grid-template-columns:1.15fr 1fr;min-height:700px}.hero-stage{min-height:610px}.clinic-hero h1{font-size:clamp(48px,7vw,68px)}.hero-matei{height:93%}}
@media(max-width:650px){.clinic-hero{display:flex;flex-direction:column;min-height:0;padding-top:40px;gap:0}.hero-copy{padding:0;align-self:stretch}.clinic-hero h1{font-size:clamp(48px,12vw,66px);max-width:11ch;margin-top:20px}.clinic-hero p{font-size:16px;max-width:32ch}.clinic-hero .actions{margin-top:25px;gap:20px}.hero-stage{min-height:440px;height:58svh;max-height:570px;width:100%;margin-top:12px}.hero-matei{height:100%}.client-list{grid-template-columns:1fr}}

/* Screenshots stay visible and readable in a natural vertical mobile feed. */
.screenshot-showcase{padding-block:56px}
.screenshot-showcase h2{font-size:clamp(32px,4vw,56px)}
.screenshot-showcase .gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;margin-top:32px}
.screenshot-card{margin:0;min-width:0}
.screenshot-card img{display:block;width:100%;height:auto;object-fit:contain}
.screenshot-card figcaption{display:flex;flex-direction:column;gap:6px;padding:16px 0;font-size:14px}
.screenshot-card .mono{color:var(--muted);font-size:9px}
@media(max-width:650px){
 .screenshot-showcase{margin-inline:calc(-1 * var(--gutter));padding-block:40px 28px}
 .screenshot-showcase h2,.screenshot-showcase .gallery-note{padding-inline:var(--gutter)}
 .screenshot-showcase .gallery{display:flex;flex-direction:column;gap:24px;margin-top:28px}
 .screenshot-card{min-height:100svh;display:flex;flex-direction:column;justify-content:center}
 .screenshot-card img{width:100%;height:auto;max-height:calc(100svh - 84px);object-fit:contain}
 .screenshot-card figcaption{padding:16px var(--gutter);font-size:13px}
}