/* Search landing pages (/cgi-studio-copenhagen, /3d-animation, /ai-video, /mixed-reality-fooh, /video-production-copenhagen, /3d-dooh, /services). Built by scripts/build-landing.py from landing.json. Reuses the inflate-* layout from inflatables.css. */
.ld-eye{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:#9fc3dc}
.ld-eye::before{content:'';width:8px;height:8px;border-radius:50%;background:#c5e1f3;box-shadow:0 0 0 4px #c5e1f322}
.ld-lead{margin:22px 0 0;font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:#c9d7e1;max-width:46ch}
.ld-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:16/9;max-height:min(720px,calc(100svh - 230px));min-height:320px;border-radius:22px;overflow:hidden;background:#0d1a24;border:1px solid #d2ecff2e;box-shadow:inset 0 1px 0 #ffffff14,0 30px 80px -20px #000a,0 0 0 1px #0006}
.ld-stage video{display:block;width:100%;height:100%;object-fit:cover;background:#0d1a24}
.ld-stage.ld-triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#000}
.ld-stage.ld-triptych>video{border-radius:0}
.ld-stage-cap{position:absolute;left:0;right:0;bottom:0;padding:48px 18px 14px;background:linear-gradient(transparent,#000a);font-size:12px;color:#d8e6ef;pointer-events:none;z-index:2}
.ld-stage-cap b{color:#fff;font-weight:600}
.ld-provenance{display:flex;align-items:center;gap:14px;margin:0;padding:16px 18px;border:1px solid #c3e1f321;border-radius:14px;background:linear-gradient(125deg,#abcde70b,transparent);font-size:14px;line-height:1.6;color:#9eb5c4}
.ld-provenance img{width:34px;height:34px;border-radius:9px;flex:none}
.ld-provenance b{color:#e4ecf1;font-weight:600}
.ld-points{grid-template-columns:repeat(4,1fr)}
.ld-points article{display:flex;flex-direction:column}
.ld-points article .mono{font-size:11px;color:#87aec6;letter-spacing:.14em}
.ld-points h3{margin-top:28px}
.ld-films{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ld-films.ld-wide{grid-template-columns:repeat(3,1fr);margin-top:14px}
.ld-film{position:relative;display:block;overflow:hidden;border-radius:16px;aspect-ratio:9/16;background:#0d1a24 center/cover no-repeat;border:1px solid #d2ecff24;box-shadow:inset 0 0 0 1px #ffffff0a,0 10px 30px -14px #000a;color:#fff;text-decoration:none;transform:translateZ(0)}
.ld-wide .ld-film{aspect-ratio:16/9}
.ld-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s}
.ld-film.is-playing video{opacity:1}
.ld-film-meta{position:absolute;left:0;right:0;bottom:0;padding:60px 14px 14px;background:linear-gradient(transparent,#000c);display:grid;gap:4px;z-index:2}
.ld-film-meta b{font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.25}
.ld-film-meta span{font-size:12px;color:#c9dbe8;line-height:1.4}
.ld-film-tags{position:absolute;top:12px;left:12px;display:flex;gap:6px;z-index:2}
.ld-tag{display:inline-block;padding:5px 9px;border-radius:999px;background:#0b1a26b0;border:1px solid #dbf0ff33;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#e6f2fa}
.ld-tag.ai{background:#c5e1f3;color:#10212d;border-color:#c5e1f3}
.ld-tag.noai{color:#b9d9ee}
.ld-film:hover{border-color:#dbf0ff66}
.ld-film:focus-visible{outline:2px solid #c5e1f3;outline-offset:3px}
.ld-film.is-static{cursor:default}
.ld-films-note{margin:16px 0 0;font-size:12px;color:#829ba9}
.ld-films-note a{color:#c9e0ef}
.ld-process{max-width:900px}
.ld-process .inflate-steps summary h3{margin:0}
.ld-related{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.ld-related a{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;border:1px solid #c3e1f32e;background:#10233066;color:#dbe9f3;font-size:14px;text-decoration:none;transition:border-color .2s,background .2s}
.ld-related a:hover{border-color:#c5e1f3;background:#c5e1f314}
.ld-related a i{font-style:normal;color:#9fc3dc}
.ld-related-wrap{padding-top:60px}
.ld-related-wrap h2{font-size:22px!important;letter-spacing:-.02em!important;margin:0 0 18px!important}
/* services hub */
.ld-hub{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ld-hub a{position:relative;display:block;border-radius:18px;overflow:hidden;aspect-ratio:4/5;background:#0d1a24 center/cover no-repeat;border:1px solid #d2ecff24;color:#fff;text-decoration:none;box-shadow:0 10px 30px -14px #000a}
.ld-hub a::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#000d)}
.ld-hub a>div{position:absolute;left:0;right:0;bottom:0;padding:22px;z-index:1}
.ld-hub a small{display:block;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#9fc3dc;margin-bottom:10px}
.ld-hub a h3{margin:0 0 8px;font-size:24px;font-weight:600;letter-spacing:-.03em;line-height:1.1}
.ld-hub a p{margin:0;font-size:14px;line-height:1.5;color:#c9dbe8}
.ld-hub a:hover{border-color:#dbf0ff66}
.footer-links{grid-column:1/-1;margin:0 0 14px;font-size:12px;line-height:1.9;color:#8d97a0}
.footer-links a{color:#b9c6d0;text-decoration:none;border-bottom:1px solid #ffffff22;padding-bottom:1px}
.footer-links a:hover{color:#fff;border-color:#fff}
@media(max-width:1000px){.ld-points{grid-template-columns:repeat(2,1fr)}.ld-films{grid-template-columns:repeat(3,1fr)}.ld-hub{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.ld-points{grid-template-columns:1fr}.ld-films{grid-template-columns:repeat(2,1fr);gap:10px}.ld-films.ld-wide{grid-template-columns:1fr}.ld-stage{aspect-ratio:auto;min-height:0;max-height:none}.ld-stage.ld-triptych{grid-template-columns:repeat(2,1fr)}.ld-stage.ld-triptych>video:nth-child(3){display:none}.ld-stage.ld-triptych>video{aspect-ratio:9/16;height:auto}.ld-stage.ld-wide-stage{aspect-ratio:16/9}.ld-hub{grid-template-columns:1fr}.ld-film-meta b{font-size:13px}.ld-film-meta span{display:none}.ld-provenance{font-size:13px}}
