/* Editorial case studies and video center, extending the existing Haolink design. */
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}.project-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e3eaf3;transition:transform .25s,box-shadow .25s;color:#10233e;min-width:0}.project-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px #19385f12}.project-cover{position:relative;aspect-ratio:16/10;overflow:hidden;background:#edf3fa}.project-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-card:hover .project-cover img{transform:scale(1.035)}.project-cover>span{position:absolute;left:18px;bottom:16px;padding:5px 10px;background:#ffffffed;color:#245ec1;font-size:12px}.project-card-copy{padding:25px;display:flex;flex-direction:column;flex:1}.project-card h3{font-size:21px;line-height:1.5;margin:0 0 14px;letter-spacing:0}.project-card p{font-size:14px;line-height:1.9;color:#718097;margin:0 0 23px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-case{font-size:13px;font-weight:500;color:var(--blue);margin-top:auto}.topic-page .section-head h1{font-size:36px;line-height:1.5;letter-spacing:-1px;margin:0}.project-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px}.case-experience{background:#edf3fb}.case-experience iframe{display:block;width:100%;height:min(74vw,760px);min-height:400px;border:0;background:#020716}.case-title{padding-top:38px;padding-bottom:38px;border-bottom:1px solid #dfe7f1}.case-title nav{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#78879b;margin-bottom:58px}.case-title nav a:hover{color:var(--blue)}.case-title h1{max-width:1000px;font-size:clamp(28px,3vw,46px);font-weight:600;line-height:1.55;letter-spacing:0;margin:0 0 12px}.case-title .eyebrow{margin-bottom:20px}.case-article{width:calc(100% - 48px);max-width:920px;margin:55px auto 70px;color:#3f526b;font-size:17px;line-height:2.05;overflow-wrap:anywhere}.case-article p{margin:0 0 23px}.case-article h2{font-size:25px;line-height:1.7;color:#163353;font-weight:600;margin:44px 0 20px;padding-left:17px;border-left:3px solid var(--blue)}.case-article figure{margin:32px 0}.case-article figure img{display:block;max-width:100%;width:auto;max-height:950px;object-fit:contain;margin:auto}.source-long-body{position:relative;overflow:hidden;width:100%;background:#e5f1ff}.source-long-body img{display:block;width:100%;height:auto;max-width:none}.case-next{border-top:1px solid #dfe7f1;padding-top:45px;padding-bottom:80px}.case-next h2{font-size:27px}.topic-hero{position:relative;height:clamp(340px,33.333vw,600px);overflow:hidden;background:#edf7ff}.topic-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.topic-hero>.wrap{position:relative;padding-top:clamp(90px,8vw,170px)}.topic-hero h1{font-size:clamp(38px,4.2vw,70px);line-height:1.3;color:#102d56;margin:18px 0}.topic-hero p{font-size:18px;color:#456787}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 28px}.video-card{border:1px solid #dfe8f2;background:white;text-align:left;padding:0;overflow:hidden;color:var(--ink);cursor:pointer;transition:transform .25s,box-shadow .25s}.video-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #15365212}.video-cover{display:block;position:relative;aspect-ratio:16/9;background:#061429;overflow:hidden}.video-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.video-card:hover img{transform:scale(1.035)}.play-disc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#075af4df;color:white;font-size:18px;padding-left:3px;box-shadow:0 4px 22px #0003}.video-duration{position:absolute;bottom:10px;right:12px;color:white;background:#021025b5;font-size:12px;padding:3px 7px}.video-card-title{display:block;font-size:20px;line-height:1.5;font-weight:600;padding:22px 23px 0}.video-card-action{display:block;color:var(--blue);font-size:13px;padding:16px 23px 24px}#topic-video-player{width:min(1120px,calc(100vw - 32px));max-height:94svh;padding:20px;border:0;border-radius:6px;background:#061329;color:white}#topic-video-player::backdrop{background:#020817df}#topic-video-player .video-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}#topic-video-player h2{font-size:20px;margin:0;color:white}#topic-video-player button{color:white;border:0;background:transparent;font-size:30px;min-width:44px;min-height:44px;cursor:pointer}#topic-video-player video{display:block;width:100%;max-height:75svh;aspect-ratio:16/9;background:#000}#video-play-error{color:#ffd39a;font-size:14px}.lingshi-slide .hero-image{object-fit:cover;object-position:center top}.lingshi-slide .product-art{display:none!important}.company-position{line-height:1.9}
@media(max-width:1100px){.project-grid,.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-hero>img{object-position:60% center}.topic-hero .wrap{padding-top:85px}}
@media(max-width:800px){.project-grid,.project-grid.two,.video-grid{grid-template-columns:1fr;gap:24px}.project-card-copy{padding:22px}.project-card h3{font-size:22px}.topic-page .section-head h1{font-size:28px}.case-title nav{margin-bottom:35px;font-size:12px;gap:8px}.case-title{padding-top:25px;padding-bottom:25px}.case-title h1{font-size:28px}.case-article{font-size:16px;width:calc(100% - 40px);margin:32px auto 48px}.case-article h2{font-size:21px;margin-top:32px}.case-article figure{margin:25px 0}.case-next{padding-bottom:50px}.case-next .section-head{gap:20px}.case-experience iframe{height:530px;min-height:0}.case-experience .section-head{gap:20px}.topic-hero{height:360px}.topic-hero>img{object-position:64% center;opacity:.65}.topic-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#eaf5ff,#eaf5ff30);z-index:1}.topic-hero>.wrap{z-index:2;padding-top:95px}.topic-hero h1{font-size:42px}.topic-hero p{font-size:16px}.lingshi-slide .hero-image{aspect-ratio:2/1;object-fit:contain;top:200px}.video-card-title{font-size:19px}#topic-video-player{padding:12px}#topic-video-player h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){.project-card,.project-cover img,.video-card,.video-cover img{transition:none}.project-card:hover,.video-card:hover{transform:none}}

/* Video channel invitation */
.channel-banner{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:48px;padding:52px 64px;margin-bottom:72px;background:linear-gradient(115deg,#071f51 0%,#0649bf 66%,#1477ff 100%);color:#fff}.channel-banner:before,.channel-banner:after{content:"";position:absolute;z-index:-1;pointer-events:none;width:520px;height:520px;border:1px solid #ffffff20;border-radius:50%;right:-110px;top:-290px}.channel-banner:after{width:660px;height:660px;right:-180px;top:-360px;box-shadow:0 0 0 70px #ffffff06}.channel-kicker{font-size:12px;letter-spacing:2px;color:#b9d7ff}.channel-copy h2{font-size:clamp(28px,3vw,44px);line-height:1.35;margin:20px 0;color:white;letter-spacing:0}.channel-copy h2 span{display:block;font-size:clamp(18px,1.8vw,26px);font-weight:400;margin-top:10px}.channel-copy>p{margin:26px 0 12px;color:#d3e3ff;font-size:15px}.channel-topics{list-style:none;display:flex;flex-wrap:wrap;gap:12px 26px;padding:0;margin:0;font-size:17px}.channel-topics b{color:#8edcff;font-weight:500}.channel-qr{flex-shrink:0;text-align:center;margin:0}.channel-qr a{display:block;background:white;padding:13px;box-shadow:0 12px 35px #00153930}.channel-qr img{display:block;width:176px;height:176px;object-fit:contain}.channel-qr figcaption{font-size:12px;color:#d9e9ff;margin-top:14px}.channel-qr a:focus-visible{outline:3px solid #9ee8ff;outline-offset:5px}@media(max-width:800px){.channel-banner{padding:36px 24px;gap:30px;flex-direction:column;align-items:flex-start;margin-bottom:40px}.channel-qr{align-self:center}.channel-topics{gap:12px 20px;font-size:16px}.channel-copy h2{font-size:30px}.channel-copy h2 span{font-size:20px}}